:root{--navy:#12263a;--navy2:#183a59;--accent:#2563eb;--bg:#f5f7fb;--text:#162033;--muted:#6b7280;--line:#e5e9f0;--card:#fff;--sidebar:264px}.xsmall{font-size:.75rem}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,var(--navy),#0f1f31);color:#fff;z-index:1040;display:flex;flex-direction:column;transition:.25s}.brand{height:72px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-mark{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:20px}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:16px}.brand-copy span{font-size:11px;color:#b9c7d6}.sidebar-nav{padding:14px 10px;overflow:auto}.sidebar .nav-link{color:#c9d5e2;border-radius:9px;margin:2px 0;padding:10px 12px;display:flex;align-items:center;gap:11px;border:0;background:transparent;width:100%;text-align:left}.sidebar .nav-link i:first-child{font-size:17px;width:20px}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:rgba(255,255,255,.10);color:white}.nav-sub{padding:2px 0 8px 43px}.nav-sub a{display:block;color:#9fb1c4;text-decoration:none;padding:7px 8px;border-radius:7px;font-size:13px}.nav-sub a:hover{background:rgba(255,255,255,.07);color:white}.sidebar-foot{margin-top:auto;padding:16px 22px;color:#8398ad;border-top:1px solid rgba(255,255,255,.08)}.app-shell{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column;transition:.25s}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 24px;position:sticky;top:0;z-index:1020}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;display:inline-grid;place-items:center;background:#fff}.top-title h1{font-size:18px;margin:0;font-weight:700}.crumb{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.crumb a{text-decoration:none;color:var(--accent)}.global-search{width:min(420px,36vw);position:relative}.global-search>i{position:absolute;left:13px;top:10px;color:#8a94a6}.global-search input{width:100%;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 14px 0 38px;background:#f8fafc;outline:none}.search-results{position:absolute;top:45px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 35px rgba(15,23,42,.15);display:none;max-height:360px;overflow:auto}.search-results a{display:block;padding:10px 13px;border-bottom:1px solid #f0f2f6;text-decoration:none;color:var(--text)}.notif-dot{position:absolute;right:8px;top:7px;width:7px;height:7px;border-radius:50%;background:#ef4444}.notification-menu{width:340px}.admin-chip{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding-left:14px}.admin-chip .avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8efff;color:#1d4ed8;font-weight:800}.admin-chip strong,.admin-chip span{display:block;line-height:1.15}.admin-chip span{font-size:11px;color:var(--muted)}.content-area{padding:24px;flex:1}.app-footer{font-size:12px;color:#7b8794;padding:14px 24px;text-align:center}.card{border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 10px rgba(15,23,42,.03)}.card-header{background:transparent;border-bottom:1px solid var(--line);padding:16px 18px;font-weight:700}.metric-card{padding:18px;height:100%;display:flex;align-items:center;gap:15px}.metric-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:21px;background:#eef4ff;color:#2563eb}.metric-value{font-size:25px;font-weight:800;line-height:1}.metric-label{font-size:12px;color:var(--muted);margin-top:5px}.table{font-size:13px}.table thead th{background:#f8fafc;color:#526174;font-weight:700;border-bottom:1px solid var(--line);white-space:nowrap;padding:11px}.table td{vertical-align:middle;padding:11px;white-space:nowrap}.table-card{overflow:hidden}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.form-control,.form-select{border-color:#dfe5ed;border-radius:9px;min-height:40px}.form-label{font-size:12px;font-weight:700;color:#465366}.btn{border-radius:9px}.btn-primary{background:#2563eb;border-color:#2563eb}.section-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#667085;margin-bottom:14px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f2f5}.activity-item:last-child{border:0}.activity-icon{width:36px;height:36px;border-radius:10px;background:#eef4ff;color:#2563eb;display:grid;place-items:center;flex:0 0 auto}.low-stock-item{padding:12px;border:1px solid #fee2e2;background:#fffafa;border-radius:10px;margin-bottom:10px}.detail-hero{display:flex;gap:18px;align-items:center}.asset-image{width:96px;height:96px;border-radius:16px;background:#edf2f7;display:grid;place-items:center;font-size:38px;color:#64748b}.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kv-item{padding:12px;background:#f8fafc;border-radius:10px}.kv-item span{display:block;color:var(--muted);font-size:11px}.kv-item strong{display:block;margin-top:3px}.timeline{position:relative;padding-left:26px}.timeline:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:2px;background:#e2e8f0}.timeline-item{position:relative;margin-bottom:20px}.timeline-item:before{content:"";position:absolute;left:-22px;top:4px;width:10px;height:10px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 4px #e8efff}.report-card{height:100%;transition:.2s}.report-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(15,23,42,.08)}.report-icon{width:46px;height:46px;border-radius:12px;background:#eef4ff;color:#2563eb;display:grid;place-items:center;font-size:20px}.sidebar-collapsed .sidebar{width:82px}.sidebar-collapsed .app-shell{margin-left:82px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .sidebar .nav-link span,.sidebar-collapsed .sidebar .nav-link .ms-auto,.sidebar-collapsed .nav-sub,.sidebar-collapsed .sidebar-foot{display:none}.sidebar-collapsed .brand{justify-content:center}.sidebar-collapsed .sidebar .nav-link{justify-content:center}.sidebar-overlay{display:none}