:root{--dark:#0b0b0c;--side:#111114;--panel:#fff;--soft:#f5f6f8;--line:#e5e7eb;--red:#ef3b2d}
body{margin:0;background:var(--soft);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#171717}
.admin-shell{display:flex;min-height:100vh}
.admin-sidebar{width:270px;background:var(--side);color:#fff;position:fixed;inset:0 auto 0 0;overflow:auto;padding:20px 14px}
.admin-sidebar .brand{display:block;color:#fff;font-weight:900;font-size:1.1rem;margin:0 10px 18px}
.admin-sidebar a{display:flex;gap:.55rem;align-items:center;color:#d5d5d5;text-decoration:none;padding:10px 12px;border-radius:8px;font-size:.94rem}
.admin-sidebar a:hover{background:#1d1d22;color:#fff}
.admin-main{margin-left:270px;flex:1;padding:24px}
.topbar{height:56px;background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;padding:0 18px}
.metric,.card-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 10px 30px rgba(15,23,42,.04)}
.metric strong{display:block;font-size:2rem}
.table-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;overflow:auto}
.form-control,.form-select{border-radius:8px}
.btn-danger,.btn-primary{border-radius:8px}
.thumb{width:66px;height:52px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(239,59,45,.18),transparent 28%),#0b0b0c}
.login-box{width:min(440px,92vw);background:#fff;border-radius:10px;padding:28px}
@media(max-width:900px){.admin-sidebar{position:relative;width:100%;height:auto}.admin-shell{display:block}.admin-main{margin-left:0;padding:14px}}