:root{--dt-color-canvas: #f3f2f1;--dt-color-surface: #ffffff;--dt-color-surface-muted: #faf9f8;--dt-color-sidebar: #201f1e;--dt-color-text: #201f1e;--dt-color-text-inverse: #ffffff;--dt-color-text-muted: #605e5c;--dt-color-text-subtle: #8a8886;--dt-color-border: #edebe9;--dt-color-border-strong: #c8c6c4;--dt-color-accent: #0078d4;--dt-color-accent-strong: #005a9e;--dt-color-success: #107c10;--dt-color-success-soft: #dff6dd;--dt-color-warning: #ffb900;--dt-color-warning-soft: #fff4ce;--dt-color-critical: #d13438;--dt-color-critical-soft: #fde7e9;--dt-color-purple: #5c2d91;--dt-color-future: #e1dfdd;--dt-color-price-low: #107c10;--dt-color-price-mid: #ffb900;--dt-color-price-high: #f7630c;--dt-color-price-extreme: #d13438;--dt-radius-sm: 6px;--dt-radius-md: 8px;--dt-space-1: 4px;--dt-space-2: 8px;--dt-space-3: 12px;--dt-space-4: 16px;--dt-space-5: 20px;--dt-space-6: 24px;--dt-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--dt-font-weight-strong: 800;--dt-shadow-panel: 0 1px 2px rgba(0, 0, 0, .05)}:root{color:var(--dt-color-text);background:var(--dt-color-canvas);font-family:var(--dt-font-family);font-synthesis:none;text-rendering:optimizeLegibility}html,body,#root{min-height:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100%;background:var(--dt-color-canvas)}.dashboard-shell{min-height:100dvh;background:var(--dt-color-canvas)}.topbar{display:flex;align-items:center;min-height:84px;padding:18px 24px;color:var(--dt-color-text-inverse);background:var(--dt-color-sidebar);border-bottom:1px solid rgba(255,255,255,.14)}.brand-header{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:38px;height:38px;flex:0 0 auto;padding:8px;border:1px solid rgba(0,120,212,.35);border-radius:var(--dt-radius-md);object-fit:contain;background:var(--dt-color-surface)}.topbar h1,.topbar p,.brand-header span{margin:0}.topbar h1{margin-top:2px;font-size:1.3rem;line-height:1.1}.topbar p{color:var(--dt-color-border-strong);font-size:.72rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.brand-header span{display:block;margin-top:5px;color:var(--dt-color-border-strong);font-size:.82rem;font-weight:700}.dashboard-body{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 36px}.intro-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:24px;align-items:end;margin-bottom:18px}.section-kicker{margin:0 0 6px;color:var(--dt-color-text-muted);font-size:.72rem;font-weight:850;text-transform:uppercase}.intro-row h2{margin:0;color:var(--dt-color-text);font-size:1.45rem;line-height:1.2}.intro-copy{margin:0;color:var(--dt-color-text-muted);font-size:.9rem;line-height:1.45}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.demo-card{display:grid;grid-template-rows:auto minmax(124px,1fr) auto;gap:18px;min-width:0;min-height:246px;padding:18px;color:var(--dt-color-text);text-decoration:none;border:1px solid var(--dt-color-border-strong);border-radius:var(--dt-radius-md);background:var(--dt-color-surface);box-shadow:var(--dt-shadow-panel);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.demo-card:hover,.demo-card:focus-visible{border-color:var(--dt-color-accent);box-shadow:0 8px 24px #0078d41f;transform:translateY(-2px)}.demo-card:focus-visible{outline:3px solid rgba(0,120,212,.22);outline-offset:2px}.card-meta{display:flex;flex-wrap:wrap;gap:8px}.card-meta span{display:inline-flex;align-items:center;max-width:100%;min-height:26px;padding:4px 8px;color:var(--dt-color-text-muted);font-size:.72rem;font-weight:800;border:1px solid var(--dt-color-border);border-radius:var(--dt-radius-sm);background:var(--dt-color-surface-muted);overflow-wrap:anywhere}.card-copy h3{margin:0 0 10px;color:var(--dt-color-text);font-size:1.05rem;line-height:1.25}.card-copy p{margin:0;color:var(--dt-color-text-muted);font-size:.9rem;line-height:1.45}.card-action{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:fit-content;min-height:34px;padding:0 11px;color:var(--dt-color-accent-strong);font-size:.84rem;font-weight:850;border:1px solid rgba(0,120,212,.24);border-radius:var(--dt-radius-sm);background:#deecf9}@media (min-width: 1280px){.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1120px){.intro-row{grid-template-columns:1fr;align-items:start}}@media (max-width: 660px){.topbar{min-height:76px;padding:16px}.dashboard-body{width:min(100% - 24px,1180px);padding-top:22px}.demo-grid{grid-template-columns:1fr}.demo-card{min-height:0}}