.admin-body{background:#060810}
.admin-layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}
.admin-sidebar{background:#0a0d14;border-right:1px solid #1a2030;padding:32px 20px;position:sticky;top:0;height:100vh;overflow-y:auto}
.admin-nav{display:flex;flex-direction:column;gap:4px}
.admin-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;color:#5a6a7a;font-size:.88rem;transition:all .2s;text-decoration:none}
.admin-nav a:hover,.admin-nav a.active{background:rgba(0,232,122,.08);color:var(--green);opacity:1}
.admin-main{display:flex;flex-direction:column;min-height:100vh}
.admin-topbar{background:#0a0d14;border-bottom:1px solid #1a2030;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}
.admin-page-title{font-size:1.2rem;color:#fff}
.admin-user{font-family:var(--mono);font-size:.75rem;color:#5a6a7a}
.admin-content{flex:1;padding:32px}
.admin-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#060810}
.admin-login-box{background:#0a0d14;border:1px solid #1a2030;border-radius:12px;padding:48px;width:100%;max-width:420px}
.admin-login-box h2{margin-bottom:32px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}
.stat-card{background:#0a0d14;border:1px solid #1a2030;border-radius:10px;padding:24px;display:flex;gap:16px;align-items:center}
.stat-icon{font-size:2em}
.stat-info strong{display:block;font-size:1.6rem;font-family:var(--mono);color:#fff}
.stat-info span{font-size:.8rem;color:#5a6a7a;font-family:var(--mono)}
.section-head-admin{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}
.section-head-admin h2{font-size:1.1rem}
.admin-table-wrap{background:#0a0d14;border:1px solid #1a2030;border-radius:10px;overflow:auto}
.admin-table{width:100%;border-collapse:collapse}
.admin-table thead{background:#0e1218}
.admin-table th{padding:12px 16px;text-align:left;font-family:var(--mono);font-size:.72rem;color:#5a6a7a;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}
.admin-table td{padding:14px 16px;border-top:1px solid #1a2030;font-size:.88rem;vertical-align:middle}
.admin-table tr:hover td{background:rgba(255,255,255,.02)}
.row-inactive td{opacity:.5}
.td-product{display:flex;align-items:center;gap:12px}
.td-thumb{width:48px;height:36px;object-fit:cover;border-radius:4px;border:1px solid #1a2030}
.td-thumb-placeholder{width:48px;height:36px;background:#131920;border:1px solid #1a2030;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.2em}
.td-product small{display:block;color:#5a6a7a;font-family:var(--mono);font-size:.72rem;margin-top:2px}
.td-actions{display:flex;gap:6px;white-space:nowrap}
.form-grid{display:grid;grid-template-columns:1fr 320px;gap:32px;margin-bottom:32px}
.form-card{background:#0a0d14;border:1px solid #1a2030;border-radius:10px;padding:24px;margin-bottom:16px}
.form-card h3{font-size:.88rem;font-family:var(--mono);color:#5a6a7a;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}
.form-actions{display:flex;gap:12px}
.file-upload-label{display:block;border:1px dashed #2a3540;border-radius:6px;padding:16px;text-align:center;cursor:pointer;transition:border-color .2s;font-size:.85rem;color:#5a6a7a}
.file-upload-label:hover{border-color:var(--green);color:var(--green)}
.file-upload-label input[type="file"]{display:none}
.image-preview-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.preview-img{width:72px;height:52px;object-fit:cover;border-radius:4px;border:1px solid #1a2030}
.current-images{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.current-image{position:relative}
.current-image img{width:72px;height:52px;object-fit:cover;border-radius:4px;border:1px solid #1a2030}
.cover-badge{position:absolute;bottom:2px;left:2px;background:rgba(0,232,122,.9);color:#000;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:2px;font-family:var(--mono)}
.img-delete{position:absolute;top:2px;right:2px;background:rgba(255,69,96,.85);color:#fff;border:none;width:18px;height:18px;border-radius:2px;cursor:pointer;font-size:.65rem;display:flex;align-items:center;justify-content:center}
.admin-two-col{display:grid;grid-template-columns:1fr 320px;gap:32px}
.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #1a2030;gap:16px;font-size:.9rem}
.detail-row:last-child{border-bottom:none}
.detail-row span:first-child{color:#5a6a7a;min-width:80px}
.filter-tabs{display:flex;gap:4px}
.filter-tabs a{padding:6px 16px;border-radius:6px;font-family:var(--mono);font-size:.78rem;color:#5a6a7a;transition:all .2s}
.filter-tabs a:hover,.filter-tabs a.active{background:rgba(0,232,122,.1);color:var(--green);opacity:1}
.pagination{display:flex;gap:6px;margin-top:20px;justify-content:center}
.page-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #1a2030;border-radius:6px;font-family:var(--mono);font-size:.8rem;color:#5a6a7a;text-decoration:none;transition:all .2s}
.page-btn:hover,.page-btn.active{border-color:var(--green);color:var(--green);opacity:1}
.quick-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}
.quick-action{background:#0a0d14;border:1px solid #1a2030;border-radius:10px;padding:20px 28px;display:flex;flex-direction:column;gap:6px;text-decoration:none;transition:all .2s}
.quick-action:hover{border-color:var(--green);opacity:1}
.quick-action span{font-size:1.5em}
.quick-action strong{color:#d4dde8;font-size:.9rem}
.current-file{font-family:var(--mono);font-size:.78rem;color:#5a6a7a;margin-bottom:8px}
@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.admin-two-col{grid-template-columns:1fr}}
@media(max-width:768px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:none}.stats-grid{grid-template-columns:1fr 1fr}}