:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5ead8;--bg:#100f0c;--panel:#242019c7;--panel-strong:#342d22eb;--line:#f5e1bc24;--muted:#a99a83;--text:#f5ead8;--accent:#d89042;--accent-2:#75b7a8;--danger:#dd6f57;--ok:#89c979;--shadow:0 28px 80px #00000061;background:#100f0c;font-family:Aptos,Segoe UI,PingFang SC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 12%,#d890423d,#0000 28rem),radial-gradient(circle at 88% 6%,#75b7a82e,#0000 32rem),linear-gradient(135deg,#100f0c 0%,#17130f 46%,#0f1715 100%);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:#16110b;cursor:pointer;background:linear-gradient(135deg,#f0ba6b,#d89042);border:0;border-radius:999px;padding:.78rem 1rem;transition:transform .18s,opacity .18s,box-shadow .18s}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #d890423d}button:disabled{cursor:not-allowed;opacity:.56}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0d0c0a85;border-radius:18px;outline:none;padding:.82rem .92rem;transition:border-color .16s,background .16s}input:focus,select:focus,textarea:focus{background:#14120edb;border-color:#d89042b8}textarea{resize:vertical}pre,code{font-family:SFMono-Regular,Cascadia Code,Liberation Mono,monospace}.boot-screen,.login-shell{place-items:center;min-height:100vh;display:grid}.boot-screen{color:var(--accent);letter-spacing:.18em;text-transform:uppercase}.login-panel{border:1px solid var(--line);width:min(460px,100vw - 2rem);box-shadow:var(--shadow);background:linear-gradient(160deg,#282219e6,#0f1412db);border-radius:36px;padding:2.2rem;animation:.7s cubic-bezier(.2,.8,.2,1) both rise;position:relative;overflow:hidden}.login-panel:before{content:"";filter:blur(16px);background:#d8904238;border-radius:50%;width:220px;height:220px;position:absolute;inset:-30% 28% auto auto}.login-panel h1{letter-spacing:-.08em;margin:0;font-size:clamp(3rem,12vw,5.4rem);position:relative}.login-copy{color:var(--muted)}.login-form{gap:.9rem;display:grid}.error-line,.error-pill{color:#ffd2c4}.app-shell{grid-template-columns:15rem minmax(0,1fr);min-height:100vh;display:grid}.side-rail{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0c0b09a8;flex-direction:column;gap:1rem;height:100vh;padding:1.1rem;display:flex;position:sticky;top:0}.brand-mark{background:linear-gradient(145deg,#d890422e,#75b7a814);border:1px solid #d8904242;border-radius:28px;gap:.08rem;padding:1rem;display:grid}.brand-mark span{color:var(--muted);letter-spacing:.32em;font-size:.74rem}.brand-mark strong{letter-spacing:-.08em;font-size:2.2rem;line-height:.9}.side-rail nav{gap:.35rem;display:grid}.side-rail nav button,.ghost-button{color:var(--muted);text-align:left;box-shadow:none;background:0 0;border:1px solid #0000;justify-content:flex-start}.side-rail nav button.active,.ghost-button:hover{border-color:var(--line);color:var(--text);background:#f5ead80f}.workspace{min-width:0;padding:1.25rem}.hero-strip{border:1px solid var(--line);min-height:18rem;box-shadow:var(--shadow);isolation:isolate;background:linear-gradient(110deg,#100f0cf2 0%,#1b1b15c7 48%,#26423aa3 100%),repeating-linear-gradient(90deg,#f5ead80f 0 1px,#0000 1px 80px);border-radius:42px;justify-content:space-between;align-items:flex-end;padding:clamp(1.4rem,4vw,3rem);display:flex;position:relative;overflow:hidden}.hero-strip:before{z-index:-1;content:"";background:radial-gradient(circle,#d890426b,#0000 66%);border-radius:50%;width:36rem;height:36rem;position:absolute;inset:auto -12rem -18rem auto}.eyebrow{color:var(--accent);letter-spacing:.26em;margin:0 0 .8rem;font-size:.74rem;font-weight:700}.hero-strip h1{letter-spacing:-.09em;max-width:11ch;margin:0;font-size:clamp(3rem,9vw,7rem);line-height:.86}.hero-strip p:not(.eyebrow){color:#d8c8ad;max-width:34rem;font-size:1.05rem}.hero-orbit{aspect-ratio:1;border:1px solid #f5ead82e;border-radius:50%;width:min(32vw,18rem);animation:5s ease-in-out infinite pulseGlow;position:relative}.hero-orbit span{inset:var(--inset,14%);border:1px solid #d8904261;border-radius:50%;position:absolute}.hero-orbit span:nth-child(2){--inset:30%;border-color:#75b7a875}.hero-orbit span:nth-child(3){--inset:46%;background:var(--accent);box-shadow:0 0 42px #d89042cc}.feedback-row{flex-wrap:wrap;align-items:center;gap:.8rem;margin:1rem 0;display:flex}.search-input{max-width:28rem}.busy-pill,.notice-pill,.error-pill{border:1px solid var(--line);background:#f5ead80f;border-radius:999px;padding:.65rem .9rem}.notice-pill{color:#ccebbd}.section-stack,.section-grid{gap:1rem;display:grid}.section-grid{grid-template-columns:minmax(19rem,.9fr) minmax(0,1.6fr)}.enter-motion{animation:.52s cubic-bezier(.2,.8,.2,1) both rise}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.metric-card,.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:30px;box-shadow:0 18px 60px #00000038}.metric-card{gap:.55rem;padding:1.2rem;display:grid}.metric-card span,.metric-card small,.panel header span,.table-list small,.model-lattice small,.request-list small,.record-timeline small,.secret-grid small{color:var(--muted)}.metric-card strong{letter-spacing:-.08em;font-size:clamp(2rem,5vw,3.4rem)}.split-board{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.panel{padding:1rem}.wide-panel{min-width:0}.panel header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.panel h2{margin:0;font-size:1.1rem}.panel-copy{color:var(--muted)}.form-grid{gap:.72rem;display:grid}.check-row{color:var(--muted);align-items:center;gap:.55rem;display:flex}.check-row input{width:auto}.route-lines,.endpoint-radar,.table-list,.request-list,.record-timeline,.env-list{gap:.7rem;display:grid}.route-line,.endpoint-radar button,.table-list article,.request-list article,.record-timeline article,.env-list article,.route-cards article,.model-lattice article,.secret-grid article{border:1px solid var(--line);background:#0c0b096b;border-radius:22px}.route-line,.endpoint-radar button{color:var(--text);text-align:left;box-shadow:none;grid-template-columns:1fr auto auto;align-items:center;gap:.8rem;padding:.9rem;display:grid}.endpoint-radar button{background:#f5ead80d;border-radius:999px;grid-template-columns:auto 1fr auto}.status-dot{background:var(--muted);border-radius:50%;width:.62rem;height:.62rem;display:inline-block;box-shadow:0 0 18px}.status-dot.healthy{color:var(--ok);background:var(--ok)}.status-dot.degraded{color:var(--accent);background:var(--accent)}.status-dot.offline{color:var(--danger);background:var(--danger)}.table-list article,.request-list article,.record-timeline article{grid-template-columns:minmax(0,1.2fr) auto auto;align-items:center;gap:.85rem;padding:.9rem;display:grid}.table-list article>div:first-child,.request-list article>div:first-child{gap:.25rem;min-width:0;display:grid}.chip-row,.row-actions,.id-hint{flex-wrap:wrap;gap:.45rem;display:flex}.chip-row span,.id-hint code{border:1px solid var(--line);color:#d8c8ad;background:#f5ead80d;border-radius:999px;padding:.32rem .58rem}.row-actions button,.secret-grid button,.model-lattice button,.route-cards button,.env-list button{color:var(--text);box-shadow:none;background:#f5ead814;padding:.52rem .78rem}.secret-grid,.model-lattice,.route-cards{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.8rem;display:grid}.secret-grid article,.model-lattice article,.route-cards article,.env-list article{gap:.65rem;padding:.9rem;display:grid}.secret-grid code,.env-list pre,.response-panel pre{color:#f6d79d;background:#00000047;border-radius:16px;padding:.8rem;overflow:auto}.route-cards p{color:var(--muted);word-break:break-all;margin:0}.response-panel{gap:.7rem;margin-top:1rem;display:grid}.response-panel span{color:var(--accent-2)}.record-timeline article{grid-template-columns:auto minmax(0,1fr) auto auto auto}.record-timeline small,.table-list small,.request-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.record-timeline time,.record-timeline em,.record-timeline b{color:var(--muted);font-style:normal}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseGlow{0%,to{opacity:.72;transform:translateY(0)rotate(0)}50%{opacity:1;transform:translateY(-8px)rotate(6deg)}}@media (width<=1080px){.app-shell{grid-template-columns:1fr}.side-rail{height:auto;position:static}.side-rail nav{grid-template-columns:repeat(3,minmax(0,1fr))}.section-grid,.split-board,.metric-grid{grid-template-columns:1fr}}@media (width<=680px){.workspace,.side-rail{padding:.75rem}.hero-strip{align-items:flex-start;min-height:23rem}.hero-orbit{width:14rem;position:absolute;bottom:-4rem;right:-4rem}.side-rail nav{grid-template-columns:repeat(2,minmax(0,1fr))}.table-list article,.request-list article,.record-timeline article{grid-template-columns:1fr}}
