:root{--adm-bg: #f4f5f7;--adm-panel: #ffffff;--adm-sidebar: #16171d;--adm-sidebar-2: #1f2129;--adm-ink: #1a1c22;--adm-muted: #6b7280;--adm-line: #e7e8ec;--adm-red: #ef3e36;--adm-yellow: #ffd23f;--adm-green: #16a34a;--adm-amber: #d97706;--adm-blue: #2563eb}.admin-body{background:var(--adm-bg);color:var(--adm-ink);min-height:100vh}.admin-grid{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.adm-side{background:var(--adm-sidebar);color:#c9ccd6;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.adm-brand{display:flex;align-items:center;gap:10px;padding:20px 20px 22px;font-family:var(--font-display);font-weight:700;font-size:18px;color:#fff}.adm-brand .ball{width:24px;height:24px;border-radius:50%;background:var(--adm-red);border:2.5px solid #fff;position:relative;flex-shrink:0}.adm-brand .ball:after{content:"";position:absolute;top:50%;left:0;right:0;height:2.5px;background:#fff;transform:translateY(-50%)}.adm-nav{display:flex;flex-direction:column;gap:2px;padding:8px 12px;flex:1}.adm-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;font-size:14px;font-weight:500;color:#c9ccd6}.adm-nav a:hover{background:var(--adm-sidebar-2);color:#fff}.adm-nav a.active{background:var(--adm-red);color:#fff}.adm-nav a svg{width:18px;height:18px;flex-shrink:0}.adm-nav .adm-nav-badge{margin-left:auto;background:var(--adm-yellow);color:#111;font-size:11px;font-weight:700;border-radius:10px;padding:1px 7px}.adm-side-foot{padding:14px 16px;border-top:1px solid var(--adm-sidebar-2)}.adm-side-foot a{color:#9aa0ad;font-size:13px;display:flex;align-items:center;gap:8px}.adm-side-foot a:hover{color:#fff}.adm-main{display:flex;flex-direction:column;min-width:0}.adm-top{background:var(--adm-panel);border-bottom:1px solid var(--adm-line);display:flex;align-items:center;justify-content:space-between;padding:14px 26px;position:sticky;top:0;z-index:30}.adm-top h1{font-family:var(--font-display);font-weight:700;font-size:20px;margin:0}.adm-top-actions{display:flex;align-items:center;gap:12px}.adm-bell{position:relative;width:40px;height:40px;border-radius:10px;border:1px solid var(--adm-line);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.adm-bell:hover{background:#f7f7f9}.adm-bell-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;background:var(--adm-red);color:#fff;font-size:10px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center}.adm-user{display:flex;align-items:center;gap:10px}.adm-avatar{width:34px;height:34px;border-radius:50%;background:var(--adm-red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.adm-user-meta{line-height:1.2}.adm-user-meta b{font-size:13px}.adm-user-meta span{font-size:11px;color:var(--adm-muted)}.adm-notif{position:absolute;top:54px;right:26px;width:360px;max-width:calc(100vw - 40px);background:#fff;border:1px solid var(--adm-line);border-radius:14px;box-shadow:0 12px 40px #00000029;z-index:50;overflow:hidden}.adm-notif-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--adm-line);font-weight:700;font-size:14px}.adm-notif-head button{background:none;border:none;color:var(--adm-blue);font-size:12px;font-weight:600;cursor:pointer}.adm-notif-list{max-height:420px;overflow-y:auto}.adm-notif-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #f2f3f5;cursor:pointer}.adm-notif-item:hover{background:#fafafb}.adm-notif-item.unread{background:#fff8f7}.adm-notif-ic{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.adm-notif-ic.order{background:#eef4ff}.adm-notif-ic.review{background:#fff6e6}.adm-notif-ic.stock{background:#fdecea}.adm-notif-tt{font-size:13px;font-weight:600;margin-bottom:2px}.adm-notif-bd{font-size:12px;color:var(--adm-muted)}.adm-notif-empty{padding:34px 16px;text-align:center;color:var(--adm-muted);font-size:13px}.adm-content{padding:26px;max-width:1200px;width:100%}.adm-demo{background:#fff7e0;border:1px solid #ffe08a;color:#7a5c00;font-size:12.5px;border-radius:10px;padding:10px 14px;margin-bottom:22px}.adm-panel{background:var(--adm-panel);border:1px solid var(--adm-line);border-radius:14px}.adm-panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--adm-line)}.adm-panel-head h2{font-size:15px;font-weight:700;margin:0;font-family:var(--font-body)}.adm-panel-head a{font-size:12.5px;font-weight:600;color:var(--adm-blue)}.adm-btn{font-family:inherit;border:1px solid var(--adm-line);background:#fff;border-radius:10px;padding:9px 14px;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;color:var(--adm-ink)}.adm-btn:hover{background:#f7f7f9}.adm-btn-primary{background:var(--adm-red);border-color:var(--adm-red);color:#fff}.adm-btn-primary:hover{filter:brightness(.95);background:var(--adm-red)}.adm-btn-ghost{border-color:transparent;background:transparent}.adm-btn-danger{color:var(--adm-red);border-color:#f3c6c3}.adm-btn-danger:hover{background:#fdecea}.adm-btn:disabled{opacity:.5;cursor:not-allowed}.adm-pill{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:20px;display:inline-block;white-space:nowrap}.adm-pill.green{background:#e7f7ec;color:#157a3a}.adm-pill.amber{background:#fff3cd;color:#8a6d00}.adm-pill.red{background:#fdecea;color:#b3271e}.adm-pill.blue{background:#eaf1ff;color:#1d4ed8}.adm-pill.gray{background:#eef0f3;color:#4b5563}.adm-table{width:100%;border-collapse:collapse;font-size:13.5px}.adm-table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--adm-muted);font-weight:700;padding:12px 14px;border-bottom:1px solid var(--adm-line)}.adm-table td{padding:12px 14px;border-bottom:1px solid #f2f3f5;vertical-align:middle}.adm-table tr:last-child td{border-bottom:none}.adm-table tbody tr:hover{background:#fafafb}.adm-chip{width:34px;height:34px;border-radius:8px;flex-shrink:0;background-size:cover;background-position:center}.adm-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.adm-field label{font-size:13px;font-weight:600}.adm-field .hint{font-size:11.5px;color:var(--adm-muted)}.adm-input,.adm-select,.adm-textarea{border:1.5px solid var(--adm-line);border-radius:10px;padding:11px 12px;font-size:14px;font-family:inherit;outline:none;background:#fff;width:100%}.adm-input:focus,.adm-select:focus,.adm-textarea:focus{border-color:var(--adm-red)}.adm-textarea{resize:vertical;min-height:90px}.adm-row{display:grid;gap:14px}.adm-switch{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13.5px;font-weight:600}.adm-switch input{width:40px;height:22px;appearance:none;background:#d3d6dc;border-radius:20px;position:relative;cursor:pointer;transition:background .15s;flex-shrink:0}.adm-switch input:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.adm-switch input:checked{background:var(--adm-green)}.adm-switch input:checked:after{transform:translate(18px)}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.adm-side{position:static;height:auto;flex-direction:row;align-items:center;overflow-x:auto}.adm-nav{flex-direction:row;flex:1}.adm-side-foot{border-top:none}.adm-brand{padding:14px}}