:root{--ink:#182033;--muted:#708096;--canvas:#f4f7fb;--surface:#fff;--surface-soft:#f8fafc;--line:#e4e9f1;--navy:#17243b;--navy-2:#223653;--accent:#ea6a47;--accent-soft:#fff0eb;--green:#2e9b72;--danger:#d9534f;--shadow:0 12px 32px rgba(24,32,51,.07);--radius:16px}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.45;transition:background .2s,color .2s}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;background:var(--navy);color:#cbd5e1;padding:24px 16px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:1.02rem;padding:0 10px 34px;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--accent);color:#fff;font-size:.78rem;font-weight:800}.nav-label,.eyebrow{font-size:.67rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--muted)}.nav-label{color:#8091ad;padding:0 12px 9px}.nav-link{color:#aab8ce!important;border-radius:11px;padding:11px 12px;margin:2px 0;display:flex;gap:12px;align-items:center;font-size:.88rem;transition:background .15s,color .15s}.nav-link i{font-size:1rem;width:18px;text-align:center}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.1);color:#fff!important}.nav-link.active{box-shadow:inset 3px 0 var(--accent)}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:18px 10px 0;font-size:.75rem;display:flex;align-items:center;gap:8px}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block}.main-area{min-width:0;flex:1}.topbar{height:72px;background:var(--surface);border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.breadcrumbs{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.82rem}.breadcrumbs i{font-size:.65rem}.breadcrumbs strong{color:var(--ink)}.topbar-actions,.user-menu{display:flex;align-items:center;gap:16px}.icon-button,.mobile-toggle{border:0;background:transparent;color:var(--muted);position:relative;font-size:1.1rem;text-decoration:none;padding:6px}.icon-button:hover{color:var(--accent)}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fde4db;color:#bd5638;font-size:.75rem;font-weight:800}.user-menu{font-size:.82rem}.content{padding:36px 34px;max-width:1560px;margin:auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{font-size:1.85rem;letter-spacing:-.045em;margin:5px 0}.page-heading p{margin:0}.status-pill{background:#e4f5ed;color:#287e5c;border-radius:999px;padding:8px 12px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:7px}.kpi-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi-card{padding:20px;min-height:158px;transition:transform .15s,box-shadow .15s}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(24,32,51,.1)}.kpi-icon{width:36px;height:36px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border-radius:11px;margin-bottom:20px}.kpi-card p{font-size:.73rem;color:var(--muted);margin:0 0 7px}.kpi-card strong{display:block;font-size:1.45rem;letter-spacing:-.04em}.kpi-card small,.sync-row small{display:block;color:var(--muted);font-size:.7rem;margin-top:7px}.panel{padding:22px;min-height:245px}.panel-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}.panel h2{font-size:1rem;margin:4px 0 0}.empty-state{text-align:center;padding:42px 20px;color:var(--muted)}.empty-state i{font-size:2rem;color:#aab8ce}.empty-state p{font-size:.82rem}.empty-state.compact{padding:45px 20px}.sync-row{display:flex;align-items:center;gap:12px;padding-top:26px}.sync-row div{flex:1}.sync-row strong{font-size:.86rem}.table{--bs-table-bg:transparent;--bs-table-border-color:var(--line);font-size:.86rem}.table thead th{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800;border-bottom-width:1px}.table tbody tr:last-child td{border-bottom:0}.form-label{font-size:.76rem;font-weight:700;color:var(--muted)}.form-control,.form-select{border-color:var(--line);padding:.7rem .8rem;border-radius:10px;background:var(--surface);color:var(--ink)}.form-control:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 .2rem rgba(234,106,71,.14)}.btn{border-radius:10px;font-weight:700;font-size:.82rem}.btn-primary{background:var(--navy);border-color:var(--navy);padding:.7rem 1rem}.btn-primary:hover{background:var(--navy-2);border-color:var(--navy-2)}.btn-outline-secondary{border-color:var(--line);color:var(--ink)}.btn-outline-secondary:hover{background:var(--surface-soft);border-color:#cbd5e1;color:var(--ink)}.badge{font-weight:700}.footer{padding:0 34px 24px;color:#9aa6b8;font-size:.72rem}.footer span{padding:0 5px}.auth-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f5f7fb 0%,#fff 100%)}.auth-card{width:min(420px,calc(100% - 32px));background:#fff;padding:42px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.auth-card h1{font-size:1.7rem;letter-spacing:-.04em;margin:8px 0}.auth-card .brand-mark{margin-bottom:20px}.mobile-toggle{display:none}.theme-toggle{cursor:pointer}.dark-mode{--ink:#e9eef7;--muted:#9ba9bc;--canvas:#101827;--surface:#182337;--surface-soft:#202e44;--line:#2b3a51;--shadow:0 12px 32px rgba(0,0,0,.2)}.dark-mode .topbar,.dark-mode .auth-card{background:var(--surface)}.dark-mode .auth-page{background:var(--canvas)}.dark-mode .avatar{background:#523c38;color:#ffd0c4}.dark-mode .btn-outline-secondary{color:var(--ink)}.dark-mode .table{--bs-table-color:var(--ink)}@media(max-width:900px){.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 30px rgba(0,0,0,.2)}.mobile-toggle{display:inline-block}.topbar{padding:0 18px}.content{padding:26px 18px}.footer{padding:0 18px 20px}}@media(max-width:575px){.page-heading{display:block}.page-heading .btn,.page-heading>div:last-child{margin-top:16px}.status-pill{display:inline-flex;margin-top:16px}.auth-card{padding:30px 24px}.kpi-card{min-height:140px}.panel{padding:16px;overflow-x:auto}}