@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--blue:#185fa5;--blue-lt:#e6f1fb;--blue-dk:#0c447c;--blue-txt:#0c447c;--green-lt:#eaf3de;--green-dk:#27500a;--red-lt:#fcebeb;--red-dk:#791f1f;--amber-lt:#faeeda;--amber-dk:#633806;--purple-lt:#eeedfe;--purple-dk:#3c3489;--teal-lt:#e1f5ee;--teal-dk:#085041;--color-background-primary:#fff;--color-background-secondary:#f8fafc;--color-background-tertiary:#f1f5f9;--color-border-primary:#e2e8f0;--color-border-secondary:#cbd5e1;--color-border-tertiary:#e2e8f0;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:10px;--border-radius-xl:14px;--font-family:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-background-tertiary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}.app-container{grid-template-rows:64px 1fr;grid-template-columns:240px 1fr;height:100vh;display:grid;overflow:hidden}.topbar{background:var(--color-background-primary);border-bottom:1px solid var(--color-border-tertiary);z-index:50;grid-column:1/-1;align-items:center;gap:16px;padding:0 24px;display:flex}.sidebar{background:var(--color-background-primary);border-right:1px solid var(--color-border-tertiary);flex-direction:column;gap:4px;padding:16px;display:flex;overflow-y:auto}.main-content{background:var(--color-background-tertiary);padding:24px;overflow-y:auto}.card{background:var(--color-background-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 1px 3px #0000000d}.btn{border-radius:var(--border-radius-md);cursor:pointer;border:1px solid var(--color-border-secondary);color:var(--color-text-primary);background:#fff;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background:var(--color-background-secondary)}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:var(--blue-dk)}.badge{border-radius:99px;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.form-control{width:100%;color:var(--color-text-primary);background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;padding:12px 16px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-control:focus{border-color:var(--blue);background:#fff;transform:translateY(-1px);box-shadow:0 0 0 4px #2563eb1a}.form-control::placeholder{color:#94a3b8;font-weight:400}.tbl-container{border-radius:var(--border-radius-lg);border:1px solid var(--color-border-tertiary);background:#fff;width:100%;position:relative;overflow-x:auto}.tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:13.5px}.tbl th{text-align:left;background:var(--color-background-secondary);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-tertiary);white-space:nowrap;z-index:10;padding:14px 16px;font-weight:600;position:sticky;top:0}.tbl td{border-bottom:1px solid var(--color-border-tertiary);color:var(--color-text-primary);vertical-align:middle;padding:14px 16px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--color-background-secondary)}.tbl-sticky-col{z-index:5;border-right:1px solid var(--color-border-tertiary);background:#fff;position:sticky;left:0}.tbl-sticky-col-header{z-index:15;left:0}.tbl tr:hover .tbl-sticky-col{background:var(--color-background-secondary)}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px;display:grid}.metric-card{border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);background:#fff;padding:20px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}