@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg:#f8fafc;--sidebar-bg:#fff;--card-bg:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--txt:#0f172a;--txt-2:#475569;--txt-3:#94a3b8;--txt-inv:#fff;--primary:#10b981;--primary-fg:#fff;--primary-50:#ecfdf5;--primary-100:#d1fae5;--primary-600:#059669;--blue:#3b82f6;--blue-50:#eff6ff;--violet:#8b5cf6;--violet-50:#f5f3ff;--rose:#f43f5e;--rose-50:#fff1f2;--amber:#f59e0b;--amber-50:#fffbeb;--success-bg:#dcfce7;--success-txt:#166534;--warn-bg:#fef9c3;--warn-txt:#854d0e;--sidebar-w:260px;--header-h:60px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:18px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #00000012, 0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--txt);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:50;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo{height:var(--header-h);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:0 20px;display:flex}.sidebar-logo-icon{background:var(--primary);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.sidebar-logo-text{color:var(--txt);font-size:.92rem;font-weight:600;line-height:1.2}.sidebar-logo-sub{color:var(--txt-3);font-size:.65rem;font-weight:400}.sidebar-section{padding:16px 12px 8px}.sidebar-section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--txt-3);margin-bottom:4px;padding:0 8px;font-size:.65rem;font-weight:600}.nav-list{list-style:none}.nav-item a{border-radius:var(--radius-sm);color:var(--txt-2);align-items:center;gap:9px;padding:7px 10px;font-size:.84rem;font-weight:400;transition:background .12s,color .12s;display:flex}.nav-item a:hover{background:var(--border-light);color:var(--txt)}.nav-item a.active{background:var(--primary-50);color:var(--primary-600);font-weight:500}.nav-item a i{text-align:center;flex-shrink:0;width:17px;font-size:.95rem}.nav-badge{background:var(--border-light);color:var(--txt-3);border-radius:99px;margin-left:auto;padding:1px 7px;font-size:.62rem;font-weight:600}.nav-badge.green{background:var(--primary-100);color:var(--primary-600)}.sidebar-bottom{border-top:1px solid var(--border);margin-top:auto;padding:16px 12px}.sidebar-user{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;display:flex}.sidebar-user:hover{background:var(--border-light)}.user-avatar{background:linear-gradient(135deg, var(--primary), var(--blue));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:600;display:flex}.user-name{color:var(--txt);font-size:.8rem;font-weight:500}.user-role{color:var(--txt-3);font-size:.68rem}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;display:flex}.header{height:var(--header-h);background:var(--card-bg);border-bottom:1px solid var(--border);z-index:40;align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0}.header-title{color:var(--txt);font-size:.9rem;font-weight:600}.header-breadcrumb{color:var(--txt-3);font-size:.75rem}.header-breadcrumb span{color:var(--txt-2)}.header-right{align-items:center;gap:10px;margin-left:auto;display:flex}.page{padding:24px 28px}.page-heading{margin-bottom:20px}.page-heading h1{color:var(--txt);font-size:1.25rem;font-weight:600}.page-heading p{color:var(--txt-2);margin-top:3px;font-size:.82rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.stat-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.stat-label{color:var(--txt-2);text-transform:none;font-size:.75rem;font-weight:500}.stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.stat-icon.emerald{background:var(--primary-50);color:var(--primary-600)}.stat-icon.blue{background:var(--blue-50);color:var(--blue)}.stat-icon.violet{background:var(--violet-50);color:var(--violet)}.stat-icon.rose{background:var(--rose-50);color:var(--rose)}.stat-icon.amber{background:var(--amber-50);color:var(--amber)}.stat-value{color:var(--txt);margin-bottom:6px;font-size:1.75rem;font-weight:700;line-height:1}.stat-trend{align-items:center;gap:4px;font-size:.72rem;font-weight:500;display:flex}.stat-trend.up{color:var(--primary-600)}.stat-trend.down{color:var(--rose)}.stat-trend.flat{color:var(--txt-3)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-title{color:var(--txt);align-items:center;gap:7px;font-size:.88rem;font-weight:600;display:flex}.card-title i{color:var(--txt-3);font-size:.9rem}.card-body{padding:20px}.progress-track{background:var(--border-light);border-radius:99px;height:8px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:99px;height:100%}.progress-row{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.78rem;display:flex}.progress-row strong{color:var(--txt);font-weight:600}.progress-row span{color:var(--txt-3)}.wave-list{flex-direction:column;gap:14px;display:flex}.wave-row{grid-template-columns:75px 1fr 72px;align-items:center;gap:12px;display:grid}.wave-name{color:var(--txt-2);font-size:.78rem;font-weight:500}.wave-bar-bg{background:var(--border-light);border-radius:99px;height:8px;display:flex;overflow:hidden}.wave-seg-done{background:var(--primary);height:100%}.wave-seg-pend{background:var(--amber);height:100%}.wave-pct{color:var(--txt-3);text-align:right;font-size:.72rem;font-weight:500}.donut-container{flex-direction:column;align-items:center;gap:20px;display:flex}.donut-ring{border-radius:50%;flex-shrink:0;width:148px;height:148px;position:relative}.donut-hole{background:var(--card-bg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:22px}.donut-pct{color:var(--primary-600);font-size:1.4rem;font-weight:700;line-height:1}.donut-lbl{color:var(--txt-3);margin-top:2px;font-size:.62rem}.donut-legend{width:100%}.legend-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:8px 0;font-size:.78rem;display:flex}.legend-row:last-child{border-bottom:none}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:8px}.legend-lbl{color:var(--txt-2);align-items:center;display:flex}.legend-val{color:var(--txt);font-weight:600}.badge{white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:.68rem;font-weight:500;display:inline-flex}.badge-green{background:var(--success-bg);color:var(--success-txt)}.badge-amber{background:var(--warn-bg);color:var(--warn-txt)}.badge-gray{background:var(--border-light);color:var(--txt-2)}.badge-blue{background:var(--blue-50);color:var(--blue)}.badge-demo{background:var(--rose-50);color:var(--rose);border:1px solid #fecdd3}.table-wrap{overflow-x:auto}table.apex{border-collapse:collapse;width:100%}table.apex thead th{text-transform:uppercase;letter-spacing:.05em;color:var(--txt-3);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;background:#fafafa;padding:10px 16px;font-size:.7rem;font-weight:600}table.apex tbody tr{border-bottom:1px solid var(--border-light);transition:background .1s}table.apex tbody tr:last-child{border-bottom:none}table.apex tbody tr:hover{background:#fafafa}table.apex tbody td{vertical-align:middle;padding:11px 16px;font-size:.82rem}.td-name{color:var(--txt);font-weight:500}.td-sub{color:var(--txt-3);margin-top:1px;font-size:.7rem}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:6px 14px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;text-decoration:none;transition:all .12s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-600)}.btn-outline{border-color:var(--border);color:var(--txt-2);background:0 0}.btn-outline:hover{background:var(--border-light);color:var(--txt)}.btn-ghost{color:var(--txt-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--border-light);color:var(--txt)}.btn-success{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-success:hover{background:var(--primary-600)}.btn-warn{border-color:var(--amber);color:var(--amber);background:0 0}.btn-warn:hover{background:var(--amber-50)}.btn-sm{padding:4px 10px;font-size:.72rem}.tabs{gap:4px;display:flex}.tab{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);color:var(--txt-2);background:0 0;padding:5px 12px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;transition:all .12s}.tab:hover{background:var(--border-light);color:var(--txt)}.tab.active{background:var(--txt);color:#fff;border-color:var(--txt)}.search-input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--txt);background:var(--card-bg);outline:none;width:220px;padding:6px 10px;font-family:Inter,sans-serif;font-size:.78rem}.search-input:focus{border-color:var(--primary)}.alert{border-radius:var(--radius);align-items:center;gap:9px;margin-bottom:20px;padding:12px 16px;font-size:.82rem;display:flex}.alert-success{background:var(--success-bg);color:var(--success-txt);border:1px solid #bbf7d0}.grid-cols-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-cols-3-1{grid-template-columns:2fr 1fr;gap:16px;display:grid}.mb-5{margin-bottom:20px}.mb-4{margin-bottom:16px}.separator{background:var(--border);height:1px;margin:4px 0}.code-desc{color:var(--txt-2);margin-bottom:14px;font-size:.82rem;line-height:1.7}.code-desc code{background:var(--border-light);color:var(--primary-600);border-radius:4px;padding:1px 5px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.8rem}.code-block{color:#e2e8f0;border-radius:var(--radius);background:#0f172a;border:1px solid #1e293b;margin:0;padding:20px 22px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.78rem;line-height:1.75;overflow-x:auto}.code-block code{background:0 0;padding:0}.code-block .c{color:#64748b;font-style:italic}.code-block .s{color:#34d399}.code-block .k{color:#818cf8}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-cols-3-1{grid-template-columns:1fr}}@media (width<=768px){.sidebar{display:none}.main{margin-left:0}.stats-grid{grid-template-columns:1fr 1fr}.page{padding:16px}}