.demo-banner{color:#174f43;background:#e8f5f0;border:1px solid #b8d7c9;border-radius:12px;margin:16px 0;padding:16px 20px;font-size:14px}.demo-notice:empty{display:none}.demo-notice{color:#145b4b;padding:10px 0;font-weight:600}.demo-toolbar{justify-content:space-between;align-items:center;gap:16px;margin:22px 0;display:flex}.demo-toolbar label{align-items:center;gap:12px;display:flex}.finance-demo select,.finance-demo input{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);background:#fff;border-radius:8px;max-width:100%;padding:9px 12px}.demo-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px;display:grid}.demo-metric{gap:12px;padding:24px;display:grid}.demo-metric strong{letter-spacing:-1px;font-size:clamp(24px,2.5vw,36px)}.demo-metric small{color:var(--muted)}.demo-columns{grid-template-columns:1.3fr 1fr;gap:20px;display:grid}.demo-panel{min-width:0;margin-bottom:22px;padding:22px}.demo-panel h2{margin:0;font-size:20px}.demo-panel .table-wrap{margin:16px 0;overflow:auto}.demo-panel td,.demo-panel th{white-space:nowrap;padding:14px 16px}.demo-panel table{border-collapse:collapse;text-align:left;width:100%}.demo-panel th{background:var(--surface-soft)}.demo-panel tr{border-bottom:1px solid var(--line)}.demo-summary{grid-template-columns:1fr auto;gap:16px;display:grid}.demo-summary dd{margin:0;font-weight:700}.demo-bar-row{grid-template-columns:1fr auto;gap:8px;margin:18px 0;display:grid}.demo-bar-row>span{grid-column:1/-1;font-size:13px}.demo-bar-track{background:#e6ece7;border-radius:8px;align-self:center;min-height:12px;overflow:hidden}.demo-bar-track>span{background:var(--emerald);border-radius:8px;max-width:100%;height:12px;display:block}.demo-bar-row strong{font-size:14px}.demo-actions{flex-wrap:wrap;gap:12px;display:flex}.demo-actions button,.demo-detail button{border:1px solid var(--line);background:var(--surface-soft);color:var(--navy);border-radius:10px;padding:14px}.demo-offers{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;display:grid}.demo-offers button{text-align:left;color:var(--ink);gap:12px;padding:22px;display:grid}.demo-offers button:hover{border-color:var(--emerald)}.demo-detail{background:var(--surface-soft);border-radius:12px;padding:20px}.demo-detail li{margin:12px 0}.demo-form{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;display:grid}.demo-form label,.demo-search{gap:8px;display:grid}.demo-form>div,.demo-form>p{grid-column:1/-1}.demo-form>p:empty{display:none}.demo-search{max-width:440px;margin:16px 0}.demo-foot{color:var(--muted);margin-top:36px;font-size:13px}.finance-demo .sidebar-footer a{color:var(--navy)}.finance-demo button:disabled{cursor:default}@media (max-width:1000px){.demo-columns{grid-template-columns:1fr}.demo-metrics{gap:10px}.demo-metric{padding:16px}.demo-offers{grid-template-columns:1fr}}@media (max-width:700px){.finance-demo .app-shell{display:block}.demo-metrics,.demo-form{grid-template-columns:1fr}.demo-toolbar{flex-direction:column;align-items:stretch}.demo-toolbar label{flex-wrap:wrap}.demo-summary{grid-template-columns:1fr;gap:8px}.demo-summary dd{margin-bottom:12px}.demo-panel{padding:16px}.finance-demo .topbar{flex-direction:column;align-items:flex-start}.demo-actions{flex-direction:column}}