.tgg-root{--tgg-honeydew:#edffec;--tgg-green:#61e786;--tgg-charcoal:#5a5766;--tgg-grape:#48435c;--tgg-periwinkle:#9792e3;--tgg-lavender:var(--tgg-charcoal);--tgg-aquamarine:var(--tgg-honeydew);--tgg-spring:var(--tgg-green);--tgg-emerald:var(--tgg-green);--tgg-forest:var(--tgg-grape);--tgg-bg:#fff;--tgg-ink:var(--tgg-grape);--tgg-muted:var(--tgg-charcoal);--tgg-line:color-mix(in oklch, var(--tgg-charcoal) 22%, white);--tgg-line-soft:color-mix(in oklch, var(--tgg-charcoal) 12%, white);--tgg-surface-hover:color-mix(in oklch, var(--tgg-honeydew) 88%, white);--tgg-surface-active:color-mix(in oklch, var(--tgg-honeydew) 72%, var(--tgg-green) 12%);--tgg-accent:var(--tgg-green);--tgg-accent-strong:color-mix(in oklch, var(--tgg-green) 68%, var(--tgg-grape));--tgg-accent-soft:var(--tgg-honeydew);--tgg-danger:#c45a4a;--tgg-warn:#b8860b;--tgg-ease-out:cubic-bezier(.23, 1, .32, 1);--tgg-radius:8px;--tgg-radius-pill:999px;--tgg-space-1:4px;--tgg-space-2:8px;--tgg-space-3:12px;--tgg-space-4:16px;--tgg-space-5:24px;--tgg-space-6:32px;--tgg-space-7:40px;--tgg-focus:0 0 0 2px white, 0 0 0 4px color-mix(in oklch, var(--tgg-green) 50%, white);background:var(--tgg-bg);height:100%;min-height:680px;color:var(--tgg-ink);font-family:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.01em;flex-direction:column;font-size:.875rem;font-weight:450;display:flex;overflow:hidden}.tgg-root button:not([role=tab]),.tgg-root input,.tgg-root select,.tgg-root textarea{font:inherit}.tgg-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}.tgg-mono{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:-.02em;font-size:.8125rem;font-weight:450}.tgg-shell{flex:1;grid-template-columns:232px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.tgg-sidebar-backdrop{display:none}.tgg-sidebar{border-right:1px solid var(--tgg-line-soft);background:var(--tgg-bg);flex-direction:column;min-height:0;display:flex}.tgg-sidebar-head{min-height:72px;padding:0 var(--tgg-space-5);border-bottom:1px solid var(--tgg-line-soft);justify-content:space-between;align-items:center;display:flex}.tgg-sidebar-close{display:none}.tgg-logo{letter-spacing:-.05em;text-transform:uppercase;align-items:center;gap:6px;font-size:1.375rem;font-weight:650;line-height:1;display:inline-flex}.tgg-logo-mark{flex:none;width:27px;height:27px}.tgg-logo-mark .meraki-demo-logo-img{filter:brightness(0)saturate(0%)opacity(.82)}.tgg-logo-tag{color:var(--tgg-accent)}.tgg-logo-gate{color:var(--tgg-ink)}.tgg-logo.is-compact{font-size:1.625rem}.tgg-logo.is-compact .tgg-logo-mark{width:36px;height:36px}.tgg-logo.is-compact .tgg-logo-tag,.tgg-logo.is-compact .tgg-logo-gate{display:none}.tgg-nav-group{gap:var(--tgg-space-1);display:grid}.tgg-sidebar nav{gap:var(--tgg-space-5);padding:var(--tgg-space-6) var(--tgg-space-3) var(--tgg-space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.tgg-nav-label{padding:0 var(--tgg-space-3);margin-bottom:var(--tgg-space-1);color:var(--tgg-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.625rem;font-weight:600}.tgg-nav-item{min-height:40px;padding:9px var(--tgg-space-3);border-radius:var(--tgg-radius);color:color-mix(in oklch, var(--tgg-forest) 55%, var(--tgg-lavender));cursor:pointer;text-align:left;transition:background .18s var(--tgg-ease-out), color .18s var(--tgg-ease-out), border-color .18s var(--tgg-ease-out), transform .14s var(--tgg-ease-out);background:0 0;border:1px solid #0000;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;font-size:.8125rem;font-weight:500;display:grid}@media (hover:hover) and (pointer:fine){.tgg-nav-item:hover{background:var(--tgg-surface-hover);color:var(--tgg-ink)}}.tgg-nav-item.is-active{background:var(--tgg-surface-active);border-color:color-mix(in oklch, var(--tgg-green) 35%, white);color:var(--tgg-accent-strong);font-weight:550}.tgg-nav-item:active{transform:scale(.98)}.tgg-nav-item:focus-visible{box-shadow:var(--tgg-focus);outline:none}.tgg-sidebar-foot{gap:var(--tgg-space-1);margin:var(--tgg-space-3);padding:var(--tgg-space-4) var(--tgg-space-2) var(--tgg-space-3);border-top:1px solid var(--tgg-line-soft);display:grid}.tgg-foot-link{align-items:center;gap:var(--tgg-space-2);min-height:40px;padding:var(--tgg-space-2) var(--tgg-space-3);border-radius:var(--tgg-radius);color:color-mix(in oklch, var(--tgg-forest) 55%, var(--tgg-lavender));cursor:pointer;text-align:left;transition:background .16s var(--tgg-ease-out), color .16s var(--tgg-ease-out);background:0 0;border:0;font-size:.8125rem;font-weight:500;display:inline-flex}@media (hover:hover) and (pointer:fine){.tgg-foot-link:hover{background:var(--tgg-surface-hover);color:var(--tgg-ink)}}.tgg-version{padding:var(--tgg-space-2) var(--tgg-space-3);color:var(--tgg-muted);font-size:.6875rem}.tgg-main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.tgg-topbar{justify-content:space-between;align-items:center;gap:var(--tgg-space-4);min-height:76px;padding:0 var(--tgg-space-6);border-bottom:1px solid var(--tgg-line-soft);display:flex}.tgg-topbar-main{align-items:center;gap:var(--tgg-space-3);min-width:0;display:flex}.tgg-kicker{margin:0 0 var(--tgg-space-1);color:var(--tgg-muted);font-size:.8125rem;font-weight:500}.tgg-page-title{color:var(--tgg-ink);letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:600;line-height:1.15}.tgg-page-meta{margin:var(--tgg-space-1) 0 0;color:var(--tgg-muted);font-size:.8125rem}.tgg-topbar-actions{align-items:center;gap:var(--tgg-space-3);flex-shrink:0;display:flex}.tgg-icon-btn{border:1px solid var(--tgg-line);border-radius:var(--tgg-radius-pill);background:var(--tgg-bg);width:40px;height:40px;color:var(--tgg-muted);cursor:pointer;transition:background .16s var(--tgg-ease-out), border-color .16s var(--tgg-ease-out), color .16s var(--tgg-ease-out), transform .14s var(--tgg-ease-out);place-items:center;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.tgg-icon-btn:hover{border-color:color-mix(in oklch, var(--tgg-green) 40%, white);background:var(--tgg-surface-hover);color:var(--tgg-accent-strong)}}.tgg-icon-btn:active{transform:scale(.97)}.tgg-icon-btn:focus-visible{box-shadow:var(--tgg-focus);outline:none}.tgg-notify-dot{border:2px solid var(--tgg-bg);background:var(--tgg-danger);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:10px}.tgg-user-chip{align-items:center;gap:var(--tgg-space-3);padding:5px 6px 5px var(--tgg-space-4);border:1px solid var(--tgg-line-soft);border-radius:var(--tgg-radius-pill);display:inline-flex}.tgg-user-chip strong{font-size:.8125rem;font-weight:600;line-height:1.2;display:block}.tgg-user-chip span{color:var(--tgg-muted);font-size:.6875rem;display:block}.tgg-avatar{border-radius:var(--tgg-radius-pill);flex-shrink:0;place-items:center;display:inline-grid;overflow:hidden}.tgg-content{overscroll-behavior:contain;min-height:0;padding:var(--tgg-space-6);flex:1;overflow:hidden auto}.tgg-btn{min-height:40px;padding:0 var(--tgg-space-4);border-radius:var(--tgg-radius);cursor:pointer;white-space:nowrap;transition:background .16s var(--tgg-ease-out), border-color .16s var(--tgg-ease-out), color .16s var(--tgg-ease-out), transform .14s var(--tgg-ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;font-size:.8125rem;font-weight:550;display:inline-flex}.tgg-btn:active{transform:scale(.97)}.tgg-btn:focus-visible{box-shadow:var(--tgg-focus);outline:none}.tgg-btn-primary{background:var(--tgg-accent);color:var(--tgg-grape)}@media (hover:hover) and (pointer:fine){.tgg-btn-primary:hover{background:color-mix(in oklch, var(--tgg-green) 88%, var(--tgg-grape) 8%)}}.tgg-btn-secondary{border-color:var(--tgg-line);background:var(--tgg-bg);color:var(--tgg-ink)}@media (hover:hover) and (pointer:fine){.tgg-btn-secondary:hover{background:var(--tgg-surface-hover)}}.tgg-btn-outline{border-color:var(--tgg-line);background:var(--tgg-bg);color:var(--tgg-ink)}@media (hover:hover) and (pointer:fine){.tgg-btn-outline:hover{border-color:color-mix(in oklch, var(--tgg-green) 45%, white);background:var(--tgg-surface-hover)}}.tgg-btn-ghost{color:var(--tgg-accent-strong);padding-inline:var(--tgg-space-3);background:0 0}@media (hover:hover) and (pointer:fine){.tgg-btn-ghost:hover{background:var(--tgg-surface-hover)}}.tgg-btn-approve{background:var(--tgg-accent);color:var(--tgg-grape);flex:1}.tgg-btn-deny{border:1px solid color-mix(in oklch, var(--tgg-danger) 35%, white);background:var(--tgg-bg);color:var(--tgg-danger);flex:1}.tgg-dash{gap:var(--tgg-space-6);display:grid}.tgg-metrics{gap:var(--tgg-space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tgg-metric{gap:var(--tgg-space-1);padding:var(--tgg-space-4) var(--tgg-space-5);border:1px solid var(--tgg-line-soft);border-radius:var(--tgg-radius);background:var(--tgg-bg);display:grid}.tgg-metric-label{color:var(--tgg-muted);font-size:.75rem;font-weight:500}.tgg-metric-value{letter-spacing:-.03em;font-size:1.375rem;font-weight:600;line-height:1.1}.tgg-metric-note{color:var(--tgg-muted);align-items:center;gap:3px;font-size:.75rem;display:inline-flex}.tgg-metric-note.is-up{color:var(--tgg-accent-strong)}.tgg-metric-note.is-down{color:var(--tgg-warn)}.tgg-dash-grid{gap:var(--tgg-space-5);grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);align-items:start;display:grid}.tgg-dash-main,.tgg-dash-aside{gap:var(--tgg-space-5);display:grid}.tgg-section{padding-top:var(--tgg-space-5);border-top:1px solid var(--tgg-line-soft)}.tgg-section:first-child{border-top:0;padding-top:0}.tgg-section-head{justify-content:space-between;align-items:flex-start;gap:var(--tgg-space-4);margin-bottom:var(--tgg-space-4);display:flex}.tgg-section-head h2{letter-spacing:-.02em;margin:0;font-size:.9375rem;font-weight:600}.tgg-section-head p{margin:var(--tgg-space-1) 0 0;max-width:42ch;color:var(--tgg-muted);font-size:.8125rem;line-height:1.45}.tgg-section-icon{color:var(--tgg-muted);flex-shrink:0}.tgg-pending-list,.tgg-progress-list,.tgg-activity-list{margin:0;padding:0;list-style:none}.tgg-pending-item{align-items:center;gap:var(--tgg-space-4);padding:var(--tgg-space-3) 0;border-bottom:1px solid var(--tgg-line-soft);grid-template-columns:minmax(0,1fr) auto;display:grid}.tgg-pending-item:last-child{border-bottom:0}.tgg-employee-cell{align-items:center;gap:var(--tgg-space-3);min-width:0;display:flex}.tgg-employee-cell strong{font-size:.8125rem;font-weight:550;display:block}.tgg-employee-cell span{color:var(--tgg-muted);font-size:.75rem;display:block}.tgg-pill{border-radius:var(--tgg-radius-pill);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.tgg-pill-dot{border-radius:50%;width:6px;height:6px}.tgg-pill.is-allowed{background:color-mix(in oklch, var(--tgg-emerald) 12%, white);color:var(--tgg-accent-strong)}.tgg-pill.is-allowed .tgg-pill-dot{background:var(--tgg-accent)}.tgg-pill.is-scheduled{background:color-mix(in oklch, var(--tgg-periwinkle) 16%, white);color:color-mix(in oklch, var(--tgg-grape) 75%, var(--tgg-periwinkle))}.tgg-pill.is-scheduled .tgg-pill-dot{background:var(--tgg-periwinkle)}.tgg-pill.is-denied{background:color-mix(in oklch, var(--tgg-danger) 10%, white);color:var(--tgg-danger)}.tgg-pill.is-denied .tgg-pill-dot{background:var(--tgg-danger)}.tgg-legend{gap:var(--tgg-space-4);color:var(--tgg-muted);font-size:.75rem;display:flex}.tgg-legend span{align-items:center;gap:6px;display:inline-flex}.tgg-legend i{border-radius:2px;width:10px;height:3px;display:inline-block}.tgg-legend i.is-primary{background:var(--tgg-accent)}.tgg-legend i.is-muted{background:var(--tgg-lavender)}.tgg-chart{width:100%;height:auto}.tgg-chart-grid{stroke:var(--tgg-line-soft);stroke-width:1px}.tgg-chart-line{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.tgg-chart-line.is-primary{stroke:var(--tgg-accent)}.tgg-chart-line.is-muted{stroke:var(--tgg-charcoal)}.tgg-chart-label{fill:var(--tgg-muted);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;font-size:10px}.tgg-progress-item{padding:var(--tgg-space-3) 0;border-bottom:1px solid var(--tgg-line-soft)}.tgg-progress-item:last-child{border-bottom:0}.tgg-progress-top{justify-content:space-between;gap:var(--tgg-space-3);margin-bottom:var(--tgg-space-2);font-size:.8125rem;display:flex}.tgg-progress-top span{color:var(--tgg-ink)}.tgg-progress-top strong{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;font-weight:550}.tgg-progress-track{background:var(--tgg-line-soft);border-radius:2px;height:4px;overflow:hidden}.tgg-progress-fill{border-radius:inherit;background:var(--tgg-accent);height:100%;transition:width .4s var(--tgg-ease-out)}.tgg-progress-item small{margin-top:var(--tgg-space-1);color:var(--tgg-muted);font-size:.6875rem;display:block}.tgg-activity-item{align-items:start;gap:var(--tgg-space-3);padding:var(--tgg-space-2) 0;grid-template-columns:8px minmax(0,1fr) auto;display:grid}.tgg-activity-dot{border-radius:50%;width:8px;height:8px;margin-top:5px}.tgg-activity-dot.is-allowed{background:var(--tgg-accent)}.tgg-activity-dot.is-scheduled{background:var(--tgg-periwinkle)}.tgg-activity-dot.is-denied{background:var(--tgg-danger)}.tgg-activity-item strong{font-size:.8125rem;font-weight:550;display:block}.tgg-activity-item span{color:var(--tgg-muted);font-size:.75rem;display:block}.tgg-activity-item time{color:var(--tgg-muted);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;white-space:nowrap;font-size:.6875rem}.tgg-toolbar{justify-content:space-between;align-items:center;gap:var(--tgg-space-4);margin-bottom:var(--tgg-space-5);flex-wrap:wrap;display:flex}.tgg-count{color:var(--tgg-muted);font-size:.8125rem;font-weight:500}.tgg-toolbar-actions{align-items:center;gap:var(--tgg-space-2);flex-wrap:wrap;display:flex}.tgg-search{align-items:center;gap:var(--tgg-space-2);min-width:200px;height:40px;padding:0 var(--tgg-space-3);border:1px solid var(--tgg-line);border-radius:var(--tgg-radius);background:var(--tgg-bg);color:var(--tgg-muted);transition:border-color .16s var(--tgg-ease-out);display:inline-flex}.tgg-search:focus-within{border-color:color-mix(in oklch, var(--tgg-green) 50%, white);box-shadow:var(--tgg-focus)}.tgg-search input{min-width:0;color:var(--tgg-ink);background:0 0;border:0;outline:none;flex:1}.tgg-search input::placeholder{color:var(--tgg-muted)}.tgg-table-wrap{border:1px solid var(--tgg-line-soft);border-radius:var(--tgg-radius);overflow:hidden}.tgg-table-wrap--scroll{overflow-x:auto}.tgg-table{border-collapse:collapse;width:100%}.tgg-table th{padding:var(--tgg-space-3) var(--tgg-space-4);border-bottom:1px solid var(--tgg-line-soft);background:color-mix(in oklch, var(--tgg-honeydew) 65%, white);color:var(--tgg-muted);letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap;font-size:.6875rem;font-weight:600}.tgg-table td{padding:var(--tgg-space-3) var(--tgg-space-4);border-bottom:1px solid var(--tgg-line-soft);vertical-align:middle;font-size:.8125rem}.tgg-table tbody tr:last-child td{border-bottom:0}@media (hover:hover) and (pointer:fine){.tgg-table tbody tr:hover td{background:color-mix(in oklch, var(--tgg-honeydew) 75%, white)}}.tgg-dots{border-radius:var(--tgg-radius);width:36px;height:36px;color:var(--tgg-muted);cursor:pointer;transition:background .16s var(--tgg-ease-out), color .16s var(--tgg-ease-out);background:0 0;border:0;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.tgg-dots:hover{background:var(--tgg-surface-hover);color:var(--tgg-ink)}}.tgg-role{border-radius:var(--tgg-radius-pill);padding:3px 8px;font-size:.6875rem;font-weight:600;display:inline-block}.tgg-role.is-admin{background:color-mix(in oklch, var(--tgg-emerald) 12%, white);color:var(--tgg-accent-strong)}.tgg-role.is-operator{background:color-mix(in oklch, var(--tgg-periwinkle) 14%, white);color:color-mix(in oklch, var(--tgg-grape) 70%, var(--tgg-periwinkle))}.tgg-status{text-transform:capitalize;font-size:.75rem;font-weight:550}.tgg-status.is-active{color:var(--tgg-accent-strong)}.tgg-status.is-inactive{color:var(--tgg-muted)}.tgg-pager{justify-content:space-between;align-items:center;gap:var(--tgg-space-4);margin-top:var(--tgg-space-5);flex-wrap:wrap;display:flex}.tgg-results{align-items:center;gap:var(--tgg-space-2);color:var(--tgg-muted);font-size:.8125rem;display:inline-flex}.tgg-results button{border:1px solid var(--tgg-line);border-radius:var(--tgg-radius);background:var(--tgg-bg);cursor:pointer;min-width:36px;min-height:32px}.tgg-pages{gap:var(--tgg-space-1);display:inline-flex}.tgg-pages button{border-radius:var(--tgg-radius);min-width:44px;min-height:44px;color:var(--tgg-muted);cursor:pointer;transition:background .16s var(--tgg-ease-out), color .16s var(--tgg-ease-out);background:0 0;border:1px solid #0000;place-items:center;font-size:.8125rem;display:grid}.tgg-pages button.is-active{background:var(--tgg-surface-active);color:var(--tgg-accent-strong);font-weight:600}.tgg-error-banner{align-items:center;gap:var(--tgg-space-3);margin-bottom:var(--tgg-space-5);padding:var(--tgg-space-3) var(--tgg-space-4);border:1px solid color-mix(in oklch, var(--tgg-danger) 28%, white);border-radius:var(--tgg-radius);background:color-mix(in oklch, var(--tgg-danger) 6%, white);color:var(--tgg-ink);flex-wrap:wrap;display:flex}.tgg-error-banner p{flex:1;margin:0;font-size:.8125rem}.tgg-error-actions{gap:var(--tgg-space-2);display:flex}.tgg-empty{gap:var(--tgg-space-2);padding:var(--tgg-space-7) var(--tgg-space-5);border:1px dashed var(--tgg-line);border-radius:var(--tgg-radius);text-align:left;justify-items:start;display:grid}.tgg-empty strong{font-size:.9375rem;font-weight:600}.tgg-empty p{max-width:38ch;color:var(--tgg-muted);margin:0;font-size:.8125rem;line-height:1.5}.tgg-skeleton-table,.tgg-skeleton-dash{gap:var(--tgg-space-3);display:grid}.tgg-skeleton-row{gap:var(--tgg-space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tgg-skeleton-cell,.tgg-skeleton-metric,.tgg-skeleton-panel{background:linear-gradient(90deg, var(--tgg-line-soft) 0%, color-mix(in oklch, var(--tgg-honeydew) 80%, var(--tgg-green) 10%) 50%, var(--tgg-line-soft) 100%);background-size:200% 100%;border-radius:4px;height:14px;animation:1.2s ease-in-out infinite tgg-shimmer}.tgg-skeleton-metrics{gap:var(--tgg-space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tgg-skeleton-metric{height:72px}.tgg-skeleton-panels{gap:var(--tgg-space-5);grid-template-columns:1.5fr 1fr;display:grid}.tgg-skeleton-panel{height:220px}.tgg-skeleton-panel.is-wide{grid-column:span 1}@keyframes tgg-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.tgg-operator-wrap{flex:1;min-height:0;overflow:hidden}.tgg-operator{background:var(--tgg-bg);flex-direction:column;height:100%;min-height:0;display:flex}.tgg-op-head{justify-content:space-between;align-items:center;gap:var(--tgg-space-4);min-height:64px;padding:0 var(--tgg-space-6);border-bottom:1px solid var(--tgg-line-soft);display:flex}.tgg-op-kicker{color:var(--tgg-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:600;display:block}.tgg-op-head strong{font-size:.9375rem;font-weight:600;display:block}.tgg-op-live{border:1px solid color-mix(in oklch, var(--tgg-green) 45%, white);border-radius:var(--tgg-radius-pill);background:color-mix(in oklch, var(--tgg-honeydew) 80%, var(--tgg-green) 8%);box-shadow:0 1px 0 color-mix(in oklch, white 75%, var(--tgg-green)) inset;color:var(--tgg-grape);letter-spacing:.02em;align-items:center;gap:8px;padding:7px 14px 7px 12px;font-size:.8125rem;font-weight:650;display:inline-flex}.tgg-op-live-dot{background:var(--tgg-green);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in oklch, var(--tgg-green) 25%, white), 0 0 8px color-mix(in oklch, var(--tgg-green) 40%, transparent);animation:tgg-pulse-dot 1.8s var(--tgg-ease-out) infinite;border-radius:50%;flex-shrink:0;position:relative}@keyframes tgg-pulse-dot{0%,to{opacity:1;box-shadow:0 0 0 3px color-mix(in oklch, var(--tgg-green) 25%, white), 0 0 8px color-mix(in oklch, var(--tgg-green) 40%, transparent);transform:scale(1)}50%{opacity:1;box-shadow:0 0 0 5px color-mix(in oklch, var(--tgg-green) 16%, white), 0 0 12px color-mix(in oklch, var(--tgg-green) 50%, transparent);transform:scale(1.08)}}.tgg-op-idle,.tgg-op-scanning{place-content:center;justify-items:center;gap:var(--tgg-space-4);padding:var(--tgg-space-6);text-align:center;flex:1;display:grid}.tgg-op-idle--enter>.tgg-op-radar{animation:tgg-fade-up .48s var(--tgg-ease-out) both}.tgg-op-idle--enter>h2{animation:tgg-fade-up .42s var(--tgg-ease-out) 90ms both}.tgg-op-idle--enter>p{animation:tgg-fade-up .42s var(--tgg-ease-out) .15s both}.tgg-op-idle--enter>.tgg-op-error{animation:tgg-fade-up .38s var(--tgg-ease-out) .18s both}.tgg-op-idle--enter>.tgg-op-preview{animation:tgg-fade-up .42s var(--tgg-ease-out) .22s both}.tgg-op-scanning--enter>.tgg-op-radar{animation:tgg-fade-up .32s var(--tgg-ease-out) both}.tgg-op-scanning--enter>h2{animation:tgg-fade-up .3s var(--tgg-ease-out) 70ms both}.tgg-op-scanning--enter>p{animation:tgg-fade-up .3s var(--tgg-ease-out) .12s both}@keyframes tgg-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tgg-op-idle h2,.tgg-op-scanning h2{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:600}.tgg-op-idle p,.tgg-op-scanning p{max-width:36ch;color:var(--tgg-muted);margin:0;font-size:.875rem;line-height:1.5}.tgg-op-radar{width:168px;height:168px;margin-bottom:var(--tgg-space-2);place-items:center;display:grid;position:relative}.tgg-op-radar-ring{border:1px dashed color-mix(in oklch, var(--tgg-green) 40%, var(--tgg-periwinkle));opacity:.75;border-radius:50%;animation:18s linear infinite tgg-radar-spin;position:absolute;inset:0}.tgg-op-radar-sweep{background:conic-gradient(from -90deg, transparent 0deg, color-mix(in oklch, var(--tgg-green) 0%, transparent) 10deg, color-mix(in oklch, var(--tgg-green) 24%, transparent) 38deg, transparent 72deg);will-change:transform;border-radius:50%;animation:2.8s linear infinite tgg-radar-spin;position:absolute;inset:0}.tgg-op-radar--active .tgg-op-radar-sweep{animation-duration:1.1s}.tgg-op-radar--active .tgg-op-radar-ring{border-color:color-mix(in oklch, var(--tgg-green) 50%, var(--tgg-periwinkle));animation-duration:6s}.tgg-op-radar-core{border:1px solid color-mix(in oklch, var(--tgg-green) 30%, white);animation:tgg-core-breathe 2.6s var(--tgg-ease-out) infinite;border-radius:50%;position:absolute;inset:36px}@keyframes tgg-radar-spin{to{transform:rotate(360deg)}}@keyframes tgg-core-breathe{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:.85;transform:scale(1)}}.tgg-op-radar-beam{transform-origin:50% 100%;background:linear-gradient(to top, color-mix(in oklch, var(--tgg-green) 55%, transparent), transparent);opacity:.75;width:2px;height:44%;margin-top:-44%;margin-left:-1px;animation:1.1s linear infinite tgg-radar-spin;position:absolute;top:50%;left:50%}.tgg-op-idle-logo{z-index:1;animation:tgg-logo-float 3.2s var(--tgg-ease-out) infinite;position:relative}@keyframes tgg-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.tgg-op-pulse{border:1px solid color-mix(in oklch, var(--tgg-green) 40%, white);border-radius:50%;position:absolute}.tgg-op-pulse--outer{animation:tgg-ring 2.8s var(--tgg-ease-out) infinite;inset:4px}.tgg-op-pulse--inner{animation:tgg-ring 2.8s var(--tgg-ease-out) infinite .55s;inset:22px}.tgg-op-radar--active .tgg-op-pulse--outer,.tgg-op-radar--active .tgg-op-pulse--inner{border-color:color-mix(in oklch, var(--tgg-green) 55%, var(--tgg-periwinkle));animation-duration:1.4s}@keyframes tgg-ring{0%{opacity:.55;transform:scale(.94)}70%,to{opacity:0;transform:scale(1.12)}}.tgg-op-scan-ring{width:88px;height:88px;margin-bottom:var(--tgg-space-2);position:relative}.tgg-op-scan-pulse{border:2px solid var(--tgg-accent);animation:tgg-scan 1s var(--tgg-ease-out) infinite;border-radius:50%;position:absolute;inset:0}@keyframes tgg-scan{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.15)}}.tgg-operator--result-enter .tgg-op-result-banner{animation:tgg-banner-in .28s var(--tgg-ease-out) both}.tgg-operator--result-enter .tgg-op-panel{animation:tgg-fade-up .36s var(--tgg-ease-out) both}.tgg-operator--result-enter .tgg-op-panel:first-child{animation-delay:80ms}.tgg-operator--result-enter .tgg-op-panel:nth-child(2){animation-delay:.14s}@keyframes tgg-banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tgg-op-preview{margin-top:var(--tgg-space-4)}.tgg-op-preview-label{margin-bottom:var(--tgg-space-3);color:var(--tgg-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:600;display:block}.tgg-op-preview-grid{gap:var(--tgg-space-3);grid-template-columns:repeat(2,minmax(180px,1fr));display:grid}.tgg-op-preview-btn{align-items:flex-start;gap:var(--tgg-space-3);min-height:72px;padding:var(--tgg-space-4);border:1px solid var(--tgg-line);border-radius:var(--tgg-radius);background:var(--tgg-bg);cursor:pointer;text-align:left;transition:border-color .18s var(--tgg-ease-out), background .18s var(--tgg-ease-out), transform .14s var(--tgg-ease-out);display:flex}.tgg-op-preview-btn strong{font-size:.875rem;display:block}.tgg-op-preview-btn small{color:var(--tgg-muted);margin-top:2px;font-size:.75rem;display:block}.tgg-op-preview-btn.is-allowed svg{color:var(--tgg-accent)}.tgg-op-preview-btn.is-denied svg{color:var(--tgg-danger)}@media (hover:hover) and (pointer:fine){.tgg-op-preview-btn:hover{background:var(--tgg-surface-hover)}.tgg-op-preview-btn.is-allowed:hover{border-color:color-mix(in oklch, var(--tgg-emerald) 35%, white)}.tgg-op-preview-btn.is-denied:hover{border-color:color-mix(in oklch, var(--tgg-danger) 30%, white)}}.tgg-op-preview-btn:active{transform:scale(.98)}.tgg-op-preview-btn:disabled{opacity:.55;cursor:not-allowed}.tgg-op-error{padding:var(--tgg-space-3) var(--tgg-space-4);border:1px solid color-mix(in oklch, var(--tgg-danger) 28%, white);border-radius:var(--tgg-radius);background:color-mix(in oklch, var(--tgg-danger) 6%, white);color:var(--tgg-danger);font-size:.8125rem}.tgg-op-result-banner{padding:var(--tgg-space-4) var(--tgg-space-6);border-bottom:1px solid var(--tgg-line-soft);gap:2px;display:grid}.tgg-operator.is-allowed .tgg-op-result-banner{background:color-mix(in oklch, var(--tgg-emerald) 8%, white)}.tgg-operator.is-denied .tgg-op-result-banner{background:color-mix(in oklch, var(--tgg-danger) 6%, white)}.tgg-op-result-banner strong{font-size:1rem;font-weight:600}.tgg-op-result-banner span{color:var(--tgg-muted);font-size:.8125rem}.tgg-op-panels{gap:var(--tgg-space-5);padding:var(--tgg-space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow-y:auto}.tgg-op-panel{gap:var(--tgg-space-4);padding-top:var(--tgg-space-4);border-top:1px solid var(--tgg-line-soft);align-content:start;display:grid}.tgg-op-panel-head{justify-content:space-between;align-items:center;gap:var(--tgg-space-3);display:flex}.tgg-op-panel-head h3{margin:0;font-size:.875rem;font-weight:600}.tgg-op-chip{border-radius:var(--tgg-radius-pill);padding:4px 10px;font-size:.6875rem;font-weight:600}.tgg-op-chip.is-allowed{background:color-mix(in oklch, var(--tgg-emerald) 12%, white);color:var(--tgg-accent-strong)}.tgg-op-chip.is-denied{background:color-mix(in oklch, var(--tgg-danger) 10%, white);color:var(--tgg-danger)}.tgg-op-fields{gap:var(--tgg-space-3);display:grid}.tgg-op-fields--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tgg-op-field span{color:var(--tgg-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px;font-size:.6875rem;font-weight:600;display:block}.tgg-op-field strong{font-size:.875rem;font-weight:550}.tgg-op-note label{margin-bottom:var(--tgg-space-2);font-size:.8125rem;font-weight:550;display:block}.tgg-op-note label span{color:var(--tgg-muted);font-weight:450}.tgg-op-note textarea{width:100%;min-height:80px;padding:var(--tgg-space-3);border:1px solid var(--tgg-line);border-radius:var(--tgg-radius);background:var(--tgg-bg);color:var(--tgg-ink);resize:vertical;transition:border-color .16s var(--tgg-ease-out)}.tgg-op-note textarea:focus{border-color:color-mix(in oklch, var(--tgg-emerald) 45%, white);box-shadow:var(--tgg-focus);outline:none}.tgg-op-actions{gap:var(--tgg-space-3);display:flex}@media (max-width:1100px){.tgg-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tgg-dash-grid,.tgg-op-panels{grid-template-columns:1fr}}@media (max-width:640px){.tgg-metrics{grid-template-columns:1fr}}@media (max-width:768px){.tgg-shell{grid-template-columns:188px minmax(0,1fr)}.tgg-sidebar-backdrop{display:none}.tgg-sidebar{width:auto;box-shadow:none;position:static;transform:none}.tgg-sidebar-close{display:none}.tgg-topbar{padding-inline:var(--tgg-space-4)}.tgg-content{padding:var(--tgg-space-4)}.tgg-user-chip div{display:none}.tgg-toolbar,.tgg-toolbar-actions{flex-direction:column;align-items:stretch}.tgg-search{width:100%}.tgg-skeleton-metrics,.tgg-skeleton-panels,.tgg-op-preview-grid,.tgg-op-fields--grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.tgg-op-radar-ring,.tgg-op-radar-sweep,.tgg-op-radar-beam,.tgg-op-radar-core,.tgg-op-pulse,.tgg-op-scan-pulse,.tgg-op-live-dot,.tgg-op-idle-logo,.tgg-skeleton-cell,.tgg-skeleton-metric,.tgg-skeleton-panel,.tgg-op-idle--enter>*,.tgg-op-scanning--enter>*,.tgg-operator--result-enter .tgg-op-result-banner,.tgg-operator--result-enter .tgg-op-panel{animation:none}.tgg-nav-item,.tgg-btn,.tgg-icon-btn,.tgg-op-preview-btn,.tgg-sidebar{transition-duration:.01ms}}
.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{width:36px;height:36px;box-shadow:none;background:0 0;border-radius:0;place-items:center;display:grid}.cts-logo-mark .meraki-demo-logo{width:30px;height:30px}.cts-logo-mark .meraki-demo-logo-img{filter:brightness(0)saturate(0%)opacity(.82)}.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);width:36px;height:36px;color:var(--cpk-linen);letter-spacing:-.03em;background:0 0;flex-shrink:0;place-items:center;font-size:15px;font-weight:700;display:grid}.cpk-logo-mark .meraki-demo-logo{width:30px;height:30px}.cpk-logo-mark .meraki-demo-logo-img,.cpk-phone-appbar-brand .meraki-demo-logo-img{filter:brightness(0)saturate(0%)opacity(.82)}.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{box-shadow:none;background:0 0;border-radius:10px;position:relative}.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);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.cpk-phone-appbar-brand .meraki-demo-logo{width:19px;height:19px}.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}}