:root{--navy:#0a1628;--cyan:#4fd8ff;--cyan-light:#e0f2fe;--bg:#f0f2f5;--white:#fff;--gray-50:#f8f9fa;--gray-100:#f1f5f9;--gray-200:#e5e7eb;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--green:#10b981;--green-bg:#d1fae5;--green-text:#047857;--amber:#f59e0b;--amber-bg:#fef3c7;--amber-text:#b45309;--red:#ef4444;--red-bg:#fee2e2;--red-text:#b91c1c;--blue:#0ea5e9;--blue-bg:#e0f2fe;--blue-text:#0369a1;--teal:#14b8a6;--teal-bg:#ccfbf1;--teal-text:#0f766e;--sidebar-w:220px;--topbar-h:0px;--mobile-nav-h:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--gray-800);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.page-fade{animation:.2s pageFade}@keyframes pageFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.app-layout{min-height:100vh;display:flex}.app-main{margin-left:var(--sidebar-w);flex:1;max-width:1200px;padding:28px 32px 40px}@media (width<=768px){.app-main{padding:20px 16px calc(var(--mobile-nav-h) + 20px);margin-left:0}}.page-header{margin-bottom:24px}.page-title{color:var(--navy);letter-spacing:-.3px;font-size:22px;font-weight:800}.page-subtitle{color:var(--gray-500);margin-top:2px;font-size:13px}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:14px;padding:20px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--navy);font-size:14px;font-weight:700}.stats-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:14px;padding:18px 20px}.stat-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600}.stat-value{color:var(--navy);letter-spacing:-.5px;font-size:26px;font-weight:800}.stat-change{margin-top:4px;font-size:11px;font-weight:600}.stat-change.up{color:var(--green-text)}.stat-change.down{color:var(--red-text)}@media (width<=768px){.stats-row{grid-template-columns:repeat(2,1fr);gap:10px}}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-200);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--gray-100);color:var(--gray-700);padding:12px 14px}tr:hover td{background:var(--gray-50)}tr{cursor:pointer}.btn{border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:#132240}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}.btn-cyan{background:var(--cyan);color:var(--navy);font-weight:700}.btn-cyan:hover{background:#3dcbf5}.search-bar{background:var(--white);border:1px solid var(--gray-200);color:var(--gray-600);border-radius:10px;align-items:center;gap:8px;width:100%;max-width:320px;padding:8px 14px;font-size:13px;display:flex}.search-bar input{color:var(--gray-800);background:0 0;border:none;outline:none;flex:1;font-size:13px}.search-bar input::placeholder{color:var(--gray-400)}.empty-state{text-align:center;color:var(--gray-400);padding:60px 20px}.empty-state h3{color:var(--gray-600);margin-bottom:6px;font-size:16px;font-weight:700}.empty-state p{font-size:13px}.upsell-banner{background:linear-gradient(135deg, var(--navy) 0%, #132240 100%);color:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px 24px;display:flex}.upsell-banner h3{margin-bottom:4px;font-size:15px;font-weight:700}.upsell-banner p{color:#ffffffb3;font-size:12px}@media (width<=768px){.page-title{font-size:18px}.stat-card{padding:14px 16px}.stat-value{font-size:22px}.card{padding:16px}.search-bar{max-width:100%}.upsell-banner{text-align:center;flex-direction:column;padding:16px}.mobile-stack{flex-direction:column!important;display:flex!important}.mobile-stack>*{width:100%!important;min-width:0!important}.mobile-grid-1{grid-template-columns:1fr!important}.mobile-grid-2{grid-template-columns:repeat(2,1fr)!important}.mobile-hide{display:none!important}.mobile-cards thead{display:none}.mobile-cards tbody{flex-direction:column;gap:10px;display:flex}.mobile-cards tr{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;flex-wrap:wrap;gap:6px 12px;padding:14px 16px;display:flex}.mobile-cards tr:hover td{background:0 0}.mobile-cards td{border:none;padding:0;font-size:13px}.mobile-cards td:first-child{width:100%;color:var(--navy);font-size:14px;font-weight:700}.mobile-cards td[data-mobile-hide]{display:none}.page-header .page-header-row{flex-direction:column;gap:12px;align-items:flex-start!important}.page-header .page-header-actions{width:100%}.page-header .page-header-actions .btn{flex:1;justify-content:center}}