@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{color:#1c1b22;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f9f9fa;--surface:#fff;--card:#fff;--card-hover:#f0f0f5;--border:#1c1b22;--border-strong:#1c1b22;--text:#1c1b22;--text-heading:#1c1b22;--text-secondary:#4a4a55;--text-tertiary:#6b6b76;--grid-color:#6200ea14;--accent:#f05633;--accent-hover:#d84d2e;--accent-soft:#f056331a;--accent-border:#f05633;--success:#00a67e;--success-soft:#00a67e1a;--success-border:#00a67e;--warning:#f59e0b;--warning-soft:#f59e0b1a;--warning-border:#f59e0b;--danger:#f50057;--danger-soft:#f500571a;--danger-border:#f50057;--radius-sm:4px;--radius-md:4px;--radius-lg:4px;--radius-xl:4px;--mono:"Space Mono", "PingFang SC", "Microsoft YaHei", ui-monospace, "SFMono-Regular", monospace;--step-1:#1c1b22;--step-2:#6200ea;--step-3:#f05633;--step-4:#ffb800;background:#f9f9fa;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background-color:var(--bg);background-image:linear-gradient(0deg, var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-position:top;background-size:32px 32px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.app-main{flex-direction:column;min-width:0;display:flex}.page-frame{gap:24px;padding:24px;display:grid}.page-grid,.content-grid{gap:24px;display:grid}.content-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.app-sidebar{background:var(--surface);border-right:3px solid var(--border);z-index:10;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar-scroll{flex-direction:column;flex:1;gap:28px;padding:24px 16px;display:flex;overflow-y:auto}.brand-block{gap:6px;margin-top:24px;margin-bottom:24px;padding:0 8px;display:grid}.brand-kicker,.eyebrow{letter-spacing:.05em;text-transform:uppercase;color:#1c1b22;font-size:12px;font-weight:800;font-family:var(--mono)}.brand-block h1{font-family:var(--mono);color:var(--text-heading);font-size:22px;font-weight:800;line-height:1.1}.brand-block p{color:var(--text-tertiary);font-size:13px}.sidebar-nav{gap:4px;padding:0 16px;display:grid}.nav-section-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-weight:800;font-family:var(--mono);padding:16px 12px 6px}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);border:3px solid #0000;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.nav-link svg{opacity:.6;flex-shrink:0;width:18px;height:18px}.nav-link:hover{background:var(--card-hover);color:var(--text);border:3px solid var(--text);box-shadow:2px 2px 0px var(--text);transform:translate(-1px,-1px)}.nav-link.is-active{background:var(--accent);color:#fff;border:3px solid var(--text);box-shadow:2px 2px 0px var(--text)}.nav-link.is-active svg{opacity:1;color:#fff}.app-header{background:var(--bg);border-bottom:3px solid var(--border);z-index:20;align-items:center;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0}.header-copy{flex:1;gap:2px;min-width:0;display:grid}.header-copy p{font-size:16px;font-family:var(--mono);color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.key-box{flex-shrink:0;align-items:center;gap:8px;display:flex}.hero-strip{border-bottom:3px solid var(--border);justify-content:space-between;align-items:end;gap:16px;margin-bottom:8px;padding:16px 0 24px;display:flex}.hero-strip h2{color:var(--text-heading);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.1}.hero-actions{flex-shrink:0;align-items:end;gap:10px;display:flex}.nav-toggle{border:3px solid var(--border-strong);background:var(--card);border-radius:var(--radius-sm);width:40px;height:40px;box-shadow:2px 2px 0px var(--text);flex-shrink:0;place-items:center;padding:0;display:none}.nav-toggle span{background:var(--text);border-radius:1px;width:16px;height:2px;display:block}.nav-toggle span+span{margin-top:4px}.avatar-wrapper{flex-shrink:0;position:relative}.avatar-button{border-radius:var(--radius-sm);background:var(--accent);color:#fff;border:3px solid var(--text);width:36px;height:36px;font-size:.875rem;font-family:var(--mono);box-shadow:2px 2px 0px var(--text);font-weight:800;transition:all .1s}.avatar-button:hover{box-shadow:1px 1px 0px var(--text);transform:translate(1px,1px)}.avatar-dropdown{background:var(--surface);border:3px solid var(--border);border-radius:var(--radius-sm);min-width:180px;box-shadow:4px 4px 0px var(--text);z-index:100;padding:6px 0;position:absolute;top:calc(100% + 8px);right:0}.avatar-dropdown button,.avatar-dropdown a{width:100%;color:var(--text);text-align:left;font-size:.875rem;font-family:var(--mono);background:0 0;border:none;padding:10px 16px;font-weight:600;text-decoration:none;display:block}.avatar-dropdown button:hover,.avatar-dropdown a:hover{background:var(--accent-soft);color:var(--text-heading)}.locale-toggle{border-radius:var(--radius-sm);border:3px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:12px;font-family:var(--mono);letter-spacing:.04em;box-shadow:2px 2px 0px var(--text);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;font-weight:800;transition:all .1s;display:inline-flex}.locale-toggle:hover{border-color:var(--text-heading);box-shadow:4px 4px 0px var(--accent);transform:translate(-1px,-1px)}.locale-toggle svg{opacity:.8;width:16px;height:16px}.sidebar-footer-container{border-top:3px solid var(--border);background:var(--surface);flex-direction:column;margin-top:auto;display:flex}.sidebar-footer{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.version-tag{font-family:var(--mono);color:var(--text-heading);font-size:14px;font-weight:800}.footer-bar{border-top:3px solid var(--border);background:var(--surface);width:100%;height:40px;margin-top:0;display:flex;position:relative}.footer-bar .step{flex:1}.step-1{background-color:var(--step-1)}.step-2{background-color:var(--step-2)}.step-3{background-color:var(--step-3)}.step-4{background-color:var(--step-4)}.pixel-art{z-index:10;transform-origin:bottom;will-change:transform;transition:transform .18s;animation:3.4s ease-in-out infinite mascot-idle;position:absolute;bottom:6px;right:24px}.mascot-fox-glyph{text-shadow:3px 3px 0px var(--text);backface-visibility:hidden;-webkit-font-smoothing:antialiased;font-size:3.5rem;line-height:1;display:block;transform:translateZ(0)}.mascot-fox:after{content:"";filter:blur(1px);z-index:-1;transform-origin:50%;background:#1c1b222e;border-radius:999px;width:34px;height:10px;animation:3.4s ease-in-out infinite mascot-shadow;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.footer-bar:hover .mascot-fox,.mascot-fox:hover{animation:.62s cubic-bezier(.22,1,.36,1) mascot-hop,3.4s ease-in-out .62s infinite mascot-idle}.footer-bar:hover .mascot-fox .mascot-fox-glyph,.mascot-fox:hover .mascot-fox-glyph{text-shadow:4px 4px 0px var(--text)}.footer-bar:hover .mascot-fox:after,.mascot-fox:hover:after{animation:.62s cubic-bezier(.22,1,.36,1) mascot-shadow-hop,3.4s ease-in-out .62s infinite mascot-shadow}@keyframes mascot-idle{0%,to{transform:translateY(0)}25%{transform:translateY(-1px)}50%{transform:translateY(-3px)}75%{transform:translateY(-2px)}}@keyframes mascot-hop{0%{transform:translateY(0)}18%{transform:translateY(1px)}42%{transform:translateY(-10px)}68%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes mascot-shadow{0%,to{opacity:.18;transform:translate(-50%)scale(1)}50%{opacity:.12;transform:translate(-50%)scale(.88)}}@keyframes mascot-shadow-hop{0%{opacity:.18;transform:translate(-50%)scale(1)}42%{opacity:.08;transform:translate(-50%)scale(.68)}to{opacity:.18;transform:translate(-50%)scale(1)}}.key-input,.field input,.field select,.field .custom-select-trigger,.field textarea,.inline-field input,.inline-field select,.inline-field .custom-select-trigger{border:2px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);border-radius:var(--radius-sm);font-size:14px;font-family:var(--mono);outline:none;padding:9px 12px;transition:all .1s;box-shadow:2px 2px #1c1b221a}.key-input{width:280px}.key-input:focus,.field input:focus,.field select:focus,.field .custom-select:focus-within .custom-select-trigger,.field textarea:focus,.inline-field input:focus,.inline-field select:focus,.inline-field .custom-select:focus-within .custom-select-trigger{border-color:var(--text-heading);box-shadow:4px 4px 0px var(--accent);transform:translate(-1px,-1px)}.key-input::placeholder,.field input::placeholder{color:var(--text-tertiary)}.stack-form{gap:16px;display:grid}.stack-form-spaced{margin-top:16px}.inline-form{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.inline-form>.field{flex:0 auto;min-width:120px}.inline-form>.primary-button{align-self:end}.inline-form>.error-banner{flex-basis:100%}.field,.inline-field{gap:8px;display:grid}.field .custom-select,.inline-field .custom-select{width:100%}.field.short input{max-width:120px}.field span,.inline-field span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:800;font-family:var(--mono)}.field-note{color:var(--text-tertiary);margin:2px 0 0;font-size:12px}.inline-field.compact{min-width:100px}.inline-action{align-items:flex-end;gap:8px;min-width:0;display:flex}.primary-button,.ghost-button,.danger-button{border-radius:var(--radius-sm);font-size:14px;font-weight:800;font-family:var(--mono);border:3px solid var(--text);white-space:nowrap;text-transform:uppercase;justify-content:center;align-items:center;gap:6px;padding:9px 16px;transition:all .1s;display:inline-flex}.primary-button{background:var(--accent);color:#fff;box-shadow:4px 4px 0px var(--text)}.primary-button:hover{box-shadow:2px 2px 0px var(--text);transform:translate(2px,2px)}.primary-button:active{box-shadow:0px 0px 0px var(--text);transform:translate(4px,4px)}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.ghost-button{background:var(--surface);color:var(--text);box-shadow:4px 4px 0px var(--accent);border-color:var(--text-heading)}.ghost-button:hover{box-shadow:2px 2px 0px var(--accent);transform:translate(2px,2px)}.ghost-button:active{box-shadow:0px 0px 0px var(--accent);transform:translate(4px,4px)}.danger-button{background:var(--surface);border-color:var(--danger);color:var(--danger);box-shadow:4px 4px 0px var(--danger)}.danger-button:hover{background:var(--danger-soft);box-shadow:2px 2px 0px var(--danger);transform:translate(2px,2px)}.danger-button:active{box-shadow:0px 0px 0px var(--danger);transform:translate(4px,4px)}.panel,.metric-card{background:var(--card);border:3px solid var(--border);border-radius:var(--radius-sm);box-shadow:6px 6px 0px var(--text)}.metric-card{gap:8px;padding:24px;transition:transform .15s,box-shadow .15s;display:grid}.metric-card:hover{box-shadow:8px 8px 0px var(--text);transform:translate(-2px,-2px)}.metric-card span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:800;font-family:var(--mono)}.metric-card strong{font-family:var(--mono);color:var(--text-heading);font-size:32px;font-weight:800;line-height:1}.metric-card p{color:var(--text-tertiary);font-size:13px}.panel{gap:16px;padding:24px;display:grid}.panel-flat{box-shadow:none;background:0 0;border:none}.panel-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.panel-header h2{font-family:var(--mono);color:var(--text-heading);font-size:18px;font-weight:800}.panel-copy{color:var(--text-secondary);margin-top:4px;font-size:13px}.panel-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.footnote-grid{gap:8px;display:grid}.footnote{border-radius:var(--radius-sm);background:var(--surface);border:3px solid var(--border);box-shadow:2px 2px 0px var(--text);gap:4px;padding:12px 14px;display:grid}.footnote span{color:var(--text-tertiary);word-break:break-all;font-size:12px}.mini-table{gap:8px;display:grid}.mini-row{border-radius:var(--radius-sm);background:var(--surface);border:3px solid var(--border);box-shadow:2px 2px 0px var(--text);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.mini-row strong{font-size:13px}.mini-row span{color:var(--text-tertiary);font-size:12px;font-family:var(--mono)}.empty-state{border-radius:var(--radius-sm);border:2px dashed var(--border-strong);text-align:center;background:var(--surface);gap:8px;padding:48px 24px;display:grid}.empty-state strong{color:var(--text-heading);font-family:var(--mono);font-size:16px}.empty-state p{color:var(--text-tertiary);font-size:14px}.tag{border-radius:var(--radius-sm);font-size:11px;font-weight:800;font-family:var(--mono);background:var(--accent-soft);color:var(--text-heading);border:2px solid var(--accent);align-items:center;padding:4px 8px;display:inline-flex}.table-scroll{border-radius:var(--radius-sm);box-shadow:none;border:none;margin:0 -24px;overflow:auto}.table-scroll:last-child{margin-bottom:-24px}.data-table{border-collapse:collapse;background:var(--surface);width:100%;min-width:0}.data-table input{border:2px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);border-radius:var(--radius-sm);font-size:13px;font-family:var(--mono);box-sizing:border-box;outline:none;padding:6px 10px;transition:all .1s;box-shadow:2px 2px #1c1b221a}.data-table input:focus{border-color:var(--accent);box-shadow:4px 4px 0px var(--accent);transform:translate(-1px,-1px)}.data-table th,.data-table td{border-bottom:2px solid var(--border);text-align:left;vertical-align:top;white-space:nowrap;padding:10px 12px;font-size:13px}.data-table thead th{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-heading);background:var(--surface);z-index:1;font-size:12px;font-weight:800;position:sticky;top:0}.data-table tbody tr{transition:background 80ms}.data-table tbody tr:hover{background:var(--card-hover)}.data-table tbody tr:last-child td{border-bottom:none}.cell-stack{gap:2px;display:grid}.cell-stack span{color:var(--text-tertiary);font-size:12px;font-family:var(--mono)}.mono-cell{font-family:var(--mono);font-size:12px}.status-badge{border-radius:var(--radius-sm);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;border:3px solid var(--border);white-space:nowrap;box-shadow:2px 2px 0px var(--border);justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.status-neutral{color:var(--text);background:var(--surface)}.status-success{color:#fff;background:var(--success)}.status-warning{color:#1c1b22;background:var(--warning)}.status-danger{color:#fff;background:var(--danger)}.spinner{justify-content:center;padding:32px;display:flex}.spinner:after{content:"";border:4px solid var(--border-strong);border-top-color:var(--text-heading);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{border-radius:var(--radius-sm);background:var(--danger-soft);border:3px solid var(--danger);color:var(--danger);font-size:14px;font-family:var(--mono);padding:12px 16px;font-weight:800;box-shadow:4px 4px #f5005733}.toast-container{z-index:100;pointer-events:none;gap:8px;display:grid;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-sm);background:var(--card);border:3px solid var(--border-strong);color:var(--text);font-size:14px;font-family:var(--mono);box-shadow:4px 4px 0px var(--border);pointer-events:auto;padding:12px 20px;font-weight:800;animation:.2s toast-in}.toast.toast-success{border-color:var(--success);box-shadow:4px 4px 0px var(--success)}.toast.toast-error{border-color:var(--danger);color:var(--danger);box-shadow:4px 4px 0px var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.compound-control{background:var(--surface);border:3px solid var(--border-strong);border-radius:var(--radius-sm);flex-wrap:nowrap;align-items:stretch;gap:0;min-height:38px;transition:transform .1s,box-shadow .1s;display:inline-flex;overflow:hidden;box-shadow:4px 4px #1c1b2229}.compound-control>*{align-self:stretch;margin:0;box-shadow:none!important;border:none!important;border-radius:0!important}.compound-control>*+*{box-shadow:inset 3px 0 0 var(--border)!important}.compound-control>.ghost-button,.compound-control>.primary-button,.compound-control>.action-dropdown-toggle{min-height:100%;padding-top:0;padding-bottom:0}.compound-control>.ghost-button:hover,.compound-control>.primary-button:hover,.compound-control>.ghost-button:active,.compound-control>.primary-button:active,.compound-control>.action-dropdown-toggle:hover,.compound-control>.action-dropdown-toggle:active{box-shadow:none;transform:none}.compound-control:hover{transform:translate(2px,2px);box-shadow:2px 2px #1c1b2229}.compound-control:focus-within{box-shadow:2px 2px 0px var(--accent);transform:translate(2px,2px)}.action-dropdown{position:relative}.action-dropdown-toggle{background:var(--surface);min-width:36px;color:var(--text-secondary);border:none;justify-content:center;align-items:center;padding:0 8px;transition:all .1s;display:inline-flex}.action-dropdown-toggle:hover,.action-dropdown-toggle:active{background:var(--card-hover)}.action-dropdown-menu{background:var(--card);border:3px solid var(--border-strong);border-radius:var(--radius-sm);min-width:100px;box-shadow:4px 4px 0px var(--border);z-index:20;flex-direction:column;margin-top:4px;display:flex;position:absolute;top:100%;right:0;overflow:hidden}.action-dropdown-menu button{text-align:left;width:100%;font-size:13px;font-family:var(--mono);color:var(--text);background:0 0;border:none;padding:8px 14px;font-weight:700;transition:background .1s;display:block}.action-dropdown-menu button:hover{background:var(--bg)}.action-dropdown-menu .action-dropdown-danger{color:var(--danger)}.action-dropdown-menu .action-dropdown-danger:hover{background:#f500570f}.inline-action .custom-select{min-width:0}.inline-action .custom-select-trigger{background:var(--surface);border:3px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font-size:.8125rem;font-family:var(--mono);box-shadow:2px 2px 0px var(--text);outline:none;padding:8px 12px;transition:all .1s}.inline-action .custom-select:focus-within .custom-select-trigger{border-color:var(--text-heading);box-shadow:4px 4px 0px var(--accent);transform:translate(-1px,-1px)}.provider-tag{border-width:3px;justify-content:center;min-width:60px}.tag.provider-exa{color:#311b92;background:#ede7f6;border-color:#6200ea}.tag.provider-tavily{color:#066b55;background:#e0f2ee;border-color:#00a67e}.tag.provider-firecrawl{color:#8a5300;background:#fff3e0;border-color:#f59e0b}.tag.provider-jina{color:#a30043;background:#fce4ec;border-color:#f50057}.tab-bar{background:var(--surface);border:3px solid var(--border);border-radius:var(--radius-sm);width:fit-content;box-shadow:4px 4px 0px var(--text);align-items:stretch;gap:0;margin-bottom:24px;display:inline-flex;overflow:hidden}.tab-bar button{border:none;border-right:3px solid var(--border);color:var(--text-secondary);font-size:.875rem;font-family:var(--mono);text-transform:uppercase;background:0 0;padding:10px 20px;font-weight:800;transition:all .15s}.tab-bar button:last-child{border-right:none}.tab-bar button:hover{color:var(--text);background:var(--card-hover)}.tab-bar button.active,.tab-bar button.active:hover{color:#fff;background:var(--accent)}.custom-select{min-width:0;display:inline-flex;position:relative}.custom-select-trigger{border:2px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:38px;color:var(--text);font-size:14px;font-family:var(--mono);text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-weight:700;line-height:1.2;transition:border-color .1s,box-shadow .1s,transform .1s;display:inline-flex;box-shadow:2px 2px #1c1b221a}.custom-select-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.custom-select-placeholder{color:var(--text-secondary)}.custom-select-caret{color:var(--text-secondary);flex-shrink:0;transition:transform .1s,color .1s}.custom-select-caret.is-open{color:var(--text);transform:rotate(180deg)}.custom-select-trigger:disabled{cursor:not-allowed;opacity:.65}.custom-select:focus-within .custom-select-trigger{border-color:var(--text-heading);box-shadow:4px 4px 0px var(--accent);transform:translate(-1px,-1px)}.custom-select-menu{background:var(--surface);border:3px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:4px 4px 0px var(--border);z-index:40;flex-direction:column;padding:4px;display:flex;overflow-y:auto}.custom-select-option{width:100%;color:var(--text);font-size:13px;font-family:var(--mono);text-align:left;background:0 0;border:none;border-radius:2px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-weight:700;transition:background .1s,color .1s;display:inline-flex}.custom-select-option:hover,.custom-select-option.is-active{background:#1c1b220f}.custom-select-option.is-selected,.custom-select-option.is-selected:hover,.custom-select-option.is-selected.is-active{background:var(--accent);color:#fff}.custom-select-option:disabled{opacity:.5;cursor:not-allowed}.date-picker-menu{background:var(--surface);border:3px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:4px 4px 0px var(--border);z-index:40;padding:12px}.date-picker-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.date-picker-header strong{font-family:var(--mono);color:var(--text-heading);font-size:13px;font-weight:800}.date-picker-nav{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:28px;height:28px;color:var(--text);font-family:var(--mono);box-shadow:2px 2px 0px var(--border);justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:800;transition:transform .1s,box-shadow .1s,background .1s;display:inline-flex}.date-picker-nav:hover{box-shadow:1px 1px 0px var(--border);background:var(--card-hover);transform:translate(1px,1px)}.date-picker-weekdays,.date-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.date-picker-weekdays{margin-bottom:8px}.date-picker-weekdays span{font-family:var(--mono);color:var(--text-tertiary);text-transform:uppercase;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.date-picker-day{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:32px;color:var(--text);font-family:var(--mono);justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:700;transition:transform .1s,box-shadow .1s,background .1s,color .1s;display:inline-flex;box-shadow:2px 2px #1c1b2214}.date-picker-day:hover{background:var(--card-hover);transform:translate(1px,1px);box-shadow:1px 1px #1c1b221f}.date-picker-day.is-outside{color:var(--text-tertiary);background:#1c1b2208}.date-picker-day.is-today{border-color:var(--accent)}.date-picker-day.is-selected{background:var(--accent);color:#fff;border-color:var(--border);box-shadow:2px 2px 0px var(--border)}.date-picker-day.is-selected:hover{background:var(--accent);color:#fff}.date-picker-footer{border-top:2px solid #1c1b221a;justify-content:flex-end;margin-top:10px;padding-top:10px;display:flex}.date-picker-clear{color:var(--text-secondary);font-family:var(--mono);background:0 0;border:none;font-size:12px;font-weight:800}.date-picker-clear:hover:not(:disabled){color:var(--accent)}.date-picker-clear:disabled{opacity:.45;cursor:not-allowed}.drawer-backdrop{z-index:200;background:#1c1b2299;animation:.15s fade-in;position:fixed;inset:0}.drawer-panel{background:var(--surface);border-left:3px solid var(--border);z-index:201;width:min(420px,90vw);box-shadow:-8px 0px 0px var(--text);flex-direction:column;animation:.2s slide-in-right;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer-header{border-bottom:3px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.drawer-header h2{font-family:var(--mono);color:var(--text-heading);font-size:20px;font-weight:800}.drawer-close{border-radius:var(--radius-sm);border:3px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text);box-shadow:2px 2px 0px var(--border);flex-shrink:0;justify-content:center;align-items:center;transition:all .1s;display:inline-flex}.drawer-close:hover{box-shadow:1px 1px 0px var(--border);transform:translate(1px,1px)}.drawer-body{flex:1;padding:24px;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.chart{width:100%;min-height:260px}.chart-donut{min-height:260px}.chart-donut-focus{min-height:300px}.chart-bar-brutal{min-height:240px}.chart-legend{justify-content:center;align-items:center;gap:18px;display:flex}.chart-legend-brutal{margin-top:6px;padding-bottom:8px}.chart-legend-item{color:var(--text-secondary);font-size:12px;font-weight:700;font-family:var(--mono);align-items:center;gap:8px;display:inline-flex}.chart-legend-swatch{border:2px solid var(--border);border-radius:3px;width:18px;height:14px;box-shadow:2px 2px #1c1b221f}.chart-legend-swatch-success{background:var(--success)}.chart-legend-swatch-danger{background:var(--danger)}.donut-layout{grid-template-columns:minmax(140px,180px) minmax(220px,300px) minmax(160px,200px);justify-content:center;align-items:center;gap:16px;padding:4px 0 12px;display:grid}.donut-side{align-content:center;gap:10px;display:grid}.donut-legend{gap:10px;display:grid}.donut-legend-item{grid-template-columns:14px minmax(0,1fr);align-items:center;gap:10px;display:grid}.donut-swatch{border:2px solid var(--border);border-radius:4px;width:14px;height:14px;box-shadow:2px 2px #1c1b221f}.donut-legend-copy{gap:2px;display:grid}.donut-legend-copy strong,.donut-insight strong{font-family:var(--mono);color:var(--text-heading);font-size:16px;font-weight:800}.donut-legend-copy span,.donut-insight p,.donut-insight-metric span{color:var(--text-secondary);font-size:12px;font-family:var(--mono)}.donut-chart-shell{justify-content:center;display:flex}.donut-chart-shell .chart{width:min(100%,300px)}.donut-insight{border:3px solid var(--border);border-radius:var(--radius-sm);background:#1c1b2208;padding:16px 18px;box-shadow:4px 4px #1c1b221f}.donut-insight-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);font-size:11px;font-weight:800;font-family:var(--mono)}.donut-insight-metric{border-top:2px solid #1c1b221f;gap:4px;padding-top:12px;display:grid}.donut-insight-metric strong{font-size:20px}.panel-filter-select,.pagination-size-select{min-width:0}.panel-filter-select .custom-select-trigger,.pagination-size-select .custom-select-trigger{background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font-size:.8125rem;font-family:var(--mono);outline:none;padding:8px 12px;transition:all .1s;box-shadow:2px 2px #1c1b221a}.panel-filter-select{min-width:88px}.pagination-size-select{min-width:72px}.panel-filter-select:focus-within .custom-select-trigger,.pagination-size-select:focus-within .custom-select-trigger{border-color:var(--accent);box-shadow:4px 4px 0px var(--accent);transform:translate(-1px,-1px)}.pagination-bar{border-top:2px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.pagination-info{color:var(--text-secondary);font-size:13px;font-family:var(--mono);font-weight:600}.pagination-controls{align-items:center;gap:12px;display:flex}.pagination-controls .ghost-button{padding:9px 16px;font-size:13px}.key-created-panel{background:var(--card);border:3px solid var(--success);border-radius:var(--radius-sm);box-shadow:4px 4px 0px var(--success);gap:14px;padding:20px;display:grid}.key-created-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.key-created-header h3{font-family:var(--mono);color:var(--success);font-size:16px;font-weight:800}.key-created-header p{color:var(--text-secondary);margin-top:2px;font-size:13px}.key-created-meta{align-items:center;gap:10px;display:flex}.key-created-meta strong{font-size:14px}.key-created-value{background:var(--surface);border:3px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:12px 14px;display:flex}.key-created-value code{font-family:var(--mono);color:var(--text);word-break:break-all;-webkit-user-select:all;user-select:all;flex:1;font-size:14px}.copy-btn{border-radius:var(--radius-sm);font-size:12px;font-weight:800;font-family:var(--mono);border:3px solid var(--border-strong);background:var(--surface);color:var(--text);white-space:nowrap;box-shadow:2px 2px 0px var(--border);flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;transition:all .1s;display:inline-flex}.copy-btn-compact{min-height:32px;padding:6px 8px}.copy-btn:hover{box-shadow:1px 1px 0px var(--border);transform:translate(1px,1px)}.copy-btn.is-copied{border-color:var(--success);color:var(--success);box-shadow:2px 2px 0px var(--success)}.key-cell{align-items:center;gap:8px;min-width:0;display:flex}.key-mono{min-width:0;max-width:100%;font-family:var(--mono);color:var(--text);background:var(--surface);border-radius:var(--radius-sm);border:3px solid var(--border);text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;font-size:12px;display:inline-block;overflow:hidden}.api-keys-table{table-layout:auto;min-width:0}.api-keys-table th,.api-keys-table td{white-space:normal}.api-key-secret-cell{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.api-key-name-input{width:100%;min-width:0}.api-key-quota-input{width:72px;max-width:100%}.api-key-actions{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:4px;display:flex}.api-key-hint{color:var(--text-tertiary);white-space:nowrap;font-size:12px}.api-keys-table .cell-stack{min-width:0}.api-keys-table .cell-stack strong,.api-keys-table .cell-stack span{overflow-wrap:anywhere;word-break:break-word}.accounts-toolbar{flex-wrap:wrap;justify-content:flex-start;gap:24px;display:flex}.accounts-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.accounts-bulk-bar{background:var(--surface);border-radius:var(--radius-sm);border:2px solid var(--border-strong);flex-wrap:wrap;align-items:center;gap:16px;padding:8px 16px;display:flex;box-shadow:2px 2px #1c1b221a}.accounts-bulk-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.accounts-selected-count{color:var(--text-secondary);font-size:12px;font-weight:800;font-family:var(--mono)}.accounts-table{table-layout:auto;min-width:0}.accounts-table th,.accounts-table td{white-space:normal}.accounts-table th:first-child,.accounts-table td:first-child{width:36px;padding-left:12px}.accounts-checkbox{accent-color:var(--accent);margin:0;width:16px!important;height:16px!important;box-shadow:none!important;transform:none!important}.accounts-name-cell{min-width:0}.accounts-name-cell strong{white-space:nowrap}.accounts-name-cell span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;display:block;overflow:hidden}.accounts-proxy-cell{min-width:0}.accounts-edit-subfield{margin-top:4px}.bound-proxy-loading{color:var(--text-tertiary);font-size:11px}.bound-proxy-tags{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sort-icon{vertical-align:middle;opacity:.3;margin-left:4px;transition:opacity .1s;display:inline-block}.sortable-th:hover .sort-icon{opacity:.6}.sort-icon.sort-active{opacity:1;color:var(--accent)}.account-bind-controls{display:inline-flex}.account-bind-controls .account-bind-select,.account-bind-controls .accounts-bulk-select{width:min(140px,100%)}.account-bind-controls .account-bind-select .custom-select-trigger,.account-bind-controls .accounts-bulk-select .custom-select-trigger{min-height:38px;box-shadow:none;border:none;border-radius:0;padding-top:7px;padding-bottom:7px}.account-bind-controls .account-bind-select .custom-select-trigger:hover,.account-bind-controls .accounts-bulk-select .custom-select-trigger:hover{transform:none}.account-bind-controls .account-bind-select:focus-within,.account-bind-controls .accounts-bulk-select:focus-within{z-index:1}.account-bind-controls .account-bind-select:focus-within .custom-select-trigger,.account-bind-controls .accounts-bulk-select:focus-within .custom-select-trigger{box-shadow:none;transform:none}.account-bind-controls .ghost-button,.account-bind-controls .primary-button{min-width:58px}.account-bind-controls .ghost-button:hover,.account-bind-controls .primary-button:hover{background:var(--card-hover)}.accounts-actions{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:4px;display:flex}.alerts-field-flex{flex:200px}.alerts-threshold-field{flex:none}.audit-diff-card{gap:8px;min-width:0;display:grid}.audit-diff-toggle{border:2px solid var(--border);border-radius:var(--radius-sm);min-width:112px;color:var(--text-secondary);font-family:var(--mono);background:#1c1b2208;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;font-size:12px;font-weight:800;transition:transform .1s,box-shadow .1s,background .1s,color .1s;display:inline-flex;box-shadow:2px 2px #1c1b2214}.audit-diff-toggle:hover{background:var(--card-hover);color:var(--text);transform:translate(1px,1px);box-shadow:1px 1px #1c1b221f}.audit-diff-caret{flex-shrink:0;transition:transform .1s}.audit-diff-caret.is-open{transform:rotate(180deg)}.audit-diff-content{border:2px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--text-tertiary);font-family:var(--mono);white-space:pre-wrap;word-break:break-all;background:#1c1b2208;margin:0;padding:10px 12px;font-size:11px}.proxy-region-input{width:100px}.filter-bar{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.filter-bar>.inline-field{min-width:120px}.advanced-filter-toggle{border-radius:var(--radius-sm);font-size:14px;font-weight:800;font-family:var(--mono);border:2px solid var(--border);background:var(--surface);color:var(--text);white-space:nowrap;box-shadow:2px 2px 0px var(--border);justify-content:center;align-items:center;gap:6px;padding:9px 16px;transition:all .1s;display:inline-flex}.advanced-filter-toggle:hover{box-shadow:1px 1px 0px var(--border);transform:translate(1px,1px)}.advanced-filter-toggle svg{width:14px;height:14px;transition:transform .15s}.advanced-filter-toggle.is-expanded svg{transform:rotate(180deg)}.advanced-filter-section{background:var(--surface);border:2px dashed var(--border-strong);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:end;gap:16px;width:100%;margin-top:8px;padding:20px;display:none}.advanced-filter-section.is-visible{display:flex}.range-input{align-items:center;gap:8px;display:flex}.range-input input{width:80px}.range-input .range-sep,.range-input .range-separator{color:var(--text-tertiary);flex-shrink:0;font-size:14px}.request-limit-input{width:80px}.request-logs-table{table-layout:fixed}.request-logs-table th:first-child,.request-logs-table td:first-child{width:118px}.request-logs-table th:nth-child(2),.request-logs-table td:nth-child(2){width:156px}.request-logs-table th:nth-child(3),.request-logs-table td:nth-child(3){width:92px}.request-logs-table th:nth-child(4),.request-logs-table td:nth-child(4),.request-logs-table th:nth-child(5),.request-logs-table td:nth-child(5),.request-logs-table th:nth-child(6),.request-logs-table td:nth-child(6){width:102px}.request-logs-table th:nth-child(7),.request-logs-table td:nth-child(7){width:76px}.request-logs-table th:nth-child(8),.request-logs-table td:nth-child(8){width:84px}.request-logs-table td{vertical-align:middle}.request-logs-table th:nth-child(3),.request-logs-table td:nth-child(3),.request-logs-table th:nth-child(4),.request-logs-table td:nth-child(4),.request-logs-table th:nth-child(5),.request-logs-table td:nth-child(5),.request-logs-table th:nth-child(6),.request-logs-table td:nth-child(6),.request-logs-table th:nth-child(7),.request-logs-table td:nth-child(7),.request-logs-table th:nth-child(8),.request-logs-table td:nth-child(8){text-align:center}.request-logs-table .provider-tag{justify-content:center;min-width:0}.request-log-route,.request-log-status{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:inline-block;overflow:hidden}.request-log-route{width:100%}.request-log-center-cell{text-align:center!important}.request-log-inline-text{min-height:32px;font-family:var(--mono);color:var(--text);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.request-log-copy-chip{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-sm);border:2px solid var(--border);min-width:72px;max-width:100%;color:var(--text);font-size:11px;font-weight:800;font-family:var(--mono);background:#1c1b2208;justify-content:center;align-items:center;padding:5px 8px;transition:all .1s;display:inline-flex;overflow:hidden;box-shadow:2px 2px #1c1b2214}.request-log-copy-chip:hover{background:var(--card-hover);transform:translate(1px,1px);box-shadow:1px 1px #1c1b221f}.request-log-copy-chip.is-copied{border-color:var(--success);color:var(--success);box-shadow:2px 2px #00a67e38}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--surface);border:3px solid var(--border);border-radius:var(--radius-sm);width:100%;max-width:440px;box-shadow:8px 8px 0px var(--text);gap:32px;padding:40px;display:grid}.auth-header{text-align:center;gap:12px;display:grid}.auth-header h2{font-family:var(--mono);color:var(--text-heading);font-size:28px;font-weight:800}.auth-header p{color:var(--text-secondary);font-size:14px}@media (width<=1200px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid.two-up,.content-grid.three-up{grid-template-columns:1fr}}@media (width<=1024px){.accounts-toolbar{flex-direction:column;align-items:stretch}.accounts-bulk-bar{flex-wrap:wrap}.filter-bar{gap:8px}.hero-strip h2{font-size:28px}.donut-layout{grid-template-columns:1fr}.donut-side,.donut-insight{text-align:center;justify-items:center}.donut-legend-item{grid-template-columns:14px auto;justify-content:center}.chart-legend{flex-wrap:wrap}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.app-sidebar{width:min(84vw,300px);transition:transform .16s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app-sidebar.is-open{transform:translate(0)}.nav-toggle{display:grid}.app-header{flex-wrap:wrap}.key-box{width:100%}.key-input{flex:1;width:100%}.hero-strip,.hero-actions{flex-direction:column;align-items:stretch}}@media (width<=640px){.metrics-grid{grid-template-columns:1fr}.panel-actions,.inline-action{flex-direction:column;align-items:stretch}.data-table{min-width:0}.inline-form{flex-direction:column}.inline-form>.field{min-width:0}.pagination-bar{flex-direction:column;align-items:stretch;gap:12px}.pagination-controls{justify-content:space-between}}@media (prefers-reduced-motion:reduce){.pixel-art,.mascot-fox:after,.footer-bar:hover .mascot-fox,.mascot-fox:hover,.footer-bar:hover .mascot-fox:after,.mascot-fox:hover:after{animation:none;transform:none}}