.demo-app{background:#171916;color:#f7f5ef;border-radius:24px;padding:22px;box-shadow:0 24px 70px rgba(23,25,22,.18)}.demo-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.demo-toolbar button,.demo-row button{border:1px solid rgba(247,245,239,.24);background:transparent;color:#f7f5ef;border-radius:999px;padding:9px 14px;cursor:pointer}.demo-toolbar button.active,.demo-row button:hover{background:#f05a28;border-color:#f05a28}.demo-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.demo-panel{background:#242823;border:1px solid rgba(247,245,239,.12);border-radius:16px;padding:18px}.demo-panel h3{margin:0 0 12px}.demo-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid rgba(247,245,239,.12);padding:14px 0}.demo-row:first-of-type{border-top:0}.demo-row small{display:block;color:#bfc5bc;margin-top:4px}.demo-status{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#f7b39a;white-space:nowrap}.demo-note{color:#bfc5bc;font-size:.9rem}.demo-check{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(247,245,239,.12)}.demo-check input{accent-color:#f05a28;width:18px;height:18px}.demo-kpi{font-size:2.1rem;font-family:Georgia,serif}@media(max-width:760px){.demo-grid{grid-template-columns:1fr}.demo-app{padding:15px}}