.demo-shell{color:#edf1f5;max-width:1280px;margin:auto;padding:28px 32px 70px;font-size:16px}.demo-header,.demo-intro,.demo-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.demo-header{margin-bottom:24px}.demo-header .brand{align-items:center;gap:10px;display:flex}.demo-header a:not(.brand),.demo-footer a{color:#d4fb66}.demo-banner{background:#313422;border:1px solid #6a7448;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex}.demo-banner strong{color:#d4fb66;white-space:nowrap;letter-spacing:.06em;font-size:14px}.demo-intro{margin:32px 0 24px}.demo-intro h1{margin:6px 0;font-size:clamp(30px,4vw,48px)}.demo-intro p{color:#b8c3cc}.demo-switcher{background:#1b2129;border:1px solid #3a444e;border-radius:14px;flex-wrap:wrap;align-items:end;gap:20px;padding:22px;display:flex}.demo-switcher>label{flex:1;min-width:180px}.demo-switcher>p{color:#b8c3cc;flex:1;min-width:220px;margin:0 0 8px}.demo-shell label{gap:8px;font-weight:600;display:grid}.demo-shell input,.demo-shell select,.demo-shell textarea{color:#f1f5f9;width:100%;min-width:0;font:inherit;background:#11171d;border:1px solid #4b5662;border-radius:8px;padding:12px}.demo-shell textarea{resize:vertical;min-height:110px}.demo-shell button,.demo-shell a,.demo-shell select,.demo-shell input{touch-action:manipulation}.demo-shell :focus-visible{outline-offset:3px;outline:2px solid #d4fb66}.demo-shell button:disabled{opacity:.55;cursor:not-allowed}.demo-tabs{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.demo-tabs button{color:#c9d4de;font:inherit;cursor:pointer;background:#1d232c;border:1px solid #3c4652;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;display:flex}.demo-tabs button[aria-current]{color:#11170d;background:#d4fb66;border-color:#d4fb66;font-weight:700}.demo-feedback{background:#202b1b;border:1px solid #8cb34a;border-radius:10px;margin:18px 0;padding:18px}.demo-event-picker{max-width:620px;margin:20px 0}.demo-panel{background:#191f26;border:1px solid #38424e;border-radius:14px;margin:24px 0;padding:26px}.demo-panel h2{margin:0 0 16px;font-size:26px}.demo-panel h3{margin:22px 0 10px;font-size:19px}.demo-panel p{color:#c1cad2;line-height:1.6}.demo-panel form,.demo-signup{gap:16px;display:grid}.demo-panel form .btn,.demo-signup .btn{justify-self:start}.demo-event-feature{background:linear-gradient(125deg,#222c36,#20242e);border:1px solid #546077;border-radius:16px;grid-template-columns:1fr 230px;gap:32px;margin:24px 0;padding:32px;display:grid}.demo-event-feature h2{max-width:690px;margin:16px 0 24px;font-size:clamp(28px,3.6vw,43px);line-height:1.12}.demo-event-feature p{color:#c3cdd7;margin:12px 0;line-height:1.6}.demo-presenter{font-size:18px;font-weight:700}.demo-event-feature aside{border-left:1px solid #515b67;flex-direction:column;justify-content:center;align-items:start;gap:10px;padding-left:24px;display:flex}.demo-event-feature aside>strong{color:#d4fb66;font-size:56px}.demo-pill{background:#3d4853;border-radius:20px;padding:8px 12px;font-size:14px;display:inline-block}.demo-lineup{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.demo-lineup button{color:#d4fb66;font:inherit;cursor:pointer;background:#10171c;border:1px solid #4e6050;border-radius:20px;padding:9px 14px}.demo-form-grid{grid-template-columns:2fr 1fr 2fr;gap:18px;display:grid}.demo-columns{grid-template-columns:300px minmax(0,1fr);gap:24px;display:grid}.demo-artist-list{align-self:start}.demo-artist-list>button{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;padding:12px 6px;display:flex}.demo-artist-list>button[aria-current=true]{background:#d4fb660c;border-color:#82995c}.demo-artist-list small{color:#bbc4cd;font-size:14px;line-height:1.5;display:block}.demo-avatar{color:#131a20;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:grid}.demo-member-grid,.demo-supplier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.demo-member-grid article,.demo-supplier-grid article{border:1px solid #43505b;border-radius:12px;padding:18px}.demo-member-grid p{margin:6px 0;font-size:14px}.demo-connect-list>div,.demo-sales-row{border-bottom:1px solid #3c4852;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.demo-calendar-row{border-bottom:1px solid #43505b;gap:24px;padding:20px 0;display:flex}.demo-calendar-row>strong{color:#d4fb66;min-width:110px}.demo-calendar-row h3{margin-top:0}.demo-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.demo-stats article{background:#1d252d;border:1px solid #465363;border-radius:12px;gap:16px;padding:24px;display:grid}.demo-stats span{color:#c2cbd4}.demo-stats strong{font-size:28px}.demo-ticket-row{border-bottom:1px solid #44505c;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.demo-ticket-row p{margin:5px 0}.demo-ticket-row small{word-break:break-all;color:#abb7c2}.demo-ticket-row .demo-actions{flex:0 0 240px;justify-content:end}.demo-tickets{max-height:600px;margin-top:16px;padding-right:8px;overflow:auto}.demo-inline-form{align-items:end;margin:18px 0;display:flex!important}.demo-inline-form label{flex:1}.demo-messages{max-height:450px;margin:24px 0;padding:4px;overflow:auto}.demo-messages article{background:#252e38;border-radius:12px;max-width:85%;margin:12px 0;padding:18px}.demo-messages p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.demo-enquiry{border-top:1px solid #465363;margin-top:24px;padding-top:20px}.demo-footer{color:#bac3cc;border-top:1px solid #40505d;margin-top:32px;padding-top:24px;font-size:14px;line-height:1.8}.demo-qr img{border-radius:10px;max-width:100%;margin:auto}.demo-qr code{overflow-wrap:anywhere;font-size:14px}.demo-scanner video{background:#000;width:100%;max-height:300px}.demo-shell .text-button{color:#d4fb66}.demo-shell .file-button{display:inline-flex}.demo-signup label{gap:6px;display:grid}.demo-signup input,.demo-signup select,.demo-signup textarea{font:inherit;color:#fff;background:#11171d;border:1px solid #4b5662;border-radius:8px;padding:10px}.demo-signup{max-height:65vh;padding:2px;overflow:auto}.demo-panel li{margin:12px 0}.demo-panel summary{cursor:pointer;color:#d4fb66}.demo-panel details form{margin-top:16px}@media (max-width:850px){.demo-shell{padding:20px 16px 40px}.demo-columns{grid-template-columns:1fr}.demo-artist-list{max-height:300px;overflow:auto}.demo-event-feature{grid-template-columns:1fr;padding:24px}.demo-event-feature aside{border-top:1px solid #515b67;border-left:0;padding:18px 0 0}.demo-stats{grid-template-columns:repeat(2,1fr)}.demo-form-grid{grid-template-columns:1fr}.demo-banner{flex-direction:column;align-items:start;gap:8px}.demo-switcher{padding:18px}.demo-panel{padding:20px}.demo-ticket-row{flex-direction:column;align-items:stretch}.demo-ticket-row .demo-actions{flex:auto;justify-content:start}.demo-member-grid,.demo-supplier-grid{grid-template-columns:1fr}.demo-inline-form{flex-wrap:wrap}.demo-calendar-row{flex-direction:column;gap:8px}.demo-connect-list>div{flex-wrap:wrap}.demo-messages article{max-width:100%}}.demo-public-check{align-items:center;gap:12px;margin:20px 0;display:flex!important}.demo-public-check input{width:20px;height:20px}.demo-people-list{max-height:650px;margin-top:20px;overflow:auto}.demo-people-list button{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #40505d;padding:14px 8px;display:block}.demo-people-list small{color:#c1cad2;font-size:14px;display:block}.demo-profile-private{background:#10171d;border-radius:12px;margin:20px 0;padding:20px}
