@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a2e;--bg-elevated:#1e1e32;--bg-hover:#252540;--text-primary:#e8e8f0;--text-secondary:#9898b0;--text-muted:#606078;--border:#2a2a40;--border-subtle:#1e1e30;--accent:#f0a030;--accent-dim:#f0a03026;--accent-hover:#f5b848;--success:#34d399;--warning:#fbbf24;--error:#f87171;--info:#60a5fa;--sidebar-width:240px;--header-height:56px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;transition:width .2s;display:flex}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:0 20px;display:flex}.sidebar-logo{letter-spacing:-.02em;background:linear-gradient(135deg, var(--accent) 0%, #ff8c00 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.sidebar-logo-icon{background:linear-gradient(135deg, var(--accent) 0%, #ff8c00 100%);color:#000;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex;overflow-y:auto}.nav-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:16px 12px 6px;font-size:11px;font-weight:600}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:450;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-dim);color:var(--accent);font-weight:500}.nav-item-icon{opacity:.7;flex-shrink:0;width:18px;height:18px}.nav-item.active .nav-item-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--border-subtle);padding:12px}.sidebar-env{border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.env-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:6px;height:6px}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.main-header{height:var(--header-height);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.main-header h1{letter-spacing:-.01em;font-size:16px;font-weight:600}.main-body{flex:1;padding:24px;overflow-y:auto}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;transition:border-color .15s}.card:hover{border-color:var(--border)}.card-title{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500}.card-value{letter-spacing:-.02em;font-size:28px;font-weight:700}.card-subtitle{color:var(--text-muted);margin-top:4px;font-size:12px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.table-container{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.table-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.table-title{font-size:14px;font-weight:600}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);padding:10px 20px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border-subtle);padding:12px 20px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover)}.badge{letter-spacing:.02em;border-radius:100px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-success{color:var(--success);background:#34d39926}.badge-error{color:var(--error);background:#f8717126}.badge-warning{color:var(--warning);background:#fbbf2426}.badge-info{color:var(--info);background:#60a5fa26}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:48px}.empty-state-title{margin-bottom:8px;font-size:16px;font-weight:600}.empty-state-desc{color:var(--text-secondary);max-width:400px;font-size:13px;line-height:1.5}.btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{animation:.3s forwards fadeIn}.mono{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px}.trace-summary-bar{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;gap:24px;margin-bottom:16px;padding:16px 20px;display:flex}.trace-summary-item{flex-direction:column;gap:4px;display:flex}.trace-summary-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:600}.trace-summary-value{font-size:16px;font-weight:600}.waterfall-split{gap:16px;min-height:400px;display:flex}.waterfall-panel{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.detail-panel{flex-shrink:0;width:420px;max-height:calc(100vh - 200px);overflow-y:auto}.waterfall-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.waterfall-ruler{border-bottom:1px solid var(--border-subtle);background:repeating-linear-gradient(90deg, var(--border-subtle) 0px, var(--border-subtle) 1px, transparent 1px, transparent 25%);height:24px;margin-left:420px;margin-right:16px;position:relative}.waterfall-ruler-label{color:var(--text-muted);font-family:SF Mono,monospace;font-size:10px;position:absolute;top:4px}.waterfall-body{flex:1;overflow-y:auto}.waterfall-row{border-bottom:1px solid var(--border-subtle);cursor:pointer;height:36px;transition:background .1s;display:flex}.waterfall-row:hover{background:var(--bg-hover)}.waterfall-row-selected{border-left:2px solid var(--accent);background:var(--accent-dim)!important}.waterfall-row:last-child{border-bottom:none}.waterfall-label{border-right:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:6px;width:300px;display:flex;overflow:hidden}.tree-toggle{cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:background .1s;display:flex}.tree-toggle:hover{background:var(--bg-hover)}.tree-chevron{color:var(--text-muted);font-size:8px;transition:transform .15s;display:inline-block}.tree-chevron-open{transform:rotate(90deg)}.tree-leaf-spacer{flex-shrink:0;width:16px}.tree-child-count{color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:8px;flex-shrink:0;margin-left:4px;padding:0 5px;font-size:9px;font-weight:600;line-height:16px}.waterfall-metrics{border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:1px;width:120px;padding:0 8px;display:flex}.waterfall-metric{color:var(--text-muted);white-space:nowrap;font-family:SF Mono,monospace;font-size:10px}.waterfall-metric-cost{color:var(--accent);font-weight:500}.waterfall-connector{background:var(--border);flex-shrink:0;width:8px;height:1px}.waterfall-kind{text-transform:uppercase;letter-spacing:.03em;border:1px solid;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:600}.waterfall-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:12px;font-weight:450;overflow:hidden}.waterfall-bar-container{flex:1;align-items:center;min-width:0;padding:0 16px;display:flex;position:relative}.waterfall-bar{opacity:.7;border-radius:3px;min-width:2px;height:14px;transition:opacity .15s;position:absolute}.waterfall-row:hover .waterfall-bar{opacity:1}.waterfall-duration{color:var(--text-muted);white-space:nowrap;font-family:SF Mono,monospace;font-size:10px;position:absolute}.span-detail{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}.span-detail-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.span-detail-header h3{word-break:break-all;font-size:15px;font-weight:600}.span-meta-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.span-meta-item{flex-direction:column;gap:3px;display:flex}.span-meta-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:600}.span-meta-value{color:var(--text-primary);font-size:13px}.span-section{border-top:1px solid var(--border-subtle);margin-top:16px;padding-top:16px}.span-section h4{margin-bottom:12px;font-size:13px;font-weight:600}.span-content-block{margin-top:12px}.span-content-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:600}.span-content-pre{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;max-height:300px;color:var(--text-secondary);padding:12px;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.6;transition:max-height .3s;position:relative;overflow-y:auto}.span-content-pre.expanded{max-height:none}.span-content-pre.is-truncated:after{content:"";background:linear-gradient(transparent, var(--bg-primary));pointer-events:none;width:100%;height:40px;display:block;position:sticky;bottom:0;left:0}.span-content-toggle{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--accent);cursor:pointer;justify-content:center;align-items:center;margin-top:4px;padding:6px 16px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.span-content-toggle:hover{background:var(--bg-hover);border-color:var(--accent)}.span-attr-table{border-collapse:collapse;width:100%}.span-attr-table td{border-bottom:1px solid var(--border-subtle);padding:6px 8px;font-size:12px}.span-attr-key{color:var(--accent);word-break:break-all;width:40%}.span-attr-val{color:var(--text-secondary);word-break:break-all}.filter-bar{align-items:center;gap:10px;margin-bottom:16px;display:flex}.filter-search{flex:1;align-items:center;display:flex;position:relative}.filter-search-icon{pointer-events:none;z-index:1;font-size:14px;position:absolute;left:12px}.filter-search-input{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:10px 36px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.filter-search-input::placeholder{color:var(--text-muted)}.filter-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.filter-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:14px;transition:color .15s,background .15s;position:absolute;right:8px}.filter-clear-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-active{background:var(--accent-dim)!important;border-color:var(--accent)!important;color:var(--accent)!important}.filter-sort{align-items:center;gap:4px;display:flex}.filter-select{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:8px 28px 8px 12px;font-family:inherit;font-size:12px;transition:border-color .15s}.filter-select:focus{border-color:var(--accent)}.filter-dir-btn{text-align:center;min-width:36px;padding:8px 10px!important;font-size:14px!important}.filter-panel{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:16px;padding:16px 20px;display:flex}.filter-group{flex-direction:column;gap:6px;min-width:160px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:600}.filter-input{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);outline:none;padding:8px 12px;font-family:inherit;font-size:12px;transition:border-color .15s}.filter-input::placeholder{color:var(--text-muted)}.filter-input:focus{border-color:var(--accent)}.filter-reset-btn{align-self:flex-end;color:var(--error)!important;background:#f8717114!important;border-color:#0000!important;font-size:12px!important}.filter-reset-btn:hover{background:#f8717126!important}.badge-info{background:var(--accent-dim);color:var(--accent)}.chart-container{-webkit-user-select:none;user-select:none;width:100%;position:relative}.chart-svg{display:block}.chart-grid-line{stroke:var(--border-subtle);stroke-width:1px;stroke-dasharray:3 3}.chart-axis-label{fill:var(--text-muted);font-family:SF Mono,Fira Code,monospace;font-size:10px}.chart-hover-line{stroke:var(--text-muted);stroke-width:1px;stroke-dasharray:4 4;opacity:.5}.chart-tooltip{pointer-events:none;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:10;white-space:nowrap;padding:6px 10px;position:absolute;transform:translate(-50%)}.chart-tooltip-value{color:var(--text-primary);font-size:13px;font-weight:600}.chart-tooltip-label{color:var(--text-muted);font-size:11px}.chart-empty{color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);justify-content:center;align-items:center;font-size:13px;display:flex}.chart-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color .15s;overflow:hidden}.chart-card:hover{border-color:var(--border)}.chart-card-header{justify-content:space-between;align-items:center;padding:16px 20px 8px;display:flex}.chart-card-title{color:var(--text-secondary);font-size:13px;font-weight:600}.chart-card-value{letter-spacing:-.02em;padding:0 20px 8px;font-size:20px;font-weight:700}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-bottom:24px;display:grid}.time-range-selector{background:var(--bg-tertiary);border-radius:var(--radius-md);gap:2px;padding:2px;display:flex}.time-range-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.time-range-btn:hover{color:var(--text-primary)}.time-range-btn.active{background:var(--bg-hover);color:var(--text-primary);box-shadow:var(--shadow-sm)}.model-bar{background:var(--accent);opacity:.6;border-radius:3px;height:6px;transition:opacity .15s}tr:hover .model-bar{opacity:1}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-hover) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200px 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{height:12px}.skeleton-value{height:28px}.clickable-row{cursor:pointer}.clickable-row:hover td:first-child,.table-container tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.btn:focus-visible,.nav-item:focus-visible,.filter-search-input:focus-visible,.filter-input:focus-visible,.filter-select:focus-visible,.time-range-btn:focus-visible,.waterfall-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-grid{flex-direction:column;gap:0;margin-top:12px;display:flex}.settings-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.settings-row:last-child{border-bottom:none}.settings-label{color:var(--text-secondary)}.settings-value{color:var(--text-primary);align-items:center;gap:8px;display:flex}.health-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.settings-providers{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.settings-provider-chip{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:border-color .15s;display:inline-flex}.settings-provider-chip:hover{border-color:var(--border)}.settings-provider-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:6px;height:6px}@media (max-width:768px){.sidebar{width:56px;overflow:hidden}.sidebar-logo,.nav-section-label,.sidebar-env span:not(.env-dot){display:none}.sidebar-header{justify-content:center;padding:0 8px}.nav-item{justify-content:center;padding:10px;font-size:0}.nav-item-icon{width:22px;height:22px;font-size:18px}.sidebar-footer{padding:8px}.sidebar-env{justify-content:center;padding:8px}.main-body{padding:16px}.waterfall-split{flex-direction:column}.detail-panel{width:100%}.waterfall-label{width:160px}.waterfall-ruler{margin-left:160px}}.tooltip-trigger{cursor:help;align-items:center;display:inline-flex}.tooltip{z-index:9999;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);max-width:280px;color:var(--text-secondary);box-shadow:var(--shadow-lg);pointer-events:none;padding:8px 12px;font-size:.8rem;line-height:1.4;animation:.15s ease-out tooltipIn;position:fixed}.tooltip-arrow{background:var(--bg-elevated);border-right:1px solid var(--border);border-bottom:1px solid var(--border);width:8px;height:8px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes tooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.help-tip-icon{background:var(--bg-hover);border:1px solid var(--border);width:16px;height:16px;color:var(--text-muted);vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;font-size:.65rem;font-weight:600;transition:all .15s;display:inline-flex}.help-tip-icon:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.sidebar-user{border-radius:var(--radius-md);background:var(--bg-tertiary);align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.sidebar-user-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-hover));width:32px;height:32px;color:var(--bg-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.sidebar-user-info{flex-direction:column;min-width:0;display:flex}.sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.sidebar-user-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.sidebar-signout{width:100%;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;background:0 0;margin-bottom:8px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.sidebar-signout:hover{color:var(--error);border-color:var(--error);background:#f8717114}.admin-guard{height:60vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.admin-guard-icon{font-size:3rem}.admin-guard h2{color:var(--text-primary);font-size:1.4rem}.admin-guard-message{color:var(--text-secondary);text-align:center;max-width:400px}.admin-guard-hint{color:var(--text-muted);font-size:.85rem}.admin-guard-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-container{animation:.3s fadeIn}.admin-header{margin-bottom:24px}.admin-title{color:var(--text-primary);align-items:center;gap:8px;font-size:1.5rem;font-weight:600;display:flex}.admin-page{padding:8px 0;animation:.2s fadeIn}.admin-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.admin-page-title{color:var(--text-primary);align-items:center;gap:8px;font-size:1.3rem;font-weight:600;display:flex}.admin-page-subtitle{color:var(--text-muted);margin-top:6px;font-size:.85rem}.admin-error{border-radius:var(--radius-md);color:var(--error);background:#f871711a;border:1px solid #f871714d;margin-bottom:16px;padding:12px 16px;font-size:.85rem}.admin-loading{justify-content:center;padding:3rem;display:flex}.admin-table-container{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border);padding:14px 20px;font-size:.75rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:14px 20px;font-size:.85rem}.admin-table tbody tr{transition:background .15s}.admin-table tbody tr:hover{background:var(--bg-hover)}.admin-table tbody tr:last-child td{border-bottom:none}.status-badge{border-radius:12px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.status-provisioned{color:var(--info);background:#60a5fa26}.status-active{color:var(--success);background:#34d39926}.status-inactive{color:var(--error);background:#f8717126}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 16px #f0a0304d}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:4px 12px;font-size:.8rem}.btn-danger{color:var(--error);background:#f8717126;border:1px solid #f871714d}.btn-danger:hover:not(:disabled){background:#f8717140}.btn-success{color:var(--success);background:#34d39926;border:1px solid #34d3994d}.btn-success:hover:not(:disabled){background:#34d39940}.action-btn-group{align-items:center;gap:8px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);animation:.2s modalIn}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{font-size:1.1rem;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1;transition:color .15s}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px}.modal-actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);align-items:center;margin-bottom:6px;font-size:.8rem;font-weight:500;display:flex}.form-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);padding:8px 12px;font-family:inherit;font-size:.85rem;transition:border-color .15s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-error{border-radius:var(--radius-sm);color:var(--error);background:#f871711a;border:1px solid #f871714d;margin-top:8px;padding:8px 12px;font-size:.8rem}.form-field-error{color:var(--error);margin-top:4px;padding-left:2px;font-size:.75rem}.admin-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.admin-card-title{align-items:center;margin-bottom:20px;font-size:1rem;font-weight:600;display:flex}.budget-explainer{flex-direction:column;gap:20px;display:flex}.budget-step{align-items:flex-start;gap:16px;display:flex}.budget-step-number{background:var(--accent-dim);border:1px solid var(--accent);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.budget-step strong{color:var(--text-primary);align-items:center;display:flex}.budget-step p{margin-top:4px;font-size:.85rem}.admin-search-bar{max-width:400px;margin-bottom:20px}.audit-timeline{background:var(--border-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1px;display:flex;overflow:hidden}.audit-entry{background:var(--bg-secondary);gap:14px;padding:14px 18px;transition:background .15s;display:flex}.audit-entry:hover{background:var(--bg-tertiary)}.audit-entry-icon{flex-shrink:0;margin-top:2px;font-size:1.2rem}.audit-entry-content{flex:1;min-width:0}.audit-entry-action{text-transform:capitalize;font-size:.85rem}.audit-entry-details{background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid var(--border-subtle);margin-top:6px;padding:8px 10px;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;overflow-x:auto}.audit-entry-time{margin-top:6px;font-size:.75rem}.text-center{text-align:center}.login-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:16px;padding:48px 40px;animation:.4s fadeIn;display:flex}.login-logo{font-size:48px;line-height:1}.login-card h1{letter-spacing:-.02em;background:linear-gradient(135deg, var(--accent) 0%, #ff8c00 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.login-subtitle{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.login-button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;align-items:center;gap:10px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.login-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-error{border-radius:var(--radius-md);color:var(--error);text-align:center;background:#f871711a;border:1px solid #f871714d;max-width:320px;padding:10px 16px;font-size:.8rem;animation:.2s fadeIn}.google-icon{flex-shrink:0}.auth-loading{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.modal-subtitle{color:var(--text-muted);margin-bottom:16px;font-size:.85rem}.budget-summary-card{background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:16px;padding:12px 16px;font-size:.85rem}.budget-summary-row{justify-content:space-between;margin-bottom:6px;display:flex}.budget-summary-row:last-child{margin-bottom:0}.budget-remaining{font-weight:600}.delete-modal-title{color:var(--error)}.delete-warning-banner{border-radius:var(--radius-md);color:var(--error);background:#f8717114;border:1px solid #f8717133;margin-bottom:16px;padding:12px 16px;font-size:.85rem}.admin-empty-state{padding:2rem}.modal-wide{max-width:600px}.grants-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.grants-header .modal-subtitle{margin-bottom:0}.grant-add-form{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:16px;padding:16px}.grant-add-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grants-list{flex-direction:column;gap:10px;max-height:360px;display:flex;overflow-y:auto}.grant-card{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border);padding:14px 16px;transition:border-color .15s}.grant-card:hover{border-color:var(--accent)}.grant-card-inactive{opacity:.55}.grant-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.grant-amount{margin-right:8px;font-size:1.1rem;font-weight:700}.grant-status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600}.grant-active{color:#34d399;background:#34d3991f}.grant-expired{color:var(--error);background:#f871711a}.grant-reason{color:var(--text-secondary);margin-bottom:6px;font-size:.85rem}.grant-meta{color:var(--text-muted);justify-content:space-between;margin-bottom:8px;font-size:.78rem;display:flex}.grant-progress-bar{background:var(--bg-secondary);border-radius:999px;height:4px;overflow:hidden}.grant-progress-fill{background:linear-gradient(90deg, var(--accent), #a78bfa);border-radius:999px;height:100%;transition:width .3s}