.demo-page{gap:14px;width:100%;max-width:1340px;margin-inline:auto;display:grid}.demo-page-head{gap:24px;margin-bottom:0}.demo-page-head h1{font-size:32px}.demo-page-head p{max-width:660px;font-size:14px;line-height:1.55}.demo-page :is(input,select,textarea),.demo-account select,.demo-mobile-profile select,.demo-workspace select{border:1px solid var(--line);background:var(--paper);color:var(--ink);min-height:44px;font:inherit;border-radius:8px;max-width:100%;padding:11px 13px;font-size:13px}.demo-page :is(button,a,input,select,textarea):focus-visible,.demo-profiles:focus-within,.demo-account :focus-visible{outline:3px solid var(--pitch);outline-offset:3px}.demo-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-actions>:is(button,a){white-space:nowrap}.demo-danger{background:var(--down)!important;color:var(--paper)!important;border-color:var(--down)!important}.demo-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.demo-stat{background:var(--paper);border:1px solid var(--line);border-radius:13px;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:78px;padding:14px 16px;display:flex}.demo-stat>span{color:var(--muted);letter-spacing:.055em;text-transform:uppercase;font-size:10.5px;font-weight:700}.demo-stat>strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:24px;line-height:1.1}.demo-stat>small{color:var(--muted);font-size:10.5px}.demo-stat.is-accent{background:var(--night-2);color:var(--night-text);border-color:var(--night-2)}.demo-stat.is-accent>span,.demo-stat.is-accent>small{color:var(--night-muted)}.demo-stat.is-accent>strong{color:var(--volt)}.demo-period{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.demo-period label{align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.demo-period>span{color:var(--muted);font:11px var(--font-mono)}.demo-panel,.demo-table-section{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-md);min-width:0;overflow:hidden}.demo-panel{padding:25px}.demo-panel>header{margin-bottom:24px}.demo-panel h2{font-size:21px;font-family:var(--font-display);margin:0 0 5px}.demo-panel header p{color:var(--muted);margin:0;font-size:12px}.demo-panel>p{font-size:13px}.demo-grid-main{grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:20px;display:grid}.demo-two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.demo-toolbar{flex-wrap:wrap;align-items:center;gap:10px;padding:18px;display:flex}.demo-toolbar>input{flex:200px}.demo-toolbar>select{flex:0 auto}.demo-table-scroll{overflow-x:auto}.demo-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.demo-table th{border-block:1px solid var(--line);background:var(--chalk);color:var(--muted);text-transform:uppercase;letter-spacing:.055em;white-space:nowrap;padding:13px 19px;font-size:10px}.demo-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:18px 19px}.demo-table td>small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.demo-table tbody tr:hover{background:var(--pitch-tint)}.demo-table td:first-child{min-width:115px}.demo-row-actions{flex-wrap:wrap;gap:7px;display:flex}.demo-row-actions button,.demo-pagination button{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:6px;padding:7px 10px;font-size:11px}.demo-text-button{color:var(--pitch-deep);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.demo-badge{color:var(--muted);background:var(--chalk);white-space:nowrap;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex}.demo-badge-active,.demo-badge-completed,.demo-badge-approved{background:var(--pitch-tint);color:var(--pitch-deep)}.demo-badge-pending{background:var(--volt-tint);color:var(--ink-soft)}.demo-badge-cancelled{color:var(--down)}.demo-pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:16px 19px;font-size:11px;display:flex}.demo-pagination>div{gap:7px;display:flex}.demo-pagination button:disabled{opacity:.4;cursor:default}.demo-empty{text-align:center;color:var(--muted);padding:45px 20px}.demo-empty>span{color:var(--pitch);font-size:32px}.demo-empty h3{color:var(--ink);margin:10px 0;font-size:16px}.demo-empty p{font-size:12px}.demo-empty button{cursor:pointer;color:var(--pitch);background:0 0;border:none;text-decoration:underline}.demo-form{gap:19px;display:grid}.demo-form>label{flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.demo-form :is(input,textarea,select){border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;min-height:46px;color:var(--ink);font:inherit;border-radius:8px;padding:12px}.demo-form textarea{resize:vertical;min-height:100px}.demo-form label small,.demo-form>small{color:var(--muted);font-size:11px;font-weight:400}.demo-form-total{background:var(--pitch-tint);border-radius:12px;gap:8px;padding:20px;display:grid}.demo-form-total strong{font-size:28px;font-family:var(--font-display)}.demo-form-total small{font-size:11px}.demo-checkbox{align-items:center;flex-direction:row!important}.demo-checkbox input{width:18px;min-height:18px}.demo-details{margin-block:20px}.demo-details>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.5fr;gap:20px;padding:12px 0;font-size:13px;display:grid}.demo-details dt{color:var(--muted)}.demo-details dd{overflow-wrap:anywhere;margin:0}.demo-list-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:16px 0;font-size:12px;display:flex}.demo-list-row small{color:var(--muted);margin-top:5px;display:block}.demo-chart{overflow-x:auto}.demo-bars{border-bottom:1px solid var(--line);align-items:end;gap:9px;min-width:280px;height:240px;padding:10px 0 0;display:flex}.demo-bar-column{flex-direction:column;flex:1;justify-content:end;align-items:stretch;gap:8px;min-width:28px;display:flex}.demo-bar-column>div{background:var(--pitch);border-radius:5px 5px 0 0;min-width:15px}.demo-bar-column:nth-child(3n)>div{background:var(--volt-deep)}.demo-bar-column small,.demo-bar-value{font:9px var(--font-mono);text-align:center;color:var(--muted);white-space:nowrap}.demo-bar-value{font-size:8px}.demo-gauge{background:conic-gradient(var(--pitch) var(--score), var(--chalk) 0);border-radius:50%;width:180px;height:180px;margin:10px auto;padding:13px}.demo-gauge>div{background:var(--paper);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.demo-gauge strong{font:58px var(--font-display)}.demo-gauge span{color:var(--muted);font-size:11px}.demo-center{text-align:center}.demo-recommendation{border-bottom:1px solid var(--line);gap:16px;padding-block:16px;display:flex}.demo-recommendation>span{background:var(--volt);width:28px;height:28px;color:var(--ink);font:11px var(--font-mono);border-radius:5px;flex-shrink:0;place-items:center;display:grid}.demo-recommendation h3{margin:0 0 7px;font-size:13px}.demo-recommendation p{color:var(--muted);margin:0 0 8px;font-size:12px}.demo-recommendation a{color:var(--pitch);font-size:11px;font-weight:700}.demo-source{margin-bottom:24px}.demo-source>div{justify-content:space-between;gap:16px;margin-bottom:9px;font-size:12px;display:flex}.demo-page progress{background:var(--chalk);width:100%;height:7px;accent-color:var(--pitch);border:0;border-radius:5px;overflow:hidden}.demo-page progress::-webkit-progress-bar{background:var(--chalk)}.demo-page progress::-webkit-progress-value{background:var(--pitch);border-radius:5px}.demo-page progress::-moz-progress-bar{background:var(--pitch)}.demo-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.demo-big-number{font:42px var(--font-display);margin:20px 0;display:block}.demo-big-number small{color:var(--muted);font-size:20px}.demo-positive{color:var(--pitch)}.demo-indicators{gap:20px;display:grid}.demo-indicator{grid-template-columns:1fr 65px;align-items:center;gap:12px;display:grid}.demo-indicator strong{font-size:13px}.demo-indicator small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.demo-indicator input{width:65px}.demo-indicator progress{grid-column:1/-1}.demo-ranking-podium{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;display:grid}.demo-ranking-podium .demo-panel:first-child{border-top:4px solid var(--pitch)}.demo-fan-hero{background:var(--night-2);color:var(--night-text);border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:clamp(24px,4vw,48px);display:grid;overflow:hidden}.demo-fan-hero .org-eyebrow{color:var(--volt)}.demo-fan-hero h1{font:clamp(34px, 3.2vw, 48px)/1.08 var(--font-display);margin:14px 0}.demo-fan-hero p{color:var(--night-muted);max-width:440px;margin-bottom:25px;font-size:13px}.demo-fan-hero .org-primary-button{background:var(--volt);color:var(--ink)}.demo-sport-mark{border:2px solid var(--night-line);width:170px;height:230px;color:var(--volt);font:italic 100px var(--font-display);border-radius:90px;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:rotate(12deg)}.demo-sport-mark span{font:10px var(--font-mono);color:var(--night-muted)}.demo-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;display:grid}.demo-service-card{border:1px solid var(--line);background:var(--paper);border-radius:15px;overflow:hidden}.demo-service-cover{background:var(--pitch-deep);min-height:180px;color:var(--paper);flex-direction:column;justify-content:space-between;padding:23px;display:flex;position:relative;overflow:hidden}.demo-service-cover:after{content:"";border:1px solid var(--night-muted);border-radius:90px;position:absolute;inset:25px -40px 25px 40%;transform:rotate(-28deg)}.demo-service-cover>span{border:1px solid var(--night-muted);border-radius:20px;align-self:flex-start;padding:4px 9px;font-size:10px}.demo-service-cover strong{font:130px var(--font-display);color:var(--volt);opacity:.8;position:absolute;top:0;right:30px}.demo-service-cover>small{font:9px var(--font-mono);z-index:1}.demo-service-cover.cover-1{background:var(--night-3)}.demo-service-cover.cover-2{background:var(--ink-soft)}.demo-service-body{flex-direction:column;align-items:start;gap:10px;padding:23px;display:flex}.demo-service-body>small{color:var(--muted);font-size:11px}.demo-service-body h2{font:26px var(--font-display);margin:0}.demo-service-body p{color:var(--muted);margin:0;font-size:12px}.demo-service-body>strong{font-family:var(--font-mono);margin-block:10px;font-size:15px}.demo-service-body>button{width:100%}.demo-caption{color:var(--muted);font-size:12px;line-height:1.8}.demo-warning{border:1px solid var(--warn);color:var(--ink-soft);background:var(--paper);border-radius:9px;padding:14px 18px;font-size:12px}.app-toast{z-index:190;background:var(--app-panel,#fff);width:min(380px,100vw - 48px);min-height:52px;color:var(--pitch-deep);animation:app-toast-in .18s var(--ease-out) both;border:1px solid #257a4b3d;border-radius:12px;align-items:center;gap:12px;padding:10px 10px 10px 15px;font-size:12.5px;font-weight:600;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 34px #111a1429}.app-toast span{flex:1;min-width:0}.app-toast button{color:currentColor;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:18px;line-height:1;display:grid}.app-toast button:hover{background:var(--pitch-tint)}@keyframes app-toast-in{0%{opacity:0;transform:translate(14px,10px)}to{opacity:1;transform:translate(0,0)}}@media (max-width:560px){.app-toast{width:calc(100vw - 30px);bottom:15px;right:15px}}@media (prefers-reduced-motion:reduce){.app-toast{animation:none}}.demo-notice{z-index:20;border:1px solid var(--pitch);background:var(--paper);box-shadow:var(--shadow-sm);border-radius:9px;justify-content:space-between;gap:15px;margin-bottom:20px;padding:14px 18px;font-size:12px;display:flex;position:sticky;top:12px}.demo-notice button{cursor:pointer;background:0 0;border:0;font-size:22px}.demo-account{align-items:center;gap:15px;font-size:12px;display:flex}.demo-account select{max-width:200px;min-height:36px;padding:7px 9px}.demo-account>button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:11px}.demo-workspace{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:auto;padding:20px;display:flex}.demo-workspace small,.demo-workspace>span{color:var(--muted);font-size:10px}.demo-workspace strong{color:var(--ink);font-size:13px}.demo-workspace select{background:var(--paper);color:var(--ink);border-color:var(--line);width:100%}.demo-mobile-profile{display:none}.demo-login{width:min(570px,100%)}.demo-login h1{font:40px var(--font-display);margin:12px 0}.demo-profiles{border:0;gap:9px;margin-block:24px;padding:0;display:grid}.demo-profiles label{border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.demo-profiles label.is-selected{border-color:var(--pitch);background:var(--pitch-tint)}.demo-profiles input{accent-color:var(--pitch)}.demo-profiles strong{font-size:13px;display:block}.demo-profiles small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.demo-recovery{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:24px;display:flex}.demo-recovery h1{font:36px var(--font-display)}.demo-recovery button{background:var(--pitch);color:var(--paper);cursor:pointer;border:none;border-radius:8px;padding:14px 20px}@media (max-width:1150px){.demo-grid-main{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}.demo-account>a{display:none}}@media (max-width:850px){.demo-grid-main,.demo-two-columns{grid-template-columns:1fr}.demo-sport-mark{display:none}.demo-fan-hero{grid-template-columns:1fr}.demo-page-head{flex-direction:column;align-items:flex-start}}@media (max-width:760px){.demo-mobile-profile{justify-content:space-between;gap:8px;margin-bottom:22px;display:flex}.demo-mobile-profile label{align-items:center;gap:8px;font-size:11px;display:flex}.demo-mobile-profile select{width:170px}.demo-mobile-profile button{color:var(--muted);background:0 0;border:0;font-size:11px}.demo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-stat{min-height:74px;padding:12px 14px}.demo-stat>strong{font-size:22px}.demo-stat>span{font-size:10px}.demo-panel{padding:20px}.demo-source>div{flex-wrap:wrap}.demo-page{gap:20px}.demo-page-head h1{font-size:30px}.demo-pagination{flex-wrap:wrap}}@media print{body:has(.demo-print-report) *{visibility:hidden}:is(body:has(.demo-print-report) .demo-print-report,body:has(.demo-print-report) .demo-print-report *){visibility:visible}body:has(.demo-print-report){background:#fff;overflow:visible!important}body:has(.demo-print-report) :is(.app-shell,.app-workspace,.app-content,.ui-drawer,.ui-drawer-panel,.ui-drawer-body){width:auto!important;height:auto!important;max-height:none!important;box-shadow:none!important;border:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important;transform:none!important}body:has(.demo-print-report) :is(.app-sidebar,.app-topbar,.app-mobile-bar,.demo-page>*,.ui-drawer-head,.ui-drawer-backdrop,.demo-no-print,.demo-notice,.app-toast,.demo-mobile-profile){display:none!important}body:has(.demo-print-report) .demo-page>.ui-drawer{display:block!important}.demo-print-report{color:#000;padding:12mm;font-size:11pt}.demo-print-report tr{break-inside:avoid}.demo-print-report th,.demo-print-report td{padding:8px}@page{size:A4;margin:10mm}}@media (min-width:761px) and (max-width:1080px){.demo-mobile-profile{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px;display:flex}.demo-mobile-profile select{margin-left:10px}.demo-mobile-profile button{cursor:pointer;background:0 0;border:0}}@media print{body:has(.demo-print-report) .demo-route-content{visibility:visible}}.legacy-role-select select{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);font:inherit;border-radius:8px;margin-block:8px;padding:10px;display:block}.legacy-role-select{color:var(--muted);padding:10px 12px;font-size:11px;display:block}.legacy-inline-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.legacy-inline-actions>button{font-size:12px}.legacy-action-trigger{border:1px solid var(--app-border);background:var(--app-panel);width:30px;height:30px;color:var(--app-muted);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:inline-grid}.legacy-action-menu{z-index:1000;border:1px solid var(--app-border,#dfe5dc);background:var(--app-panel,#fff);border-radius:10px;width:184px;padding:4px;position:fixed;box-shadow:0 8px 30px #14281c29}.legacy-action-menu button{width:100%;height:40px;color:var(--app-ink,#111a14);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:12px;display:block}.legacy-action-menu button:hover,.legacy-action-menu button:focus-visible{background:var(--app-panel-2,#f0f3ee);outline:none}.legacy-action-menu .legacy-action-danger{color:#b43c38}.legacy-action-trigger:focus-visible{outline:2px solid var(--pitch-deep);outline-offset:2px}@media (max-width:1080px){.app-mobile-bar .app-user-copy{display:none}.app-mobile-bar .app-account-dropdown{right:0}}@media print{body:has(.demo-print-report) .reports-page>*{display:none!important}body:has(.demo-print-report) .reports-page>.ui-drawer{display:block!important}body:has(.demo-print-report) :is(.settings-notice,.app-toast){display:none!important}}.legacy-settings-fieldset{border:0;min-width:0;margin:0;padding:0;display:contents}