@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--radius-sm:4px;--radius-md:10px;--radius-lg:18px;--ease-out:cubic-bezier(.2, .7, .1, 1);--dur:.26s;--bg:#13110f;--bg-2:#1c1a17;--bg-3:#262420;--fg:#f6f5f2;--fg-muted:#a6a4a0;--fg-faint:#6b6965;--border:#ffffff17;--border-strong:#ffffff2e;--card:#191816;--card-hover:#22201d;--overlay:#060605eb;--on-accent:#13110f;--shadow-lg:0 30px 80px #0000008c;--shadow-md:0 12px 32px #00000059;--input-bg:#211f1c;--accent:#36a269;--accent-2:#42c985;--accent-dim:color-mix(in oklab, var(--accent) 12%, transparent);--green:var(--accent);--yellow:#f0c83f;--red:#f94144;--blue:var(--accent-2);--f-display:"Space Grotesk", system-ui, sans-serif;--f-body:"Inter", system-ui, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, monospace}@supports (color:lab(0% 0 0)){:root{--bg:lab(5.2778% .239871 1.3681);--bg-2:lab(9.53554% .377633 2.28434);--bg-3:lab(14.1782% .439838 2.66454);--fg:lab(96.5319% .224769 1.50439);--fg-muted:lab(67.5374% .344574 2.26133);--fg-faint:lab(44.3371% .350177 2.26504);--border:lab(100% 0 0/.09);--border-strong:lab(100% 0 0/.18);--card:lab(8.37323% .309713 1.86216);--card-hover:lab(12.4358% .37282 2.28078);--overlay:lab(1.56425% .087522 .482768/.92);--on-accent:lab(5.2778% .239871 1.3681);--shadow-lg:0 30px 80px lab(0% 0 0/.55);--shadow-md:0 12px 32px lab(0% 0 0/.35);--input-bg:lab(11.8558% .373706 2.28142);--red:lab(57.1752% 69.5963 43.0458)}}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--f-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::selection{background:var(--accent);color:var(--on-accent)}.app-layout{height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar{background:var(--bg-2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;display:flex}.sidebar-logo{border-bottom:1px solid var(--border);padding:1.25rem 1.25rem 1rem}.sidebar-logo-mark{font-family:var(--f-display);letter-spacing:-.02em;color:var(--fg);font-size:1.1rem;font-weight:600}.sidebar-logo-mark span{color:var(--accent)}.sidebar-logo-sub{font-family:var(--f-mono);color:var(--fg-faint);letter-spacing:.1em;text-transform:uppercase;margin-top:3px;font-size:10px}.sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto}.nav-logo{font-family:"Space Grotesk", var(--f-sans);letter-spacing:-.02em;color:var(--fg);text-transform:none;align-items:center;gap:.35rem;font-size:16px;font-weight:400;line-height:1;display:inline-flex}.nav-logo-br{color:var(--fg);opacity:.85;font-size:18px;font-weight:300}.nav-logo-word{font-weight:500}.nav-logo-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 18%, transparent);border-radius:50%;margin:0 2px}.nav-section-label{font-family:var(--f-mono);color:var(--fg-faint);letter-spacing:.12em;text-transform:uppercase;padding:.75rem 1.25rem .3rem;font-size:10px}.nav-item{color:var(--fg-muted);font-family:var(--f-mono);letter-spacing:.04em;cursor:pointer;transition:background var(--dur) var(--ease-out), color var(--dur) var(--ease-out), border-color var(--dur);border-left:2px solid #0000;align-items:center;gap:.6rem;padding:.55rem 1.25rem;font-size:.75rem;display:flex}.nav-item:hover{background:color-mix(in oklab, var(--fg) 4%, transparent);color:var(--fg)}.nav-item.active{background:var(--accent-dim);color:var(--accent);border-left-color:var(--accent)}.sidebar-footer{border-top:1px solid var(--border);padding:1rem 1.25rem}.user-chip{align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.user-avatar{background:var(--accent-dim);width:30px;height:30px;color:var(--accent);font-family:var(--f-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:flex}.user-name{color:var(--fg);font-size:.75rem;font-weight:600}.user-role{font-family:var(--f-mono);color:var(--fg-faint);letter-spacing:.06em;font-size:.625rem}.topbar{border-bottom:1px solid var(--border);background:var(--overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;justify-content:space-between;align-items:center;padding:.875rem 1.75rem;display:flex;position:sticky;top:0}.topbar-title{font-family:var(--f-display);letter-spacing:-.01em;font-size:.9375rem;font-weight:600}.topbar-actions{align-items:center;gap:.5rem;display:flex}.page-content{padding:1.75rem}.stats-grid{gap:1rem;margin-bottom:1.5rem;display:grid}.stats-grid.cols-3{grid-template-columns:repeat(3,1fr)}.stats-grid.cols-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);transition:background var(--dur) var(--ease-out);padding:1.25rem}.card:hover{background:var(--card-hover)}.card-label{font-family:var(--f-mono);color:var(--fg-faint);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;font-size:.6875rem;font-weight:500}.stat-value{font-family:var(--f-display);letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1}.stat-sub{color:var(--fg-muted);margin-top:.3rem;font-size:.75rem}.btn{border-radius:var(--radius-sm);font-family:var(--f-mono);letter-spacing:.06em;transition:opacity var(--dur), transform var(--dur) var(--ease-out), background var(--dur);border:none;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;display:inline-flex}.btn:hover{opacity:.85;transform:translateY(-1px)}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-ghost{background:color-mix(in oklab, var(--fg) 6%, transparent);color:var(--fg-muted);border:1px solid var(--border-strong)}.btn-ghost:hover{color:var(--fg)}.btn-sm{padding:.35rem .75rem;font-size:.6875rem}.badge{font-family:var(--f-mono);letter-spacing:.06em;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.625rem;font-weight:500;display:inline-flex}.badge-green{background:color-mix(in oklab, var(--green) 12%, transparent);color:var(--green)}.badge-yellow{background:color-mix(in oklab, var(--yellow) 12%, transparent);color:var(--yellow)}.badge-red{background:color-mix(in oklab, var(--red) 12%, transparent);color:var(--red)}.badge-blue{background:color-mix(in oklab, var(--blue) 12%, transparent);color:var(--blue)}.badge-purple{background:var(--accent-dim);color:var(--accent)}.badge-gray{background:color-mix(in oklab, var(--fg) 7%, transparent);color:var(--fg-muted)}.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{font-family:var(--f-mono);color:var(--fg-faint);letter-spacing:.1em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border);padding:.65rem 1rem;font-size:.625rem;font-weight:500}.data-table td{border-bottom:1px solid var(--border);color:var(--fg-muted);padding:.75rem 1rem;font-size:.8125rem}.data-table td:first-child{color:var(--fg);font-weight:500}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:color-mix(in oklab, var(--fg) 2%, transparent)}.progress-bar{background:color-mix(in oklab, var(--fg) 8%, transparent);border-radius:3px;height:5px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:3px;height:100%}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h3{font-family:var(--f-display);letter-spacing:-.01em;font-size:.9375rem;font-weight:600}.page-tabs{border-bottom:1px solid var(--border);margin-bottom:1.5rem;display:flex}.page-tab{font-family:var(--f-mono);letter-spacing:.06em;color:var(--fg-faint);cursor:pointer;transition:color var(--dur), border-color var(--dur);border-bottom:2px solid #0000;margin-bottom:-1px;padding:.6rem 1rem;font-size:.75rem}.page-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.form-group{margin-bottom:1rem}.form-label{font-family:var(--f-mono);color:var(--fg-muted);letter-spacing:.08em;margin-bottom:.4rem;font-size:.6875rem;font-weight:500;display:block}.form-input{background:var(--input-bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--fg);transition:border-color var(--dur);outline:none;padding:.6rem .875rem;font-size:.8125rem}.form-input:focus{border-color:var(--accent)}.form-textarea{resize:vertical;min-height:90px}.modal-overlay{background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);padding:1.75rem}.modal-title{font-family:var(--f-display);letter-spacing:-.01em;margin-bottom:1.25rem;font-size:1rem;font-weight:600}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.two-col{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.two-col-asym{grid-template-columns:1.4fr 1fr;gap:1rem;display:grid}.alert{border-radius:var(--radius-sm);font-size:.8125rem;font-family:var(--f-mono);letter-spacing:.04em;padding:.875rem 1rem;font-size:.75rem}.alert-success{background:color-mix(in oklab, var(--green) 10%, transparent);border:1px solid color-mix(in oklab, var(--green) 25%, transparent);color:var(--green)}.alert-error{background:color-mix(in oklab, var(--red) 10%, transparent);border:1px solid color-mix(in oklab, var(--red) 25%, transparent);color:var(--red)}@media (max-width:900px){.stats-grid.cols-4,.stats-grid.cols-3{grid-template-columns:repeat(2,1fr)}.two-col,.two-col-asym{grid-template-columns:1fr}.sidebar{width:180px}}@media (max-width:640px){.app-layout{flex-direction:column}.sidebar{width:100%;height:auto}.stats-grid.cols-4,.stats-grid.cols-3{grid-template-columns:1fr 1fr}}