.cts-demo{--cts-primary:#157f1f;--cts-primary-dark:#115f18;--cts-primary-light:#edf7ef;--cts-primary-mid:#a8ddb4;--cts-primary-deep:#1d263b;--cts-lavender:#edf7ef;--cts-lavender-ink:#5c6784;--cts-ink:#1d263b;--cts-muted:#5c6784;--cts-line:#dde2ea;--cts-soft:#f4f6f9;--cts-bg:#fff;--cts-card:#fff;--cts-warn:#b8945a;--cts-warn-soft:#faf3e4;--cts-ok:#4cb963;--cts-ok-soft:#e8f9ec;--cts-danger:#c07888;--cts-danger-soft:#fdf0f3;--cts-frame:#dde2ea;--cts-ease:cubic-bezier(.16, 1, .3, 1);background:var(--cts-bg);height:100%;min-height:100%;color:var(--cts-ink);font-family:var(--font-geist-sans,system-ui, sans-serif);letter-spacing:-.01em;flex-direction:column;font-size:14px;display:flex;overflow:hidden}.cts-demo button:not([role=tab]):focus-visible,.cts-demo input:focus-visible{outline:2px solid var(--cts-primary);outline-offset:2px}.cts-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cts-security-root{background:var(--cts-bg);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.cts-security-head{border-bottom:1px solid var(--cts-line);background:var(--cts-card);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.cts-security-brand{align-items:center;gap:12px;display:flex}.cts-security-brand strong{font-size:15px;font-weight:600;display:block}.cts-security-brand small{color:var(--cts-muted);font-size:11px;display:block}.cts-security-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cts-security-main{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;gap:16px;min-height:0;padding:24px 28px 32px;display:grid;overflow:hidden auto}.cts-security-post-card{border:1px solid var(--cts-primary-mid);background:var(--cts-primary-light);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.cts-security-eyebrow{color:var(--cts-primary-dark);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600;display:block}.cts-security-post-card h2{margin:4px 0 0;font-size:1.15rem;font-weight:600}.cts-security-post-card p{color:var(--cts-lavender-ink);margin:2px 0 0;font-size:13px}.cts-security-note{color:var(--cts-muted);margin:0 0 12px;font-size:12px;line-height:1.45}.cts-security-feed .cts-panel-head small{color:var(--cts-muted);margin-top:2px;font-size:11px;font-weight:400;display:block}.cts-stat-inline{align-items:center;min-height:1.25rem;display:flex}.cts-dir-pill{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.cts-dir-pill.is-in{background:var(--cts-primary-light);color:var(--cts-primary-dark)}.cts-dir-pill.is-out{background:var(--cts-soft);color:var(--cts-muted)}.cts-root{grid-template-columns:220px minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.cts-root button:not([role=tab]),.cts-root input{font:inherit}.cts-sidebar{border-right:1px solid var(--cts-line);background:var(--cts-card);flex-direction:column;display:flex}.cts-sidebar-head{border-bottom:1px solid var(--cts-line);align-items:center;gap:10px;min-height:72px;padding:0 18px;display:flex}.cts-logo-mark{background:var(--cts-primary);color:#fff;border-radius:8px;place-items:center;width:36px;height:36px;font-size:15px;font-weight:600;display:grid}.cts-sidebar-head strong{font-size:15px;font-weight:600;display:block}.cts-sidebar-head small{color:var(--cts-muted);font-size:11px}.cts-sidebar nav{flex-direction:column;flex:1;align-content:flex-start;gap:2px;padding:10px 8px;display:flex}.cts-sidebar nav button{width:100%;min-height:40px;color:var(--cts-muted);cursor:pointer;text-align:left;transition:background .18s var(--cts-ease), color .18s var(--cts-ease), border-color .18s var(--cts-ease);background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.cts-sidebar nav button:hover,.cts-sidebar nav button.active{background:var(--cts-primary-light);color:var(--cts-primary-dark)}.cts-sidebar nav button.active{border-color:var(--cts-primary-mid);font-weight:600}.cts-sidebar-foot{border-top:1px solid var(--cts-line);gap:6px;padding:12px 18px 16px;display:grid}.cts-sync-pill{color:var(--cts-muted);font-size:10px;font-weight:600;display:block}.cts-main{background:var(--cts-bg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.cts-topbar{border-bottom:1px solid var(--cts-line);background:var(--cts-card);justify-content:space-between;align-items:center;min-height:56px;padding:0 24px;font-size:13px;display:flex}.cts-topbar-meta{color:var(--cts-muted);align-items:center;gap:6px;font-weight:500;display:flex}.cts-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;gap:24px;min-height:0;padding:28px;display:grid;overflow:hidden auto}.cts-page-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cts-page-head h2{margin:0;font-size:1.25rem;font-weight:600}.cts-page-lead{color:var(--cts-muted);margin:-12px 0 0;font-size:13px;line-height:1.55}.cts-live-pill{background:var(--cts-card);color:var(--cts-primary-deep);border:1px solid var(--cts-primary-mid);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.cts-head-actions{gap:8px;display:flex}.cts-hide-sm,.cts-hide-md{display:table-cell}.cts-stats-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.cts-stat{border:1px solid var(--cts-line);background:var(--cts-card);border-radius:8px;padding:12px 14px}.cts-stat span{color:var(--cts-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600;display:block}.cts-stat strong{font-variant-numeric:tabular-nums;color:var(--cts-ink);margin-top:4px;font-size:1.15rem;font-weight:600;display:block}.cts-stat-highlight strong{color:var(--cts-primary-deep)}.cts-empty-cell{color:var(--cts-muted);text-align:center;font-size:13px;padding:28px 16px!important}.cts-view-enter{min-height:0;animation:cts-fade-in .2s var(--cts-ease) both;flex-direction:column;flex:auto;display:flex;overflow:hidden}@keyframes cts-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.cts-stat em{margin-top:4px;font-size:11px;font-style:normal;font-weight:600;display:block}.cts-stat em.is-ok{color:var(--cts-ok)}.cts-stat em.is-warn{color:var(--cts-warn)}.cts-alert-banner{border:1px solid var(--cts-warn-soft);background:var(--cts-warn-soft);color:var(--cts-warn);border-radius:8px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.cts-alert-banner.is-critical{background:var(--cts-danger-soft);color:var(--cts-danger);border-color:#f0d4d4}.cts-alert-banner strong{font-size:13px;display:block}.cts-alert-banner p{margin:4px 0 0;font-size:12px;line-height:1.45}.cts-chart-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cts-panel{border:1px solid var(--cts-line);background:var(--cts-card);border-radius:8px;padding:16px}.cts-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.cts-panel-head strong{font-size:13px;font-weight:600}.cts-panel-copy{color:var(--cts-muted);margin:0;font-size:13px;line-height:1.55}.cts-bar-chart{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:4px;min-height:100px;display:grid}.cts-bar-col{justify-items:center;gap:6px;display:grid}.cts-bar-track{background:#dde2ea;border-radius:4px 4px 0 0;align-items:flex-end;width:100%;height:80px;display:flex}.cts-bar-fill{background:var(--cts-primary);width:100%;min-height:4px;transition:height .35s var(--cts-ease);border-radius:4px 4px 0 0}.cts-bar-col>span{color:var(--cts-muted);font-size:9.5px;font-weight:500}.cts-donut-wrap{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px;display:grid}.cts-donut-svg{width:100%;height:auto}.cts-donut-center{fill:var(--cts-ink);font-size:14px;font-weight:600}.cts-donut-sub{fill:var(--cts-muted);text-transform:uppercase;font-size:9px;font-weight:600}.cts-legend{color:var(--cts-muted);gap:6px;margin:0;padding:0;font-size:11px;list-style:none;display:grid}.cts-legend li{align-items:center;gap:8px;display:flex}.cts-legend span{border-radius:50%;flex:none;width:8px;height:8px}.cts-lane-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cts-lane-mini{border:1px solid var(--cts-line);border-radius:8px;gap:4px;padding:10px 12px;font-size:12px;display:grid}.cts-lane-mini span{color:var(--cts-muted)}.cts-lane-mini strong{font-size:1.1rem;font-weight:600}.cts-feed{gap:8px;display:grid}.cts-feed.compact{gap:6px}.cts-feed-row{border:1px solid var(--cts-line);border-radius:8px;grid-template-columns:64px minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px 12px;font-size:12px;display:grid}.cts-feed-row.is-denied{background:var(--cts-danger-soft);border-color:#f0d4d4}.cts-feed-time{color:var(--cts-muted);font-variant-numeric:tabular-nums;font-weight:600}.cts-feed-row strong{font-weight:600;display:block}.cts-feed-row small{color:var(--cts-muted);margin-top:2px;display:block}.cts-feed-row em{color:var(--cts-warn);margin-top:4px;font-size:11px;font-style:normal;display:block}.cts-lane-map{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.cts-lane-zones{gap:20px;display:grid}.cts-lane-zone-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;display:flex}.cts-lane-zone-head strong{font-size:14px;font-weight:600;display:block}.cts-lane-zone-head small{color:var(--cts-muted);margin-top:2px;font-size:12px;display:block}.cts-lane-zone-count{color:var(--cts-muted);white-space:nowrap;font-size:11px;font-weight:600}.cts-page-sub{color:var(--cts-muted);margin:4px 0 0;font-size:12px}.cts-lane-card{border:1px solid var(--cts-line);background:var(--cts-card);transition:border-color .18s var(--cts-ease), background .18s var(--cts-ease);border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.cts-lane-card.is-forced-open{border-color:var(--cts-primary-mid);background:var(--cts-primary-light)}.cts-lane-card.is-locked{background:var(--cts-danger-soft);border-color:#f0d4d4}.cts-lane-card header{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.cts-lane-card-id{align-items:center;gap:8px;display:flex}.cts-lane-status-dot{background:var(--cts-muted);border-radius:50%;flex:none;width:7px;height:7px}.cts-lane-status-dot.normal{background:var(--cts-ok)}.cts-lane-status-dot.forced-open{background:var(--cts-primary)}.cts-lane-status-dot.locked{background:var(--cts-danger)}.cts-lane-id{color:var(--cts-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.cts-lane-name{font-size:14px;font-weight:600;line-height:1.3;display:block}.cts-direction-badge{background:var(--cts-soft);width:fit-content;color:var(--cts-muted);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.cts-direction-badge.dir-entry{color:var(--cts-primary-dark);background:var(--cts-primary-light)}.cts-direction-badge.dir-exit{color:var(--cts-lavender-ink);background:var(--cts-lavender)}.cts-direction-badge.dir-both{color:var(--cts-ink);background:var(--cts-soft)}.cts-lane-flow{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.cts-lane-flow-stat{gap:2px;min-width:36px;display:grid}.cts-lane-flow-stat.is-right{text-align:right}.cts-lane-flow-stat span{color:var(--cts-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.cts-lane-flow-stat strong{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:600;line-height:1}.cts-lane-flow-bar{background:var(--cts-soft);border-radius:999px;height:6px;display:flex;overflow:hidden}.cts-lane-flow-bar .in{background:var(--cts-primary);transition:width .3s var(--cts-ease)}.cts-lane-flow-bar .out{background:var(--cts-muted);opacity:.35;transition:width .3s var(--cts-ease)}.cts-lane-meta,.cts-lane-last{color:var(--cts-muted);margin:0;font-size:11px;line-height:1.4}.cts-lane-last{border-top:1px solid var(--cts-line);padding-top:2px}.cts-lane-card.is-forced-open .cts-lane-last,.cts-lane-card.is-locked .cts-lane-last{border-top-color:color-mix(in oklch, var(--cts-line) 60%, transparent)}.cts-lane-actions{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px;display:flex}.cts-site-schematic .cts-panel-head small{color:var(--cts-muted);margin-top:2px;font-size:11px;font-weight:400;display:block}.cts-schematic-legend{color:var(--cts-muted);flex-wrap:wrap;gap:10px;font-size:11px;display:flex}.cts-schematic-legend span{align-items:center;gap:5px;display:inline-flex}.cts-schematic-legend .dot{border-radius:50%;width:7px;height:7px;display:inline-block}.cts-schematic-legend .dot.normal{background:var(--cts-ok)}.cts-schematic-legend .dot.open{background:var(--cts-primary)}.cts-schematic-legend .dot.locked{background:var(--cts-danger)}.cts-schematic-grid{gap:16px;padding:4px 0 2px;display:grid}.cts-schematic-row{justify-content:center;align-items:center;gap:14px;display:flex}.cts-schematic-row.is-mid{justify-content:space-between;align-items:flex-start;gap:24px}.cts-schematic-row.is-visitor{padding-top:4px}.cts-schematic-col{flex-direction:column;flex:1;align-items:center;gap:10px;display:flex}.cts-schematic-label{text-transform:uppercase;letter-spacing:.06em;color:var(--cts-muted);font-size:10px;font-weight:600}.cts-schematic-node{border:1px solid var(--cts-line);background:var(--cts-soft);text-align:center;min-width:52px;transition:border-color .18s var(--cts-ease), background .18s var(--cts-ease);border-radius:8px;gap:2px;padding:8px 10px;font-size:11px;display:grid}.cts-schematic-node span{color:var(--cts-ink);font-weight:600}.cts-schematic-node small{color:var(--cts-muted);font-variant-numeric:tabular-nums;font-size:10px}.cts-schematic-node.is-forced-open{border-color:var(--cts-primary-mid);background:var(--cts-primary-light)}.cts-schematic-node.is-locked{background:var(--cts-danger-soft);border-color:#f0d4d4}.cts-fdas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:12px 0 0;display:grid}.cts-fdas-grid div{gap:3px;display:grid}.cts-fdas-grid dt{color:var(--cts-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.cts-fdas-grid dd{margin:0;font-size:13px;font-weight:500}.cts-panel-icon{color:var(--cts-warn)}.cts-policy-list{gap:10px;margin:0;padding:0;font-size:13px;line-height:1.45;list-style:none;display:grid}.cts-policy-list strong{color:var(--cts-ink);font-weight:600}.cts-badge{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.cts-badge.tone-granted{background:var(--cts-ok-soft);color:var(--cts-ok)}.cts-badge.tone-denied{background:var(--cts-danger-soft);color:var(--cts-danger)}.cts-badge.tone-normal{background:var(--cts-soft);color:var(--cts-muted)}.cts-badge.tone-open{background:var(--cts-primary-light);color:var(--cts-primary-dark)}.cts-badge.tone-locked{background:var(--cts-danger-soft);color:var(--cts-danger)}.cts-badge.tone-warn{background:var(--cts-warn-soft);color:var(--cts-warn)}.cts-badge.tone-pending{background:var(--cts-lavender);color:var(--cts-lavender-ink)}.cts-toolbar{gap:12px;display:flex}.cts-toolbar-split{flex-wrap:wrap;justify-content:space-between;align-items:center}.cts-stats-compact .cts-stat{padding:10px 12px}.cts-stats-compact .cts-stat strong{font-size:1rem}.cts-plate-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cts-plate-value{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.cts-plate-value.is-empty{color:var(--cts-muted);font-weight:500}.cts-plate-edit{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cts-plate-edit input{border:1px solid var(--cts-line);min-width:88px;max-width:120px;font-size:12px;font:inherit;border-radius:6px;padding:4px 8px}.cts-sub-id{color:var(--cts-muted);margin-top:2px;font-size:10px;display:block}.cts-visitor-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px;display:grid}.cts-visitor-form label{gap:5px;font-size:12px;display:grid}.cts-visitor-form label span{color:var(--cts-muted);font-weight:600}.cts-visitor-form input,.cts-visitor-form select{border:1px solid var(--cts-line);font:inherit;background:var(--cts-card);border-radius:8px;padding:8px 10px;font-size:13px}.cts-visitor-submit{grid-column:1/-1;place-self:end start}@media (max-width:1100px){.cts-visitor-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.cts-visitor-form{grid-template-columns:1fr}.cts-toolbar-split .cts-filter-pills{width:100%}}.cts-search{border:1px solid var(--cts-line);background:var(--cts-card);min-height:44px;color:var(--cts-muted);border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.cts-search input{background:0 0;border:0;flex:1;min-width:0;padding:0}.cts-table-wrap{overflow:auto}.cts-table{border-collapse:collapse;width:100%;font-size:13px}.cts-table th{border-bottom:1px solid var(--cts-line);color:var(--cts-muted);text-align:left;text-transform:uppercase;padding:10px 12px;font-size:11px;font-weight:600}.cts-table td{border-bottom:1px solid var(--cts-soft);vertical-align:middle;padding:11px 12px}.cts-table tr.is-denied-row{background:var(--cts-danger-soft)}.cts-table code{color:var(--cts-primary-dark);font-size:12px;font-weight:600}.cts-age-flag{color:var(--cts-warn);margin-top:2px;font-size:10px;font-weight:600;display:block}.cts-tier-pill{background:var(--cts-lavender);color:var(--cts-lavender-ink);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.cts-row-actions{gap:8px;display:flex}.cts-link-btn{min-height:44px;color:var(--cts-primary-dark);cursor:pointer;transition:color .18s var(--cts-ease);background:0 0;border:0;align-items:center;padding:0 4px;font-size:12px;font-weight:600;display:inline-flex}.cts-link-btn:hover{color:var(--cts-primary-deep);text-decoration:underline}.cts-tier-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.cts-tier-grid strong{margin-bottom:4px;font-size:12px;display:block}.cts-tier-grid p{color:var(--cts-muted);margin:0;font-size:11px;line-height:1.4}.cts-filter-pills{gap:6px;display:flex}.cts-filter-pills button{border:1px solid var(--cts-line);background:var(--cts-card);min-height:44px;color:var(--cts-muted);cursor:pointer;transition:background .18s var(--cts-ease), border-color .18s var(--cts-ease), color .18s var(--cts-ease);border-radius:999px;padding:0 14px;font-size:12px;font-weight:600}.cts-filter-pills button.active{border-color:var(--cts-primary);background:var(--cts-primary-light);color:var(--cts-primary-dark)}.cts-report-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.cts-report-card{border:1px solid var(--cts-line);background:var(--cts-card);transition:border-color .18s var(--cts-ease), box-shadow .18s var(--cts-ease);border-radius:8px;overflow:hidden}.cts-report-card.is-active{border-color:var(--cts-primary-mid);box-shadow:0 0 0 1px var(--cts-primary-light)}.cts-report-card-btn{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;padding:16px;display:block}.cts-report-card-btn:hover{background:var(--cts-soft)}.cts-report-card.is-active .cts-report-card-btn{background:var(--cts-primary-light)}.cts-report-card strong{font-size:14px;font-weight:600;display:block}.cts-report-card>.cts-report-card-btn>span{color:var(--cts-primary-dark);margin-top:4px;font-size:13px;font-weight:600;display:block}.cts-report-card p{color:var(--cts-muted);margin:8px 0 0;font-size:12px}.cts-hbar-chart{gap:10px;display:grid}.cts-hbar-row{grid-template-columns:minmax(88px,110px) 1fr auto;align-items:center;gap:10px;display:grid}.cts-hbar-label-wrap{gap:2px;min-width:0;display:grid}.cts-hbar-label{font-size:12px;font-weight:600}.cts-hbar-label-wrap small{color:var(--cts-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.cts-hbar-track{background:var(--cts-soft);border-radius:999px;height:8px;overflow:hidden}.cts-hbar-fill{background:var(--cts-primary);height:100%;transition:width .3s var(--cts-ease);border-radius:999px}.cts-hbar-row strong{font-variant-numeric:tabular-nums;color:var(--cts-ink);font-size:12px;font-weight:600}.cts-channel-row{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.cts-retention-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.cts-retention-grid div{border-bottom:1px solid var(--cts-soft);padding-bottom:8px;font-size:12px}.cts-retention-grid dt{color:var(--cts-muted)}.cts-retention-grid dd{margin:4px 0 0;font-weight:600}.cts-btn{cursor:pointer;min-height:44px;transition:background .18s var(--cts-ease), border-color .18s var(--cts-ease), color .18s var(--cts-ease), opacity .18s var(--cts-ease);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.cts-btn.primary{background:var(--cts-primary);border:1px solid var(--cts-primary-deep);color:#fff}.cts-btn.primary:hover:not(:disabled){background:var(--cts-primary-deep)}.cts-btn.secondary{border:1px solid var(--cts-line);background:var(--cts-card);color:var(--cts-ink)}.cts-btn.secondary:hover:not(:disabled){border-color:var(--cts-primary-mid);background:var(--cts-primary-light);color:var(--cts-primary-dark)}.cts-btn.ghost{color:var(--cts-muted);background:0 0}.cts-btn.ghost:hover:not(:disabled){background:var(--cts-soft);color:var(--cts-ink)}.cts-btn.danger{background:var(--cts-danger-soft);color:var(--cts-danger);border:1px solid #f0d4d4}.cts-btn.danger:hover:not(:disabled){background:#fce8ec}.cts-btn.full{width:100%}.cts-btn:disabled{opacity:.45;cursor:not-allowed}.cts-mobile-stage{background:var(--cts-bg)}.cts-phone-screen{background:var(--cts-bg);min-height:100%}.cts-role-tabs{border-bottom:1px solid var(--cts-line);background:var(--cts-card);gap:4px;padding:8px 14px;display:flex}.cts-role-tabs button{min-height:36px;color:var(--cts-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;font-size:11px;font-weight:600}.cts-role-tabs button.active{background:var(--cts-primary-light);color:var(--cts-primary-dark)}.cts-phone-body{gap:14px;padding:14px 18px 24px;display:grid}.cts-phone-greeting{background:var(--cts-soft);border:1px solid var(--cts-line);border-radius:8px;padding:16px}.cts-phone-greeting.is-security,.cts-phone-greeting.is-admin{background:var(--cts-primary-light);border-color:var(--cts-primary-mid)}.cts-phone-greeting span{color:var(--cts-primary-dark);text-transform:uppercase;font-size:11px;font-weight:600;display:block}.cts-phone-greeting strong{margin-top:4px;font-size:1.1rem;font-weight:600;display:block}.cts-phone-greeting-copy{color:var(--cts-lavender-ink);margin:8px 0 0;font-size:12px;font-weight:400;line-height:1.45}.cts-sec-tabs{background:var(--cts-soft);border-radius:8px;gap:4px;padding:4px;display:flex}.cts-sec-tabs button{min-height:34px;color:var(--cts-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.cts-sec-tabs button.active{background:var(--cts-card);color:var(--cts-primary-dark);box-shadow:0 1px 2px #2e2e320f}.cts-sec-kpis{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cts-sec-kpis div{border:1px solid var(--cts-line);background:var(--cts-card);border-radius:8px;padding:10px 12px}.cts-sec-kpis span{color:var(--cts-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600;display:block}.cts-sec-kpis strong{color:var(--cts-primary-deep);margin-top:4px;font-size:1.15rem;font-weight:600;display:block}.cts-scanner{gap:10px;display:grid}.cts-scanner-frame{border:1px dashed var(--cts-primary-mid);background:var(--cts-primary-light);min-height:132px;color:var(--cts-primary-dark);border-radius:10px;place-items:center;gap:8px;display:grid;position:relative;overflow:hidden}.cts-scanner-frame.is-scanning{border-style:solid;border-color:var(--cts-primary)}.cts-scanner-icon{opacity:.7}.cts-scanner-hint{font-size:12px;font-weight:500}.cts-scanner-line{background:var(--cts-primary);opacity:0;border-radius:999px;height:2px;position:absolute;top:28%;left:12%;right:12%}.cts-scanner-frame.is-scanning .cts-scanner-line{opacity:.85;animation:1.2s ease-in-out infinite cts-scan-sweep}@keyframes cts-scan-sweep{0%{top:22%}50%{top:72%}to{top:22%}}.cts-sec-divider{color:var(--cts-muted);align-items:center;gap:10px;font-size:11px;font-weight:500;display:flex}.cts-sec-divider:before,.cts-sec-divider:after{content:"";background:var(--cts-line);flex:1;height:1px}.cts-sec-manual{border:1px solid var(--cts-line);background:var(--cts-card);color:var(--cts-muted);border-radius:8px;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.cts-sec-manual input{min-width:0;color:var(--cts-ink);background:0 0;border:0;outline:none;flex:1;font-size:13px}.cts-sec-search-btn{background:var(--cts-primary-light);min-height:34px;color:var(--cts-primary-dark);cursor:pointer;border:0;border-radius:6px;flex:none;padding:0 12px;font-size:12px;font-weight:600}.cts-sec-error{background:var(--cts-danger-soft);color:var(--cts-danger);border-radius:8px;margin:0;padding:10px 12px;font-size:12px}.cts-sec-result{border:1px solid var(--cts-line);background:var(--cts-card);transition:border-color .2s var(--cts-ease), background .2s var(--cts-ease);border-radius:10px;gap:10px;padding:14px;display:grid}.cts-sec-result.is-tagged{border-color:var(--cts-primary-mid);background:var(--cts-primary-light)}.cts-sec-result.is-flash{animation:cts-tag-flash .6s var(--cts-ease)}@keyframes cts-tag-flash{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--cts-primary) 35%, transparent)}to{box-shadow:0 0 0 8px #0000}}.cts-sec-result header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.cts-sec-result header strong{font-size:14px;font-weight:600;display:block}.cts-sec-result header small{color:var(--cts-muted);margin-top:2px;font-size:11px;display:block}.cts-sec-result-meta{grid-template-columns:1fr 1fr;gap:8px 12px;margin:0;display:grid}.cts-sec-result-meta div{gap:2px;display:grid}.cts-sec-result-meta dt{color:var(--cts-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.cts-sec-result-meta dd{margin:0;font-size:12px;font-weight:500}.cts-sec-result-meta dd.is-ok{color:var(--cts-ok)}.cts-sec-result-meta dd.is-warn{color:var(--cts-warn)}.cts-sec-warn{background:var(--cts-warn-soft);color:var(--cts-warn);border-radius:6px;margin:0;padding:8px 10px;font-size:11px;line-height:1.4}.cts-sec-ok{color:var(--cts-ok);align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600;display:flex}.cts-sec-recent{gap:8px;display:grid}.cts-sec-recent>strong{font-size:12px;font-weight:600}.cts-sec-recent ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cts-sec-recent li{border:1px solid var(--cts-line);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}.cts-sec-recent li span{font-weight:600;display:block}.cts-sec-recent li small{color:var(--cts-muted);margin-top:2px;font-size:10px;font-weight:400;display:block}.cts-sec-recent li em{color:var(--cts-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;font-style:normal}.cts-phone-lead{color:var(--cts-muted);margin:0;font-size:13px;line-height:1.55}.cts-notif-list{gap:8px;display:grid}.cts-notif-card{border:1px solid var(--cts-line);background:var(--cts-card);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;font-size:12px;display:grid}.cts-notif-card.is-in{border-color:var(--cts-primary-mid);background:var(--cts-primary-light)}.cts-notif-card.is-out{border-color:var(--cts-line)}.cts-notif-card strong{font-weight:600;display:block}.cts-notif-card small{color:var(--cts-muted);margin-top:2px;display:block}.cts-notif-dir{color:var(--cts-primary-dark);font-size:10px;font-weight:700}.cts-phone-card{border:1px solid var(--cts-line);background:var(--cts-card);border-radius:8px;padding:14px;font-size:12px}.cts-phone-card strong{font-weight:600;display:block}.cts-phone-card p{color:var(--cts-muted);margin:4px 0 0}.cts-phone-alert{border:1px solid var(--cts-warn-soft);background:var(--cts-warn-soft);color:var(--cts-warn);border-radius:8px;gap:10px;padding:12px;font-size:12px;display:flex}.cts-phone-alert strong{display:block}.cts-phone-alert p{margin:4px 0 0}.cts-mobile-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cts-mobile-kpis div{border:1px solid var(--cts-line);background:var(--cts-card);border-radius:8px;padding:12px;font-size:12px}.cts-mobile-kpis span{color:var(--cts-muted);text-transform:uppercase;font-size:10px;font-weight:600;display:block}.cts-mobile-kpis strong{margin-top:4px;font-size:1.2rem;font-weight:600;display:block}.cts-mobile-notes{max-width:520px;padding-top:12px}.cts-notes-pill{background:var(--cts-primary-light);color:var(--cts-primary-dark);text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.cts-mobile-notes h3{margin:12px 0 8px;font-size:clamp(1.35rem,4vw,1.85rem);font-weight:600;line-height:1.15}.cts-mobile-notes>p{color:var(--cts-muted);margin:0;font-size:14px;line-height:1.55}.cts-flow-steps{gap:8px;margin-top:16px;display:grid}.cts-flow-step{border:1px solid var(--cts-line);background:var(--cts-card);border-radius:8px;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;padding:10px 12px;font-size:12px;display:grid}.cts-flow-num{background:var(--cts-primary);color:#fff;border-radius:999px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:grid}.cts-flow-step strong{font-size:13px;display:block}.cts-flow-step small{color:var(--cts-muted);margin-top:2px;line-height:1.35;display:block}@media (prefers-reduced-motion:reduce){.cts-view-enter,.cts-bar-fill{transition:none;animation:none}.cts-scanner-frame.is-scanning .cts-scanner-line,.cts-sec-result.is-flash{animation:none}.cts-hbar-fill,.cts-sidebar nav button,.cts-btn,.cts-link-btn,.cts-filter-pills button{transition:none}}@media (max-width:1100px){.cts-stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.cts-chart-row{grid-template-columns:1fr}.cts-tier-grid,.cts-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cts-donut-wrap{grid-template-columns:1fr;justify-items:center}.cts-schematic-row.is-mid{flex-direction:column;align-items:center}.cts-fdas-grid{grid-template-columns:1fr}}@media (max-width:720px){.cts-root{grid-template-columns:1fr}.cts-sidebar nav{flex-flow:row;gap:4px;padding:8px;overflow-x:auto}.cts-sidebar nav button{flex-shrink:0;width:auto;min-width:120px}.cts-sidebar-foot{display:none}.cts-mobile-notes{max-width:none}.cts-hide-md{display:none}}@media (max-width:760px){.cts-content{padding:16px}.cts-page-head{flex-direction:column;align-items:stretch}.cts-hide-sm{display:none}.cts-mobile-stage{padding:16px}.cts-security-head{flex-direction:column;align-items:flex-start}.cts-security-post-card{flex-direction:column}.cts-security-main{padding:16px}}@media (max-width:480px){.cts-stats-strip,.cts-tier-grid,.cts-report-grid{grid-template-columns:1fr}.cts-hbar-row{grid-template-columns:72px 1fr auto}}
.cpk-demo{--cpk-carbon:#191716;--cpk-gold:#e6af2e;--cpk-linen:#e0e2db;--cpk-indigo:#3d348b;--cpk-khaki:#beb7a4;--cpk-bg:#fff;--cpk-card:#fff;--cpk-ink:var(--cpk-carbon);--cpk-muted:color-mix(in oklch, var(--cpk-carbon) 48%, var(--cpk-khaki));--cpk-line:color-mix(in oklch, var(--cpk-khaki) 32%, white);--cpk-soft:color-mix(in oklch, var(--cpk-linen) 24%, white);--cpk-indigo-soft:color-mix(in oklch, var(--cpk-indigo) 8%, white);--cpk-gold-soft:color-mix(in oklch, var(--cpk-gold) 14%, white);--cpk-ok:color-mix(in oklch, var(--cpk-indigo) 55%, #2a5c3a);--cpk-ok-soft:color-mix(in oklch, var(--cpk-ok) 10%, white);--cpk-danger:#9c4a42;--cpk-danger-soft:color-mix(in oklch, var(--cpk-danger) 8%, white);--cpk-ease-out:cubic-bezier(.23, 1, .32, 1);--cpk-space-1:4px;--cpk-space-2:8px;--cpk-space-3:12px;--cpk-space-4:16px;--cpk-space-5:24px;--cpk-space-6:32px;--cpk-radius-sm:6px;--cpk-radius:10px;--cpk-radius-lg:14px;--cpk-sidebar-w:248px;--cpk-topbar-h:52px;background:var(--cpk-bg);height:100%;min-height:100%;color:var(--cpk-ink);font-family:var(--font-geist-sans,system-ui, sans-serif);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;flex-direction:column;font-size:14px;line-height:1.5;display:flex;overflow:hidden}.cpk-demo>:not(.demo-mode-toggle){flex:auto;min-height:0;overflow:hidden}.cpk-demo ::-webkit-scrollbar{width:6px;height:6px}.cpk-demo ::-webkit-scrollbar-thumb{background:var(--cpk-line);border-radius:3px}.cpk-demo button:not([role=tab]){font:inherit;cursor:pointer}.cpk-demo button:not([role=tab]):focus-visible,.cpk-demo input:focus-visible,.cpk-demo select:focus-visible,.cpk-demo textarea:focus-visible{outline:2px solid var(--cpk-indigo);outline-offset:2px}.cpk-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cpk-mono{font-family:var(--font-jetbrains-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;letter-spacing:.01em}.cpk-root{grid-template-columns:var(--cpk-sidebar-w) minmax(0, 1fr);isolation:isolate;height:100%;min-height:0;display:grid;overflow:hidden}.cpk-sidebar-backdrop{z-index:40;background:color-mix(in oklch, var(--cpk-carbon) 42%, transparent);cursor:pointer;border:0;padding:0;display:none;position:fixed;inset:0}.cpk-sidebar{gap:var(--cpk-space-4);background:var(--cpk-card);border-right:1px solid var(--cpk-line);height:100%;min-height:0;padding:var(--cpk-space-4) var(--cpk-space-3);z-index:50;flex-direction:column;display:flex;overflow:hidden}.cpk-sidebar-head{align-items:center;gap:var(--cpk-space-3);padding:var(--cpk-space-2) var(--cpk-space-1) var(--cpk-space-4);border-bottom:1px solid var(--cpk-line);grid-template-columns:auto 1fr auto;display:grid}.cpk-sidebar-head strong{letter-spacing:-.02em;color:var(--cpk-ink);font-size:15px;font-weight:600;line-height:1.2;display:block}.cpk-sidebar-head small{color:var(--cpk-muted);letter-spacing:.01em;margin-top:2px;font-size:11px;display:block}.cpk-logo-mark{border-radius:var(--cpk-radius-sm);background:var(--cpk-indigo);width:36px;height:36px;color:var(--cpk-linen);letter-spacing:-.03em;flex-shrink:0;place-items:center;font-size:15px;font-weight:700;display:grid}.cpk-sidebar-close{border:1px solid var(--cpk-line);border-radius:var(--cpk-radius-sm);background:var(--cpk-soft);width:32px;height:32px;color:var(--cpk-muted);transition:background .16s var(--cpk-ease-out), border-color .16s var(--cpk-ease-out);justify-content:center;align-items:center;padding:0;display:none}@media (hover:hover){.cpk-sidebar-close:hover{background:var(--cpk-soft);border-color:var(--cpk-khaki);color:var(--cpk-ink)}}.cpk-sidebar-close:active{transition:transform .16s var(--cpk-ease-out);transform:scale(.97)}.cpk-sidebar nav{gap:var(--cpk-space-4);min-height:0;padding:var(--cpk-space-1) 0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.cpk-nav-group{gap:2px;display:grid}.cpk-nav-group-label{letter-spacing:.07em;text-transform:uppercase;color:color-mix(in oklch, var(--cpk-muted) 85%, var(--cpk-khaki));padding:0 12px 6px;font-size:10.5px;font-weight:600;display:block}.cpk-sidebar nav button,.cpk-nav-item{align-items:center;gap:var(--cpk-space-3);border-radius:var(--cpk-radius-sm);width:100%;min-height:44px;color:var(--cpk-muted);text-align:left;transition:background .16s var(--cpk-ease-out), color .16s var(--cpk-ease-out), border-color .16s var(--cpk-ease-out);background:0 0;border:1px solid #0000;padding:10px 12px;font-size:13.5px;font-weight:500;display:flex}.cpk-nav-icon{background:var(--cpk-soft);width:28px;height:28px;color:var(--cpk-muted);transition:background .16s var(--cpk-ease-out), color .16s var(--cpk-ease-out);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.cpk-nav-copy{gap:1px;min-width:0;display:grid}.cpk-nav-copy strong{color:inherit;font-size:13px;font-weight:600;line-height:1.25;display:block}.cpk-nav-copy small{color:color-mix(in oklch, var(--cpk-muted) 90%, transparent);font-size:11px;font-weight:400;line-height:1.3;display:block}@media (hover:hover){.cpk-sidebar nav button:hover:not(.active),.cpk-nav-item:hover:not(.active){background:var(--cpk-soft);color:var(--cpk-ink)}.cpk-nav-item:hover:not(.active) .cpk-nav-icon{background:var(--cpk-indigo-soft);color:var(--cpk-indigo)}}.cpk-sidebar nav button.active,.cpk-nav-item.active{background:var(--cpk-indigo-soft);border-color:color-mix(in oklch, var(--cpk-indigo) 18%, var(--cpk-line));color:var(--cpk-indigo);font-weight:600}.cpk-nav-item.active .cpk-nav-icon{background:color-mix(in oklch, var(--cpk-indigo) 14%, white);color:var(--cpk-indigo)}.cpk-nav-item.active .cpk-nav-copy small{color:color-mix(in oklch, var(--cpk-indigo) 55%, var(--cpk-muted))}.cpk-sidebar nav button:active,.cpk-nav-item:active{transition:transform .16s var(--cpk-ease-out);transform:scale(.97)}.cpk-sidebar-foot{align-items:center;gap:var(--cpk-space-3);padding:var(--cpk-space-3) var(--cpk-space-2) var(--cpk-space-1);border-top:1px solid var(--cpk-line);margin-top:auto;display:flex}.cpk-sidebar-foot-dot{background:var(--cpk-gold);width:8px;height:8px;box-shadow:0 0 0 3px var(--cpk-gold-soft);border-radius:50%;flex-shrink:0}.cpk-sidebar-foot strong{color:var(--cpk-ink);font-size:12px;font-weight:600;line-height:1.2;display:block}.cpk-sidebar-foot small{color:var(--cpk-muted);margin-top:2px;font-size:10.5px;display:block}.cpk-logo-mark--brand{background:linear-gradient(145deg, var(--cpk-indigo) 0%, color-mix(in oklch, var(--cpk-indigo) 78%, var(--cpk-carbon)) 100%);box-shadow:inset 0 1px 0 #ffffff2e, 0 1px 2px color-mix(in oklch, var(--cpk-carbon) 8%, transparent);border-radius:10px;position:relative}@supports (color:lab(0% 0 0)){.cpk-logo-mark--brand{box-shadow:inset 0 1px 0 lab(100% 0 0/.18), 0 1px 2px color-mix(in oklch, var(--cpk-carbon) 8%, transparent)}}.cpk-logo-inner{letter-spacing:-.03em;font-size:15px;font-weight:700}.cpk-main{background:var(--cpk-bg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.cpk-main>main{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.cpk-topbar{align-items:center;gap:var(--cpk-space-4);min-height:var(--cpk-topbar-h);padding:0 var(--cpk-space-5);background:var(--cpk-card);border-bottom:1px solid var(--cpk-line);flex-shrink:0;display:flex}.cpk-topbar-title{flex:auto;gap:2px;min-width:0;display:grid}.cpk-topbar-title h1{letter-spacing:-.02em;color:var(--cpk-ink);margin:0;font-size:15px;font-weight:600;line-height:1.2}.cpk-topbar-title span{color:var(--cpk-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.3;overflow:hidden}.cpk-topbar-meta{align-items:center;gap:var(--cpk-space-2);flex-shrink:0;margin-left:auto;display:inline-flex}.cpk-topbar-pill{border:1px solid var(--cpk-line);background:var(--cpk-soft);color:var(--cpk-muted);border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.cpk-topbar-pill svg{color:var(--cpk-indigo);flex-shrink:0}.cpk-topbar-pill.is-live{border-color:color-mix(in oklch, var(--cpk-ok) 22%, var(--cpk-line));background:var(--cpk-ok-soft);color:var(--cpk-ok);font-weight:600}.cpk-menu-btn{border:1px solid var(--cpk-line);border-radius:var(--cpk-radius-sm);background:var(--cpk-soft);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--cpk-ink);transition:background .16s var(--cpk-ease-out), border-color .16s var(--cpk-ease-out);justify-content:center;align-items:center;padding:0;display:none}@media (hover:hover){.cpk-menu-btn:hover{background:var(--cpk-soft);border-color:var(--cpk-khaki)}}.cpk-menu-btn:active{transition:transform .16s var(--cpk-ease-out);transform:scale(.97)}.cpk-topbar-meta svg{color:var(--cpk-indigo);flex-shrink:0}.cpk-surface{background-color:var(--cpk-bg);background-image:radial-gradient(color-mix(in oklch, var(--cpk-khaki) 22%, transparent) .6px, transparent .6px);background-size:14px 14px}.cpk-page-section{gap:var(--cpk-space-4);display:grid}.cpk-section-head{justify-content:space-between;align-items:flex-end;gap:var(--cpk-space-4);flex-wrap:wrap;display:flex}.cpk-section-label{letter-spacing:.07em;text-transform:uppercase;color:var(--cpk-indigo);margin-bottom:4px;font-size:10.5px;font-weight:600;display:block}.cpk-section-title{letter-spacing:-.02em;color:var(--cpk-ink);margin:0;font-size:16px;font-weight:600;line-height:1.25}.cpk-section-desc{color:var(--cpk-muted);max-width:52ch;margin:4px 0 0;font-size:12.5px;line-height:1.45}.cpk-page-head--rich h2{margin-top:2px}.cpk-page-desc{color:var(--cpk-muted);max-width:48ch;margin:6px 0 0;font-size:13px;line-height:1.45}.cpk-metric-grid{gap:var(--cpk-space-3);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.cpk-metric-card{gap:var(--cpk-space-2);padding:var(--cpk-space-4);border:1px solid var(--cpk-line);border-radius:var(--cpk-radius);background:var(--cpk-card);min-width:0;transition:border-color .16s var(--cpk-ease-out), box-shadow .16s var(--cpk-ease-out);display:grid;position:relative;overflow:hidden}.cpk-metric-card:before{content:"";background:var(--cpk-khaki);opacity:.55;height:2px;position:absolute;top:0;left:0;right:0}.cpk-metric-card.tone-gold:before{background:var(--cpk-gold);opacity:1}.cpk-metric-card.tone-indigo:before{background:var(--cpk-indigo);opacity:.85}.cpk-metric-card.tone-ok:before{background:var(--cpk-ok);opacity:.85}.cpk-metric-card.tone-warn:before{background:var(--cpk-gold);opacity:.7}@media (hover:hover){.cpk-metric-card:hover{border-color:var(--cpk-khaki);box-shadow:0 2px 12px color-mix(in oklch, var(--cpk-carbon) 4%, transparent)}}.cpk-metric-icon{background:var(--cpk-soft);width:32px;height:32px;color:var(--cpk-muted);border-radius:8px;place-items:center;display:grid}.cpk-metric-card.tone-gold .cpk-metric-icon{background:var(--cpk-gold-soft);color:color-mix(in oklch, var(--cpk-gold) 55%, var(--cpk-carbon))}.cpk-metric-card.tone-indigo .cpk-metric-icon{background:var(--cpk-indigo-soft);color:var(--cpk-indigo)}.cpk-metric-card.tone-ok .cpk-metric-icon{background:var(--cpk-ok-soft);color:var(--cpk-ok)}.cpk-metric-copy{margin:0}.cpk-metric-copy dt{color:var(--cpk-muted);margin:0;font-size:11.5px;font-weight:500}.cpk-metric-copy dd{letter-spacing:-.03em;color:var(--cpk-ink);margin:4px 0 0;font-size:20px;font-weight:600;line-height:1.1}.cpk-metric-note{color:var(--cpk-muted);align-items:center;gap:4px;font-size:11px;line-height:1.3;display:inline-flex}.cpk-metric-note.is-up{color:var(--cpk-ok)}.cpk-metric-note.is-down{color:color-mix(in oklch, var(--cpk-gold) 55%, var(--cpk-carbon))}.cpk-dash-hero{justify-content:space-between;align-items:flex-start;gap:var(--cpk-space-4);padding:var(--cpk-space-5);border:1px solid var(--cpk-line);border-radius:var(--cpk-radius-lg);background:linear-gradient(135deg, color-mix(in oklch, var(--cpk-indigo-soft) 80%, white) 0%, var(--cpk-card) 48%, color-mix(in oklch, var(--cpk-gold-soft) 35%, white) 100%);flex-wrap:wrap;display:flex}.cpk-dash-hero-badges{gap:var(--cpk-space-2);margin-bottom:var(--cpk-space-3);flex-wrap:wrap;display:flex}.cpk-shift-pill,.cpk-date-pill{border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.cpk-shift-pill{background:var(--cpk-indigo-soft);color:var(--cpk-indigo);border:1px solid color-mix(in oklch, var(--cpk-indigo) 16%, var(--cpk-line))}.cpk-date-pill{background:var(--cpk-soft);color:var(--cpk-muted);border:1px solid var(--cpk-line)}.cpk-dash-hero-copy h2{letter-spacing:-.03em;margin:0;font-size:24px;font-weight:600;line-height:1.12}.cpk-panel-accent{box-shadow:0 1px 0 color-mix(in oklch, white 80%, var(--cpk-line))}.cpk-panel-accent>.cpk-panel-head strong{padding-left:12px;position:relative}.cpk-panel-accent>.cpk-panel-head strong:before{content:"";background:var(--cpk-indigo);border-radius:999px;width:3px;position:absolute;top:.15em;bottom:.15em;left:0}.cpk-gate-title{align-items:flex-start;gap:var(--cpk-space-3);min-width:0;display:flex}.cpk-zone-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px;margin-top:4px}.cpk-zone-swatch--north{background:var(--cpk-indigo)}.cpk-zone-swatch--south{background:var(--cpk-gold)}.cpk-zone-swatch--east{background:var(--cpk-khaki)}.cpk-zone-swatch--vip{background:var(--cpk-carbon)}.cpk-gate-meter-fill--north{background:var(--cpk-indigo)}.cpk-gate-meter-fill--south{background:color-mix(in oklch, var(--cpk-gold) 75%, var(--cpk-indigo))}.cpk-gate-meter-fill--east{background:color-mix(in oklch, var(--cpk-khaki) 70%, var(--cpk-indigo))}.cpk-gate-meter-fill--vip{background:var(--cpk-carbon)}.cpk-phone-progress{grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 14px 0;display:grid}.cpk-phone-progress span{background:color-mix(in oklch, var(--cpk-khaki) 35%, white);height:3px;transition:background .24s var(--cpk-ease-out);border-radius:999px}.cpk-phone-progress span.is-done{background:color-mix(in oklch, var(--cpk-indigo) 55%, var(--cpk-khaki))}.cpk-phone-progress span.is-current{background:var(--cpk-indigo);box-shadow:0 0 0 1px color-mix(in oklch, var(--cpk-indigo) 20%, transparent)}.cpk-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:var(--cpk-space-5);gap:var(--cpk-space-5);flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.cpk-content-banner{padding-top:var(--cpk-space-4);gap:var(--cpk-space-4);padding-bottom:0}.cpk-page-head{justify-content:space-between;align-items:center;gap:var(--cpk-space-4);flex-wrap:wrap;display:flex}.cpk-page-head h2{letter-spacing:-.025em;color:var(--cpk-ink);margin:0;font-size:20px;font-weight:600;line-height:1.2}.cpk-stats-strip{border:1px solid var(--cpk-line);border-radius:var(--cpk-radius);background:var(--cpk-card);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.cpk-stat{gap:var(--cpk-space-2);padding:var(--cpk-space-4) var(--cpk-space-5);border-right:1px solid var(--cpk-line);flex-direction:column;display:flex}.cpk-stat:last-child{border-right:none}.cpk-stat dt{color:var(--cpk-muted);letter-spacing:.01em;margin:0;font-size:11.5px;font-weight:500}.cpk-stat dd{letter-spacing:-.03em;color:var(--cpk-ink);margin:0;font-size:20px;font-weight:600;line-height:1.1}.cpk-stat-note{color:var(--cpk-muted);align-items:center;gap:4px;font-size:11px;font-weight:500;line-height:1.35;display:inline-flex}.cpk-stat-note.is-up{color:var(--cpk-ok)}.cpk-stat-note.is-down{color:color-mix(in oklch, var(--cpk-danger) 75%, var(--cpk-carbon))}.cpk-stats-strip--six{grid-template-columns:repeat(6,minmax(0,1fr))}.cpk-dash{gap:var(--cpk-space-5)}.cpk-dash-head{justify-content:space-between;align-items:flex-start;gap:var(--cpk-space-4);flex-wrap:wrap;display:flex}.cpk-dash-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--cpk-indigo);margin:0 0 4px;font-size:11px;font-weight:600}.cpk-dash-head h2{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:600;line-height:1.15}.cpk-dash-sub{color:var(--cpk-muted);margin:6px 0 0;font-size:13px;line-height:1.45}.cpk-dash-actions{gap:var(--cpk-space-2);flex-wrap:wrap;display:flex}.cpk-dash-split{gap:var(--cpk-space-4);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;display:grid}.cpk-text-btn{min-height:44px;color:var(--cpk-indigo);cursor:pointer;transition:color .16s var(--cpk-ease-out);background:0 0;border:0;align-items:center;gap:4px;padding:0 4px;font-size:12.5px;font-weight:600;display:inline-flex}@media (hover:hover){.cpk-text-btn:hover{color:var(--cpk-carbon)}}.cpk-text-btn:active{transition:transform .16s var(--cpk-ease-out);transform:scale(.97)}.cpk-live-pill{background:var(--cpk-ok-soft);color:var(--cpk-ok);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.cpk-live-dot{background:var(--cpk-ok);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite cpk-live-pulse}@keyframes cpk-live-pulse{0%,to{opacity:1}50%{opacity:.45}}.cpk-gate-list{gap:var(--cpk-space-4);margin:0;padding:0;list-style:none;display:grid}.cpk-gate-item{gap:var(--cpk-space-2);display:grid}.cpk-gate-row{justify-content:space-between;align-items:flex-start;gap:var(--cpk-space-3);display:flex}.cpk-gate-row strong{font-size:13px;font-weight:600;display:block}.cpk-gate-event{color:var(--cpk-muted);margin-top:2px;font-size:11.5px;line-height:1.35;display:block}.cpk-gate-health{border-radius:999px;flex:none;padding:3px 8px;font-size:11px;font-weight:600}.cpk-gate-health.is-online{background:var(--cpk-ok-soft);color:var(--cpk-ok)}.cpk-gate-health.is-degraded{background:var(--cpk-gold-soft);color:color-mix(in oklch, var(--cpk-gold) 55%, var(--cpk-carbon))}.cpk-gate-health.is-offline{background:var(--cpk-danger-soft);color:var(--cpk-danger)}.cpk-gate-meter{background:var(--cpk-soft);border-radius:999px;height:6px;overflow:hidden}.cpk-gate-meter-fill{border-radius:inherit;background:var(--cpk-indigo);height:100%;transition:width .4s var(--cpk-ease-out)}.cpk-gate-meter-fill.is-full{background:color-mix(in oklch, var(--cpk-gold) 70%, var(--cpk-indigo))}.cpk-gate-meta{color:var(--cpk-muted);justify-content:space-between;font-size:11px;display:flex}.cpk-queue-empty{padding:var(--cpk-space-4);border-radius:var(--cpk-radius-sm);background:var(--cpk-soft);color:var(--cpk-muted);margin:0;font-size:13px;line-height:1.5}.cpk-action-list{gap:var(--cpk-space-2);margin:0;padding:0;list-style:none;display:grid}.cpk-action-item{gap:var(--cpk-space-3);border:1px solid var(--cpk-line);border-radius:var(--cpk-radius-sm);background:var(--cpk-card);text-align:left;cursor:pointer;width:100%;min-height:44px;transition:border-color .16s var(--cpk-ease-out), background .16s var(--cpk-ease-out), transform .16s var(--cpk-ease-out);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:10px 12px;display:grid}@media (hover:hover){.cpk-action-item:hover{border-color:var(--cpk-khaki);background:var(--cpk-soft)}}.cpk-action-item:active{transform:scale(.99)}.cpk-action-item.is-urgent{border-color:color-mix(in oklch, var(--cpk-danger) 28%, var(--cpk-line));background:color-mix(in oklch, var(--cpk-danger-soft) 60%, white)}.cpk-action-item.is-watch{border-color:color-mix(in oklch, var(--cpk-gold) 35%, var(--cpk-line))}.cpk-action-icon{background:var(--cpk-indigo-soft);width:28px;height:28px;color:var(--cpk-indigo);border-radius:6px;place-items:center;display:grid}.cpk-action-item.is-urgent .cpk-action-icon{background:var(--cpk-danger-soft);color:var(--cpk-danger)}.cpk-action-item.is-watch .cpk-action-icon{background:var(--cpk-gold-soft);color:color-mix(in oklch, var(--cpk-gold) 50%, var(--cpk-carbon))}.cpk-action-copy strong{font-size:13px;font-weight:600;line-height:1.3;display:block}.cpk-action-copy small{color:var(--cpk-muted);margin-top:2px;font-size:11.5px;line-height:1.35;display:block}.cpk-action-chevron{color:var(--cpk-muted);flex-shrink:0}.cpk-chart-row{gap:var(--cpk-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cpk-chart-row.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.cpk-panel{border:1px solid var(--cpk-line);border-radius:var(--cpk-radius);background:var(--cpk-card);padding:var(--cpk-space-4) var(--cpk-space-5) var(--cpk-space-5);gap:var(--cpk-space-4);flex-direction:column;min-width:0;display:flex}.cpk-panel-flush{padding:0;overflow:hidden}.cpk-panel-flush .cpk-panel-head{padding:var(--cpk-space-4) var(--cpk-space-5);border-bottom:1px solid var(--cpk-line);margin:0}.cpk-panel-head{justify-content:space-between;align-items:flex-start;gap:var(--cpk-space-3);display:flex}.cpk-panel-head strong{letter-spacing:-.01em;color:var(--cpk-ink);font-size:14px;font-weight:600;display:block}.cpk-panel-head small{color:var(--cpk-muted);margin-top:2px;font-size:11.5px;display:block}.cpk-delta{border:1px solid var(--cpk-line);background:var(--cpk-soft);color:var(--cpk-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.cpk-delta.is-up{background:var(--cpk-ok-soft);border-color:color-mix(in oklch, var(--cpk-ok) 22%, var(--cpk-line));color:var(--cpk-ok)}.cpk-chart-svg{width:100%;height:auto;min-height:120px;display:block}.cpk-chart-label{fill:var(--cpk-muted);font-family:var(--font-geist-sans,system-ui, sans-serif);font-size:9.5px;font-weight:500}.cpk-donut-wrap{align-items:center;gap:var(--cpk-space-5);flex-wrap:wrap;display:flex}.cpk-donut-svg{flex-shrink:0;width:120px;height:120px}.cpk-donut-center{fill:var(--cpk-ink);font-family:var(--font-jetbrains-mono,monospace);font-size:16px;font-weight:600}.cpk-donut-sub{fill:var(--cpk-muted);font-family:var(--font-geist-sans,system-ui, sans-serif);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:500}.cpk-legend{gap:var(--cpk-space-2);flex-direction:column;flex:1;min-width:120px;margin:0;padding:0;list-style:none;display:flex}.cpk-legend li{align-items:center;gap:var(--cpk-space-2);color:var(--cpk-muted);font-size:12px;display:flex}.cpk-legend li span{border-radius:2px;flex-shrink:0;width:8px;height:8px}.cpk-bar-chart{align-items:flex-end;gap:var(--cpk-space-2);height:110px;padding:var(--cpk-space-1) 0 0;display:flex}.cpk-bar-col{flex-direction:column;flex:1;align-items:center;gap:5px;min-width:0;height:100%;display:flex}.cpk-bar-track{background:var(--cpk-soft);border:1px solid var(--cpk-line);border-bottom:none;border-radius:4px 4px 0 0;flex:1;align-items:flex-end;width:100%;display:flex;overflow:hidden}.cpk-bar-fill{background:var(--cpk-indigo);width:100%;min-height:4px;transition:height .32s var(--cpk-ease-out);border-radius:3px 3px 0 0}.cpk-bar-col>span{color:var(--cpk-muted);text-align:center;font-size:9.5px;font-weight:500;line-height:1.2}.cpk-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.cpk-panel-flush .cpk-table-wrap{border-radius:0 0 var(--cpk-radius) var(--cpk-radius)}.cpk-table{border-collapse:collapse;width:100%;font-size:13px}.cpk-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--cpk-muted);background:var(--cpk-soft);border-bottom:1px solid var(--cpk-line);white-space:nowrap;padding:10px 14px;font-size:10.5px;font-weight:600}.cpk-table tbody td{border-bottom:1px solid var(--cpk-line);color:var(--cpk-ink);vertical-align:middle;padding:11px 14px}.cpk-table tbody tr:last-child td{border-bottom:none}@media (hover:hover){.cpk-table tbody tr:hover td{background:color-mix(in oklch, var(--cpk-indigo) 4%, var(--cpk-card))}}.cpk-table.compact thead th,.cpk-table.compact tbody td{padding:8px 12px;font-size:12px}.cpk-table code{font-size:12px}.cpk-badge{letter-spacing:.02em;text-transform:capitalize;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.cpk-badge.tone-active{background:var(--cpk-indigo-soft);border-color:color-mix(in oklch, var(--cpk-indigo) 20%, var(--cpk-line));color:var(--cpk-indigo)}.cpk-badge.tone-paid{background:var(--cpk-gold-soft);border-color:color-mix(in oklch, var(--cpk-gold) 28%, var(--cpk-line));color:color-mix(in oklch, var(--cpk-gold) 55%, var(--cpk-carbon))}.cpk-badge.tone-void{background:var(--cpk-danger-soft);border-color:color-mix(in oklch, var(--cpk-danger) 22%, var(--cpk-line));color:var(--cpk-danger)}.cpk-badge.tone-exited{background:var(--cpk-ok-soft);border-color:color-mix(in oklch, var(--cpk-ok) 22%, var(--cpk-line));color:var(--cpk-ok)}.cpk-toolbar{align-items:center;gap:var(--cpk-space-3);flex-wrap:wrap;display:flex}.cpk-search{flex:220px;min-width:180px;display:flex}.cpk-search input{border:1px solid var(--cpk-line);border-radius:var(--cpk-radius-sm);background:var(--cpk-soft);width:100%;color:var(--cpk-ink);font:inherit;transition:border-color .16s var(--cpk-ease-out), background .16s var(--cpk-ease-out);padding:9px 12px;font-size:13px}.cpk-search input::placeholder{color:var(--cpk-muted)}@media (hover:hover){.cpk-search input:hover{border-color:var(--cpk-khaki)}}.cpk-search input:focus{border-color:var(--cpk-indigo);background:var(--cpk-card);outline:none}.cpk-filter-pills{gap:var(--cpk-space-2);flex-wrap:wrap;display:flex}.cpk-filter-pills button{border:1px solid var(--cpk-line);background:var(--cpk-card);min-height:44px;color:var(--cpk-muted);transition:background .16s var(--cpk-ease-out), border-color .16s var(--cpk-ease-out), color .16s var(--cpk-ease-out);border-radius:999px;padding:10px 14px;font-size:12px;font-weight:500}@media (hover:hover){.cpk-filter-pills button:hover:not(.active){border-color:var(--cpk-khaki);color:var(--cpk-ink)}}.cpk-filter-pills button.active{background:var(--cpk-indigo-soft);border-color:color-mix(in oklch, var(--cpk-indigo) 22%, var(--cpk-line));color:var(--cpk-indigo);font-weight:600}.cpk-filter-pills button:active{transition:transform .16s var(--cpk-ease-out);transform:scale(.97)}.cpk-link-btn{min-height:44px;color:var(--cpk-indigo);text-underline-offset:2px;transition:color .16s var(--cpk-ease-out);background:0 0;border:0;padding:0 4px;font-size:12.5px;font-weight:500;text-decoration:underline}@media (hover:hover){.cpk-link-btn:hover{color:var(--cpk-carbon)}}.cpk-link-btn:active{transition:transform .16s var(--cpk-ease-out);transform:scale(.97)}.cpk-btn{justify-content:center;align-items:center;gap:var(--cpk-space-2);border-radius:var(--cpk-radius-sm);white-space:nowrap;min-height:44px;transition:background .16s var(--cpk-ease-out), border-color .16s var(--cpk-ease-out), color .16s var(--cpk-ease-out), opacity .16s var(--cpk-ease-out);border:1px solid #0000;padding:10px 16px;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex}.cpk-btn:active:not(:disabled){transition:transform .16s var(--cpk-ease-out);transform:scale(.97)}.cpk-btn:disabled{opacity:.48;cursor:not-allowed}.cpk-btn.primary{background:var(--cpk-gold);border-color:color-mix(in oklch, var(--cpk-gold) 75%, var(--cpk-carbon));color:var(--cpk-carbon);box-shadow:inset 0 1px 0 #ffffff47, 0 1px 2px color-mix(in oklch, var(--cpk-gold) 25%, transparent)}@supports (color:lab(0% 0 0)){.cpk-btn.primary{box-shadow:inset 0 1px 0 lab(100% 0 0/.28), 0 1px 2px color-mix(in oklch, var(--cpk-gold) 25%, transparent)}}@media (hover:hover){.cpk-btn.primary:hover:not(:disabled){background:color-mix(in oklch, var(--cpk-gold) 92%, white);box-shadow:inset 0 1px 0 #ffffff52, 0 2px 8px color-mix(in oklch, var(--cpk-gold) 22%, transparent)}@supports (color:lab(0% 0 0)){.cpk-btn.primary:hover:not(:disabled){box-shadow:inset 0 1px 0 lab(100% 0 0/.32), 0 2px 8px color-mix(in oklch, var(--cpk-gold) 22%, transparent)}}}.cpk-btn.secondary{background:var(--cpk-card);border-color:var(--cpk-line);color:var(--cpk-ink)}@media (hover:hover){.cpk-btn.secondary:hover:not(:disabled){border-color:var(--cpk-khaki);background:var(--cpk-soft)}}.cpk-btn.ghost{color:var(--cpk-muted);background:0 0;border-color:#0000}@media (hover:hover){.cpk-btn.ghost:hover:not(:disabled){background:var(--cpk-soft);color:var(--cpk-ink)}}.cpk-btn.danger{background:var(--cpk-danger);border-color:color-mix(in oklch, var(--cpk-danger) 80%, var(--cpk-carbon));color:color-mix(in oklch, var(--cpk-linen) 92%, white)}@media (hover:hover){.cpk-btn.danger:hover:not(:disabled){background:color-mix(in oklch, var(--cpk-danger) 88%, var(--cpk-carbon))}}.cpk-btn.full{width:100%}.cpk-modal-overlay{z-index:100;padding:var(--cpk-space-5);background:color-mix(in oklch, var(--cpk-carbon) 52%, transparent);-webkit-backdrop-filter:blur(4px);place-items:center;display:grid;position:fixed;inset:0}.cpk-modal{border:1px solid var(--cpk-line);border-radius:var(--cpk-radius-lg);background:var(--cpk-card);width:min(100%,440px);box-shadow:0 24px 64px color-mix(in oklch, var(--cpk-carbon) 18%, transparent);overflow:hidden}.cpk-modal-head{justify-content:space-between;align-items:center;gap:var(--cpk-space-3);padding:var(--cpk-space-4) var(--cpk-space-5);border-bottom:1px solid var(--cpk-line);display:flex}.cpk-modal-head h3{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:600}.cpk-modal-head button{border:1px solid var(--cpk-line);border-radius:var(--cpk-radius-sm);background:var(--cpk-soft);width:28px;height:28px;color:var(--cpk-muted);place-items:center;padding:0;display:grid}.cpk-modal-head button:active{transition:transform .16s var(--cpk-ease-out);transform:scale(.97)}.cpk-modal-body{padding:var(--cpk-space-5);gap:var(--cpk-space-4);flex-direction:column;display:flex}.cpk-modal-lead{color:var(--cpk-muted);margin:0;font-size:13.5px;line-height:1.55}.cpk-modal-lead strong{color:var(--cpk-ink);font-weight:600}.cpk-modal-foot{justify-content:flex-end;gap:var(--cpk-space-2);padding:var(--cpk-space-4) var(--cpk-space-5);border-top:1px solid var(--cpk-line);background:var(--cpk-soft);display:flex}.cpk-field{gap:var(--cpk-space-2);flex-direction:column;display:flex}.cpk-field>span{color:var(--cpk-muted);font-size:12px;font-weight:500}.cpk-field input,.cpk-field select,.cpk-field textarea{border:1px solid var(--cpk-line);border-radius:var(--cpk-radius-sm);background:var(--cpk-soft);width:100%;color:var(--cpk-ink);font:inherit;transition:border-color .16s var(--cpk-ease-out), background .16s var(--cpk-ease-out);padding:9px 12px;font-size:13px}.cpk-field textarea{resize:vertical;min-height:72px;line-height:1.45}.cpk-field input:focus,.cpk-field select:focus,.cpk-field textarea:focus{border-color:var(--cpk-indigo);background:var(--cpk-card);outline:none}.cpk-form-stack{gap:var(--cpk-space-4);flex-direction:column;display:flex}.cpk-manual-grid{gap:var(--cpk-space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.cpk-manual-qr{margin-top:var(--cpk-space-4);padding-top:var(--cpk-space-4);border-top:1px solid var(--cpk-line);align-items:center;gap:var(--cpk-space-3);text-align:center;flex-direction:column;display:flex}.cpk-manual-qr p{color:var(--cpk-muted);margin:0;font-size:12.5px}.cpk-fee-box{gap:var(--cpk-space-1);padding:var(--cpk-space-4);margin:var(--cpk-space-4) 0;border:1px solid var(--cpk-line);border-radius:var(--cpk-radius);background:var(--cpk-soft);flex-direction:column;display:flex}.cpk-fee-box>span{color:var(--cpk-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.cpk-fee-box strong{letter-spacing:-.03em;color:var(--cpk-ink);font-size:24px;font-weight:600}.cpk-fee-box small{color:var(--cpk-muted);font-size:12px}.cpk-pay-fieldset{margin:0 0 var(--cpk-space-4);border:0;padding:0}.cpk-pay-fieldset legend{color:var(--cpk-muted);margin-bottom:var(--cpk-space-3);padding:0;font-size:12px;font-weight:500}.cpk-pay-methods{gap:var(--cpk-space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cpk-pay-methods.admin{grid-template-columns:repeat(3,minmax(0,1fr))}.cpk-pay-methods button{justify-content:center;align-items:center;gap:var(--cpk-space-2);border:1px solid var(--cpk-line);border-radius:var(--cpk-radius-sm);background:var(--cpk-card);min-height:44px;color:var(--cpk-muted);transition:background .16s var(--cpk-ease-out), border-color .16s var(--cpk-ease-out), color .16s var(--cpk-ease-out);padding:10px 8px;font-size:12px;font-weight:500;display:flex}@media (hover:hover){.cpk-pay-methods button:hover:not(.active){border-color:var(--cpk-khaki);color:var(--cpk-ink)}}.cpk-pay-methods button.active{background:var(--cpk-indigo-soft);border-color:color-mix(in oklch, var(--cpk-indigo) 24%, var(--cpk-line));color:var(--cpk-indigo);font-weight:600}.cpk-pay-methods button:active{transition:transform .16s var(--cpk-ease-out);transform:scale(.97)}.cpk-rates-grid{gap:var(--cpk-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cpk-rate-list{flex-direction:column;gap:0;margin:0;display:flex}.cpk-rate-list>div{justify-content:space-between;align-items:baseline;gap:var(--cpk-space-4);padding:var(--cpk-space-3) 0;border-bottom:1px solid var(--cpk-line);display:flex}.cpk-rate-list>div:last-child{border-bottom:none}.cpk-rate-list dt{color:var(--cpk-muted);margin:0;font-size:13px}.cpk-rate-list dd{color:var(--cpk-ink);margin:0;font-size:14px;font-weight:600}.cpk-rates-page{gap:var(--cpk-space-5)}.cpk-rates-head h2{margin:0}.cpk-rates-lead{max-width:52ch;color:var(--cpk-muted);margin:6px 0 0;font-size:13px;line-height:1.5}.cpk-rates-summary-grid{gap:var(--cpk-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cpk-rates-summary-grid>div{flex-direction:column;gap:4px;display:flex}.cpk-rates-summary-grid span{color:var(--cpk-muted);font-size:11.5px}.cpk-rates-summary-grid strong{font-size:18px;font-weight:600}.cpk-rates-section-title{margin:0 0 var(--cpk-space-3);letter-spacing:-.01em;font-size:14px;font-weight:600}.cpk-rates-section-note{margin:0 0 var(--cpk-space-4);color:var(--cpk-muted);font-size:13px;line-height:1.45}.cpk-rate-card{gap:var(--cpk-space-4);border:1px solid var(--cpk-line);border-radius:var(--cpk-radius);background:var(--cpk-card);padding:var(--cpk-space-5);flex-direction:column;display:flex}.cpk-rate-card.is-draft{border-style:dashed;border-color:color-mix(in oklch, var(--cpk-gold) 40%, var(--cpk-line));background:color-mix(in oklch, var(--cpk-gold-soft) 35%, white)}.cpk-rate-card-head{justify-content:space-between;align-items:flex-start;gap:var(--cpk-space-4);display:flex}.cpk-rate-card-head h3{margin:0;font-size:15px;font-weight:600}.cpk-rate-card-head p{color:var(--cpk-muted);margin:4px 0 0;font-size:12px;line-height:1.4}.cpk-rate-card-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:6px;display:flex}.cpk-rate-card-meta small{color:var(--cpk-muted);font-size:11px;line-height:1.35}.cpk-rate-form{gap:var(--cpk-space-4);display:grid}.cpk-rate-form-grid{gap:var(--cpk-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cpk-rate-form-actions{justify-content:flex-end;gap:var(--cpk-space-2);flex-wrap:wrap;display:flex}.cpk-field-error{color:var(--cpk-danger);font-size:11px;font-style:normal;line-height:1.35}.cpk-fee-preview{border:1px solid var(--cpk-line);border-radius:var(--cpk-radius-sm);background:var(--cpk-soft);padding:var(--cpk-space-3) var(--cpk-space-4)}.cpk-fee-preview-head{margin-bottom:var(--cpk-space-2);letter-spacing:.04em;text-transform:uppercase;color:var(--cpk-muted);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.cpk-fee-preview-list{gap:var(--cpk-space-2);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.cpk-fee-preview-list li{color:var(--cpk-muted);flex-direction:column;gap:2px;font-size:11px;display:flex}.cpk-fee-preview-list strong{color:var(--cpk-ink);font-size:13px}.cpk-fee-preview-note{margin:var(--cpk-space-2) 0 0;color:var(--cpk-muted);font-size:11px;line-height:1.4}.cpk-notice-banner{justify-content:space-between;align-items:center;gap:var(--cpk-space-3);border:1px solid color-mix(in oklch, var(--cpk-ok) 30%, var(--cpk-line));border-radius:var(--cpk-radius-sm);background:var(--cpk-ok-soft);padding:var(--cpk-space-3) var(--cpk-space-4);display:flex}.cpk-notice-banner p{color:var(--cpk-ink);margin:0;font-size:13px;line-height:1.45}.cpk-zone-revenue-list{gap:var(--cpk-space-4);margin:0;padding:0;list-style:none;display:grid}.cpk-zone-revenue-row{justify-content:space-between;align-items:flex-start;gap:var(--cpk-space-3);margin-bottom:var(--cpk-space-2);display:flex}.cpk-zone-revenue-row strong{font-size:13px;font-weight:600;display:block}.cpk-zone-revenue-row span{color:var(--cpk-muted);margin-top:2px;font-size:11.5px;display:block}.cpk-zone-revenue-row .cpk-mono{color:var(--cpk-indigo);flex:none;font-size:13px;font-weight:600}.cpk-zone-revenue-meter{background:var(--cpk-soft);border-radius:999px;height:6px;overflow:hidden}.cpk-zone-revenue-fill{border-radius:inherit;background:var(--cpk-indigo);height:100%;transition:width .4s var(--cpk-ease-out)}.cpk-rate-snapshot-list{gap:var(--cpk-space-3);margin:0;padding:0;list-style:none;display:grid}.cpk-rate-snapshot-item{gap:var(--cpk-space-2);padding:var(--cpk-space-3) var(--cpk-space-4);border:1px solid var(--cpk-line);border-radius:var(--cpk-radius-sm);background:var(--cpk-soft);display:grid}.cpk-rate-snapshot-head{justify-content:space-between;align-items:baseline;gap:var(--cpk-space-3);display:flex}.cpk-rate-snapshot-head strong{font-size:13px;font-weight:600}.cpk-rate-snapshot-head .cpk-mono{color:var(--cpk-indigo);font-size:15px;font-weight:600}.cpk-rate-snapshot-item>p{color:var(--cpk-muted);margin:0;font-size:11.5px;line-height:1.4}.cpk-rate-snapshot-meta{gap:var(--cpk-space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.cpk-rate-snapshot-meta>div{flex-direction:column;gap:2px;display:flex}.cpk-rate-snapshot-meta dt{letter-spacing:.04em;text-transform:uppercase;color:var(--cpk-muted);font-size:10px;font-weight:600}.cpk-rate-snapshot-meta dd{margin:0;font-size:12px;font-weight:600}.cpk-rate-snapshot-item>small{color:var(--cpk-muted);font-size:10.5px}.cpk-rate-snapshot-link{width:100%;min-height:44px;margin-top:var(--cpk-space-2);border:1px dashed var(--cpk-line);border-radius:var(--cpk-radius-sm);color:var(--cpk-indigo);cursor:pointer;transition:border-color .16s var(--cpk-ease-out), background .16s var(--cpk-ease-out), transform .16s var(--cpk-ease-out);background:0 0;justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}@media (hover:hover){.cpk-rate-snapshot-link:hover{border-color:var(--cpk-khaki);background:var(--cpk-soft)}}.cpk-rate-snapshot-link:active{transform:scale(.99)}.cpk-empty-inline{padding:var(--cpk-space-4);text-align:center;color:var(--cpk-muted);border:1px dashed var(--cpk-line);border-radius:var(--cpk-radius-sm);background:var(--cpk-soft);font-size:13px}.cpk-empty-state{justify-content:center;align-items:center;gap:var(--cpk-space-3);padding:var(--cpk-space-6) var(--cpk-space-5);border:1px solid var(--cpk-line);border-radius:var(--cpk-radius);background:var(--cpk-card);text-align:center;flex-direction:column;display:flex}.cpk-empty-state h3{color:var(--cpk-ink);margin:0;font-size:16px;font-weight:600}.cpk-empty-state p{max-width:36ch;color:var(--cpk-muted);margin:0;font-size:13px;line-height:1.55}.cpk-qr-mock{align-items:center;gap:var(--cpk-space-3);padding:var(--cpk-space-5);border:1px solid var(--cpk-line);border-radius:var(--cpk-radius);background:var(--cpk-soft);flex-direction:column;min-width:180px;display:flex;position:relative}.cpk-qr-pattern{border:1px solid var(--cpk-line);border-radius:var(--cpk-radius-sm);background:var(--cpk-soft);grid-template-columns:repeat(8,1fr);gap:2px;width:96px;height:96px;padding:6px;display:grid}.cpk-qr-pattern span{background:0 0;border-radius:1px}.cpk-qr-pattern span.filled{background:var(--cpk-carbon)}.cpk-qr-icon{color:var(--cpk-indigo);opacity:.35;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}.cpk-qr-mock code{color:var(--cpk-ink);font-size:13px;font-weight:600}.cpk-qr-mock small{color:var(--cpk-muted);font-size:11px}.cpk-error-banner{align-items:center;gap:var(--cpk-space-3);padding:var(--cpk-space-3) var(--cpk-space-4);border:1px solid color-mix(in oklch, var(--cpk-danger) 28%, var(--cpk-line));border-radius:var(--cpk-radius);background:var(--cpk-danger-soft);color:var(--cpk-danger);flex-wrap:wrap;display:flex}.cpk-error-banner svg{flex-shrink:0}.cpk-error-banner p{flex:180px;margin:0;font-size:13px;line-height:1.45}.cpk-error-actions{gap:var(--cpk-space-2);margin-left:auto;display:flex}.cpk-error{padding:var(--cpk-space-3);border-radius:var(--cpk-radius-sm);background:var(--cpk-danger-soft);border:1px solid color-mix(in oklch, var(--cpk-danger) 24%, var(--cpk-line));color:var(--cpk-danger);margin:0;font-size:12.5px;line-height:1.45}.cpk-skeleton{gap:var(--cpk-space-4);flex-direction:column;display:flex}.cpk-skeleton-row{border-radius:var(--cpk-radius);background:linear-gradient(90deg, var(--cpk-soft) 0%, color-mix(in oklch, var(--cpk-khaki) 18%, white) 50%, var(--cpk-soft) 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite cpk-shimmer}.cpk-skeleton-stats{height:72px}.cpk-skeleton-chart{height:220px}.cpk-skeleton-table{height:280px}@keyframes cpk-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.cpk-printing{gap:var(--cpk-space-2);margin-top:var(--cpk-space-4);padding:var(--cpk-space-3);border:1px solid var(--cpk-line);border-radius:var(--cpk-radius-sm);background:var(--cpk-soft);flex-direction:column;display:flex}.cpk-printing-bar{background:var(--cpk-line);border-radius:2px;height:4px;position:relative;overflow:hidden}.cpk-printing-bar:after{content:"";background:var(--cpk-indigo);border-radius:inherit;width:40%;animation:cpk-print-progress 1.2s var(--cpk-ease-out) infinite;position:absolute;inset:0}@keyframes cpk-print-progress{0%{transform:translate(-100%)}to{transform:translate(350%)}}.cpk-printing span{color:var(--cpk-muted);font-size:12px}.cpk-demo--mobile>:not(.demo-mode-toggle){flex-direction:column;min-height:0;display:flex}.cpk-demo--mobile .cpk-mobile-stage{background-color:var(--cpk-bg);background-image:radial-gradient(color-mix(in oklch, var(--cpk-khaki) 20%, transparent) .6px, transparent .6px);background-size:14px 14px;flex:auto;align-content:start;min-height:0;overflow:auto}.cpk-mobile-stage.mock-iphone-stage{grid-template-columns:minmax(0, 390px) minmax(0, min(520px, 1fr));box-sizing:border-box;justify-content:center;align-items:start;gap:32px;width:100%;max-width:100%;padding:32px 24px 40px;display:grid}.cpk-mobile-stage.mock-iphone-stage>.mock-iphone{grid-area:1/1;justify-self:center}.cpk-mobile-stage.mock-iphone-stage>.cpk-mobile-notes{grid-area:1/2;align-self:start;width:100%;max-width:520px}.demo-laptop-viewport .cpk-demo .cpk-mobile-stage.mock-iphone-stage{grid-template-columns:minmax(0, 390px) minmax(0, min(520px, 1fr));padding:var(--demo-stage-pad-block) var(--demo-stage-pad-inline) var(--demo-stage-pad-bottom);justify-content:center;align-items:start;gap:32px;display:grid}.cpk-mobile-stage{background:var(--cpk-bg);min-height:0}.cpk-phone-screen{color:var(--cpk-ink);background:color-mix(in oklch, var(--cpk-linen) 12%, white)!important}.cpk-phone-appbar{justify-content:space-between;align-items:center;gap:var(--cpk-space-3);padding:0 var(--cpk-space-4) var(--cpk-space-2);border-bottom:1px solid color-mix(in oklch, var(--cpk-khaki) 28%, var(--cpk-line));background:color-mix(in oklch, var(--cpk-linen) 18%, white);display:flex}.cpk-phone-appbar-brand{letter-spacing:.06em;text-transform:uppercase;color:var(--cpk-indigo);font-size:12px;font-weight:700}.cpk-phone-appbar-step{color:var(--cpk-muted);background:var(--cpk-soft);border:1px solid var(--cpk-line);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.cpk-phone-body{gap:var(--cpk-space-4);padding:var(--cpk-space-4);padding-bottom:calc(var(--cpk-space-5) + 8px);flex-direction:column;min-height:100%;display:flex}.cpk-phone-body--scan{gap:var(--cpk-space-3)}.cpk-step-enter{animation:cpk-step-in .28s var(--cpk-ease-out) both}@keyframes cpk-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cpk-mobile-hero{padding:var(--cpk-space-3) var(--cpk-space-4);border-radius:var(--cpk-radius);border:1px solid color-mix(in oklch, var(--cpk-indigo) 12%, var(--cpk-line));background:linear-gradient(135deg, color-mix(in oklch, var(--cpk-indigo-soft) 90%, white) 0%, color-mix(in oklch, var(--cpk-gold-soft) 35%, white) 100%);gap:4px;display:grid}.cpk-mobile-hero-step{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in oklch, var(--cpk-indigo) 70%, var(--cpk-muted));font-size:10px;font-weight:600}.cpk-mobile-hero-label{letter-spacing:.05em;text-transform:uppercase;color:color-mix(in oklch, var(--cpk-gold) 65%, var(--cpk-carbon));font-size:11px;font-weight:600}.cpk-mobile-hero strong{letter-spacing:-.025em;color:var(--cpk-ink);font-size:19px;font-weight:600;line-height:1.15}.cpk-mobile-hero p{color:var(--cpk-muted);margin:2px 0 0;font-size:12.5px;line-height:1.45}.cpk-scan-zone{gap:var(--cpk-space-2);justify-items:center;display:grid}.cpk-scan-frame{aspect-ratio:1;border-radius:var(--cpk-radius-lg);background:radial-gradient(circle at 50% 40%, color-mix(in oklch, var(--cpk-indigo-soft) 80%, white) 0%, color-mix(in oklch, var(--cpk-linen) 30%, white) 100%);border:1px solid color-mix(in oklch, var(--cpk-indigo) 14%, var(--cpk-line));width:100%;max-width:200px;box-shadow:inset 0 0 0 1px #fff9, 0 8px 24px color-mix(in oklch, var(--cpk-indigo) 6%, transparent);color:var(--cpk-indigo);place-items:center;margin:0 auto;display:grid;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.cpk-scan-frame{box-shadow:inset 0 0 0 1px lab(100% 0 0/.6), 0 8px 24px color-mix(in oklch, var(--cpk-indigo) 6%, transparent)}}.cpk-scan-icon-wrap{background:color-mix(in oklch, white 72%, var(--cpk-indigo-soft));border:1px solid color-mix(in oklch, var(--cpk-indigo) 12%, var(--cpk-line));border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.cpk-scan-hint{color:var(--cpk-muted);letter-spacing:.01em;font-size:11px;font-weight:500}.cpk-scan-corner{border-color:var(--cpk-gold);border-style:solid;border-width:0;width:24px;height:24px;position:absolute}.cpk-scan-corner--tl{border-top-width:3px;border-left-width:3px;border-radius:6px 0 0;top:12px;left:12px}.cpk-scan-corner--tr{border-top-width:3px;border-right-width:3px;border-radius:0 6px 0 0;top:12px;right:12px}.cpk-scan-corner--bl{border-bottom-width:3px;border-left-width:3px;border-radius:0 0 0 6px;bottom:12px;left:12px}.cpk-scan-corner--br{border-bottom-width:3px;border-right-width:3px;border-radius:0 0 6px;bottom:12px;right:12px}.cpk-scan-line{background:linear-gradient(90deg, transparent, var(--cpk-gold) 20%, var(--cpk-gold) 80%, transparent);height:2px;box-shadow:0 0 12px color-mix(in oklch, var(--cpk-gold) 45%, transparent);animation:cpk-scan-sweep 2.2s var(--cpk-ease-out) infinite;position:absolute;left:16px;right:16px}@keyframes cpk-scan-sweep{0%,to{opacity:.6;top:22%}50%{opacity:1;top:72%}}.cpk-scan-zone.is-scanning .cpk-scan-frame{animation:cpk-scan-pulse .52s var(--cpk-ease-out)}.cpk-scan-zone.is-scanning .cpk-scan-line{opacity:0;animation:none}@keyframes cpk-scan-pulse{0%{box-shadow:inset 0 0 0 0 color-mix(in oklch, var(--cpk-indigo) 0%, transparent), 0 8px 24px color-mix(in oklch, var(--cpk-indigo) 6%, transparent)}50%{box-shadow:inset 0 0 0 3px color-mix(in oklch, var(--cpk-indigo) 35%, transparent), 0 8px 28px color-mix(in oklch, var(--cpk-indigo) 12%, transparent)}to{box-shadow:inset 0 0 0 0 color-mix(in oklch, var(--cpk-indigo) 0%, transparent), 0 8px 24px color-mix(in oklch, var(--cpk-indigo) 6%, transparent)}}.cpk-error--card{border-radius:var(--cpk-radius-sm);border:1px solid color-mix(in oklch, var(--cpk-danger) 28%, var(--cpk-line));background:var(--cpk-danger-soft);margin:0;padding:10px 12px}.cpk-ticket-panel{gap:var(--cpk-space-2);padding:var(--cpk-space-3);border-radius:var(--cpk-radius);border:1px solid color-mix(in oklch, var(--cpk-khaki) 40%, var(--cpk-line));background:color-mix(in oklch, var(--cpk-linen) 22%, white);display:grid}.cpk-ticket-panel-head{justify-content:space-between;align-items:baseline;gap:var(--cpk-space-2);padding:0 2px 4px;display:flex}.cpk-ticket-panel-head span{letter-spacing:.07em;text-transform:uppercase;color:var(--cpk-ink);font-size:10.5px;font-weight:700}.cpk-ticket-panel-head small{color:var(--cpk-muted);font-size:10.5px}.cpk-ticket-list{gap:var(--cpk-space-2);margin:0;padding:0;list-style:none;display:grid}.cpk-ticket-card{align-items:center;gap:var(--cpk-space-3);border:1px solid var(--cpk-line);border-radius:var(--cpk-radius-sm);background:var(--cpk-card);text-align:left;width:100%;min-height:52px;color:var(--cpk-ink);box-shadow:0 1px 0 color-mix(in oklch, white 80%, var(--cpk-line));transition:background .16s var(--cpk-ease-out), border-color .16s var(--cpk-ease-out), transform .16s var(--cpk-ease-out), box-shadow .16s var(--cpk-ease-out);grid-template-columns:auto minmax(0,1fr) auto;padding:12px;display:grid}.cpk-ticket-card .cpk-zone-swatch{border-radius:4px;width:12px;height:12px;margin-top:0}@media (hover:hover){.cpk-ticket-card:hover:not(:disabled){border-color:var(--cpk-gold);background:color-mix(in oklch, var(--cpk-gold-soft) 40%, white);box-shadow:0 4px 14px color-mix(in oklch, var(--cpk-gold) 10%, transparent)}}.cpk-ticket-card:active:not(:disabled){transform:scale(.98)}.cpk-ticket-card:disabled{opacity:.55;cursor:not-allowed}.cpk-ticket-card-body{gap:3px;min-width:0;display:grid}.cpk-ticket-card-top{align-items:center;gap:var(--cpk-space-2);flex-wrap:wrap;display:flex}.cpk-ticket-card-body strong{font-size:12.5px}.cpk-ticket-card-body small{color:var(--cpk-muted);font-size:11px;line-height:1.35}.cpk-ticket-badge{background:var(--cpk-gold-soft);border:1px solid color-mix(in oklch, var(--cpk-gold) 35%, var(--cpk-line));letter-spacing:.04em;text-transform:uppercase;color:color-mix(in oklch, var(--cpk-gold) 55%, var(--cpk-carbon));border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:700;display:inline-flex}.cpk-ticket-chevron{color:var(--cpk-khaki);flex-shrink:0}@media (hover:hover){.cpk-ticket-card:hover:not(:disabled) .cpk-ticket-chevron{color:var(--cpk-indigo)}}.cpk-session-card{padding:var(--cpk-space-4);border:1px solid var(--cpk-line);border-radius:var(--cpk-radius);background:var(--cpk-card)}.cpk-session-card--premium{padding-left:calc(var(--cpk-space-4) + 6px);border-color:color-mix(in oklch, var(--cpk-khaki) 45%, var(--cpk-line));background:linear-gradient(90deg, color-mix(in oklch, var(--cpk-linen) 28%, white) 0%, var(--cpk-card) 32%);position:relative;overflow:hidden}.cpk-session-card--premium:before{content:"";background:var(--cpk-indigo);width:4px;position:absolute;top:0;bottom:0;left:0}.cpk-session-card--north:before{background:var(--cpk-indigo)}.cpk-session-card--south:before{background:var(--cpk-gold)}.cpk-session-card--east:before{background:var(--cpk-khaki)}.cpk-session-card--vip:before{background:var(--cpk-carbon)}.cpk-session-card-head{justify-content:space-between;align-items:center;gap:var(--cpk-space-2);margin-bottom:var(--cpk-space-2);display:flex}.cpk-duration-chip{background:var(--cpk-soft);border:1px solid var(--cpk-line);color:var(--cpk-muted);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.cpk-rate-chip{margin-top:var(--cpk-space-2);background:var(--cpk-indigo-soft);border:1px solid color-mix(in oklch, var(--cpk-indigo) 16%, var(--cpk-line));color:var(--cpk-indigo);border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.cpk-session-card h3{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600}.cpk-session-card p{color:var(--cpk-muted);margin:4px 0 0;font-size:12.5px}.cpk-fee-breakdown{border:1px solid var(--cpk-line);border-radius:var(--cpk-radius);background:var(--cpk-card);flex-direction:column;gap:0;margin:0;display:flex;overflow:hidden}.cpk-fee-breakdown--premium{border-color:color-mix(in oklch, var(--cpk-khaki) 38%, var(--cpk-line));box-shadow:0 1px 0 color-mix(in oklch, white 70%, var(--cpk-line))}.cpk-fee-breakdown>div{justify-content:space-between;align-items:baseline;gap:var(--cpk-space-3);border-bottom:1px solid var(--cpk-line);padding:10px 14px;display:flex}.cpk-fee-breakdown>div:last-child{border-bottom:none}.cpk-fee-breakdown>div.total{background:linear-gradient(90deg, color-mix(in oklch, var(--cpk-gold-soft) 55%, white) 0%, color-mix(in oklch, var(--cpk-indigo-soft) 45%, white) 100%);border-top:1px solid color-mix(in oklch, var(--cpk-gold) 22%, var(--cpk-line))}.cpk-fee-breakdown dt{color:var(--cpk-muted);margin:0;font-size:12.5px}.cpk-fee-breakdown dd{color:var(--cpk-ink);margin:0;font-size:13px;font-weight:600}.cpk-fee-breakdown>div.total dt,.cpk-fee-breakdown>div.total dd{color:var(--cpk-indigo);font-size:14px;font-weight:600}.cpk-pay-hero{padding:var(--cpk-space-5) var(--cpk-space-4);border-radius:var(--cpk-radius-lg);border:1px solid color-mix(in oklch, var(--cpk-gold) 28%, var(--cpk-line));background:linear-gradient(160deg, color-mix(in oklch, var(--cpk-gold-soft) 70%, white) 0%, var(--cpk-card) 55%, color-mix(in oklch, var(--cpk-linen) 20%, white) 100%);text-align:center;gap:4px;display:grid}.cpk-pay-hero>span{letter-spacing:.05em;text-transform:uppercase;color:color-mix(in oklch, var(--cpk-gold) 50%, var(--cpk-carbon));font-size:11px;font-weight:600}.cpk-pay-hero strong{letter-spacing:-.04em;color:var(--cpk-ink);font-size:32px;font-weight:600;line-height:1}.cpk-pay-hero small{color:var(--cpk-muted);font-size:11.5px;line-height:1.4}.cpk-pay-methods--mobile{gap:var(--cpk-space-2);display:grid}.cpk-pay-methods--mobile button{align-items:center;gap:var(--cpk-space-3);text-align:left;grid-template-columns:auto minmax(0,1fr);width:100%;min-height:52px;padding:12px 14px;display:grid}.cpk-pay-tile-icon{background:var(--cpk-soft);width:36px;height:36px;color:var(--cpk-muted);transition:background .16s var(--cpk-ease-out), color .16s var(--cpk-ease-out);border-radius:10px;place-items:center;display:grid}.cpk-pay-methods--mobile button.active .cpk-pay-tile-icon{background:var(--cpk-indigo-soft);color:var(--cpk-indigo)}.cpk-pay-tile-copy{gap:2px;display:grid}.cpk-pay-tile-copy strong{color:var(--cpk-ink);font-size:13px;font-weight:600}.cpk-pay-tile-copy small{color:var(--cpk-muted);font-size:11px}.cpk-mobile-secure{color:var(--cpk-muted);justify-content:center;align-items:center;gap:6px;margin:0;font-size:10.5px;display:flex}.cpk-mobile-secure svg{color:var(--cpk-indigo);flex-shrink:0}.cpk-exit-step{text-align:center;align-items:stretch}.cpk-exit-success{justify-items:center;gap:var(--cpk-space-3);display:grid}.cpk-success-mark{background:var(--cpk-ok-soft);width:56px;height:56px;color:var(--cpk-ok);border:2px solid color-mix(in oklch, var(--cpk-ok) 25%, var(--cpk-line));box-shadow:0 0 0 6px color-mix(in oklch, var(--cpk-ok) 8%, transparent);border-radius:50%;place-items:center;display:grid}.cpk-exit-timer{background:var(--cpk-gold-soft);border:1px solid color-mix(in oklch, var(--cpk-gold) 30%, var(--cpk-line));color:color-mix(in oklch, var(--cpk-gold) 55%, var(--cpk-carbon));border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.cpk-exit-qr-card{width:100%;padding:var(--cpk-space-4);border-radius:var(--cpk-radius);border:1px solid color-mix(in oklch, var(--cpk-indigo) 16%, var(--cpk-line));background:color-mix(in oklch, var(--cpk-linen) 18%, white);box-shadow:inset 0 0 0 1px #ffffff80;box-shadow:inset 0 0 0 1px lab(100% 0 0/.5)}.cpk-exit-meta{border:1px solid var(--cpk-line);border-radius:var(--cpk-radius-sm);background:var(--cpk-soft);text-align:left;flex-direction:column;gap:0;width:100%;margin:0;display:flex;overflow:hidden}.cpk-exit-meta--premium{background:var(--cpk-card);border-color:color-mix(in oklch, var(--cpk-khaki) 40%, var(--cpk-line))}.cpk-exit-meta>div{justify-content:space-between;gap:var(--cpk-space-3);border-bottom:1px solid var(--cpk-line);padding:10px 14px;display:flex}.cpk-exit-meta>div:last-child{border-bottom:none}.cpk-exit-meta dt{color:var(--cpk-muted);margin:0;font-size:11.5px}.cpk-exit-meta dd{color:var(--cpk-ink);margin:0;font-size:12.5px;font-weight:600}.cpk-demo-scan-list{display:none}.cpk-mobile-notes{gap:var(--cpk-space-4);padding:var(--cpk-space-5);border-radius:var(--cpk-radius-lg);border:1px solid var(--cpk-line);background:var(--cpk-card);box-shadow:0 2px 16px color-mix(in oklch, var(--cpk-carbon) 4%, transparent);flex-direction:column;display:flex}.cpk-mobile-notes-lead{color:var(--cpk-muted);margin:-8px 0 0;font-size:13px;line-height:1.5}.cpk-notes-pill{border:1px solid color-mix(in oklch, var(--cpk-indigo) 22%, var(--cpk-line));background:var(--cpk-indigo-soft);color:var(--cpk-indigo);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:10.5px;font-weight:600;display:inline-flex}.cpk-mobile-notes h3{letter-spacing:-.02em;color:var(--cpk-ink);margin:0;font-size:18px;font-weight:600;line-height:1.25}.cpk-flow-steps{gap:var(--cpk-space-2);flex-direction:column;display:flex}.cpk-flow-steps button{align-items:center;gap:var(--cpk-space-3);border:1px solid var(--cpk-line);border-radius:var(--cpk-radius-sm);background:var(--cpk-card);text-align:left;width:100%;color:var(--cpk-muted);transition:background .16s var(--cpk-ease-out), border-color .16s var(--cpk-ease-out), color .16s var(--cpk-ease-out), box-shadow .16s var(--cpk-ease-out);grid-template-columns:auto auto minmax(0,1fr);padding:10px 12px;display:grid}.cpk-flow-steps button.is-done:not(.active){border-color:color-mix(in oklch, var(--cpk-ok) 22%, var(--cpk-line));background:color-mix(in oklch, var(--cpk-ok-soft) 50%, white)}.cpk-flow-num{background:var(--cpk-soft);border:1px solid var(--cpk-line);width:22px;height:22px;color:var(--cpk-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.cpk-flow-num.is-done{background:var(--cpk-ok-soft);border-color:color-mix(in oklch, var(--cpk-ok) 25%, var(--cpk-line));color:var(--cpk-ok);font-size:10px}.cpk-flow-icon{background:var(--cpk-soft);width:28px;height:28px;color:var(--cpk-muted);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.cpk-flow-copy{gap:1px;min-width:0;display:grid}.cpk-flow-copy strong{color:inherit;font-size:13px;font-weight:600;line-height:1.25;display:block}.cpk-flow-copy small{color:color-mix(in oklch, var(--cpk-muted) 90%, transparent);font-size:11px;line-height:1.35;display:block}.cpk-flow-steps button:disabled{opacity:.42;cursor:not-allowed}@media (hover:hover){.cpk-flow-steps button:hover:not(:disabled):not(.active){border-color:var(--cpk-khaki);color:var(--cpk-ink)}}.cpk-flow-steps button.active{background:linear-gradient(90deg, color-mix(in oklch, var(--cpk-gold-soft) 45%, white) 0%, var(--cpk-indigo-soft) 100%);border-color:color-mix(in oklch, var(--cpk-indigo) 22%, var(--cpk-line));color:var(--cpk-indigo);box-shadow:inset 3px 0 0 var(--cpk-gold)}.cpk-flow-steps button.active .cpk-flow-icon{background:color-mix(in oklch, var(--cpk-indigo) 12%, white);color:var(--cpk-indigo)}.cpk-flow-steps button.active .cpk-flow-num{background:var(--cpk-indigo);border-color:var(--cpk-indigo);color:var(--cpk-linen)}.cpk-flow-steps button:active:not(:disabled){transition:transform .16s var(--cpk-ease-out);transform:scale(.97)}.cpk-note-line{align-items:flex-start;gap:var(--cpk-space-2);padding:var(--cpk-space-3);border-radius:var(--cpk-radius-sm);border:1px solid var(--cpk-line);background:var(--cpk-soft);color:var(--cpk-muted);font-size:12.5px;line-height:1.45;display:flex}.cpk-note-line svg{color:var(--cpk-indigo);flex-shrink:0;margin-top:1px}@media (max-width:1100px){.cpk-metric-grid,.cpk-stats-strip--six{grid-template-columns:repeat(3,minmax(0,1fr))}.cpk-stat:nth-child(3){border-right:none}.cpk-stats-strip--six .cpk-stat:first-child,.cpk-stats-strip--six .cpk-stat:nth-child(2),.cpk-stats-strip--six .cpk-stat:nth-child(3){border-bottom:1px solid var(--cpk-line)}.cpk-dash-split{grid-template-columns:1fr}}@media (max-width:720px){.cpk-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cpk-dash-hero{padding:var(--cpk-space-4)}.cpk-dash-hero-copy h2{font-size:20px}.cpk-topbar-title span{display:none}.cpk-hide-sm{display:none!important}.cpk-stats-strip,.cpk-stats-strip--six{grid-template-columns:repeat(2,minmax(0,1fr))}.cpk-stat:nth-child(2n){border-right:none}.cpk-stats-strip--six .cpk-stat:first-child,.cpk-stats-strip--six .cpk-stat:nth-child(2),.cpk-stats-strip--six .cpk-stat:nth-child(3),.cpk-stats-strip--six .cpk-stat:nth-child(4){border-bottom:1px solid var(--cpk-line)}.cpk-dash-head{flex-direction:column;align-items:stretch}.cpk-dash-actions{width:100%}.cpk-dash-actions .cpk-btn{flex:1}.cpk-chart-row,.cpk-chart-row.triple,.cpk-manual-grid,.cpk-rates-grid,.cpk-rate-form-grid,.cpk-fee-preview-list,.cpk-rates-summary-grid{grid-template-columns:1fr}.cpk-donut-wrap{flex-direction:column;align-items:flex-start}.cpk-toolbar{flex-direction:column;align-items:stretch}.cpk-filter-pills{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.cpk-pay-methods.admin{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.cpk-hide-md{display:none!important}.cpk-content{padding:var(--cpk-space-4)}.cpk-page-head h2{font-size:18px}}@media (max-width:900px){.cpk-root{grid-template-columns:1fr}.cpk-sidebar-backdrop{display:block}.cpk-sidebar{width:min(280px,88vw);transition:transform .28s var(--cpk-ease-out);box-shadow:8px 0 32px color-mix(in oklch, var(--cpk-carbon) 12%, transparent);position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.cpk-sidebar.is-open{transform:translate(0)}.cpk-sidebar-close,.cpk-menu-btn{display:inline-flex}}@media (max-width:960px){.cpk-mobile-stage.mock-iphone-stage{grid-template-columns:minmax(0, 340px) minmax(0, min(480px, 1fr));gap:24px;padding:24px 16px 32px}}@media (max-width:720px){.cpk-mobile-stage.mock-iphone-stage{grid-template-columns:minmax(0, 300px) minmax(0, min(420px, 1fr));gap:20px}.demo-laptop-viewport .cpk-demo .cpk-mobile-stage.mock-iphone-stage{grid-template-columns:minmax(0, 300px) minmax(0, min(420px, 1fr))}}@media (prefers-reduced-motion:reduce){.cpk-scan-line,.cpk-scan-frame.is-scanning,.cpk-skeleton-row,.cpk-printing-bar:after,.cpk-step-enter,.cpk-live-dot{animation:none!important}.cpk-demo *,.cpk-sidebar{transition-duration:1ms!important}}
.cr-demo{--cr-icy:#bdede0;--cr-frozen:#bbdbd1;--cr-periwinkle:#b6b8d6;--cr-soft:#7e78d2;--cr-slate:#6f58c9;--cr-navy:#6f58c9;--cr-navy-dk:#5a48a8;--cr-teal:#7e78d2;--cr-teal-dk:#6f58c9;--cr-teal-lt:#bdede0;--cr-teal-mid:#bbdbd1;--cr-sand:#f2f8f6;--cr-gold:#7e78d2;--cr-gold-lt:#e8e6f4;--cr-paper:#f8fbfb;--cr-panel:#fff;--cr-ink:#3d3858;--cr-sub:#6b6785;--cr-dim:#9a96ad;--cr-line:color-mix(in srgb, var(--cr-periwinkle) 28%, #fff);--cr-line-dk:color-mix(in srgb, var(--cr-periwinkle) 48%, #fff);--cr-ok:#4a8f78;--cr-ok-bg:color-mix(in srgb, var(--cr-icy) 55%, #fff);--cr-warn:#9a7416;--cr-warn-bg:#f6efdd;--cr-bad:#c44536;--cr-bad-bg:#fcecea;--cr-r8:8px;--cr-r10:10px;--cr-r12:12px;--cr-r14:16px;--cr-ease:cubic-bezier(.16, 1, .3, 1);--cr-ease-out:cubic-bezier(.22, 1, .36, 1);--cr-shadow-sm:0 2px 10px #6f58c912, 0 1px 2px #3d38580a;--cr-shadow-md:0 12px 32px #6f58c91a;background:var(--cr-paper);height:100%;min-height:100%;color:var(--cr-ink);font-family:var(--font-geist-sans,system-ui, sans-serif);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;flex-direction:column;font-size:14px;line-height:1.5;display:flex;overflow:hidden}.cr-demo ::-webkit-scrollbar{width:6px;height:6px}.cr-demo ::-webkit-scrollbar-thumb{background:var(--cr-line-dk);border-radius:3px}.cr-demo button:not([role=tab]):focus-visible,.cr-demo input:focus-visible,.cr-demo select:focus-visible,.cr-demo textarea:focus-visible{outline:2px solid var(--cr-soft);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cr-demo *{transition-duration:1ms!important;animation-duration:1ms!important}}.cr-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cr-mode-surface{animation:cr-fade-up .24s var(--cr-ease-out) both}.cr-app{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex;overflow:hidden}.cr-topbar{background:var(--cr-slate);border-bottom:1px solid color-mix(in srgb, var(--cr-soft) 35%, transparent);flex-shrink:0;align-items:center;gap:14px;height:58px;padding:0 22px;display:flex;box-shadow:0 1px #ffffff0f,0 8px 24px #6f58c929}.cr-brand{align-items:center;gap:10px;display:flex}.cr-brand-mark{background:var(--cr-soft);width:32px;height:32px;font-family:var(--font-archivo,system-ui, sans-serif);color:#f8f7fc;border-radius:10px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;box-shadow:0 1px 6px #3d385838}.cr-brand-name{font-family:var(--font-archivo,system-ui, sans-serif);color:#f8f7fc;letter-spacing:-.03em;font-size:15px;font-weight:600}.cr-brand-sub{color:#ffffff8c;font-size:9px;font-family:var(--font-jetbrains-mono,monospace);letter-spacing:.08em}.cr-topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.cr-user-chip{background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 6px;display:flex}.cr-avatar{background:var(--cr-soft);color:#f8f7fc;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:flex}.cr-user-chip span{color:#f8f7fceb;font-size:11px}.cr-role-chip{color:#e8f5f0;font-size:10px;font-family:var(--font-jetbrains-mono,monospace);background:#bdede01f;border:1px solid #bdede047;border-radius:999px;padding:5px 12px}.cr-body{flex:1;display:flex;overflow:hidden}.cr-sidebar{background:var(--cr-panel);border-right:1px solid var(--cr-line);flex-direction:column;flex-shrink:0;width:208px;padding:16px 0;display:flex}.cr-nav-eyebrow{color:var(--cr-dim);letter-spacing:.12em;text-transform:uppercase;margin-top:8px;padding:0 16px 8px;font-size:9px;font-weight:700}.cr-nav-item{color:var(--cr-sub);text-align:left;border-radius:var(--cr-r10);cursor:pointer;width:calc(100% - 16px);min-height:40px;transition:background .2s var(--cr-ease-out), color .2s var(--cr-ease-out), transform .12s var(--cr-ease-out);background:0 0;border:none;align-items:center;gap:10px;margin:2px 8px;padding:10px 14px;font-size:12.5px;font-weight:500;display:flex}.cr-nav-item svg{opacity:.75;width:16px;height:16px;transition:opacity .2s var(--cr-ease-out);flex-shrink:0}.cr-nav-item:hover{background:color-mix(in srgb, var(--cr-icy) 40%, var(--cr-panel));color:var(--cr-ink)}.cr-nav-item:active{transform:scale(.98)}.cr-nav-item.active{background:color-mix(in srgb, var(--cr-icy) 55%, var(--cr-panel));color:var(--cr-slate);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cr-soft) 28%, transparent);font-weight:600}.cr-nav-item.active svg{opacity:1}.cr-nav-badge{background:var(--cr-bad);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:9px;font-weight:700;display:flex}.cr-main{background:var(--cr-sand);flex:1;padding:26px 32px 56px;overflow-y:auto}.cr-dash-pulse{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.cr-pulse-card{border:1px solid var(--cr-line);border-radius:var(--cr-r10);background:var(--cr-panel);box-shadow:var(--cr-shadow-sm);gap:4px;padding:14px 16px;display:grid}.cr-pulse-card span{letter-spacing:.04em;text-transform:uppercase;color:var(--cr-sub);font-size:10.5px;font-weight:600}.cr-pulse-card strong{color:var(--cr-ink);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.cr-pulse-card small{color:var(--cr-sub);font-size:11px}.cr-pulse-card.ok{border-left:3px solid var(--cr-ok);background:var(--cr-ok-bg)}.cr-pulse-card.warn{border-left:3px solid var(--cr-warn);background:var(--cr-warn-bg)}.cr-pulse-card.idle{border-left:3px solid var(--cr-slate);background:var(--cr-gold-lt)}.cr-screen{display:none}.cr-screen.active{animation:cr-fade-up .28s var(--cr-ease-out) both;display:block}@keyframes cr-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cr-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes cr-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.88)}}.cr-screen-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.cr-screen-title{font-family:var(--font-archivo,system-ui, sans-serif);letter-spacing:-.035em;color:var(--cr-ink);font-size:24px;font-weight:700;line-height:1.12}.cr-screen-sub{color:var(--cr-sub);max-width:58ch;margin-top:4px;font-size:12.5px}.cr-mobile-nav{background:var(--cr-panel);border-bottom:1px solid var(--cr-line);z-index:2;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:8px;padding:10px 14px;display:none;position:sticky;top:0;overflow-x:auto}.cr-mobile-nav button{border:1px solid var(--cr-line-dk);background:var(--cr-panel);min-height:44px;color:var(--cr-sub);cursor:pointer;scroll-snap-align:start;border-radius:999px;flex-shrink:0;padding:8px 14px;font-size:12px;font-weight:600}.cr-mobile-nav button.active{background:var(--cr-soft);color:#f8f7fc;border-color:#0000;box-shadow:0 2px 8px #6f58c938}@media (max-width:768px){.cr-sidebar{display:none}.cr-mobile-nav{display:flex}.cr-main{padding:18px 14px 48px}.cr-topbar{z-index:3;flex-wrap:wrap;height:auto;min-height:58px;padding:12px 14px;position:sticky;top:0}.cr-btn,.cr-nav-item,.cr-mobile-nav button{min-height:44px}.cr-btn-sm{min-height:40px}.cr-field input,.cr-field select,.cr-field textarea,.cr-chat-compose input{font-size:16px}.cr-screen-title{font-size:21px}.cr-tbl-wrap:after{content:"Swipe to see more columns";color:var(--cr-dim);border-top:1px solid var(--cr-line);background:var(--cr-paper);padding:8px 14px 10px;font-size:10px;display:block}}@media (min-width:769px) and (max-width:1024px){.cr-sidebar{width:184px}.cr-main{padding:22px 24px 48px}.cr-stat-grid{grid-template-columns:repeat(2,1fr)}.cr-stat-grid .cr-stat-card--lead{grid-column:1/-1}}.cr-stat-grid{grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}@media (max-width:900px){.cr-stat-grid{grid-template-columns:repeat(2,1fr)}.cr-stat-grid .cr-stat-card--lead{grid-column:1/-1}}@media (max-width:480px){.cr-stat-grid{grid-template-columns:1fr}}.cr-stat-card{background:var(--cr-panel);border:1px solid var(--cr-line);border-left:3px solid var(--cr-periwinkle);box-shadow:var(--cr-shadow-sm);animation:cr-fade-up .32s var(--cr-ease-out) both;animation-delay:calc(var(--cr-i,0) * 55ms);border-radius:12px;padding:18px}.cr-stat-card.warn{border-color:var(--cr-line);border-left-color:var(--cr-warn);background:var(--cr-warn-bg)}.cr-stat-card--lead{background:var(--cr-gold-lt);border-color:color-mix(in srgb, var(--cr-slate) 22%, var(--cr-line));border-left-color:var(--cr-slate);padding:18px}.cr-stat-card--lead .cr-stat-val{color:var(--cr-slate);letter-spacing:-.02em;font-size:26px;font-weight:600}.cr-stat-card--lead .cr-stat-lbl{color:var(--cr-sub);font-size:11.5px}.cr-stat-val{font-family:var(--font-geist-sans,system-ui, sans-serif);font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:26px;font-weight:600;line-height:1}.cr-stat-lbl{color:var(--cr-sub);font-size:11.5px;font-weight:500}.cr-grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:16px;margin-bottom:16px;display:grid}.cr-grid-2--balanced{align-items:stretch}@media (max-width:768px){.cr-grid-2{grid-template-columns:1fr}}.cr-card{background:var(--cr-panel);border:1px solid var(--cr-line);border-radius:var(--cr-r14);box-shadow:var(--cr-shadow-sm);padding:18px}.cr-card-title{font-family:var(--font-archivo,system-ui, sans-serif);letter-spacing:-.02em;margin-bottom:14px;font-size:14px;font-weight:700}.cr-card-title small{display:none}.cr-eyebrow{color:var(--cr-dim);letter-spacing:.1em;text-transform:uppercase;margin:20px 0 12px;font-size:10px;font-weight:600}.cr-tbl-wrap{background:var(--cr-panel);border:1px solid var(--cr-line);border-radius:var(--cr-r14);box-shadow:var(--cr-shadow-sm);overflow-x:auto}.cr-tbl-wrap table{border-collapse:collapse;width:100%;min-width:480px;font-size:12px}.cr-tbl-wrap th{text-align:left;color:var(--cr-dim);border-bottom:1px solid var(--cr-line);letter-spacing:.08em;text-transform:uppercase;background:var(--cr-paper);padding:11px 14px;font-size:9px;font-weight:600}.cr-tbl-wrap td{border-bottom:1px solid var(--cr-line);vertical-align:middle;padding:11px 14px}.cr-tbl-wrap tr:last-child td{border-bottom:none}.cr-tbl-wrap tr:hover td{background:color-mix(in srgb, var(--cr-icy) 35%, transparent)}.cr-mono{font-family:var(--font-jetbrains-mono,monospace);color:var(--cr-sub);font-size:11px}.cr-pill{border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex}.cr-pill-ok{background:var(--cr-ok-bg);color:var(--cr-ok)}.cr-pill-warn{background:var(--cr-warn-bg);color:var(--cr-warn)}.cr-pill-bad{background:var(--cr-bad-bg);color:var(--cr-bad)}.cr-pill-idle{background:color-mix(in srgb, var(--cr-frozen) 35%, #fff);color:var(--cr-sub)}.cr-pill-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.cr-pill-warn .cr-pill-dot{animation:cr-pulse-dot 2.4s var(--cr-ease-out) infinite}.cr-btn{border-radius:var(--cr-r10);cursor:pointer;min-height:38px;transition:background .18s var(--cr-ease-out), border-color .18s var(--cr-ease-out), color .18s var(--cr-ease-out), transform .12s var(--cr-ease-out), box-shadow .18s var(--cr-ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.cr-btn:active:not(:disabled){transform:scale(.98)}.cr-btn:disabled{opacity:.55;cursor:not-allowed}.cr-btn-primary{background:var(--cr-soft);color:#f8f7fc;box-shadow:0 1px 6px #6f58c933}.cr-btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--cr-soft) 88%, var(--cr-slate));box-shadow:0 2px 10px #6f58c93d}.cr-btn-dark{background:var(--cr-slate);color:#f8f7fc;box-shadow:0 1px 6px #6f58c92e}.cr-btn-dark:hover:not(:disabled){background:color-mix(in srgb, var(--cr-slate) 90%, var(--cr-ink))}.cr-btn-ghost{background:var(--cr-panel);color:var(--cr-sub);border-color:var(--cr-line-dk);box-shadow:var(--cr-shadow-sm)}.cr-btn-ghost:hover:not(:disabled){border-color:color-mix(in srgb, var(--cr-soft) 40%, var(--cr-line-dk));background:color-mix(in srgb, var(--cr-icy) 35%, var(--cr-panel));color:var(--cr-ink)}.cr-btn.is-loading{pointer-events:none;opacity:.88;position:relative}.cr-btn.is-loading:before{content:"";width:45%;animation:cr-shimmer 1.1s var(--cr-ease-out) infinite;background:linear-gradient(90deg,#0000,#ffffff38,#0000);position:absolute;top:0;bottom:0;left:0}.cr-btn-sm{min-height:32px;padding:6px 11px;font-size:11px}.cr-btn-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cr-field{margin-bottom:12px}.cr-field label{color:var(--cr-sub);margin-bottom:5px;font-size:10.5px;font-weight:600;display:block}.cr-field input,.cr-field select,.cr-field textarea{border:1px solid var(--cr-line-dk);border-radius:var(--cr-r10);background:var(--cr-panel);width:100%;color:var(--cr-ink);box-shadow:var(--cr-shadow-sm);padding:10px 12px;font-family:inherit;font-size:13px}.cr-field textarea{resize:vertical;min-height:88px}.cr-field input:focus,.cr-field select:focus,.cr-field textarea:focus{border-color:var(--cr-soft);outline:none;box-shadow:0 0 0 3px #7e78d229}.cr-field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:520px){.cr-field-row{grid-template-columns:1fr}}.cr-hint{color:var(--cr-dim);margin-top:4px;font-size:10px}.cr-hint--block{margin-bottom:12px}.cr-field--flush{margin-bottom:0}.cr-row-meta--spaced{margin-top:8px}.cr-btn-row--spaced{margin-top:14px}.cr-pay-cta{margin-bottom:8px}.cr-submit-full{width:100%;margin-top:12px}.cr-maction--spaced{margin-top:16px}.cr-filter-row{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.cr-filter-row input,.cr-filter-row select{border:1px solid var(--cr-line-dk);border-radius:var(--cr-r10);background:#fff;padding:8px 11px;font-family:inherit;font-size:12px}.cr-row-card{border-bottom:1px solid var(--cr-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.cr-row-card:last-child{border-bottom:none}.cr-row-name{font-size:13px;font-weight:600}.cr-row-meta{color:var(--cr-sub);margin-top:2px;font-size:11px}.cr-tenant-avatar{width:32px;height:32px;color:var(--cr-slate);background:color-mix(in srgb, var(--cr-icy) 65%, var(--cr-panel));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cr-soft) 22%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.cr-cell-name{align-items:center;gap:10px;display:flex}.cr-empty{text-align:center;color:var(--cr-sub);border:1px dashed var(--cr-line-dk);border-radius:var(--cr-r14);background:color-mix(in srgb, var(--cr-icy) 18%, var(--cr-panel));padding:32px 24px;font-size:13px}.cr-metric-lg{font-family:var(--font-archivo,system-ui, sans-serif);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:28px;font-weight:700;line-height:1.05}.cr-metric-lg--bad{color:var(--cr-bad)}.cr-toast{background:color-mix(in srgb, var(--cr-ink) 92%, var(--cr-slate));color:#f8f7fc;border-radius:var(--cr-r12);z-index:200;max-width:380px;box-shadow:var(--cr-shadow-md);border:1px solid #ffffff14;align-items:center;gap:8px;padding:13px 17px;font-size:12.5px;display:none;position:fixed;bottom:22px;right:22px}.cr-toast.show{animation:cr-toast-in .26s var(--cr-ease-out) both;display:flex}@keyframes cr-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cr-toast-err{background:color-mix(in srgb, var(--cr-ink) 88%, var(--cr-bad))}.cr-toast-info{background:color-mix(in srgb, var(--cr-ink) 88%, var(--cr-soft))}.cr-chat-layout{border:1px solid var(--cr-line);border-radius:var(--cr-r14);background:var(--cr-panel);min-height:380px;box-shadow:var(--cr-shadow-sm);grid-template-columns:260px 1fr;gap:0;display:grid;overflow:hidden}@media (max-width:768px){.cr-chat-layout{grid-template-columns:1fr;min-height:420px}.cr-chat-layout--pane .cr-chat-list,.cr-chat-layout:not(.cr-chat-layout--pane) .cr-chat-pane{display:none}}@media (min-width:769px){.cr-chat-back{display:none}}.cr-chat-back{text-align:left;width:100%;color:var(--cr-soft);cursor:pointer;background:0 0;border:none;margin-bottom:6px;padding:0;font-size:11px;font-weight:600;display:block}.cr-chat-head{border-bottom:1px solid var(--cr-line);background:var(--cr-panel);padding:12px 16px;font-size:13px;font-weight:600}.cr-chat-msgs--inline{border:1px solid var(--cr-line);border-radius:var(--cr-r12);min-height:200px;max-height:260px;margin-bottom:10px;padding:12px;overflow-y:auto}.cr-chat-compose--inline{background:0 0;border:none;padding:0}.cr-chat-list{border-right:1px solid var(--cr-line);background:var(--cr-paper);overflow-y:auto}.cr-chat-thread{text-align:left;border:none;border-bottom:1px solid var(--cr-line);cursor:pointer;width:100%;transition:background .18s var(--cr-ease-out);background:0 0;padding:12px 14px;display:block}.cr-chat-thread:hover{background:color-mix(in srgb, var(--cr-icy) 30%, var(--cr-panel))}.cr-chat-thread.active{background:color-mix(in srgb, var(--cr-icy) 45%, var(--cr-panel));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cr-soft) 30%, transparent)}.cr-chat-thread-name{font-size:12.5px;font-weight:600}.cr-chat-thread-preview{color:var(--cr-sub);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.cr-chat-pane{flex-direction:column;min-height:380px;display:flex}.cr-chat-msgs{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex;overflow-y:auto}.cr-msg{max-width:78%;animation:cr-fade-up .22s var(--cr-ease-out) both;border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.45}.cr-msg-in{background:color-mix(in srgb, var(--cr-icy) 70%, #fff);border-bottom-left-radius:4px;align-self:flex-start;box-shadow:inset 0 0 0 1px #bbdbd180}.cr-msg-out{background:var(--cr-soft);color:#f8f7fc;border-bottom-right-radius:4px;align-self:flex-end}.cr-msg-time{opacity:.65;font-size:9px;font-family:var(--font-jetbrains-mono,monospace);margin-top:4px}.cr-chat-compose{border-top:1px solid var(--cr-line);background:#fff;gap:8px;padding:12px 14px;display:flex}.cr-chat-compose input{border:1px solid var(--cr-line-dk);border-radius:var(--cr-r10);flex:1;padding:10px 12px;font-family:inherit;font-size:13px}.cr-announce-card{border:1px solid var(--cr-line);border-radius:var(--cr-r12);background:#fff;margin-bottom:10px;padding:14px 16px}.cr-announce-card.unread{border-color:color-mix(in srgb, var(--cr-soft) 35%, var(--cr-line));background:color-mix(in srgb, var(--cr-icy) 38%, var(--cr-panel))}.cr-announce-title{margin-bottom:4px;font-size:13px;font-weight:600}.cr-announce-body{color:var(--cr-sub);font-size:12px;line-height:1.5}.cr-announce-meta{color:var(--cr-dim);font-size:10px;font-family:var(--font-jetbrains-mono,monospace);margin-top:6px}.cr-upload{border:2px dashed var(--cr-line-dk);border-radius:var(--cr-r12);text-align:center;color:var(--cr-sub);cursor:pointer;padding:20px;font-size:12px;transition:border-color .15s,background .15s}.cr-upload:hover{border-color:var(--cr-soft);background:color-mix(in srgb, var(--cr-icy) 45%, #fff)}.cr-upload.has-file{border-style:solid;border-color:var(--cr-soft);background:color-mix(in srgb, var(--cr-icy) 40%, #fff)}.cr-upload-preview{object-fit:cover;border-radius:var(--cr-r8);width:100%;max-height:120px;margin-top:10px}.cr-mobile-stage{background:var(--cr-sand)}.cr-mphone-screen{background:var(--cr-panel);flex-direction:column;min-height:100%;display:flex}.cr-mbar{background:var(--cr-slate);color:#f8f7fc;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.cr-mbar-title{letter-spacing:-.02em;font-size:14px;font-weight:700}.cr-mbar-sub{opacity:.7;font-size:10px;font-family:var(--font-jetbrains-mono,monospace)}.cr-mtabs{border-bottom:1px solid var(--cr-line);background:#fff;display:flex}.cr-mtabs button{color:var(--cr-sub);cursor:pointer;min-height:44px;transition:color .18s var(--cr-ease-out), border-color .18s var(--cr-ease-out);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 8px;font-size:11px;font-weight:600}.cr-mtabs button.active{color:var(--cr-slate);border-bottom-color:var(--cr-soft)}.cr-mcontent{flex:1;padding:16px;overflow-y:auto}.cr-scan-home{text-align:center;justify-items:center;gap:14px;padding-top:8px;display:grid}.cr-scan-home-lead{color:var(--cr-sub);margin:0;font-size:11px}.cr-scan-progress{background:color-mix(in srgb, var(--cr-periwinkle) 14%, var(--cr-panel));color:var(--cr-sub);border-radius:999px;align-items:baseline;gap:6px;padding:8px 14px;font-size:12px;display:flex}.cr-scan-progress strong{color:var(--cr-slate);font-size:18px;font-weight:600}.cr-scan-frame{aspect-ratio:1;border-radius:var(--cr-r14);background:color-mix(in srgb, var(--cr-icy) 35%, var(--cr-panel));width:100%;max-width:260px;color:var(--cr-slate);place-items:center;margin-top:4px;display:grid;position:relative}.cr-scan-corner{border:2px solid var(--cr-soft);width:28px;height:28px;position:absolute}.cr-scan-corner--tl{border-bottom:0;border-right:0;border-radius:6px 0 0;top:16px;left:16px}.cr-scan-corner--tr{border-bottom:0;border-left:0;border-radius:0 6px 0 0;top:16px;right:16px}.cr-scan-corner--bl{border-top:0;border-right:0;border-radius:0 0 0 6px;bottom:16px;left:16px}.cr-scan-corner--br{border-top:0;border-left:0;border-radius:0 0 6px;bottom:16px;right:16px}.cr-scan-hint{max-width:24ch;color:var(--cr-sub);margin:0;font-size:12px;line-height:1.45}.cr-rfid-scan--hero{min-height:48px;margin-bottom:0;font-size:14px}.cr-scan-entry{gap:12px;display:grid}.cr-scan-back{color:var(--cr-sub);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:12px;font-weight:600}.cr-checklist{gap:10px;display:grid}.cr-checklist-summary{border:1px solid var(--cr-line);border-radius:var(--cr-r12);background:color-mix(in srgb, var(--cr-icy) 22%, var(--cr-panel));color:var(--cr-sub);justify-content:space-between;align-items:center;padding:12px 14px;font-size:12px;display:flex}.cr-checklist-summary strong{color:var(--cr-slate);font-size:20px;font-weight:600}.cr-checklist-row{border:1px solid var(--cr-line);border-radius:var(--cr-r12);background:var(--cr-panel);padding:12px 14px}.cr-checklist-row.is-complete{border-color:color-mix(in srgb, var(--cr-ok) 30%, var(--cr-line));background:color-mix(in srgb, var(--cr-ok-bg) 40%, var(--cr-panel))}.cr-checklist-row-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.cr-checklist-row-head strong{font-size:14px;display:block}.cr-checklist-row-head span{color:var(--cr-sub);margin-top:2px;font-size:11px;display:block}.cr-checklist-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:10px;font-weight:700}.cr-checklist-badge.done{background:color-mix(in srgb, var(--cr-ok) 14%, var(--cr-panel));color:var(--cr-ok)}.cr-checklist-badge.pending{background:color-mix(in srgb, var(--cr-warn) 12%, var(--cr-panel));color:var(--cr-warn)}.cr-checklist-meters{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cr-checklist-meter{border-radius:var(--cr-r8);background:color-mix(in srgb, var(--cr-frozen) 30%, var(--cr-panel));border:1px solid var(--cr-line);padding:8px 10px}.cr-checklist-meter.is-done{border-color:color-mix(in srgb, var(--cr-ok) 28%, var(--cr-line));background:color-mix(in srgb, var(--cr-ok-bg) 50%, var(--cr-panel))}.cr-checklist-meter span{color:var(--cr-sub);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700;display:block}.cr-checklist-meter strong{color:var(--cr-ink);margin-top:4px;font-size:12px;display:block}.cr-checklist-meter:not(.is-done) strong{color:var(--cr-dim);font-weight:600}.cr-report-form{gap:12px;display:grid}.cr-meter-card{border:1px solid var(--cr-line);border-radius:var(--cr-r14);background:var(--cr-panel);margin-bottom:12px;padding:14px}.cr-meter-unit{margin-bottom:2px;font-size:14px;font-weight:700}.cr-meter-type{color:var(--cr-sub);margin-bottom:12px;font-size:11px}.cr-meter-block{border-top:1px solid var(--cr-line);margin-top:12px;padding-top:12px}.cr-meter-block:first-of-type{border-top:none;margin-top:0;padding-top:0}.cr-meter-block-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.cr-meter-block-label{color:var(--cr-ink);font-size:11px;font-weight:700}.cr-meter-prev-inline{color:var(--cr-dim);font-size:10px;font-family:var(--font-jetbrains-mono,monospace)}.cr-rfid-scan{border:1px dashed color-mix(in srgb, var(--cr-soft) 45%, var(--cr-line-dk));border-radius:var(--cr-r12);background:color-mix(in srgb, var(--cr-icy) 28%, var(--cr-panel));width:100%;min-height:44px;color:var(--cr-slate);cursor:pointer;transition:background .18s var(--cr-ease-out), border-color .18s var(--cr-ease-out), transform .12s var(--cr-ease-out);justify-content:center;align-items:center;gap:8px;margin-bottom:10px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.cr-rfid-scan:hover:not(:disabled){background:color-mix(in srgb, var(--cr-icy) 45%, var(--cr-panel));border-color:var(--cr-soft)}.cr-rfid-scan:active:not(:disabled){transform:scale(.98)}.cr-rfid-scan:disabled{cursor:wait;opacity:.85}.cr-rfid-scan.is-scanning{border-style:solid;border-color:var(--cr-soft);animation:cr-rfid-pulse 1.1s var(--cr-ease-out) infinite}@keyframes cr-rfid-pulse{0%,to{box-shadow:0 0 #7e78d200}50%{box-shadow:0 0 0 4px #7e78d224}}.cr-rfid{border-radius:var(--cr-r12);background:color-mix(in srgb, var(--cr-ok-bg) 70%, var(--cr-panel));border:1px solid color-mix(in srgb, var(--cr-ok) 28%, var(--cr-line));align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;display:flex}.cr-rfid-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cr-rfid-icon--ok{background:color-mix(in srgb, var(--cr-ok) 18%, var(--cr-panel));color:var(--cr-ok)}.cr-rfid-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.cr-rfid-status{color:var(--cr-ok);font-size:11px;font-weight:700}.cr-rfid-id{color:var(--cr-sub);font-size:10px;font-family:var(--font-jetbrains-mono,monospace);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cr-field input:disabled,.cr-field textarea:disabled{background:color-mix(in srgb, var(--cr-frozen) 22%, var(--cr-panel));color:var(--cr-dim);cursor:not-allowed;border-color:var(--cr-line);box-shadow:none}.cr-field-lock-hint{color:var(--cr-dim);margin-top:5px;font-size:10px;line-height:1.35}.cr-meter-prev{color:var(--cr-dim);font-size:11px;font-family:var(--font-jetbrains-mono,monospace);margin-bottom:8px}.cr-maction{border-radius:var(--cr-r12);background:var(--cr-soft);color:#f8f7fc;cursor:pointer;width:100%;min-height:48px;transition:background .18s var(--cr-ease-out), transform .12s var(--cr-ease-out);border:none;margin-top:8px;font-size:15px;font-weight:700;box-shadow:0 2px 10px #6f58c92e}.cr-maction:active{transform:scale(.98)}.cr-maction.secondary{background:var(--cr-panel);color:var(--cr-sub);border:1px solid var(--cr-line-dk);margin-top:8px}.cr-mobile-notes{width:100%;max-width:520px;padding-top:12px}.cr-notes-pill{background:color-mix(in srgb, var(--cr-soft) 14%, var(--cr-panel));color:var(--cr-slate);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.cr-mobile-notes h3{text-wrap:balance;color:var(--cr-ink);margin:12px 0 8px;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:600;line-height:1.05}.cr-mobile-notes p{color:var(--cr-sub);margin:0;font-size:14px;line-height:1.55}.cr-mobile-screen-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.cr-mobile-screen-list button{border:1px solid var(--cr-line);background:color-mix(in srgb, var(--cr-panel) 88%, var(--cr-frozen));min-height:58px;color:var(--cr-ink);text-align:left;cursor:pointer;transition:border-color .18s var(--cr-ease-out), background .18s var(--cr-ease-out), transform .12s var(--cr-ease-out);border-radius:12px;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:8px;padding:10px;display:grid}.cr-mobile-screen-list button:hover,.cr-mobile-screen-list button.active{border-color:color-mix(in srgb, var(--cr-soft) 45%, var(--cr-line));background:var(--cr-panel)}.cr-mobile-screen-list button:active{transform:translateY(1px)}.cr-mobile-screen-list svg{color:var(--cr-slate)}.cr-mobile-screen-list strong,.cr-mobile-screen-list small{display:block}.cr-mobile-screen-list strong{font-size:13px;font-weight:700;line-height:1.2}.cr-mobile-screen-list small{color:var(--cr-sub);margin-top:2px;font-size:11px;line-height:1.35}.cr-note-line{border-radius:var(--cr-r12);background:color-mix(in srgb, var(--cr-periwinkle) 12%, var(--cr-panel));color:var(--cr-sub);align-items:flex-start;gap:8px;margin-top:16px;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.cr-note-line svg{color:var(--cr-slate);flex-shrink:0;margin-top:1px}@media (max-width:960px){.cr-mobile-notes{text-align:center;max-width:520px}.cr-mobile-screen-list,.cr-note-line{text-align:left}}