:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#261b34;background:#fbf8f2;font-synthesis:none;--bg:#fbf8f2;--surface:#fff;--text:#261b34;--muted:#8b8390;--border:#e9e2e8;--purple:#3b1e6e;--gold:#c9a24a}*{box-sizing:border-box}body{margin:0;min-width:980px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #c9a24a;outline-offset:3px}[data-theme=dark]{--bg:#1a1028;--surface:#291b3b;--text:#f8f3fa;--muted:#c0b3c9;--border:#453456;--purple:#7755ae}body{background:var(--bg);color:var(--text)}.shell{display:flex;min-height:100vh}.sidebar{width:254px;flex-shrink:0;background:#26143f;color:#fff;display:flex;flex-direction:column;padding:29px 16px}.brand{display:flex;gap:12px;align-items:center;padding:0 12px 49px}.monogram{height:44px;width:44px;border:1px solid #c9a24a;border-radius:12px;display:grid;place-items:center;color:#e6c778;font:30px Georgia,serif}.brand strong{font:20px Georgia,serif;letter-spacing:3px;display:block}.brand small{font-size:9px;letter-spacing:2px;color:#d4bc85}.side-caption{font-size:10px;letter-spacing:2px;color:#a998bb;margin:0 12px 15px}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;color:#cfc3db;background:transparent;border-radius:10px;display:flex;align-items:center;gap:13px;padding:14px;text-align:left}.nav-item span{flex:1;font-size:13px}.nav-item:hover{background:#3d2858}.nav-item.selected{background:#50316f;color:#fff;border-left:3px solid #c9a24a}.side-bottom{margin-top:auto}.side-divider{height:1px;background:#4d3a61;margin-bottom:22px}.side-profile{display:flex;align-items:center;gap:10px;padding:0 7px}.side-profile>div:nth-child(2){flex:1}.side-profile strong,.side-profile small{display:block;font-size:11px}.side-profile small{color:#b6a9c6;margin-top:4px}.avatar{width:38px;height:38px;background:#c9a24a;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#301b45}.avatar.small{width:32px;height:32px}.workspace{flex:1;min-width:0}.topbar{height:80px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 44px;display:flex;align-items:center;justify-content:space-between}.breadcrumb,.top-actions{display:flex;align-items:center;gap:14px}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb strong{color:var(--text)}.top-actions{gap:16px}.connection{display:flex;align-items:center;gap:7px;color:#a16d22;font-size:12px}.connection.online{color:#3d906f}.connection.offline{color:#bd4e54}.icon-button{background:none;border:0;color:var(--muted);font-size:23px}.offline-banner{background:#fff0d8;color:#6f4411;padding:12px 44px;font-size:13px}.offline-banner button{margin-left:15px;background:none;border:0;text-decoration:underline;color:inherit}main{max-width:1440px;margin:auto;padding:46px 48px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#aa873d;font-weight:700}.page-heading h1{font:44px Georgia,serif;margin:12px 0}.page-heading p{color:var(--muted);font-size:14px;margin:0}.primary,.secondary,.outline,.gold-button{display:inline-flex;align-items:center;gap:8px;border-radius:9px;padding:12px 17px;font-size:12px;font-weight:650;border:1px solid transparent}.primary{background:#3b1e6e;color:#fff}.secondary{background:#f2edf7;color:#3b1e6e}.outline{background:transparent;border-color:var(--border);color:var(--text)}.gold-button{background:#c9a24a;color:#291535}.hero{min-height:224px;border-radius:16px;background:linear-gradient(115deg,#341d56,#593575 65%,#3c2359);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:38px 49px;overflow:hidden}.hero-kicker{font-size:10px;letter-spacing:2.2px;color:#e7ca82}.hero h2{font:31px Georgia,serif;margin:12px 0}.hero p{color:#e4d7ea;font-size:13px;margin-bottom:23px}.hero-ornament{font:140px Georgia,serif;color:#c9a24a;opacity:.65;position:relative}.hero-ornament span{position:absolute;font-size:85px;left:75px;top:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 17px}.section-heading h3{font:24px Georgia,serif;margin:0}.section-heading span{color:var(--muted);font-size:12px}.grid{display:grid;gap:18px;margin-bottom:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:25px;box-shadow:0 6px 22px #1b092309}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.card-title h4{font:19px Georgia,serif;margin:0}.card-title span{font-size:9px;letter-spacing:1px;color:var(--muted)}.swatches{display:flex;gap:12px;flex-wrap:wrap}.swatch{flex:1;min-width:70px}.swatch>div{height:55px;border-radius:8px;border:1px solid #ddd}.swatch strong,.swatch small{display:block;font-size:10px;margin-top:7px}.swatch small{color:var(--muted);margin-top:3px}.type-display{font:27px Georgia,serif}.type-description{font-size:11px;color:var(--muted);margin:10px 0 18px}.type-sample{font-size:14px;font-weight:600}.button-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.field-label{display:block;font-size:12px;margin-bottom:9px}.search-input{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:9px;padding:11px 13px;color:var(--muted)}.search-input input{background:transparent;border:0;outline:none;flex:1;min-width:0;color:var(--text);font-size:12px}.stat-row{display:flex;justify-content:space-between;gap:20px}.muted{color:var(--muted);font-size:12px}.stat{font-size:27px;font-weight:700;margin:8px 0;font-variant-numeric:tabular-nums}.positive{color:#348f68;font-size:11px}.mini-bars{height:90px;display:flex;align-items:flex-end;gap:7px}.mini-bars span{width:13px;background:#c9a24a;border-radius:4px 4px 0 0}.demo-table{margin-top:19px;border-top:1px solid var(--border)}.demo-table div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);font-size:12px}.demo-table strong{font-variant-numeric:tabular-nums}.footnote{text-align:center;color:var(--muted);font-size:11px;padding:20px}.empty{text-align:center;padding:75px}.empty-icon{font-size:65px;color:#c9a24a}.empty h3{font:26px Georgia,serif}.empty p{color:var(--muted)}@media(max-width:1180px){.sidebar{width:218px}main{padding:30px 25px}.topbar{padding:0 25px}.grid.two{grid-template-columns:1fr}}.sample-chart{display:flex;align-items:flex-end;gap:12px;height:140px;padding:12px 4px;border-bottom:1px solid var(--border,#ddd)}.sample-chart-bar{flex:1;max-width:56px;min-height:5px;background:linear-gradient(180deg,#c9a24a,#3b1e6e);border-radius:8px 8px 0 0}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a19a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.sample-dialog{width:min(460px,100%);background:var(--surface,#fff);color:var(--text,#1a1028);padding:30px;border-radius:16px;box-shadow:0 24px 80px #0005}.sample-dialog .button-row{justify-content:flex-end;margin-top:24px}