:root{--primary:#0d6efd;--primary2:#1354d8;--nav:#061833;--bg:#f4f7fb;--card:#fff;--text:#0b1736;--muted:#6b7890;--line:#e9eef7;--success:#20c997;--warning:#ffb020;--danger:#ef4444;--shadow:0 14px 40px rgba(18,38,63,.08)}
[data-theme="dark"]{--primary:#4f8cff;--primary2:#0062ff;--nav:#020817;--bg:#0b1020;--card:#111827;--text:#f8fafc;--muted:#94a3b8;--line:#243044;--shadow:0 14px 40px rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,var(--nav),#031124);color:#fff;padding:18px;position:fixed;inset:0 auto 0 0;z-index:20}.brand{display:flex;gap:10px;align-items:center;font-size:23px;margin-bottom:20px}.brand-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--primary);box-shadow:0 12px 30px rgba(13,110,253,.35)}.sidebar nav a{display:flex;align-items:center;gap:12px;color:#cbd5e1;text-decoration:none;padding:12px 14px;border-radius:12px;margin:4px 0}.sidebar nav a:hover,.sidebar nav a.active{background:var(--primary);color:#fff}.main{margin-left:260px;width:calc(100% - 260px)}.topbar{height:72px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.search{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line);padding:10px 14px;border-radius:14px;min-width:330px}.search input{border:0;background:transparent;outline:0;color:var(--text);width:100%}.top-actions{display:flex;align-items:center;gap:12px}.icon-btn{background:var(--bg);color:var(--text);border:1px solid var(--line)}.user{display:flex;align-items:center;gap:10px}.user img{width:38px;height:38px;border-radius:50%}.user small{display:block;color:var(--muted);font-size:11px}.content{padding:24px}.muted{color:var(--muted)}.cardx{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px}.stat{display:flex;justify-content:space-between;align-items:center}.stat .icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(13,110,253,.12);color:var(--primary);font-size:24px}.stat h3{font-weight:800;margin:6px 0}.trend{font-weight:700;color:var(--success);font-size:13px}.table{--bs-table-bg:transparent;color:var(--text)}.badge-soft{background:rgba(13,110,253,.1);color:var(--primary);padding:7px 10px;border-radius:999px}.status-active,.status-delivered{color:var(--success);font-weight:700}.status-maintenance,.status-pending{color:var(--warning);font-weight:700}.status-inactive,.status-cancelled{color:var(--danger);font-weight:700}.map{height:430px;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.form-control,.form-select{background:var(--bg);border-color:var(--line);color:var(--text)}.btn-primary{background:var(--primary);border-color:var(--primary)}.hero-login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(13,110,253,.25),transparent 25%),var(--bg)}.login-card{width:min(430px,92vw)}.mobile-card{border-radius:28px;overflow:hidden}.timeline{border-left:3px solid var(--line);padding-left:16px}.timeline div{position:relative;margin-bottom:18px}.timeline div:before{content:"";position:absolute;left:-24px;top:4px;width:13px;height:13px;background:var(--primary);border-radius:50%}@media(max-width:992px){.sidebar{transform:translateX(-110%);transition:.25s}.sidebar.show{transform:translateX(0)}.main{margin-left:0;width:100%}.search{min-width:0;flex:1}.topbar{padding:0 12px}.content{padding:16px}.user div{display:none}}