.demo-shell{min-height:100dvh;background:#100d0a;color:#f7eee5;font-family:Arial,sans-serif}.demo-shell *{box-sizing:border-box}.demo-shell a{color:inherit;text-decoration:none}.demo-top{gap:24px;padding:22px 4%;border-bottom:1px solid #3b2a1e;flex-wrap:wrap}.demo-brand,.demo-top{display:flex;align-items:center}.demo-brand{font-size:24px;font-weight:800;gap:10px}.demo-brand b{background:#ff914d;color:#160d07;border-radius:10px;padding:4px 13px;font-style:italic}.demo-badge{font-size:11px;letter-spacing:1px;color:#ffb57e}.demo-top nav{margin-left:auto;display:flex;align-items:center;gap:22px}.demo-primary,.demo-shell button{cursor:pointer;border:1px solid #614027;border-radius:12px;padding:12px 18px;background:#322317;color:#ffe8d4;font:inherit}.demo-shell .demo-primary{background:#ff914d;color:#1b0c03;border-color:#ff914d;font-weight:700;display:inline-block}.demo-shell :focus-visible{outline:3px solid #ffc18d;outline-offset:4px}.demo-layout{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1500px;margin:auto}.demo-side{padding:32px 20px;border-right:1px solid #3b2a1e}.demo-eyebrow,.demo-side>p{font-size:11px;letter-spacing:1.5px;color:#c58e65}.demo-side button{display:flex;justify-content:space-between;width:100%;margin:10px 0;border-color:transparent;background:transparent;text-align:left}.demo-side button[aria-current=page]{background:#402919;color:#ffa365;border-color:#7f4d27}.demo-side-note{font-size:13px;line-height:1.6;color:#ab927c;margin-top:55px}.demo-content{padding:30px;min-width:0}.demo-banner{padding:12px 16px;border:1px solid #64452c;border-radius:12px;background:#261c13;color:#e5c4a8;font-size:13px;line-height:1.6}.demo-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}.demo-title h1{font-size:36px;margin:10px 0}.demo-card p,.demo-title p{color:#bda590;line-height:1.7}.demo-stats{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px}.demo-card,.demo-stat{background:#1e1711;border:1px solid #443223;border-radius:20px;padding:24px}.demo-stat{display:grid;gap:20px}.demo-stat.featured{background:linear-gradient(135deg,#482a16,#271b13);border-color:#865028}.demo-stat span{color:#d2b69e;font-size:14px}.demo-stat strong{font-size:30px}.demo-stat small{color:#b2947d}.demo-columns{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-top:22px}.demo-card h2{font-size:23px;margin-top:0}.demo-card li{margin:18px 0;line-height:1.6;color:#d6bdab}.demo-fox img{float:right;object-fit:contain}.demo-fox a{color:#ffae73}.demo-filters{display:flex;gap:12px;margin-bottom:22px}.demo-shell input,.demo-shell select{min-width:0;border:1px solid #60452e;border-radius:10px;padding:12px;background:#110e0b;color:#f7eee5;font:inherit}.demo-filters input{flex:1}.demo-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:22px 0;border-top:1px solid #443223}.demo-row>div{flex:1;min-width:180px}.demo-row small{display:block;margin-top:8px;color:#ad927c}.demo-row button{font-size:13px}.demo-paid{color:#6ec89a}.demo-pending{color:#efbb61}.demo-settlement{display:grid;grid-template-columns:1fr auto;gap:20px;padding:20px 0}.demo-settlement dt{color:#bda590}.demo-settlement dd{margin:0;text-align:right}.demo-code{padding:20px;background:#0e0c09;border-radius:12px;overflow-wrap:anywhere;color:#ffac70}.demo-dialog{background:#21180f;color:#f7eee5;border:1px solid #a96632;border-radius:22px;padding:28px;width:min(460px,92vw);max-height:90dvh}.demo-dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.demo-dialog .demo-title{margin-top:0}.demo-dialog label{display:grid;gap:10px;margin:18px 0}.demo-dialog .demo-primary{width:100%}@media(max-width:900px){.demo-layout{grid-template-columns:1fr}.demo-side{padding:12px 20px;display:flex;gap:8px;overflow-x:auto;border-right:0;border-bottom:1px solid #3b2a1e}.demo-side-note,.demo-side>p{display:none}.demo-side button{white-space:nowrap;width:auto;margin:0}.demo-side button span{display:none}.demo-stats{grid-template-columns:1fr 1fr}.demo-stat.featured{grid-column:1/-1}.demo-columns{grid-template-columns:1fr}}@media(max-width:540px){.demo-top{gap:15px;padding:18px}.demo-badge{font-size:10px}.demo-top nav{margin:0;width:100%;justify-content:space-between}.demo-content{padding:18px}.demo-title{align-items:flex-start;flex-direction:column}.demo-title h1{font-size:30px}.demo-card,.demo-stat{padding:18px}.demo-stat strong{font-size:24px}.demo-filters{flex-direction:column}.demo-row{gap:12px}.demo-row>div{flex-basis:100%}.demo-settlement{font-size:14px}.demo-dialog .demo-title{flex-direction:row}}