@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,700;1,400;1,500&display=swap";:root{--n-0: #ffffff;--n-25: #f6f8fa;--n-50: #eceff4;--n-100: #e4e9f0;--n-150: #dbe1ea;--n-200: #cdd4de;--n-250: #c6cdd7;--n-300: #b6becb;--n-400: #9aa3b2;--n-500: #8a93a4;--n-600: #6b7280;--n-700: #4b5563;--n-800: #343a44;--n-900: #20242b;--n-950: #12151a;--blue-50: #eaf2fb;--blue-100: #d3e4f7;--blue-200: #a9cbf0;--blue-300: #7fb2e8;--blue-400: #4f97df;--blue-500: #2a82d6;--blue-600: #1e6bc0;--blue-700: #175699;--blue-800: #124372;--green-50: #e7f4ea;--green-100: #c9e7d1;--green-300: #5cbf76;--green-500: #239a3f;--green-600: #1c7e33;--green-700: #166528;--amber-50: #fbf3e2;--amber-100: #f6e3ba;--amber-500: #c9820a;--amber-600: #a66a06;--red-50: #fbeaea;--red-100: #f6cfd0;--red-500: #d33b3b;--red-600: #b42f2f;--dot-red: #ff5f57;--dot-yellow: #febc2e;--dot-green: #28c840;--surface-app: var(--n-100);--surface-rail: var(--n-250);--surface-panel: var(--n-100);--surface-content: var(--n-50);--surface-raised: var(--n-25);--surface-overlay: var(--n-0);--surface-input: var(--n-0);--surface-hover: var(--n-150);--surface-active: var(--n-200);--surface-selected: var(--blue-50);--text-strong: var(--n-900);--text-primary: var(--n-800);--text-secondary: var(--n-600);--text-muted: var(--n-500);--text-ghost: #8b9eb6;--text-on-accent: #ffffff;--text-link: var(--blue-600);--text-link-hover: var(--blue-700);--border-subtle: var(--n-150);--border-default: var(--n-200);--border-strong: var(--n-300);--border-focus: var(--blue-500);--accent: var(--blue-500);--accent-hover: var(--blue-600);--accent-quiet: var(--blue-50);--primary: var(--green-500);--primary-hover: var(--green-600);--primary-quiet: var(--green-50);--success: var(--green-600);--warning: var(--amber-600);--danger: var(--red-500);--info: var(--blue-600);--error: var(--red-500);--selection-bg: color-mix(in srgb, var(--blue-500) 22%, transparent);--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Menlo", "Cascadia Code", "Consolas", monospace;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 34px;--mono-xs: 11px;--mono-sm: 12px;--mono-base: 13px;--mono-md: 14px;--mono-lg: 16px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-ui: 1.4;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-label: .06em;--tracking-caps: .04em;--tracking-tight: -.01em;--shadow-xs: 0 1px 1px rgba(20, 27, 45, .05);--shadow-sm: 0 1px 2px rgba(20, 27, 45, .06), 0 1px 1px rgba(20, 27, 45, .04);--shadow-md: 0 4px 12px rgba(20, 27, 45, .1), 0 1px 3px rgba(20, 27, 45, .06);--shadow-lg: 0 12px 32px rgba(20, 27, 45, .16), 0 3px 8px rgba(20, 27, 45, .08);--shadow-xl: 0 24px 60px rgba(20, 27, 45, .22), 0 6px 16px rgba(20, 27, 45, .1);--shadow-inset: inset 0 1px 2px rgba(20, 27, 45, .05);--ring-width: 2px;--ring: 0 0 0 var(--ring-width) color-mix(in srgb, var(--accent) 45%, transparent);--ansi-black: #2a2e37;--ansi-red: #c7362f;--ansi-green: #1f8a44;--ansi-yellow: #9a6a00;--ansi-blue: #2a62d6;--ansi-magenta: #9a44c7;--ansi-cyan: #147a8c;--ansi-white: #6b7280;--term-bg: var(--n-0);--term-fg: var(--n-900);--term-dim: var(--n-500);--term-cursor: var(--accent);--term-cursor-text: var(--n-0);--term-selection: var(--selection-bg);--term-prompt: var(--ansi-green);--term-path: var(--ansi-blue);--term-git: var(--ansi-magenta);--term-success: var(--ansi-green);--term-error: var(--ansi-red);--term-warn: var(--ansi-yellow)}[data-theme=dark]{--n-0: #23262e;--n-25: #1f222a;--n-50: #14161b;--n-100: #1c1f26;--n-150: #23272f;--n-200: #2a2e37;--n-250: #191c22;--n-300: #373c47;--n-400: #565d6b;--n-500: #6c7482;--n-600: #8b93a1;--n-700: #aab1bd;--n-800: #cdd2db;--n-900: #e6e9ef;--n-950: #f4f6f9;--blue-500: #4f97df;--blue-600: #6aa8ea;--green-500: #2ea043;--green-600: #3fb950;--surface-app: var(--n-100);--surface-rail: var(--n-250);--surface-panel: var(--n-100);--surface-content: var(--n-50);--surface-raised: var(--n-0);--surface-overlay: #262a33;--surface-input: #14161b;--surface-hover: rgba(255, 255, 255, .05);--surface-active: rgba(255, 255, 255, .09);--surface-selected: color-mix(in srgb, var(--blue-500) 20%, transparent);--text-ghost: #5f7289;--text-on-accent: #0d1b12;--text-link: var(--blue-600);--text-link-hover: #8fbef0;--primary-hover: var(--green-600);--selection-bg: color-mix(in srgb, var(--blue-500) 30%, transparent);--error: #e2685c;--danger: #e06055;--shadow-md: 0 4px 14px rgba(0, 0, 0, .45), 0 1px 3px rgba(0, 0, 0, .4);--shadow-lg: 0 14px 40px rgba(0, 0, 0, .55), 0 3px 10px rgba(0, 0, 0, .45);--shadow-xl: 0 28px 70px rgba(0, 0, 0, .6), 0 8px 20px rgba(0, 0, 0, .5);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .35);--ansi-black: #3a3f4b;--ansi-red: #f0665f;--ansi-green: #5fd08a;--ansi-yellow: #e3b341;--ansi-blue: #6aa0ff;--ansi-magenta: #d08bf0;--ansi-cyan: #5fd0d8;--ansi-white: #c8cdd8;--term-bg: var(--n-50);--term-fg: #e6e9ef;--term-dim: var(--n-500);--term-cursor: #7ee0a3;--term-cursor-text: var(--n-50);--term-prompt: var(--ansi-green);--term-path: var(--ansi-blue);--term-git: var(--ansi-magenta)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface-content);color:var(--text-primary);font:var(--weight-regular) var(--text-base) / var(--leading-ui) var(--font-ui)}::selection{background:var(--selection-bg)}.dcic{display:inline-flex}.dcic svg{width:100%;height:100%;display:block}.stx::-webkit-scrollbar{width:10px;height:10px}.stx::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}.stx::-webkit-scrollbar-track{background:transparent}input[type=range]{accent-color:var(--accent)}input.tin:focus{border-color:var(--accent)!important}button{font:inherit}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover)}.btn{cursor:pointer;background:var(--surface-raised);border:1px solid var(--border-default);color:var(--text-primary);border-radius:8px;padding:8px 14px;font:var(--weight-semibold) var(--text-sm) / 1 var(--font-ui)}.btn:hover{background:var(--surface-hover)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{opacity:.92;background:var(--accent)}.btn.danger{background:transparent;border-color:color-mix(in srgb,var(--error, #dd4033) 55%,var(--border-default));color:var(--error, #e2685c)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn.ghost:hover{background:var(--surface-hover)}.btn:disabled{opacity:.5;cursor:default}input,textarea,select{font:var(--weight-regular) var(--text-base) / var(--leading-ui) var(--font-ui);color:var(--text-strong);background:var(--surface-input);border:1px solid var(--border-default);border-radius:7px;padding:8px 10px;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}label,.mlabel{display:block;margin:0 0 8px;font:var(--weight-bold) 10px / 1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--text-muted)}.field{margin-bottom:16px}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:14px;height:52px;flex-shrink:0;padding:0 18px;background:var(--surface-app);border-bottom:1px solid var(--border-default)}.topbar .prompt{color:var(--term-prompt);font:var(--weight-bold) 16px / 1 var(--font-mono)}.topbar .brand{font:var(--weight-semibold) 14px / 1 var(--font-ui);letter-spacing:-.01em;color:var(--text-strong)}.topbar nav{display:flex;gap:2px;margin-left:10px}.topbar nav a{color:var(--text-secondary);padding:6px 10px;border-radius:7px;font:var(--weight-medium) 11px / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.topbar nav a.active{color:var(--text-strong);background:var(--surface-active)}.topbar nav a:hover{color:var(--text-strong);background:var(--surface-hover)}.topbar .spacer{flex:1}.topbar .who{color:var(--text-muted);font:var(--weight-medium) 11px / 1 var(--font-mono)}.topbar select{width:auto;padding:6px 8px;font-size:var(--text-sm)}.page{flex:1;overflow:auto;padding:30px 28px;max-width:1100px;width:100%;margin:0 auto}.page h1{font:var(--weight-semibold) var(--text-xl) / var(--leading-tight) var(--font-ui);color:var(--text-strong);margin:0 0 4px}.page .sub{color:var(--text-muted);margin:0 0 24px;font-size:var(--text-base)}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.card{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:7px;color:var(--text-primary);transition:border-color .12s}.card:hover{border-color:var(--accent);color:var(--text-primary)}.card h3{margin:0;font:var(--weight-bold) 12px / 1.3 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-strong)}.card p{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.card .meta{font:var(--weight-medium) 10.5px / 1.4 var(--font-mono);color:var(--text-muted);margin-top:auto;padding-top:8px}.empty{border:1px dashed var(--border-strong);border-radius:10px;padding:44px;text-align:center;color:var(--text-muted);font:var(--weight-medium) var(--mono-sm) / 1.6 var(--font-mono)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070c9e;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--surface-panel);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-lg);padding:22px;width:660px;max-width:calc(100vw - 40px);max-height:calc(100vh - 80px);overflow:auto}.modal h2{margin:0 0 18px;font:var(--weight-semibold) 14px / 1 var(--font-ui);color:var(--text-strong);display:flex;align-items:center;gap:9px}.modal h2:before{content:"❯";color:var(--term-prompt);font:var(--weight-bold) 14px / 1 var(--font-mono)}.template-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.template-item{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border-default);background:var(--surface-raised);border-radius:8px;padding:11px 13px;cursor:pointer}.template-item:hover{background:var(--surface-hover)}.template-item.selected{border-color:var(--accent);outline:1px solid var(--accent)}.template-item .t-name{font:var(--weight-bold) 11px / 1.4 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-strong)}.template-item .t-desc{color:var(--text-secondary);font-size:var(--text-sm);margin-top:2px}.template-item .t-cat{font:var(--weight-medium) 10px / 1 var(--font-mono);color:var(--text-muted);border:1px solid var(--border-default);border-radius:20px;padding:3px 8px;white-space:nowrap;margin-top:2px}.auth-wrap{height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-content)}.auth-box{width:380px;background:var(--surface-panel);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden}.auth-head{display:flex;align-items:center;gap:10px;padding:15px 22px;border-bottom:1px solid var(--border-default);background:var(--surface-app)}.auth-head .prompt{color:var(--term-prompt);font:var(--weight-bold) 16px / 1 var(--font-mono)}.auth-head .t{font:var(--weight-semibold) 14px / 1 var(--font-ui);color:var(--text-strong)}.auth-head .dots{margin-left:auto;display:flex;gap:6px}.auth-head .dots span{width:10px;height:10px;border-radius:50%;display:block}.auth-body{padding:22px}.auth-sub{color:var(--text-muted);margin:0 0 18px;font:var(--weight-medium) var(--mono-xs) / 1.5 var(--font-mono)}.error-msg{color:var(--error, #e2685c);font:var(--weight-medium) var(--mono-sm) / 1.4 var(--font-mono);margin:8px 0}.ok-msg{color:var(--success);font:var(--weight-medium) var(--mono-sm) / 1.4 var(--font-mono);margin:8px 0 0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 16px;border-bottom:1px solid var(--border-subtle);font-size:var(--text-base)}tr:last-child td{border-bottom:none}th{font:var(--weight-bold) 10px / 1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.panel{background:var(--surface-panel);border:1px solid var(--border-default);border-radius:10px;overflow:hidden;margin-bottom:24px}.panel .panel-head{padding:12px 16px;border-bottom:1px solid var(--border-default);background:var(--surface-app);font:var(--weight-bold) 11px / 1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center}.panel .panel-body{padding:16px}.pill{font:var(--weight-medium) 10px / 1 var(--font-mono);letter-spacing:.06em;border-radius:20px;padding:3px 9px;border:1px solid var(--border-default);color:var(--text-muted)}.pill.admin{color:var(--accent);border-color:var(--accent)}@media print{.topbar{display:none}}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:22px}.metric{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:12px;padding:16px 18px}.metric .k{font:var(--weight-bold) 10px / 1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.metric .v{font:var(--weight-bold) 30px / 1 var(--font-ui);letter-spacing:-.02em;color:var(--text-strong);margin-top:10px}.metric .m{font:var(--weight-medium) 11.5px / 1.3 var(--font-ui);color:var(--text-secondary);margin-top:6px}.admin-table td,.admin-table th{padding:10px 12px;border-bottom:1px solid var(--border-default);text-align:left;font-size:13px;vertical-align:middle}.admin-table th{font:var(--weight-bold) 10px / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.admin-table tbody tr:hover{background:var(--surface-hover)}.lim-input{width:46px;background:var(--surface-app);border:1px solid var(--border-default);border-radius:6px;padding:5px 6px;color:var(--text-strong);font:var(--weight-semibold) 12px / 1 var(--font-mono);text-align:center;outline:none}.lim-input::placeholder{color:var(--text-muted);font-weight:400}.lim-input:focus{border-color:var(--accent)}.usage-cell{font:var(--weight-medium) 12px / 1.4 var(--font-mono);color:var(--text-secondary);white-space:nowrap}.usage-cell b{color:var(--text-strong);font-weight:var(--weight-bold)}.mini{font-size:11px;padding:4px 9px}.feed{display:flex;flex-direction:column}.feed-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-default);font-size:12.5px}.feed-row:last-child{border-bottom:none}.feed-row .tag{font:var(--weight-bold) 9.5px / 1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:3px 7px;flex:none}.feed-row .tag.agent{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.feed-row .tag.mcp{color:#3fb950;background:color-mix(in srgb,#3fb950 14%,transparent)}.feed-row .who{font-weight:var(--weight-semibold);color:var(--text-strong)}.feed-row .when{margin-left:auto;color:var(--text-muted);font:var(--weight-medium) 11px / 1 var(--font-mono)}