.admin-body{background:#0b0b0b}.login-view{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 20%,#4b1f0d,transparent 35%),#090909}.login-card{width:min(410px,100%);background:#151515;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:var(--shadow);text-align:center}.login-card img{width:90px}.login-card h1{margin:5px 0;font-size:30px}.login-card>p:not(.eyebrow){color:var(--muted);font-size:14px}.login-card label{text-align:left;display:block;font-size:12px;font-weight:800;margin:22px 0 14px}.login-card input{width:100%;margin-top:8px;background:#242424;border:1px solid var(--line);border-radius:13px;padding:15px;color:var(--cream);font-size:20px;letter-spacing:.2em;text-align:center}.login-card a{display:block;color:var(--muted);margin-top:20px;font-size:12px}.login-card small{display:block;color:#6f6963;margin-top:12px}.admin-app{min-height:100vh;padding-left:250px}.admin-side{position:fixed;z-index:45;left:0;top:0;bottom:0;width:250px;background:#111;border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column}.admin-brand{display:flex;gap:10px;align-items:center;padding:0 8px 22px}.admin-brand img{width:46px}.admin-brand div{display:flex;flex-direction:column}.admin-brand small{color:var(--muted);font-size:10px}.admin-side nav{display:grid;gap:5px}.admin-side nav button,.admin-side>a,.admin-side>button{border:0;border-radius:12px;background:transparent;color:#bcb4aa;text-align:left;padding:13px;text-decoration:none;font-weight:750}.admin-side nav button.active{background:#302016;color:#ffbc57}.admin-side>a{margin-top:auto}.admin-side>button{color:#ee8067}.admin-top{height:72px;position:sticky;z-index:35;top:0;background:#0b0b0be9;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff0b;display:flex;align-items:center;padding:0 28px;gap:12px}.admin-top div{display:flex;flex-direction:column}.admin-top small{color:var(--muted);font-size:10px}.admin-top b{font-size:18px}.admin-top span{margin-left:auto;color:#84db9a;font-size:11px;border:1px solid #295c36;border-radius:20px;padding:7px 10px}.admin-top>button{display:none}.admin-main{max-width:1250px;padding:28px;margin:auto}.admin-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.admin-heading h1{margin:0;font-size:31px}.admin-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{border:1px solid var(--line);background:linear-gradient(145deg,#191919,#111);border-radius:17px;padding:18px}.stat small{color:var(--muted);display:block}.stat strong{display:block;font-size:30px;margin-top:6px}.admin-panel{margin-top:18px;background:#151515;border:1px solid var(--line);border-radius:20px;padding:20px}.admin-panel h2{margin:0 0 15px;font-size:19px}.status-control{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.status-control label{background:#202020;border:1px solid var(--line);border-radius:13px;padding:14px}.admin-filters{display:flex;gap:8px;margin-bottom:14px}.admin-filters input,.admin-filters select,.admin-form input,.admin-form textarea,.admin-form select{background:#202020;color:var(--cream);border:1px solid var(--line);border-radius:12px;padding:12px;outline:0}.admin-filters input{flex:1}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:10px;border-bottom:1px solid var(--line)}.admin-table td{padding:10px;border-bottom:1px solid #292623;font-size:13px}.thumb{width:54px;height:45px;object-fit:cover;border-radius:9px;background:#222}.pill{display:inline-flex;border-radius:20px;padding:5px 8px;background:#242424;font-size:10px}.pill.on{color:#8ee7a4;background:#17331f}.table-actions{display:flex;gap:5px}.table-actions button{border:1px solid var(--line);background:#222;color:var(--cream);border-radius:8px;padding:7px 9px}.table-actions .danger{color:#ff8970}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.admin-form label{font-size:11px;color:#c8c0b7;font-weight:800;display:flex;flex-direction:column;gap:7px}.admin-form .full{grid-column:1/-1}.image-editor{grid-column:1/-1;display:grid;grid-template-columns:180px 1fr;gap:15px;background:#1c1c1c;padding:14px;border-radius:15px}.image-preview{height:150px;background:#111 center/cover;border-radius:12px;overflow:hidden}.image-tools{display:grid;gap:9px}.image-tools small{color:var(--muted)}.image-tools input[type=range]{width:100%}.form-actions{grid-column:1/-1;display:flex;gap:9px;justify-content:flex-end;margin-top:8px}.banner-list,.extra-list{display:grid;gap:10px}.banner-row,.extra-row{background:#1d1d1d;border:1px solid var(--line);padding:12px;border-radius:14px;display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center}.banner-row img{width:90px;height:60px;object-fit:cover;border-radius:9px}.banner-row h3,.extra-row h3{margin:0;font-size:14px}.banner-row p{color:var(--muted);font-size:11px;margin:4px 0}.settings-actions{display:flex;flex-wrap:wrap;gap:9px}.settings-actions button,.file-button{border:1px solid var(--line);background:#25211e;color:var(--cream);border-radius:12px;padding:12px 15px;font-weight:800;cursor:pointer}.danger-zone{border-color:#5c2a22}.danger-zone button{background:#321713;color:#ff927a}.admin-modal{width:min(760px,100%)}
@media(max-width:760px){.admin-app{padding-left:0}.admin-side{transform:translateX(-105%);transition:.25s;box-shadow:var(--shadow)}.admin-side.open{transform:translateX(0)}.admin-top{height:65px;padding:0 14px}.admin-top>button{display:block;border:1px solid var(--line);background:#202020;color:var(--cream);border-radius:10px;width:40px;height:40px}.admin-main{padding:18px 10px 90px}.stat-grid{grid-template-columns:repeat(2,1fr)}.status-control{grid-template-columns:1fr}.admin-heading{align-items:flex-start;gap:12px}.admin-heading h1{font-size:25px}.admin-filters{flex-direction:column}.admin-form{grid-template-columns:1fr}.admin-form>*{grid-column:1!important}.image-editor{grid-template-columns:1fr}.banner-row{grid-template-columns:75px 1fr}.banner-row img{width:75px}.banner-row .table-actions{grid-column:1/-1}.modal.admin-modal{padding:18px}.login-card{padding:24px}}
