@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;600;800&family=JetBrains+Mono:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,input,select{font:inherit}:root{--bg:#0a0d14;--surf:#10141f;--card:#161c2a;--card-2:#131a27;--border:#1e2638;--cyan:#4dd9d0;--cyan-rgb:77, 217, 208;--navy:#4a5080;--green:#5cffb0;--green-rgb:92, 255, 176;--warn:#ffb85c;--err:#ff5f5f;--white:#edf1fc;--muted:#55627e;--text-soft:#a6b3d1;--shadow:0 20px 60px #00000059;--ff:"Bricolage Grotesque", sans-serif;--mono:"JetBrains Mono", monospace}[data-brand=novatiel]{--cyan:#e63946;--cyan-rgb:230, 57, 70;--green:#ff6b6b;--green-rgb:255, 107, 107;--navy:#8b2635}body{background:radial-gradient(circle at top right, rgba(var(--cyan-rgb), .12), transparent 22%), radial-gradient(circle at bottom left, #4a508040, transparent 28%), var(--bg);color:var(--white);font-family:var(--ff);margin:0}html,body{height:100%;overflow:hidden}#root{height:100vh;overflow:hidden}.app-shell{grid-template-rows:58px 1fr;height:100vh;display:grid;overflow:hidden}.app-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10141feb;align-items:center;gap:14px;padding:0 24px;display:flex}.app-brand-mark{background:linear-gradient(135deg, var(--cyan), var(--navy));color:#071018;border-radius:7px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:grid}.app-brand-logo{object-fit:contain;flex-shrink:0;width:auto;max-width:120px;height:32px}.app-brand-copy{flex-direction:column;gap:1px;display:flex}.app-title{letter-spacing:-.03em;font-size:.92rem;font-weight:800}.app-subtitle{color:var(--muted);font-size:.62rem;font-family:var(--mono)}.app-nav{background:var(--card-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:4px;margin-left:24px;padding:4px;display:flex}.app-nav-tab{appearance:none;color:var(--text-soft);font-family:var(--ff);letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 12px;font-size:.72rem;font-weight:600;transition:background .15s,color .15s}.app-nav-tab:hover{color:var(--white);background:rgba(var(--cyan-rgb), .06)}.app-nav-tab.active{color:#071018;background:linear-gradient(135deg, var(--cyan), var(--green));box-shadow:0 4px 14px rgba(var(--cyan-rgb), .25)}.app-header-right{align-items:center;gap:8px;margin-left:auto;display:flex}.app-pill,.app-badge{min-height:28px;font-family:var(--mono);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:.62rem;display:inline-flex}.app-pill{color:var(--cyan);background:rgba(var(--cyan-rgb), .1);border:1px solid rgba(var(--cyan-rgb), .24)}.app-pill-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 14px}.app-badge{color:var(--text-soft);background:var(--card);border:1px solid var(--border)}.app-main{height:100%;min-height:0;overflow:hidden}@media (width<=760px){.app-shell{grid-template-rows:auto 1fr}.app-header{flex-wrap:wrap;gap:8px;padding:10px 12px}.app-title{font-size:.82rem}.app-subtitle{display:none}.app-header-right{margin-left:auto}.app-badge{display:none}.app-nav{order:3;justify-content:center;width:100%;margin-top:4px;margin-left:0}.app-nav-tab{text-align:center;flex:1}}@media (width<=400px){.app-pill{padding:0 8px;font-size:.55rem}}