@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lora:wght@500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--background:209 40% 96%;--foreground:222 47% 11%;--card:210 40% 98%;--card-foreground:222 47% 11%;--popover:214 31% 91%;--popover-foreground:222 47% 11%;--primary:200 98% 39%;--primary-foreground:204 100% 97%;--secondary:215 24% 26%;--secondary-foreground:210 40% 98%;--muted:215 20% 65%;--muted-foreground:215 19% 34%;--accent:210 40% 98%;--accent-foreground:215 19% 34%;--destructive:0 72% 50%;--destructive-foreground:0 85% 97%;--border:212 26% 83%;--input:212 26% 83%;--ring:200 98% 39%;--sidebar:210 40% 98%;--sidebar-foreground:222 47% 11%;--sidebar-border:212 26% 83%}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:hsl(var(--foreground));background:radial-gradient(circle at top left, hsl(var(--primary) / .14), transparent 30%), radial-gradient(circle at top right, #5da3f929, transparent 24%), linear-gradient(180deg, #f8fafc 0%, hsl(var(--background)) 45%, #e1e7ef 100%);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,sans-serif}body,button,input,select,textarea{font-family:Inter,sans-serif}code,pre{font-family:Space Mono,monospace}button,input,select,textarea{color:inherit}#root{min-height:100vh}.app-shell{--sidebar-width:18rem;--sidebar-collapsed-width:5.75rem;--header-height:4.5rem;--footer-height:2.75rem;--content-left:var(--sidebar-width)}.app-shell.sidebar-collapsed{--content-left:var(--sidebar-collapsed-width)}.app-overlay{z-index:40;background:#0f172a61;border:0;position:fixed;inset:0}.app-sidebar,.app-header,.app-content,.app-footer{transition:left .18s,width .18s,transform .18s}.app-sidebar{z-index:50;width:var(--sidebar-width);background:hsl(var(--sidebar) / .94);border-right:1px solid hsl(var(--sidebar-border));box-shadow:12px 0 30px hsl(var(--foreground) / .06);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.app-shell.sidebar-collapsed .app-sidebar{width:var(--sidebar-collapsed-width)}.sidebar-brand{min-height:var(--header-height);border-bottom:1px solid hsl(var(--sidebar-border));align-items:center;gap:.9rem;padding:1rem;display:flex}.brand-mark{background:linear-gradient(135deg, hsl(var(--primary)), #5da3f9), hsl(var(--primary));width:3rem;height:3rem;color:hsl(var(--primary-foreground));letter-spacing:.08em;cursor:pointer;box-shadow:0 10px 22px hsl(var(--primary) / .28);border:0;border-radius:1rem;font:700 .9rem/1 Space Mono,monospace}.brand-copy{flex:1;min-width:0}.brand-copy strong{color:hsl(var(--sidebar-foreground));letter-spacing:-.03em;font-family:Lora,serif;font-size:1.05rem;display:block}.brand-copy small{color:hsl(var(--muted-foreground));margin-top:.2rem;font-size:.76rem;line-height:1.45;display:block}.brand-actions{align-items:center;gap:.45rem;display:flex}.icon-button{border:1px solid hsl(var(--border));background:hsl(var(--card) / .86);width:2.25rem;height:2.25rem;color:hsl(var(--foreground));font:inherit;cursor:pointer;border-radius:.9rem;transition:transform .15s,border-color .15s,background-color .15s}.icon-button:hover{border-color:hsl(var(--primary) / .24);background:hsl(var(--accent));transform:translateY(-1px)}.mobile-only{display:none}.sidebar-nav{flex:1;gap:.75rem;padding:1rem .75rem 1.1rem;display:grid;overflow:auto}.nav-group{gap:.45rem;display:grid}.nav-group-trigger,.nav-item{width:100%;color:hsl(var(--sidebar-foreground));text-align:left;cursor:pointer;background:0 0;border:0;border-radius:1rem;align-items:center;gap:.85rem;padding:.78rem .85rem;transition:transform .15s,background-color .15s,color .15s,box-shadow .15s;display:flex}.nav-group-trigger:hover,.nav-item:hover{background:hsl(var(--accent) / .9);transform:translateY(-1px)}.nav-group.is-active-group .nav-group-trigger{background:hsl(var(--primary) / .12);color:hsl(var(--primary))}.nav-items{border-left:1px solid hsl(var(--sidebar-border));gap:.35rem;margin-left:1.3rem;padding-left:.9rem;display:grid}.nav-item.is-active{background:linear-gradient(135deg, hsl(var(--primary)), #5da3f9);color:hsl(var(--primary-foreground));box-shadow:0 12px 24px hsl(var(--primary) / .22)}.nav-badge{background:hsl(var(--primary) / .12);width:2.1rem;height:2.1rem;color:hsl(var(--primary));letter-spacing:.08em;border-radius:.85rem;flex:none;justify-content:center;align-items:center;font:700 .72rem/1 Space Mono,monospace;display:inline-flex}.nav-badge-group{background:hsl(var(--secondary) / .12);color:hsl(var(--secondary))}.nav-item.is-active .nav-badge{background:hsl(var(--primary-foreground) / .18);color:hsl(var(--primary-foreground))}.nav-copy{flex:1;min-width:0}.nav-copy strong{font-size:.9rem;line-height:1.2;display:block}.nav-copy small{color:hsl(var(--muted-foreground));margin-top:.2rem;font-size:.74rem;line-height:1.45;display:block}.nav-item.is-active .nav-copy small{color:hsl(var(--primary-foreground) / .86)}.nav-chevron{color:hsl(var(--muted-foreground));transform:rotate(0)}.nav-chevron.is-open{transform:rotate(180deg)}.app-shell.sidebar-collapsed .sidebar-brand{justify-content:center;padding-inline:.7rem}.app-shell.sidebar-collapsed .brand-copy,.app-shell.sidebar-collapsed .nav-copy,.app-shell.sidebar-collapsed .nav-chevron,.app-shell.sidebar-collapsed .brand-actions{display:none}.app-shell.sidebar-collapsed .nav-group-trigger,.app-shell.sidebar-collapsed .nav-item{justify-content:center;padding-inline:.5rem}.app-shell.sidebar-collapsed .nav-items{border-left:0;margin-left:0;padding-left:0}.app-header{top:0;left:var(--content-left);z-index:30;min-height:var(--header-height);background:hsl(var(--card) / .88);border-bottom:1px solid hsl(var(--border));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.4rem;display:flex;position:fixed;right:0}.header-main,.header-actions{align-items:center;gap:.8rem;display:flex}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-copy span,.header-chip span{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:700;display:block}.header-copy strong{letter-spacing:-.03em;color:hsl(var(--foreground));margin-top:.2rem;font-family:Lora,serif;font-size:1.08rem;display:block}.header-chip{background:hsl(var(--accent) / .9);border:1px solid hsl(var(--border));border-radius:1rem;min-width:8rem;padding:.65rem .8rem}.header-chip strong{color:hsl(var(--foreground));margin-top:.2rem;font-size:.86rem;display:block}.app-content{top:var(--header-height);right:0;bottom:var(--footer-height);left:var(--content-left);position:fixed;overflow:auto}.page-stack{width:min(1220px,100% - 2rem);margin:0 auto;padding:1.35rem 0 1.75rem}.hero-panel,.status-strip,.card,.feedback{background:hsl(var(--card) / .88);border:1px solid hsl(var(--border));box-shadow:0 22px 44px hsl(var(--foreground) / .08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1.5rem}.hero-panel{grid-template-columns:minmax(0,1.2fr) minmax(20rem,1fr);gap:1.2rem;padding:1.45rem 1.5rem;display:grid;position:relative;overflow:hidden}.hero-panel:before{content:"";background:radial-gradient(circle, hsl(var(--primary) / .18), transparent 72%);border-radius:999px;width:16rem;height:16rem;position:absolute;inset:auto -10% -28% auto}.hero-copy,.hero-metrics{z-index:1;position:relative}.eyebrow{color:hsl(var(--primary));text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:.7rem;font-weight:800}.hero-copy h1,.card-head h2{color:hsl(var(--foreground));letter-spacing:-.045em;margin:.55rem 0 0;font-family:Lora,serif}.hero-copy h1{font-size:clamp(2rem,3vw,2.75rem);line-height:1.04}.card-head h2{font-size:1.25rem;line-height:1.12}.hero-text{max-width:58ch;color:hsl(var(--muted-foreground));margin:.9rem 0 0;font-size:.97rem;line-height:1.7}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.metric-card,.preview-grid article,.variable-grid div,.formula-help div,.shortcut-card,.insight-item,.stack-item{border:1px solid hsl(var(--border));background:hsl(var(--accent) / .92);border-radius:1.15rem}.metric-card{padding:.95rem 1rem}.metric-card span,.preview-grid span,.variable-grid span,.formula-title span,.shortcut-count,.insight-item span,.stack-item span{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.1em;font-size:.69rem;font-weight:700;display:block}.metric-card strong,.preview-grid strong,.variable-grid strong,.insight-item strong{color:hsl(var(--foreground));letter-spacing:-.03em;margin-top:.45rem;font-size:1.1rem;display:block}.metric-card small,.preview-grid small,.formula-item small,.muted,.insight-item small,.stack-item small,.shortcut-card p{color:hsl(var(--muted-foreground))}.metric-card small,.shortcut-card p,.insight-item small,.stack-item small{margin-top:.35rem;line-height:1.55;display:block}.status-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:.95rem;padding:1rem 1.1rem;display:grid}.status-label{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:.5rem;font-size:.68rem;font-weight:700;display:inline-flex}.status-label:before{content:"";background:hsl(var(--primary));width:.55rem;height:.55rem;box-shadow:0 0 0 .3rem hsl(var(--primary) / .12);border-radius:999px}.status-strip p,.formula-reference{color:hsl(var(--foreground));margin:.35rem 0 0;line-height:1.55}.feedback{margin-top:.95rem;padding:.9rem 1rem;font-size:.92rem}.feedback.error{background:hsl(var(--destructive) / .08);border-color:hsl(var(--destructive) / .18);color:hsl(var(--destructive))}.dashboard-grid,.section-grid{gap:1rem;margin-top:1rem;display:grid}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-grid{grid-template-columns:minmax(21rem,.9fr) minmax(0,1.1fr)}.card{padding:1.2rem}.card-head{justify-content:space-between;align-items:flex-start;gap:.9rem;margin-bottom:1rem;display:flex}.overview-links,.insight-list,.data-form,.preview-card,.formula-list,.stack-list{gap:.85rem;display:grid}.shortcut-card,.stack-item{justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.shortcut-card h3,.formula-title h3{color:hsl(var(--foreground));margin:.35rem 0 0;font-family:Lora,serif;font-size:1.1rem}.insight-item{padding:1rem}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem .95rem;display:grid}.full-width{grid-column:1/-1}label:not(.checkbox-card){gap:.4rem;display:grid}label:not(.checkbox-card) span{color:hsl(var(--foreground));font-size:.79rem;font-weight:700}input,select,textarea{border:1px solid hsl(var(--input));background:hsl(var(--background) / .88);width:100%;color:hsl(var(--foreground));font:inherit;border-radius:.95rem;outline:none;padding:.8rem .9rem;font-size:.92rem;transition:transform .15s,border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:6rem}input:focus,select:focus,textarea:focus{border-color:hsl(var(--primary) / .42);box-shadow:0 0 0 .22rem hsl(var(--primary) / .12);transform:translateY(-1px)}.check-grid,.formula-help,.preview-grid,.variable-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.checkbox-card{border:1px solid hsl(var(--border));background:hsl(var(--accent) / .92);border-radius:1.05rem;gap:.8rem;padding:.95rem 1rem;display:flex}.checkbox-card input{width:1rem;height:1rem;margin-top:.2rem}.checkbox-card strong{color:hsl(var(--foreground));font-size:.88rem;display:block}.checkbox-card small{color:hsl(var(--muted-foreground));margin-top:.25rem;line-height:1.5;display:block}.formula-help div,.preview-grid article,.variable-grid div{padding:.95rem 1rem}.formula-help strong{color:hsl(var(--foreground));font-size:.88rem}.formula-help p{color:hsl(var(--muted-foreground));margin:.35rem 0 0;line-height:1.55}.action-row,.table-actions,.pill-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.primary-button,.ghost-button,.table-actions button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.72rem 1rem;font-size:.88rem;font-weight:700;transition:transform .15s,box-shadow .15s,border-color .15s,opacity .15s}.primary-button:hover,.ghost-button:hover,.table-actions button:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg, hsl(var(--primary)), #5da3f9);color:hsl(var(--primary-foreground));box-shadow:0 12px 24px hsl(var(--primary) / .24)}.primary-button:disabled,.ghost-button:disabled,.table-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none}.ghost-button,.table-actions button{background:hsl(var(--background) / .92);border-color:hsl(var(--border));color:hsl(var(--foreground))}.table-wrap{border:1px solid hsl(var(--border));border-radius:1rem;overflow:auto}table{border-collapse:collapse;background:hsl(var(--background) / .84);width:100%;min-width:46rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid hsl(var(--border));padding:.85rem .9rem;font-size:.88rem}thead th{background:hsl(var(--accent));color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}td strong{color:hsl(var(--foreground));display:block}td small{color:hsl(var(--muted-foreground));margin-top:.28rem;line-height:1.5;display:block}.pill{background:hsl(var(--primary) / .12);color:hsl(var(--primary));border-radius:999px;padding:.3rem .55rem;font-size:.73rem;font-weight:700}.pill.outline{background:hsl(var(--secondary) / .12);color:hsl(var(--secondary))}.preview-card,.variable-board,.formula-item{border:1px solid hsl(var(--border));background:hsl(var(--background) / .8);border-radius:1.15rem}.preview-card,.variable-board{padding:1rem}.variable-board h3{color:hsl(var(--foreground));letter-spacing:-.02em;margin:0 0 .7rem;font-size:1rem}.formula-item{padding:1rem}.formula-title{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.formula-reference{font-size:.82rem}.formula-item code{color:hsl(var(--primary-foreground));background:#0f1729;border-radius:.95rem;margin:.75rem 0;padding:.8rem .9rem;font-size:.78rem;line-height:1.6;display:block;overflow:auto}.empty-state,.empty-stack{text-align:center;color:hsl(var(--muted-foreground));padding:1.4rem 1rem}.app-footer{left:var(--content-left);z-index:20;min-height:var(--footer-height);background:hsl(var(--card) / .9);border-top:1px solid hsl(var(--border));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:center;align-items:center;padding:.45rem 1rem;display:flex;position:fixed;bottom:0;right:0}.app-footer p{color:hsl(var(--muted-foreground));text-align:center;margin:0;font-size:.77rem}@media (width<=1200px){.hero-panel,.dashboard-grid,.section-grid,.status-strip{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.app-shell{--content-left:0px}.app-sidebar{width:min(18rem,100vw - 2rem);transform:translate(-100%)}.app-sidebar.mobile-open{transform:translate(0)}.app-header,.app-content,.app-footer{left:0}.desktop-only{display:none}.mobile-only{justify-content:center;align-items:center;display:inline-flex}.page-stack{width:min(100% - 1.25rem,76rem)}}@media (width<=720px){.app-header{align-items:flex-start;padding:.9rem 1rem}.header-main,.header-actions,.shortcut-card,.stack-item,.card-head,.formula-title,.action-row{flex-direction:column;align-items:stretch}.page-stack{width:min(100% - .9rem,100%);padding-top:1rem}.hero-panel,.card,.status-strip,.feedback{border-radius:1.15rem;padding:1rem}.hero-metrics,.field-grid,.check-grid,.formula-help,.preview-grid,.variable-grid{grid-template-columns:1fr}.header-chip{width:100%;min-width:0}}