:root{--font-heading:"Avenir Next Condensed","DIN Condensed","Franklin Gothic Medium","Arial Narrow",sans-serif;--font-body:"Avenir Next","Segoe UI","Helvetica Neue",sans-serif;--bg-deep:#090f1f;--bg-mid:#0f1d3d;--surface:hsla(0,0%,100%,.9);--surface-strong:hsla(0,0%,100%,.97);--surface-line:hsla(0,0%,100%,.3);--ink-strong:#0f1d37;--ink-soft:#4d5f82;--brand:#2f6fed;--brand-dark:#1f4ca8;--accent:#1cb8a2;--danger:#c63b2f;--shadow-lg:0 22px 45px rgba(9,20,48,.22);--shadow-sm:0 8px 22px rgba(9,20,48,.11);--radius-xl:24px;--radius-lg:16px;--radius-md:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:var(--font-body);color:var(--ink-strong);background:radial-gradient(circle at 12% -10%,#2c73f2 0,rgba(44,115,242,0) 38%),radial-gradient(circle at 96% 8%,#1db99f 0,rgba(29,185,159,0) 34%),linear-gradient(145deg,var(--bg-deep) 0,var(--bg-mid) 55%,#13285a 100%);overflow-x:clip}a{color:inherit}.pageShell{width:100%;min-height:100vh;padding:1.2rem}.pageFrame{max-width:1280px;margin:0 auto;display:grid;grid-gap:1rem;gap:1rem;min-width:0}.topbar{position:-webkit-sticky;position:sticky;top:1rem;z-index:20;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid hsla(0,0%,100%,.2);border-radius:999px;background:rgba(8,14,32,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 28px rgba(0,0,0,.25)}.topbar,.topbarBrand{display:flex;align-items:center;min-width:0}.topbarBrand{gap:.65rem;color:#f1f5ff}.brandDot{width:12px;height:12px;border-radius:999px;background:linear-gradient(180deg,#35e3c9,#2f6fed);box-shadow:0 0 0 6px rgba(53,227,201,.15)}.topbarBrand strong{font-size:.96rem;overflow-wrap:anywhere}.topbarBrand p{margin:0;color:rgba(241,245,255,.7);font-size:.74rem;overflow-wrap:anywhere}.topbarToggle{display:none;border:1px solid hsla(0,0%,100%,.28);border-radius:999px;padding:.44rem .82rem;background:hsla(0,0%,100%,.11);color:#fff;font:inherit;font-weight:700;cursor:pointer}.topbarNav{display:flex;gap:.45rem;flex-wrap:wrap;min-width:0}.navLink{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .8rem;border-radius:999px;text-decoration:none;font-size:.82rem;font-weight:600;color:rgba(241,245,255,.78);border:1px solid transparent;transition:all .2s ease;min-width:0;overflow-wrap:anywhere}.navLink:hover{border-color:hsla(0,0%,100%,.28);color:#fff}.navLink.active{background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.26);color:#fff}.card,.container,.hero,.heroPanel,.panel{border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--surface-strong),var(--surface));border:1px solid var(--surface-line);box-shadow:var(--shadow-lg)}.heroPanel{padding:1.8rem;animation:riseIn .5s ease;min-width:0}.eyebrow{margin:0;letter-spacing:.09em;text-transform:uppercase;color:var(--brand);font-size:.72rem;font-weight:700}.hero h1,.heroPanel h1{margin:.42rem 0 .7rem;font-family:var(--font-heading);font-size:clamp(2rem,4.4vw,3.3rem);line-height:.96;letter-spacing:.02em}.hero p,.heroSubtitle{margin:0;max-width:72ch;color:var(--ink-soft);font-size:1rem;line-height:1.45;overflow-wrap:anywhere}.heroActions,.heroLinkWrap{margin-top:1.2rem;display:flex;gap:.55rem;flex-wrap:wrap}.heroLink,.pillLink{display:inline-flex;align-items:center;justify-content:center;padding:.56rem .95rem;border-radius:999px;font-size:.84rem;font-weight:700;text-decoration:none;color:#fff;background:linear-gradient(140deg,var(--brand),#5f8dff);border:1px solid rgba(34,92,208,.25);box-shadow:var(--shadow-sm)}.pillLink.secondary{color:#17346d;background:#edf3ff;border-color:#cfdfff;box-shadow:none}.container,.contentStack,.grid,.panelGrid{display:grid;grid-gap:1rem;gap:1rem}.grid,.panelGrid2{grid-template-columns:repeat(2,minmax(0,1fr))}.panelGrid3{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.panel{padding:1.15rem;animation:riseIn .45s ease;min-width:0}.panelHeader{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.9rem;flex-wrap:wrap;min-width:0}.card h2,.panel h2{margin:0;font-family:var(--font-heading);font-size:1.38rem;letter-spacing:.02em}.chip{display:inline-flex;align-items:center;padding:.24rem .58rem;border-radius:999px;font-size:.72rem;font-weight:700;color:#2158be;background:#edf4ff;border:1px solid #d4e3ff;max-width:100%;overflow-wrap:anywhere}.statPanel{background:linear-gradient(160deg,rgba(242,247,255,.9),rgba(229,238,255,.9))}.statLabel{margin:0;color:var(--ink-soft);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.statValue{display:block;margin-top:.28rem;font-family:var(--font-heading);font-size:2.05rem;line-height:.95}.statValue.small{font-size:1.38rem}.statMeta{margin:.45rem 0 0;color:var(--ink-soft);font-size:.86rem}.form{display:grid;grid-gap:.72rem;gap:.72rem}.formGrid2{grid-template-columns:repeat(2,minmax(0,1fr))}.form label{display:grid;grid-gap:.35rem;gap:.35rem;color:var(--ink-soft);font-size:.86rem}.form .primaryButton,.form button{grid-column:1/-1}input,textarea{width:100%;border:1px solid #cfdbf3;border-radius:var(--radius-md);padding:.63rem .7rem;background:#fff;font:inherit;color:var(--ink-strong);transition:border-color .18s ease,box-shadow .18s ease}input:focus,textarea:focus{outline:none;border-color:#4f82ea;box-shadow:0 0 0 3px rgba(79,130,234,.18)}.primaryButton,button{border:none;border-radius:12px;padding:.72rem .95rem;font:inherit;font-weight:700;color:#fff;background:linear-gradient(140deg,var(--brand),#4f83ff);cursor:pointer}.ghostButton,.secondaryButton{color:#1f3f7d;background:#edf4ff;border:1px solid #cbdcff;box-shadow:none}.secondaryButton:hover{background:#e2eeff}.ghostButton{color:#315485;background:transparent;border-color:#c8d8f6}.ghostButton:hover{background:#f3f7ff}.primaryButton:disabled,button:disabled{opacity:.6;cursor:default}.kpiGrid,.metrics{margin-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.62rem;gap:.62rem}.batchSummaryGrid{margin-top:.95rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.62rem;gap:.62rem}.batchCard{background:linear-gradient(160deg,rgba(242,247,255,.96),rgba(229,238,255,.94));border:1px solid #d8e5ff;border-radius:var(--radius-md);padding:.68rem}.batchCard p{margin:0;color:var(--ink-soft);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.batchCard strong{display:block;margin-top:.34rem;font-family:var(--font-heading);font-size:1.16rem;line-height:1}.batchSummaryLine{margin:.9rem 0 0;padding:.66rem .74rem;border:1px solid #dae6ff;border-radius:var(--radius-md);background:#f7faff;color:#274579;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.82rem;overflow-wrap:anywhere}.batchTableWrap{margin-top:1.2rem}.kpi,.metrics div{background:#f2f7ff;border:1px solid #d8e5ff;border-radius:var(--radius-md);padding:.65rem}.kpi span,.metrics span{color:var(--ink-soft);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.kpi strong,.metrics strong{display:block;margin-top:.3rem;font-family:var(--font-heading);font-size:1.15rem;line-height:1}.tableShell,.tableWrap{overflow-x:auto;border:1px solid #dce6fb;border-radius:12px;max-width:100%;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{padding:.6rem .56rem;border-bottom:1px solid #e4ebfb;text-align:left;white-space:nowrap}th{background:#f6f9ff;color:#2b446f;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}tr:hover td{background:#f9fbff}.barChart{display:grid;grid-gap:.62rem;gap:.62rem}.barRow{display:grid;grid-gap:.32rem;gap:.32rem}.barMeta{display:flex;justify-content:space-between;align-items:center;gap:.7rem;font-size:.84rem}.barTrack{width:100%;height:12px;background:#e8eefc;border-radius:999px;overflow:hidden}.barFill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f86ff,#2f6fed 60%,#1cb8a2)}.lineChart{width:100%;height:auto;border-radius:12px;background:linear-gradient(180deg,#eff4ff,#fff);border:1px solid #d7e4ff;padding:.5rem}.chartPanel{min-height:420px}.chartWrap{height:320px}.chartWrap,.chartWrapTall{width:100%;min-width:0;overflow:hidden}.chartWrapTall{height:360px}.chartPlaceholder{width:100%;height:100%;min-height:240px;border:1px dashed #cfdbf4;border-radius:12px;display:grid;place-items:center;color:var(--ink-soft);font-size:.9rem;background:#f8fbff}.noteBox{margin-top:.75rem;padding:.75rem;border-radius:12px;border:1px solid #d7e4ff;background:#f0f6ff}.flatList{margin:.45rem 0 0;padding-left:1rem;display:grid;grid-gap:.2rem;gap:.2rem}.jsonArea{min-height:240px;margin-top:.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.86rem}.batchInputGrid{margin-top:.72rem;display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);grid-gap:.85rem;gap:.85rem;min-width:0}.batchBuilder{display:grid;grid-gap:.62rem;gap:.62rem;padding:.74rem;border:1px solid #d8e4ff;border-radius:var(--radius-md);background:linear-gradient(180deg,#f7fbff,#f0f6ff);min-width:0}.batchBuilder h3{margin:0;font-family:var(--font-heading);font-size:1.1rem;letter-spacing:.02em}.batchBuilder label{display:grid;grid-gap:.34rem;gap:.34rem;color:var(--ink-soft);font-size:.84rem}.batchEditor{padding:.74rem;border:1px solid #d8e4ff;border-radius:var(--radius-md);background:#f9fbff}.batchEditorHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.batchEditorHeader h3{margin:0;font-family:var(--font-heading);font-size:1.05rem;letter-spacing:.02em}.batchEditorHint{margin:.2rem 0 0;font-size:.8rem;color:var(--ink-soft)}.batchEditorActions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.batchValidation{margin:.56rem 0 0;padding:.58rem .66rem;border-radius:10px;border:1px solid transparent;font-size:.84rem}.batchValidation.valid{color:#184b95;background:#ecf4ff;border-color:#cfe0ff}.batchValidation.invalid{color:#8f3329;background:#fff3f1;border-color:#f5d1cc}.rowActions{margin-top:.8rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-width:0}.mutedText{color:var(--ink-soft);font-size:.88rem;overflow-wrap:anywhere;word-break:break-word}.demoNotice{margin:0;padding:.75rem .85rem;border-radius:12px;border:1px solid #ffe0b8;background:#fff7eb;color:#7b4a04;font-size:.88rem;line-height:1.4}.skeletonText{display:inline-block;width:7.5rem;border-radius:10px;background:linear-gradient(90deg,#eaf0ff 25%,#dbe6ff 50%,#eaf0ff 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeletonText.skeletonLg{height:2rem}.skeletonText.skeletonMd{height:1.35rem;width:12rem}.skeletonRow{height:.95rem;border-radius:8px}.skeletonChart,.skeletonRow{background:linear-gradient(90deg,#edf3ff 25%,#dce7ff 50%,#edf3ff 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeletonChart{width:100%;height:240px;border-radius:12px;border:1px solid #d6e3ff}.error{margin:0;color:var(--danger);font-size:.9rem}.wikiPanel{min-height:760px}.wikiFrameWrap{border-radius:14px;border:1px solid #d7e3fb;overflow:hidden}.wikiFrame,.wikiFrameWrap{width:100%;background:#081126}.wikiFrame{height:min(78vh,980px);border:0;display:block}.contentStack>*,.pageFrame>*,.panelGrid>*{min-width:0}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.topbarNav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.2rem}.topbarNav::-webkit-scrollbar{height:6px}.topbarNav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.25);border-radius:999px}.batchInputGrid,.batchSummaryGrid,.grid,.kpiGrid,.metrics,.panelGrid2,.panelGrid3{grid-template-columns:1fr}.batchEditorActions{width:100%}}@media (max-width:720px){.pageShell{padding:.8rem}.topbar{border-radius:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:.55rem;gap:.55rem;padding:.72rem .78rem}.topbarToggle{display:inline-flex;align-items:center;justify-content:center}.topbarNav{grid-column:1/-1;width:100%;display:none;grid-template-columns:1fr;gap:.38rem;overflow:hidden;padding:.25rem 0 0}.topbarNav.open{display:grid}.navLink{width:100%;justify-content:flex-start;padding:.62rem .72rem;border-radius:10px;font-size:.9rem}.formGrid2{grid-template-columns:1fr}.batchEditorActions button{flex:1 1 100%}.card,.heroPanel,.panel{padding:1rem}.hero h1,.heroPanel h1{font-size:clamp(1.7rem,9vw,2.2rem)}.chartPanel{min-height:360px}.chartWrap,.chartWrapTall{height:300px}.wikiFrame{height:70vh}}@media (max-width:520px){.heroActions,.heroLinkWrap{display:grid;grid-template-columns:1fr}.heroLink,.pillLink{width:100%}.chartWrap,.chartWrapTall{height:260px}.tableShell,.tableWrap{border-radius:10px}td,th{padding:.5rem .45rem;font-size:.82rem}.rowActions{display:grid;grid-template-columns:1fr;align-items:stretch}.wikiFrame{height:64vh}}