:root{--a-bg:#f4f6fa;--a-ink:#141c2f;--a-muted:#6e788a;--a-line:#e2e7ef;--a-blue:#2757ff;--a-side:#10182a;--a-green:#0f9f6e;--a-red:#d64747;--a-amber:#dc9222}*{box-sizing:border-box}.brand-lockup{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--a-ink)}.brand-lockup strong{display:block;font-size:15px;letter-spacing:-.02em}.brand-lockup small{display:block;color:#8d98ab;font-size:10px;margin-top:2px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#143cff,#7391ff);color:#fff;font-weight:900;box-shadow:0 10px 24px rgba(35,87,255,.25)}body.admin-body{margin:0;background:var(--a-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--a-ink)}.admin-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--a-side);color:white;padding:23px 16px;display:flex;flex-direction:column;z-index:10}.sidebar .brand-lockup{color:#fff;margin:0 8px 30px}.sidebar .brand-mark{width:36px;height:36px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;color:#9fa9bd;text-decoration:none;border-radius:10px;font-size:13px;font-weight:700}.side-nav a:hover,.side-nav a.active{background:#1b2741;color:#fff}.nav-icon{width:20px;text-align:center;opacity:.9}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:15px 8px 0}.sidebar-footer small{color:#75819a;font-size:10px;display:block}.sidebar-footer b{font-size:12px;display:block;margin-top:3px}.main-area{grid-column:2;padding:0 30px 50px;min-width:0}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between}.topbar-title h1{font-size:22px;letter-spacing:-.035em;margin:0}.topbar-title p{margin:4px 0 0;color:var(--a-muted);font-size:11px}.topbar-actions{display:flex;gap:9px;align-items:center}.a-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:10px 14px;text-decoration:none;font-size:12px;font-weight:800;border:1px solid var(--a-line);color:#344054;background:#fff;cursor:pointer}.a-btn.primary{background:var(--a-blue);border-color:var(--a-blue);color:#fff;box-shadow:0 8px 18px rgba(39,87,255,.2)}.a-btn.danger{color:#b53c3c}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.kpi{background:#fff;border:1px solid var(--a-line);border-radius:16px;padding:17px}.kpi-head{display:flex;justify-content:space-between;align-items:center;color:var(--a-muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.kpi-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eef2ff;color:var(--a-blue);font-size:13px}.kpi strong{display:block;font-size:28px;letter-spacing:-.04em;margin-top:12px}.kpi small{color:var(--a-muted);font-size:10px}.panel{background:#fff;border:1px solid var(--a-line);border-radius:17px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 19px;border-bottom:1px solid var(--a-line)}.panel-head h2{font-size:14px;margin:0;letter-spacing:-.02em}.panel-head p{font-size:10px;color:var(--a-muted);margin:4px 0 0}.dashboard-grid{display:grid;grid-template-columns:1.65fr .85fr;gap:18px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#8993a4;text-align:left;background:#fafbfd;padding:11px 14px;border-bottom:1px solid var(--a-line);white-space:nowrap}.data-table td{padding:12px 14px;border-bottom:1px solid #eef1f5;font-size:11px;color:#475467;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.product-cell{display:flex;align-items:center;gap:10px;min-width:250px}.p-icon{width:34px;height:34px;border-radius:10px;background:#eef2ff;color:var(--a-blue);display:grid;place-items:center;font-size:10px;font-weight:900;flex:0 0 auto}.product-cell b{display:block;color:var(--a-ink);font-size:11px}.product-cell small{display:block;color:#98a2b3;font-size:9px;margin-top:2px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;background:#edf9f4;color:#177b59;font-size:9px;font-weight:850;white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:#1fb87d}.status.low{background:#fff7e8;color:#a56b17}.status.low:before{background:#e8a43b}.status.out{background:#fff0f0;color:#ad3f3f}.status.out:before{background:#db5656}.action-menu{display:flex;gap:6px}.icon-btn{width:30px;height:30px;border:1px solid var(--a-line);background:#fff;border-radius:8px;display:grid;place-items:center;text-decoration:none;color:#536075;cursor:pointer}.chart-list{padding:17px}.brand-bar{margin-bottom:14px}.brand-bar-head{display:flex;justify-content:space-between;font-size:10px;margin-bottom:6px}.brand-bar-head span:last-child{color:var(--a-muted)}.bar-track{height:6px;border-radius:99px;background:#edf0f5;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:var(--a-blue)}.filter-panel{padding:14px 16px;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--a-line)}.filter-panel input,.filter-panel select,.form-control{border:1px solid #d9e0e9;background:#fff;border-radius:10px;padding:10px 11px;font:inherit;font-size:11px;color:#344054;outline:0}.filter-panel input{min-width:250px;flex:1}.filter-panel input:focus,.filter-panel select:focus,.form-control:focus{border-color:#8aa2ff;box-shadow:0 0 0 3px #edf1ff}.pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-top:1px solid var(--a-line);font-size:10px;color:var(--a-muted)}.page-links{display:flex;gap:5px}.page-links a{min-width:30px;height:30px;border:1px solid var(--a-line);background:white;border-radius:8px;display:grid;place-items:center;text-decoration:none;color:#475467}.page-links a.active{background:var(--a-blue);border-color:var(--a-blue);color:white}.form-card{background:#fff;border:1px solid var(--a-line);border-radius:17px;padding:20px}.admin-form{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:850;color:#475467;text-transform:uppercase;letter-spacing:.05em}.field small{font-size:9px;color:#8b95a7}.form-control{width:100%}.admin-form textarea.form-control{min-height:100px;resize:vertical}.toggle-row{display:flex;gap:20px;align-items:center}.check{display:flex;gap:8px;align-items:center;font-size:11px;color:#475467}.form-actions{grid-column:1/-1;display:flex;gap:8px;padding-top:6px}.flash{padding:11px 13px;border-radius:11px;font-size:11px;margin-bottom:14px}.flash.success{background:#eafaf4;color:#157553;border:1px solid #c9f0e2}.flash.error{background:#fff0f0;color:#ac3939;border:1px solid #ffd3d3}.login-page{min-height:100vh;background:linear-gradient(135deg,#eef3ff,#f7f8fb);display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--a-line);border-radius:22px;padding:30px;box-shadow:0 24px 70px rgba(27,43,78,.13)}.login-card .brand-lockup{margin-bottom:26px}.login-card h1{font-size:27px;letter-spacing:-.04em;margin:0}.login-card>p{font-size:12px;color:var(--a-muted);line-height:1.55}.login-form{display:grid;gap:14px;margin-top:22px}.login-form .a-btn{width:100%;padding:12px}.login-back{text-align:center;margin-top:16px}.login-back a{font-size:10px;color:#667085}.import-zone{border:1.5px dashed #b9c4d4;border-radius:15px;padding:34px;text-align:center;background:#fbfcfe}.import-zone h3{font-size:14px;margin:8px 0 5px}.import-zone p{font-size:10px;color:var(--a-muted);margin:0 0 13px}.help-box{background:#f6f8ff;border:1px solid #e0e7ff;border-radius:13px;padding:14px;margin-top:15px;color:#59657a;font-size:10px;line-height:1.6}.empty-mini{text-align:center;color:#8b96a8;padding:35px}.mobile-nav{display:none}@media(max-width:980px){.admin-shell{display:block}.sidebar{display:none}.main-area{grid-column:auto;padding:0 16px 75px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#10182a;z-index:30;padding:8px 12px;justify-content:space-around}.mobile-nav a{color:#aab4c7;text-decoration:none;font-size:10px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.topbar{height:68px}}@media(max-width:600px){.kpi-grid{grid-template-columns:1fr 1fr}.topbar-title p{display:none}.topbar-actions .a-btn:not(.primary){display:none}.filter-panel{flex-wrap:wrap}.filter-panel input{min-width:100%;flex-basis:100%}.admin-form{grid-template-columns:1fr}.field.full,.form-actions{grid-column:auto}.panel-head{align-items:flex-start;gap:10px}.data-table th:nth-child(3),.data-table td:nth-child(3){display:none}}