/* Reference preview appearance, applied to the complete application. */
:root,html[data-theme="light"]{--ink:#293342;--muted:#667186;--glass:#63769421;--edge:#ffffff45;--lens:#ffffff40;--track:#27365110;--panel:rgba(255,255,255,.28);--input:rgba(255,255,255,.30);--line:rgba(74,88,114,.14);--uc-track:#27365110;--uc-lens:#ffffff40;--uc-edge:#ffffff45;--uc-ink:#293342;--uc-muted:#667186;--uc-shadow:#10203b12;color-scheme:light}
html[data-theme="dark"]{--ink:#e6eaf3;--muted:#a3aec2;--glass:#899bc018;--edge:#ffffff20;--lens:#d0dfff20;--track:#00000023;--panel:rgba(195,210,240,.07);--input:rgba(180,200,235,.08);--line:rgba(215,225,245,.12);--uc-track:#00000023;--uc-lens:#d0dfff20;--uc-edge:#ffffff20;--uc-ink:#e6eaf3;--uc-muted:#a3aec2;--uc-shadow:#00000022;color-scheme:dark}
html{min-height:100%;overflow-x:hidden}body{margin:0!important;padding:0!important;min-height:100vh!important;font:15px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;color:var(--ink)!important;background:radial-gradient(circle at 0% 0%,#aaa7d15a,transparent 42%),radial-gradient(circle at 100% 100%,#a2c9c85a,transparent 43%),#e1e5ed!important;background-attachment:fixed!important;transition:background .5s,color .5s}
html[data-theme="dark"] body{background:radial-gradient(circle at 0% 0%,#aaa7d11b,transparent 42%),radial-gradient(circle at 100% 100%,#a2c9c81b,transparent 43%),#191e28!important}
.app-shell{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:24px!important;gap:40px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.app-shell.navigation-collapsed{grid-template-columns:68px minmax(0,1fr)!important}
.sidebar{position:sticky!important;top:24px!important;align-self:start!important;width:100%!important;height:calc(100dvh - 48px)!important;max-height:calc(100dvh - 48px)!important;min-height:0!important;padding:25px 15px!important;border-radius:26px!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;background:var(--glass)!important;border:1px solid var(--edge)!important;backdrop-filter:blur(28px) saturate(140%)!important;-webkit-backdrop-filter:blur(28px) saturate(140%)!important;box-shadow:0 15px 50px #18243d10,inset 0 1px 0 #ffffff18!important}
.sidebar-brand{padding:5px 12px 28px!important;font-size:19px!important;letter-spacing:-.6px!important;font-weight:650!important;color:var(--ink)!important}.sidebar-brand small{font-size:10px!important;letter-spacing:1.2px;color:var(--muted)!important;margin-top:10px}
#navigation-toggle{align-self:flex-start;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--muted)!important;margin-bottom:12px}.nav-toggle-label{font-size:11px}
#navigation-items{position:relative;isolation:isolate;display:grid!important;gap:7px!important;background:none!important;padding:0!important}
#navigation-items button{position:relative;z-index:1;min-height:47px!important;height:auto!important;width:100%!important;text-align:left!important;padding:12px 14px!important;border:0!important;border-radius:15px!important;background:transparent!important;box-shadow:none!important;color:var(--muted)!important;font-size:13px!important;line-height:1.4!important;transform:none!important;white-space:normal!important}
#navigation-items button.active,#navigation-items button[aria-current="page"]{background:transparent!important;color:var(--ink)!important;font-weight:600!important;border:0!important;box-shadow:none!important}
#navigation-items button:before,#navigation-items button:after{display:none!important}
.glass-nav-marker{position:absolute!important;top:0!important;left:0!important;z-index:0!important;pointer-events:none!important;border-radius:15px!important;background:linear-gradient(150deg,#ffffff20,transparent 65%),var(--lens)!important;border:1px solid var(--edge)!important;box-shadow:0 3px 10px #10203b12,inset 0 1px 0 #ffffff28!important;transition:transform .48s cubic-bezier(.22,1,.36,1),height .3s,width .3s!important}
.sidebar-settings{margin-top:auto!important;padding-top:24px!important;background:none!important;border:0!important;font-size:11px;color:var(--muted)}
main{min-width:0!important;max-width:none!important;width:100%!important;padding:10px 0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.topbar{position:relative!important;top:auto!important;display:flex!important;flex-wrap:wrap;gap:16px!important;align-items:center!important;justify-content:space-between!important;min-height:44px!important;padding:0!important;margin:0 0 30px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}
.topbar-settings{display:flex!important;align-items:center!important;flex-wrap:wrap;gap:12px!important;margin-left:auto!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}.topbar-theme:empty{display:none!important}.unified-system{max-width:95px;line-height:1.4!important;text-align:left}
#global-search{display:flex;align-items:center;gap:10px;background:var(--lens)!important;border:1px solid var(--edge)!important;border-radius:15px!important;box-shadow:none!important;max-width:460px;width:clamp(180px,28vw,460px);min-height:44px;padding:0 14px!important}#global-search input{width:100%;min-width:0;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--ink)!important}#profile{background:var(--lens)!important;border:1px solid var(--edge)!important;box-shadow:none!important;color:var(--muted)!important}
h1{color:var(--ink)!important;font-size:35px!important;letter-spacing:-1.3px!important;font-weight:650!important;line-height:1.2!important}h2{color:var(--ink)!important;font-size:21px!important;font-weight:600!important;letter-spacing:-.5px!important}h3{color:var(--ink)!important}p{line-height:1.8}
#view{width:100%!important;min-width:0!important;max-width:none!important;padding:0!important}#view>.card,#view .card,.workspace-tools,.toolbar,#identity{background:var(--panel)!important;border:1px solid var(--edge)!important;border-radius:20px!important;box-shadow:0 9px 24px #00000005!important;color:var(--ink)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#view .card{padding:23px!important}.cards{gap:16px!important}.workspace-tools{padding:16px!important;margin:15px 0!important}.toolbar{box-shadow:none!important;padding:12px!important;gap:10px!important}input,select,textarea{color:var(--ink)!important;border-color:var(--line)!important}select option{background:Canvas;color:CanvasText}
button:not(.primary):not([data-language]):not([data-mode]){color:var(--ink)}footer{font-size:11px!important;color:var(--muted)!important;background:none!important;border:0!important;margin:25px 4px!important}
/* Only wide matrix/table regions scroll horizontally, never crop the workspace. */
.table-wrap,.matrix-wrap,.table-scroll{max-width:100%!important;overflow-x:auto!important}dialog{max-width:min(960px,calc(100vw - 32px))!important;max-height:calc(100dvh - 40px);overflow:auto}
.app-shell.navigation-collapsed .sidebar-brand,.app-shell.navigation-collapsed .sidebar-settings{display:none!important}
@media(min-width:1600px){.app-shell{gap:40px!important;grid-template-columns:270px minmax(0,1fr)!important}.app-shell.navigation-collapsed{grid-template-columns:68px minmax(0,1fr)!important}}
@media(max-width:1000px){.app-shell{padding:16px!important;gap:20px!important;grid-template-columns:220px minmax(0,1fr)!important}.sidebar{top:16px!important;height:calc(100dvh - 32px)!important;max-height:calc(100dvh - 32px)!important}.topbar-settings{margin-left:0!important}h1{font-size:29px!important}}
@media(max-width:640px){.app-shell,.app-shell.navigation-collapsed{display:flex!important;flex-direction:column!important;padding:12px!important;gap:20px!important}.sidebar{position:relative!important;top:0!important;height:auto!important;max-height:none!important;width:100%!important}.sidebar-brand{padding-bottom:14px!important}#navigation-items{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sidebar-settings{padding-top:12px!important}.topbar{gap:12px!important}#global-search{max-width:none;width:100%}.topbar-settings{gap:10px!important}.unified-system{max-width:none}.app-shell.navigation-collapsed #navigation-items{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}