
:root{--ink:#192135;--muted:#586779;--panel:rgba(250,252,255,.88);--input:rgba(255,255,255,.50);--line:rgba(57,80,119,.15);--accent:#007aff;--glass:rgba(207,227,246,.34);--rim:rgba(255,255,255,.40);color-scheme:light}
html[data-theme=dark]{--ink:#f1f4fa;--muted:#bcc6d7;--panel:rgba(17,24,40,.94);--input:rgba(9,15,29,.46);--line:rgba(207,223,250,.13);--accent:#80b7ff;--glass:rgba(10,17,33,.70);--rim:rgba(218,233,255,.17);color-scheme:dark}
body{padding:clamp(8px,1vw,16px)!important;margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:radial-gradient(ellipse at 4% 10%,#b4dfeeaa,transparent 52%),radial-gradient(ellipse at 96% 0%,#dcc1f3aa,transparent 56%),#e8eff9!important;min-height:100vh}html[data-theme=dark] body{background:radial-gradient(ellipse at 3% 15%,#1b2f4f3b,transparent 55%),radial-gradient(ellipse at 95% 5%,#3d255940,transparent 60%),#0b1020!important}
.app-shell{width:100%!important;max-width:none!important;min-width:0;display:grid;grid-template-columns:244px minmax(0,1fr)!important;gap:16px;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;min-height:calc(100vh - 32px)}.app-shell.navigation-collapsed{grid-template-columns:68px minmax(0,1fr)!important}main{min-width:0!important;width:100%;padding:0!important;max-width:none!important}.sidebar,.topbar{background:linear-gradient(135deg,#ffffff26,transparent 48%,#c4daf915),var(--glass)!important;border:1px solid var(--rim)!important;border-radius:27px!important;box-shadow:inset 0 .5px 0 #ffffff80,0 18px 48px #283e6d20!important;backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%)}.sidebar{align-self:start;position:sticky;top:14px;padding:18px 14px!important;max-height:calc(100dvh - 28px);overflow-y:auto;scrollbar-width:thin}.sidebar-brand{font-size:20px;letter-spacing:-.5px;padding:6px 6px 18px}.sidebar-brand small{color:var(--muted);font-size:11px;line-height:1.5}.sidebar nav{position:relative;isolation:isolate;display:grid!important;gap:5px;padding:0!important;margin:0!important}.sidebar nav button{position:relative;z-index:1;min-height:46px!important;display:flex;align-items:center;gap:11px;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;border-radius:14px!important;padding:11px!important;text-align:left;font-size:14px;color:var(--ink);transition:color 180ms ease}.sidebar nav button.active,.sidebar nav button.active span{color:var(--accent)!important}.sidebar nav button:not(.active):hover{background:#ffffff0d!important}.glass-nav-marker{position:absolute;top:0;left:0;pointer-events:none;z-index:0;border-radius:14px;background:linear-gradient(145deg,#ffffff40,#1988ff20);border:.5px solid var(--rim);box-shadow:inset 0 .5px 0 #ffffff70,0 4px 12px #2b66ad12;will-change:transform;transition:transform 520ms cubic-bezier(.22,1,.36,1),width 250ms ease,height 250ms ease}.navigation-collapsed .sidebar nav button{justify-content:center;padding:11px 0!important}.topbar{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px!important;margin:0 0 22px!important;min-height:72px;width:100%;height:auto!important}.topbar form{flex:1 1 240px;max-width:520px;min-width:160px;background:var(--input)!important;border:1px solid var(--rim)!important;border-radius:24px!important;box-shadow:inset 0 .5px 0 #ffffff70!important;min-height:44px}#global-query{width:100%;min-width:0;background:transparent!important;color:var(--ink)}input::placeholder{color:var(--muted);opacity:1}button,input,select,textarea{font-family:inherit}button,.button,select{min-height:42px;border-radius:13px}button.primary{background:linear-gradient(160deg,#3495ff,#007aff 55%,#0065df)!important;color:#fff!important;box-shadow:inset 0 .5px 0 #ffffff90,0 5px 14px #007aff22!important;border-color:#ffffff40!important}#navigation-toggle{background:var(--input)!important;border-color:var(--line)!important;border-radius:15px!important}.profile-button{border-radius:50%!important}.topbar select{max-width:150px}#workspace-controls,#view,#identity{min-width:0;width:100%!important;max-width:none!important}.workspace-tools{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:20px!important;padding:16px!important}.workspace-tools .toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.workspace-tools #saved{flex:1 1 260px;min-width:160px;max-width:100%}#view{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:24px!important;padding:clamp(12px,1.4vw,24px)!important;overflow:visible!important}#identity{background:transparent!important;box-shadow:none!important;border:0!important}.legend{gap:10px}.legend>*{background:var(--panel)!important;border-radius:14px}.matrix-scroll{max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain}body[data-view=matrix] .matrix-scroll{width:100%;overflow-x:auto!important}body[data-view=matrix] .v6-matrix{width:100%!important;min-width:var(--matrix-min,650px)!important}.chart-scroll,.graph-scroll,.chart-container,.chart-wrap{max-width:100%;overflow-x:auto}dialog{max-width:min(1100px,calc(100vw - 24px));max-height:calc(100dvh - 24px);background:var(--panel)!important;color:var(--ink);border:1px solid var(--rim);border-radius:24px}dialog::backdrop{background:#07102277;backdrop-filter:blur(5px)}:focus-visible{outline:3px solid var(--accent)!important;outline-offset:3px}html[data-theme=dark] .sidebar,html[data-theme=dark] .topbar{background:linear-gradient(135deg,#c0d1f513,transparent 50%),var(--glass)!important;box-shadow:inset 0 .5px 0 #f2f7ff33,0 20px 50px #0000004d!important}html[data-theme=dark] .glass-nav-marker{background:linear-gradient(135deg,#a1c7f918,#3a77cf24);box-shadow:inset 0 .5px 0 #f2f7ff33,0 4px 12px #00000020}html[data-theme=dark] #global-search{box-shadow:inset 0 .5px 0 #ffffff20!important}body.matrix-workmode .app-shell{grid-template-columns:minmax(0,1fr)!important}body.matrix-workmode .sidebar,body.matrix-workmode .topbar{display:none!important}
@media(max-width:850px){.app-shell{grid-template-columns:210px minmax(0,1fr)!important;gap:10px}.topbar form{max-width:none}.sidebar nav button{font-size:13px}.legend{grid-template-columns:1fr!important}}@media(max-width:600px){.app-shell,.app-shell.navigation-collapsed{grid-template-columns:minmax(0,1fr)!important}.sidebar{position:relative;top:0;max-height:none;padding:10px!important}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar nav button{white-space:normal!important;overflow-wrap:anywhere}.navigation-collapsed .sidebar nav{display:none!important}.navigation-collapsed #navigation-toggle{width:100%;justify-content:flex-start}.navigation-collapsed .nav-toggle-label{display:inline!important}.topbar form{flex-basis:100%;max-width:none}.workspace-tools .toolbar>*{max-width:100%}}@media(prefers-reduced-motion:reduce){.glass-nav-marker,.sidebar nav button{transition:none!important}}@media(prefers-reduced-transparency:reduce){.sidebar,.topbar{background:var(--panel)!important;backdrop-filter:none;-webkit-backdrop-filter:none}}@media print{body{background:white!important;padding:0!important}.app-shell{display:block!important}.sidebar,.topbar,.workspace-tools{display:none!important}#view{background:white!important;color:black!important}}
