:root{--bg:#e9edf5;--bg-deep:#dfe4ee;--surface:#fff;--well:#f1f4f9;--well-2:#e6eaf3;--line:#2c3e7814;--text:#1c2340;--text-2:#4b5472;--muted:#8b93ab;--muted-2:#b3b9cb;--accent:#3b6cff;--accent-2:#2a4de6;--accent-soft:#e6edff;--accent-grad:linear-gradient(135deg, #4f86ff 0%, #2f56f0 100%);--success:#23b26d;--success-soft:#e3f7ec;--warning:#f2a51a;--warning-soft:#fff3dc;--danger:#e5484d;--danger-soft:#fde8e9;--shadow-card:0 24px 50px -22px #2c3e7847, 0 6px 14px -6px #2c3e7814;--shadow-card-hover:0 30px 60px -22px #2c3e7857, 0 8px 18px -6px #2c3e781a;--shadow-raised:0 10px 22px -10px #2c3e7847, 0 1px 3px #2c3e780f;--shadow-inset:inset 0 2px 6px #2c3e781f, inset 0 0 0 1px #2c3e780a;--shadow-accent:0 14px 28px -12px #2f56f0a6;--radius-xl:26px;--radius-lg:20px;--radius:16px;--radius-sm:12px;--radius-xs:9px;--font:"Poppins", "Segoe UI", system-ui, -apple-system, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:26px}h2{font-size:18px}h3{font-size:15px}p{margin:0}code,pre{font-family:var(--mono);font-size:12.5px}::selection{background:var(--accent-soft)}.shell{min-height:100vh;display:flex}.rail{flex-direction:column;flex:0 0 104px;align-self:flex-start;align-items:center;gap:14px;width:104px;height:100vh;padding:22px 0;display:flex;position:sticky;top:0}.rail .logo{background:var(--accent-grad);color:#fff;width:54px;height:54px;box-shadow:var(--shadow-accent);border-radius:18px;place-items:center;margin-bottom:8px;display:grid}.rail .logo svg{width:26px;height:26px}.rail-nav{flex-direction:column;gap:12px;display:flex}.tile{background:var(--surface);width:66px;height:66px;color:var(--muted);box-shadow:var(--shadow-raised);border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:transform .15s,box-shadow .15s,color .15s;display:flex}.tile svg{width:22px;height:22px}.tile span{letter-spacing:.02em;font-size:9.5px;font-weight:500}.tile:hover{box-shadow:var(--shadow-card);color:var(--text-2);transform:translateY(-2px)}.tile.active{color:var(--accent);box-shadow:var(--shadow-card), inset 0 0 0 1.5px var(--accent-soft)}.tile.active svg{filter:drop-shadow(0 4px 8px #3b6cff59)}.rail .spacer{flex:1}.rail-account{background:var(--surface);width:66px;height:52px;box-shadow:var(--shadow-raised);border-radius:18px;place-items:center;margin-top:4px;display:grid}.signin{flex-direction:column;justify-content:center;align-items:center;gap:26px;min-height:100vh;padding:48px 20px;display:flex}.signin-intro{text-align:center;max-width:420px}.signin-intro h1{margin:0 0 8px;font-size:30px}.signin-intro p{margin:0;line-height:1.55}.main{flex:1;min-width:0;padding:24px 32px 48px 8px}.content{max-width:1320px}.topbar{align-items:center;gap:16px;margin-bottom:26px;display:flex}.topbar .titles{flex:1;min-width:0}.topbar .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.topbar h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar .actions{align-items:center;gap:12px;display:flex}.card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:24px;position:relative}.card.tight{padding:18px 20px}.card.interactive{transition:transform .18s,box-shadow .18s}.card.interactive:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.card-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card-title h2,.card-title h3{font-size:15px}.card-title h2{align-items:center;gap:6px;display:inline-flex}.card-title .hint{color:var(--muted);font-size:12px}.card-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.grid{gap:22px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}@media (width<=1180px){.grid.cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3,.span-4{grid-column:span 2}}@media (width<=820px){.rail{flex-basis:84px;width:84px}.tile{width:58px;height:58px}.main{padding:18px 18px 40px 4px}.grid.cols-2,.grid.cols-3,.grid.cols-4,.grid.cols-6{grid-template-columns:1fr}.span-2,.span-3,.span-4{grid-column:span 1}}.stat{flex-direction:column;gap:6px;display:flex}.stat .value{letter-spacing:-.02em;font-size:26px;font-weight:600;line-height:1.1}.stat .value small{color:var(--muted);margin-left:4px;font-size:13px;font-weight:500}.stat .foot{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.stat .icon{background:var(--well);width:38px;height:38px;color:var(--accent);border-radius:12px;place-items:center;display:grid;position:absolute;top:18px;right:18px}.stat .icon svg{width:18px;height:18px}.delta{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.delta.up{color:var(--success);background:var(--success-soft)}.delta.down{color:var(--danger);background:var(--danger-soft)}.delta.flat{color:var(--muted);background:var(--well)}.btn{background:var(--surface);height:40px;color:var(--text-2);box-shadow:var(--shadow-raised);white-space:nowrap;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:500;transition:transform .15s,box-shadow .15s,background .15s,color .15s;display:inline-flex}.btn svg{width:16px;height:16px}.btn:hover{box-shadow:var(--shadow-card);color:var(--text);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.primary{background:var(--accent-grad);color:#fff;box-shadow:var(--shadow-accent);border-radius:999px;padding:0 24px}.btn.primary:hover{color:#fff;box-shadow:0 18px 32px -12px #2f56f0bf}.btn.danger{color:var(--danger)}.btn.danger:hover{background:var(--danger-soft)}.btn.ghost{box-shadow:none;color:var(--muted);background:0 0}.btn.ghost:hover{background:var(--well);color:var(--text)}.btn.sm{border-radius:10px;height:32px;padding:0 12px;font-size:13px}.btn.icon{width:40px;padding:0}.btn.icon.sm{width:32px}.btn.block{width:100%}.field{flex-direction:column;gap:6px;display:flex}.field label,.field .label{color:var(--text-2);font-size:12px;font-weight:500}.field .help{color:var(--muted);font-size:12px}.field .label{align-items:center;gap:5px;display:inline-flex}.tip{color:var(--muted);cursor:help;outline:none;align-items:center;display:inline-flex;position:relative}.tip svg{width:13px;height:13px}.tip:hover,.tip:focus-visible{color:var(--accent)}.tip-bubble{z-index:20;background:var(--text);color:#fff;text-align:left;white-space:normal;opacity:0;visibility:hidden;width:max-content;max-width:260px;box-shadow:var(--shadow-card-hover);pointer-events:none;border-radius:10px;padding:8px 10px;font-size:11.5px;font-weight:400;line-height:1.45;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)translateY(3px)}.tip-bubble:after{content:"";border:4px solid #0000;border-top-color:var(--text);margin-left:-4px;position:absolute;top:100%;left:50%}.tip:hover .tip-bubble,.tip:focus-visible .tip-bubble{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.input,.textarea,.select{border-radius:var(--radius-sm);background:var(--well);width:100%;box-shadow:var(--shadow-inset);color:var(--text);border:0;outline:none;padding:10px 14px;transition:box-shadow .15s}.input:focus,.textarea:focus,.select:focus{box-shadow:var(--shadow-inset), 0 0 0 3px var(--accent-soft)}.input::placeholder,.textarea::placeholder{color:var(--muted-2)}.textarea{resize:vertical;min-height:120px;line-height:1.55}.textarea.code{font-family:var(--mono);font-size:12.5px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b93ab' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.input-row{align-items:center;gap:10px;display:flex}.input-row .input{flex:1}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=820px){.form-grid{grid-template-columns:1fr}}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.toggle .track{background:var(--well-2);width:54px;height:30px;box-shadow:var(--shadow-inset);border-radius:999px;transition:background .2s;position:relative}.toggle .knob{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 3px 8px #2c3e7840}.toggle.on .track{background:var(--accent-grad);box-shadow:var(--shadow-accent)}.toggle.on .knob{transform:translate(24px)}.toggle .text{color:var(--muted);letter-spacing:.04em;font-size:12px;font-weight:600}.toggle.on .text{color:var(--accent)}.toggle.disabled{opacity:.5;cursor:not-allowed}.slider{align-items:center;gap:14px;display:flex}.slider input[type=range]{appearance:none;background:var(--well-2);height:8px;box-shadow:var(--shadow-inset);border-radius:999px;outline:none;flex:1}.slider input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:22px;height:22px;box-shadow:0 4px 10px #2f56f059}.slider .readout{text-align:right;min-width:64px;font-weight:600}.slider .readout small{color:var(--muted);font-weight:500}.segmented{background:var(--well);box-shadow:var(--shadow-inset);border-radius:14px;gap:2px;padding:4px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:6px 14px;font-size:13px;font-weight:500}.segmented button.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-raised)}.badge{background:var(--well);color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge.accent{background:var(--accent-soft);color:var(--accent)}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:#b9780a}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.chip{background:var(--well);color:var(--text-2);border-radius:10px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:var(--mono);font-size:12px}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.stack{flex-direction:column;gap:12px;display:flex}.divider{background:var(--line);height:1px;margin:18px 0}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list{flex-direction:column;display:flex}.list-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:11px 0;display:flex}.list-item:last-child{border-bottom:0}.list-item .grow{flex:1;min-width:0}.list-item .title{font-weight:500}.list-item .sub{color:var(--muted);font-size:12px}.bar{background:var(--well-2);height:6px;box-shadow:var(--shadow-inset);border-radius:999px;overflow:hidden}.bar>i{background:var(--accent-grad);border-radius:999px;height:100%;display:block}.empty{text-align:center;color:var(--muted);padding:42px 20px}.empty .art{background:var(--well);width:64px;height:64px;color:var(--accent);box-shadow:var(--shadow-inset);border-radius:20px;place-items:center;margin:0 auto 14px;display:grid}.empty .art svg{width:28px;height:28px}.empty h3{color:var(--text);margin-bottom:6px}.spinner{border:3px solid var(--well-2);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:48px;display:flex}.alert{border-radius:var(--radius-sm);padding:12px 16px;font-size:13px}.alert.danger{background:var(--danger-soft);color:#b5262b}.alert.warning{background:var(--warning-soft);color:#8a5a06}.alert.success{background:var(--success-soft);color:#14784a}.alert.info{background:var(--accent-soft);color:var(--accent-2)}pre.snippet{border-radius:var(--radius-sm);color:#dfe6ff;background:#1c2340;margin:0;padding:14px 16px;font-size:12px;line-height:1.6;overflow-x:auto}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#1c234059;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-xl);width:min(640px,100%);max-height:90vh;box-shadow:var(--shadow-card-hover);padding:28px;overflow:auto}.modal.wide{width:min(880px,100%)}.modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-foot{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.toasts{z-index:60;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--text);color:#fff;box-shadow:var(--shadow-card);border-radius:14px;max-width:360px;padding:12px 16px;font-size:13px;animation:.2s rise}.toast.danger{background:var(--danger)}.toast.success{background:var(--success)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.chart{width:100%;display:block;overflow:visible}.chart text{font-family:var(--font);fill:var(--muted);font-size:11px}.chart-tooltip{pointer-events:none;background:var(--text);color:#fff;white-space:nowrap;box-shadow:var(--shadow-card);border-radius:10px;padding:6px 10px;font-size:12px;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.legend{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.legend i{vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.project-card{flex-direction:column;gap:14px;min-height:230px;display:flex}.project-card .head{align-items:flex-start;gap:12px;display:flex}.project-card .avatar{color:#fff;width:44px;height:44px;box-shadow:var(--shadow-accent);border-radius:14px;flex:none;place-items:center;font-size:16px;font-weight:600;display:grid}.project-card .desc{color:var(--muted);min-height:40px;font-size:13px}.project-card .metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.project-card .metrics div{background:var(--well);border-radius:12px;padding:8px 10px}.project-card .metrics b{font-size:15px;display:block}.project-card .metrics span{color:var(--muted);font-size:11px}.new-project{border:2px dashed var(--well-2);box-shadow:none;color:var(--muted);cursor:pointer;background:0 0;place-items:center;min-height:230px;transition:all .15s;display:grid}.new-project:hover{border-color:var(--accent);color:var(--accent);background:var(--surface);box-shadow:var(--shadow-card)}.new-project .plus{background:var(--surface);width:54px;height:54px;box-shadow:var(--shadow-raised);color:var(--accent);border-radius:18px;place-items:center;margin:0 auto 10px;display:grid}.split{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:22px;display:grid}@media (width<=980px){.split{grid-template-columns:1fr}}.session-row{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:14px;flex-direction:column;gap:4px;width:100%;padding:12px 14px;transition:background .12s;display:flex}.session-row:hover{background:var(--well)}.session-row.active{background:var(--accent-soft)}.session-row .preview{font-weight:500}.session-row .meta{color:var(--muted);gap:10px;font-size:11.5px;display:flex}.scroll{max-height:calc(100vh - 260px);padding-right:4px;overflow:auto}.transcript{flex-direction:column;gap:18px;display:flex}.turn{flex-direction:column;gap:8px;display:flex}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:18px;max-width:78%;padding:12px 16px;line-height:1.55}.bubble.user{background:var(--accent-grad);color:#fff;box-shadow:var(--shadow-accent);border-bottom-right-radius:6px;align-self:flex-end}.bubble.assistant{background:var(--well);border-bottom-left-radius:6px;align-self:flex-start}.bubble.error{background:var(--danger-soft);color:#b5262b}.turn .meta{color:var(--muted);flex-wrap:wrap;align-self:flex-start;gap:10px;font-size:11.5px;display:flex}.tool-call{background:var(--surface);max-width:78%;box-shadow:var(--shadow-raised);border-radius:14px;align-self:flex-start;overflow:hidden}.tool-call summary{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;list-style:none;display:flex}.tool-call summary::-webkit-details-marker{display:none}.tool-call .body{border-top:1px solid var(--line);padding:6px 12px 12px;font-size:12.5px}.tool-call pre{white-space:pre-wrap;word-break:break-word;background:var(--well);border-radius:10px;max-height:260px;margin:6px 0 0;padding:8px 10px;overflow:auto}.doc-row{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:16px;flex-direction:column;gap:6px;width:100%;padding:14px;display:flex}.doc-row:hover{background:var(--well)}.doc-row.active{background:var(--accent-soft)}.doc-row .title{font-weight:500}.doc-row .excerpt{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.chunk{background:var(--well);border-radius:14px;padding:12px 14px;font-size:13px}.chunk .head{color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:6px;font-size:11.5px;display:flex}.chunk .score{color:var(--accent);font-weight:600}.savebar{background:var(--surface);box-shadow:var(--shadow-card-hover);z-index:5;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding:12px 12px 12px 20px;display:flex;position:sticky;bottom:16px}.playground{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;display:grid}@media (width<=980px){.playground{grid-template-columns:1fr}}.widget-host{border-radius:var(--radius-xl);background:var(--well);height:calc(100vh - 220px);min-height:600px;box-shadow:var(--shadow-inset);overflow:hidden}.widget-host>div,.widget-host [data-webchat]{height:100%}.event-log{font-family:var(--mono);flex-direction:column;gap:6px;max-height:480px;font-size:11.5px;display:flex;overflow:auto}.event-log div{background:var(--well);word-break:break-word;border-radius:8px;padding:6px 10px}.event-log .tool{color:var(--accent-2)}.event-log .err{color:var(--danger)}.tool-tile{background:var(--well);border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.tool-tile .ic{background:var(--surface);width:44px;height:44px;box-shadow:var(--shadow-raised);color:var(--accent);border-radius:14px;place-items:center;display:grid}.tool-tile .ic svg{width:20px;height:20px}.tool-tile.soon{opacity:.6}.tool-tile .grow{flex:1}.tool-tile.active{box-shadow:inset 0 0 0 1.5px var(--accent-soft)}.advanced{background:var(--surface);box-shadow:var(--shadow-inset);border-radius:14px}.advanced>summary{cursor:pointer;color:var(--muted);align-items:center;gap:6px;padding:9px 12px;font-size:12.5px;font-weight:500;list-style:none;display:flex}.advanced>summary::-webkit-details-marker{display:none}.advanced>summary:before{content:"›";font-size:15px;line-height:1;transition:transform .15s}.advanced[open]>summary:before{transform:rotate(90deg)}.advanced[open]>summary{color:var(--text);border-bottom:1px solid var(--line)}.advanced>.stack{padding:12px}.kbd{font-family:var(--mono);background:var(--well);box-shadow:var(--shadow-inset);border-radius:6px;padding:2px 6px;font-size:11px}.color-swatch{cursor:pointer;background:0 0;border:0;border-radius:12px;width:40px;height:40px;padding:0}.color-swatch::-webkit-color-swatch-wrapper{padding:0}.color-swatch::-webkit-color-swatch{box-shadow:var(--shadow-raised);border:0;border-radius:12px}.avatar-preview{color:#fff;width:40px;height:40px;box-shadow:var(--shadow-raised);border-radius:12px;flex:none;place-items:center;font-weight:600;display:grid}.icon-picker{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;display:grid}.icon-tile{background:var(--well);color:var(--text);cursor:pointer;font:inherit;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:10px 4px 8px;font-size:10.5px;display:flex}.icon-tile svg{width:22px;height:22px}.icon-tile img{object-fit:cover;border-radius:50%;width:22px;height:22px}.icon-tile span{color:var(--muted);line-height:1}.icon-tile:hover{background:var(--surface);box-shadow:var(--shadow-raised)}.icon-tile.on{color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent-soft)}.icon-tile.on span{color:var(--accent)}.globe-host{border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 40%, #f6f8fc 0%, var(--well) 70%);height:440px;box-shadow:var(--shadow-inset);position:relative;overflow:hidden}.globe-host canvas{outline:none}.globe-empty{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.feedback-pill{align-items:center;gap:4px;display:inline-flex}.kb-card{color:inherit;flex-direction:column;gap:14px;display:flex}.kb-avatar{background:var(--accent-grad);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-accent);border-radius:13px;flex:none;place-items:center;display:grid}.kb-avatar svg{width:18px;height:18px}.kb-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.kb-metrics div{background:var(--well);border-radius:12px;padding:8px 10px}.kb-metrics b{font-size:15px;display:block}.kb-metrics span{color:var(--muted);font-size:11px}.kind-icon{background:var(--well);width:36px;height:36px;color:var(--accent);box-shadow:var(--shadow-inset);border-radius:12px;flex:none;place-items:center;display:grid}.kind-icon svg{width:17px;height:17px}.kind-tiles{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.kind-tile{background:var(--well);text-align:left;border:0;border-radius:18px;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;transition:transform .15s,box-shadow .15s,background .15s;display:flex}.kind-tile:hover{background:var(--surface);box-shadow:var(--shadow-card);transform:translateY(-2px)}.kind-tile .kind-icon{background:var(--surface);box-shadow:var(--shadow-raised)}.source-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:12px 10px;display:flex}.source-row:last-child{border-bottom:0}.source-row .grow{flex:1}.source-row .title:hover{color:var(--accent)}.source-row.disabled .kind-icon,.source-row.disabled .grow{opacity:.55}.menu{display:inline-flex;position:relative}.menu-pop{z-index:30;background:var(--surface);border-radius:var(--radius);min-width:180px;box-shadow:var(--shadow-card-hover);flex-direction:column;gap:2px;padding:6px;animation:.12s ease-out menu-in;display:flex;position:absolute;top:calc(100% + 6px)}.menu-pop.right{right:0}.menu-pop.left{left:0}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.menu-item{border-radius:var(--radius-xs);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.menu-item:hover{background:var(--well)}.menu-item:disabled{opacity:.5;cursor:not-allowed}.menu-item .ic{color:var(--muted);display:inline-flex}.menu-item .ic svg{width:15px;height:15px}.menu-item.danger{color:var(--danger);margin-top:4px;position:relative}.menu-item.danger:before{content:"";background:var(--line);height:1px;position:absolute;top:-3px;left:8px;right:8px}.menu-item.danger .ic{color:var(--danger)}.menu-item.danger:hover{background:var(--danger-soft)}.day-picker{flex-wrap:wrap;gap:6px;display:flex}.day-picker button{background:var(--well);color:var(--muted);box-shadow:var(--shadow-inset);border:0;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s}.day-picker button.active{background:var(--accent-grad);color:#fff;box-shadow:var(--shadow-accent)}.source-layout{grid-template-columns:420px minmax(0,1fr);align-items:start;gap:22px;display:grid}@media (width<=1100px){.source-layout{grid-template-columns:1fr}}.spinner.tiny{border-width:2px;width:10px;height:10px}.badge .spinner.tiny{border-color:#3b6cff40;border-top-color:var(--accent)}.error-boundary{background:var(--surface);border-radius:var(--radius-lg);text-align:left;max-width:640px;margin:12vh auto;padding:32px}.error-boundary h1{margin:0 0 12px;font-size:20px}.error-boundary p{color:var(--muted);margin:0 0 16px;line-height:1.5}.error-boundary code{word-break:break-all;font-size:12px}.error-boundary pre{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-xs);white-space:pre-wrap;word-break:break-word;margin:0 0 20px;padding:12px 14px;font-size:12px}.error-boundary button{cursor:pointer;border-radius:var(--radius-xs);background:var(--accent,#2f56f0);color:#fff;font:inherit;border:0;padding:10px 18px;font-weight:600}