:root{--navy:#0b315f;--blue:#1557a6;--green:#2fa55d;--bg:#f1f5f4;--ink:#17233a;--muted:#718092;--line:#dce6e2}*{box-sizing:border-box}body{font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--ink)}.admin-shell{min-height:100vh}.sidebar{position:fixed!important;inset:0 auto 0 0;width:270px!important;background:linear-gradient(180deg,#071d35,#0b315f);color:#fff;z-index:1040}.sidebar-inner{height:100%;padding:22px 16px;display:flex;flex-direction:column}.admin-brand{display:flex;align-items:center;gap:12px;color:#fff;padding:0 7px 25px;border-bottom:1px solid rgba(255,255,255,.11)}.admin-brand img{width:155px;height:45px;object-fit:contain;background:#fff;border-radius:6px}.admin-brand span{display:none}.sidebar nav{padding-top:25px}.nav-label{display:block;color:#6f8ba7;font-size:.63rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;padding:0 13px 9px}.sidebar nav a,.logout-link{display:flex;align-items:center;gap:13px;color:#b8ccde;padding:12px 13px;border-radius:11px;font-size:.84rem;font-weight:650;margin:2px 0}.sidebar nav a:hover,.logout-link:hover{background:rgba(255,255,255,.09);color:#fff}.logout-link{margin-top:auto}.admin-main{margin-left:270px}.admin-topbar{min-height:88px;padding:15px 32px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.admin-topbar>div:first-of-type>span{font-size:.68rem;color:var(--green);text-transform:uppercase;font-weight:800;letter-spacing:.12em}.admin-topbar h1{font-size:1.35rem;font-weight:800;margin:2px 0 0}.admin-user{display:flex;align-items:center;gap:12px;font-size:.8rem;font-weight:700}.admin-user b{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--navy);color:#fff}.menu-button{border:0;background:var(--navy);color:#fff;border-radius:9px;padding:8px 11px}.admin-content{padding:30px}.stat-card,.admin-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 9px 30px rgba(11,49,95,.05)}.stat-card{padding:24px}.stat-card small{color:var(--muted);font-weight:700}.stat-card strong{display:block;font-size:2rem;color:var(--navy);margin-top:8px}.admin-card{padding:25px}.admin-card h2{font-size:1.05rem;font-weight:800}.btn-admin{background:var(--navy);color:#fff;border-radius:10px;font-weight:750;padding:.68rem 1rem}.btn-admin:hover{background:var(--blue);color:#fff}.form-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#526174}.form-control,.form-select{border-color:var(--line);border-radius:10px;padding:.72rem .8rem}.form-control:focus,.form-select:focus{border-color:var(--blue);box-shadow:0 0 0 .2rem rgba(21,87,166,.1)}.table{font-size:.82rem}.table th{font-size:.67rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800;padding:13px}.table td{padding:13px;vertical-align:middle}.product-thumb{width:52px;height:52px;border-radius:10px;object-fit:contain;border:1px solid var(--line);background:#fff}.badge-soft{background:#e8f6ee;color:#21894d;border-radius:999px;padding:6px 9px;font-weight:750}.action-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 9px;font-size:.72rem;font-weight:750}.action-btn.edit{color:var(--blue)}.action-btn.delete{color:#ba3434}.modal-content{border:0;border-radius:20px}.modal-header{padding:20px 24px}.modal-body{padding:24px}.image-preview-strip{display:flex;gap:8px;overflow:auto}.image-preview-strip img{width:62px;height:62px;object-fit:contain;border:1px solid var(--line);border-radius:9px}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 80% 20%,rgba(47,165,93,.2),transparent 28%),linear-gradient(135deg,#061a31,#0b315f)}.login-card{width:min(440px,100%);background:#fff;border-radius:24px;padding:36px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.login-card img{width:225px;height:62px;object-fit:contain;display:block;margin:auto}.login-card h1{font-size:1.65rem;font-weight:800;margin:25px 0 5px;text-align:center}.login-card>p{text-align:center;color:var(--muted);font-size:.85rem}.help-note{font-size:.75rem;color:var(--muted);background:#f3f7f5;border-radius:10px;padding:11px}@media(max-width:991px){.sidebar{position:fixed!important}.admin-main{margin-left:0}.admin-topbar{padding:12px 18px}.admin-content{padding:20px}.admin-user>span{display:none}}@media(max-width:575px){.admin-card{padding:18px}.table-responsive{margin-inline:-18px}.login-card{padding:28px 22px}}