html{background:var(--kpx-color-bg-canvas)}body{background:radial-gradient(circle at 86% -8%, #ccff0012, transparent 30rem), var(--kpx-color-bg-canvas);color:var(--kpx-color-text-primary);font-family:var(--kpx-font-body)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{box-shadow:var(--kpx-focus-ring);outline:none}.kpx-card,.admin-surface-card,.admin-info-card,.finance-card,.traffic-chart-card,.traffic-detail-table,.traffic-integrations-panel,.traffic-empty-state,.traffic-no-data-state{border:1px solid var(--kpx-color-border-subtle);border-radius:var(--kpx-radius-card);background:var(--kpx-color-bg-surface);box-shadow:var(--kpx-shadow-1)}.btn-kpx,.finance-action-button,.kpx-login-submit{border:1px solid var(--kpx-brand-lime-500);border-radius:var(--kpx-radius-control);background:var(--kpx-brand-lime-500);min-height:2.75rem;color:var(--kpx-color-text-on-accent);box-shadow:var(--kpx-glow-accent);transition:transform var(--kpx-duration-fast) var(--kpx-ease-standard), background var(--kpx-duration-fast) var(--kpx-ease-standard);padding:.7rem 1rem;font-weight:700}.btn-kpx:hover,.finance-action-button:hover,.kpx-login-submit:hover{background:var(--kpx-brand-lime-400);transform:translateY(-1px)}.btn-outline-kpx,.finance-secondary-button,.admin-secondary-action{border:1px solid var(--kpx-color-border-strong);border-radius:var(--kpx-radius-control);min-height:2.5rem;color:var(--kpx-color-text-secondary);transition:border-color var(--kpx-duration-fast) var(--kpx-ease-standard), color var(--kpx-duration-fast) var(--kpx-ease-standard), background var(--kpx-duration-fast) var(--kpx-ease-standard);background:#ffffff08;font-weight:650}.btn-outline-kpx:hover,.finance-secondary-button:hover,.admin-secondary-action:hover{border-color:var(--kpx-color-border-accent);background:var(--kpx-color-bg-accent-subtle);color:var(--kpx-color-text-primary)}.kpx-form-control,.finance-input-shell input,.kpx-login-input-wrap,.admin-select-content,[data-slot=input],[data-slot=textarea],[data-slot=select-trigger]{border:1px solid var(--kpx-color-border-strong);border-radius:var(--kpx-radius-control);background:var(--kpx-color-bg-elevated);min-height:3rem;color:var(--kpx-color-text-primary);box-shadow:none}.kpx-form-control:hover,.finance-input-shell input:hover,.kpx-login-input-wrap:hover,[data-slot=input]:hover,[data-slot=textarea]:hover,[data-slot=select-trigger]:hover{border-color:#ffffff3d}.kpx-form-control:focus,.finance-input-shell input:focus,.kpx-login-input-wrap:focus-within,[data-slot=input]:focus,[data-slot=textarea]:focus,[data-slot=select-trigger]:focus{border-color:var(--kpx-brand-lime-500);box-shadow:var(--kpx-focus-ring)}.client-portal-layout{background:linear-gradient(#ffffff04 1px, transparent 1px), linear-gradient(90deg, #ffffff04 1px, transparent 1px), var(--kpx-color-bg-canvas);background-size:7.5rem 7.5rem;min-height:100vh}.client-portal-layout .client-sidebar{z-index:50;width:var(--kpx-sidebar-width);border-right:1px solid var(--kpx-color-border-subtle);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0cf5;min-height:100vh;padding:1.25rem 1rem;display:flex;position:fixed;inset:0 auto 0 0}.client-portal-layout .portal-main{width:auto;min-width:0;margin-left:var(--kpx-sidebar-width)}.client-sidebar-brand{border-bottom:1px solid var(--kpx-color-border-subtle);align-items:center;gap:.85rem;width:100%;min-height:3.75rem;padding:0 .7rem 1rem;display:flex}.client-sidebar-brand img{object-fit:contain;width:6.8rem;height:auto}.client-sidebar-brand span{border-left:1px solid var(--kpx-color-border-strong);color:var(--kpx-color-text-muted);font-size:var(--kpx-font-size-xs);letter-spacing:.16em;text-transform:uppercase;padding-left:.8rem;font-weight:700}.client-workspace-card{border:1px solid var(--kpx-color-border-subtle);border-radius:var(--kpx-radius-card);background:radial-gradient(circle at 100% 0%, #ccff0017, transparent 55%), var(--kpx-color-bg-surface);gap:.45rem;margin:1.2rem 0 1rem;padding:1rem;display:grid;overflow:hidden}.client-workspace-card>span,.client-sidebar-nav>p{color:var(--kpx-color-text-muted);letter-spacing:.15em;text-transform:uppercase;font-size:.68rem;font-weight:750}.client-workspace-card strong{color:var(--kpx-color-text-primary);font-family:var(--kpx-font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.client-workspace-card small{color:var(--kpx-color-text-secondary);align-items:center;gap:.45rem;font-size:.72rem;display:flex}.client-workspace-card i,.client-sidebar-status i,.client-admin-badge i,.client-data-status i{background:var(--kpx-color-success);border-radius:50%;width:.42rem;height:.42rem;box-shadow:0 0 12px #20e28ab3}.client-sidebar-nav{flex:1;align-content:start;gap:.35rem;display:grid}.client-sidebar-nav>p{margin:.55rem .7rem .35rem}.client-portal-layout .nav-item{border-radius:var(--kpx-radius-control);min-height:2.9rem;color:var(--kpx-color-text-secondary);transition:background var(--kpx-duration-fast) var(--kpx-ease-standard), border-color var(--kpx-duration-fast) var(--kpx-ease-standard), color var(--kpx-duration-fast) var(--kpx-ease-standard);border:1px solid #0000;align-items:center;gap:.8rem;padding:0 .8rem;font-size:.86rem;font-weight:650;display:flex}.client-portal-layout .nav-item:hover{border-color:var(--kpx-color-border-subtle);color:var(--kpx-color-text-primary);background:#ffffff08}.client-portal-layout .nav-item.active{border-color:var(--kpx-color-border-accent);background:var(--kpx-color-bg-accent-soft);color:var(--kpx-color-text-accent);box-shadow:inset 3px 0 var(--kpx-brand-lime-500)}.client-portal-layout .nav-icon{flex:none}.client-nav-badge{border:1px solid var(--kpx-color-border-accent);border-radius:var(--kpx-radius-full);background:var(--kpx-color-bg-accent-subtle);color:var(--kpx-color-text-accent);letter-spacing:.04em;margin-left:auto;padding:.2rem .42rem;font-size:.6rem;font-weight:750}.client-nav-divider{background:var(--kpx-color-border-subtle);height:1px;margin:.7rem}.client-admin-link{margin-top:auto}.client-sidebar-status{border-top:1px solid var(--kpx-color-border-subtle);border-bottom:1px solid var(--kpx-color-border-subtle);gap:.28rem;margin:.85rem 0 .7rem;padding:.85rem .8rem;display:grid}.client-sidebar-status span{color:var(--kpx-color-text-secondary);align-items:center;gap:.5rem;font-size:.73rem;font-weight:650;display:flex}.client-sidebar-status p{color:var(--kpx-color-text-muted);margin:0;font-size:.65rem}.client-sidebar-logout{border-radius:var(--kpx-radius-control);min-height:2.75rem;color:var(--kpx-color-text-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:.75rem;padding:0 .8rem;font-weight:650;display:flex}.client-sidebar-logout:hover{color:var(--kpx-color-danger);background:#ff4d5e14}.client-portal-layout .client-portal-header{z-index:40;min-height:var(--kpx-header-height);border-bottom:1px solid var(--kpx-color-border-subtle);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0cdb;justify-content:space-between;align-items:center;padding:.7rem clamp(1rem,2.5vw,2rem);display:flex;position:sticky;top:0}.client-header-title{gap:.12rem;display:grid}.client-header-title>span{color:var(--kpx-color-text-accent);letter-spacing:.16em;text-transform:uppercase;font-size:.65rem;font-weight:800}.client-portal-layout .client-portal-header .client-header-title h1{color:var(--kpx-color-text-primary);font-family:var(--kpx-font-display);margin:0;letter-spacing:-.02em!important;font-size:1.25rem!important;line-height:1.15!important}.client-portal-layout .client-portal-header .client-header-title p{color:var(--kpx-color-text-muted);margin:0;font-size:.7rem!important;line-height:1.35!important}.portal-header-right{align-items:center;gap:.65rem;display:flex}.client-data-status,.client-admin-badge{border:1px solid var(--kpx-color-border-accent);border-radius:var(--kpx-radius-full);background:var(--kpx-color-bg-accent-subtle);min-height:2rem;color:var(--kpx-color-text-accent);letter-spacing:.04em;align-items:center;gap:.45rem;padding:0 .7rem;font-size:.67rem;font-weight:750;display:inline-flex}.client-data-status i{background:var(--kpx-brand-lime-500);box-shadow:0 0 12px #ccff00b3}.client-header-icon{border:1px solid var(--kpx-color-border-subtle);border-radius:var(--kpx-radius-control);background:var(--kpx-color-bg-surface);width:2.45rem;height:2.45rem;color:var(--kpx-color-text-secondary);place-items:center;display:grid}.client-header-icon:hover{border-color:var(--kpx-color-border-accent);color:var(--kpx-color-text-accent)}.client-profile{border:1px solid var(--kpx-color-border-subtle);border-radius:var(--kpx-radius-control);background:var(--kpx-color-bg-surface);min-height:2.85rem;color:var(--kpx-color-text-primary);align-items:center;gap:.6rem;padding:.25rem .55rem .25rem .3rem;display:flex}.client-profile-avatar{border:1px solid var(--kpx-color-border-accent);background:var(--kpx-color-bg-accent-soft);width:2.1rem;height:2.1rem;color:var(--kpx-color-text-accent)}.client-profile>span{text-align:left;min-width:7rem;display:grid}.client-profile strong{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;font-size:.72rem;overflow:hidden}.client-profile small{max-width:10rem;color:var(--kpx-color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.61rem;overflow:hidden}.client-portal-layout .traffic-dashboard{width:min(100%, var(--kpx-container-app));grid-template-columns:minmax(0,1fr);gap:1.25rem;max-width:none;margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem);display:grid}.client-portal-layout .traffic-dashboard>*{min-width:0}.traffic-welcome{justify-content:space-between;align-items:flex-end;gap:1.5rem;min-height:8rem;padding:.5rem 0 .9rem;display:flex}.traffic-welcome>div:first-child{gap:.35rem;display:grid}.traffic-welcome>div:first-child>span{color:var(--kpx-color-text-accent);font-size:var(--kpx-font-size-xs);letter-spacing:.15em;text-transform:uppercase;font-weight:800}.traffic-welcome h2{color:var(--kpx-color-text-primary);font-family:var(--kpx-font-display);letter-spacing:-.045em;margin:0;font-size:clamp(2.2rem,4.5vw,4rem);line-height:.95}.traffic-welcome p{max-width:42rem;color:var(--kpx-color-text-secondary);margin:.2rem 0 0;font-size:.9rem}.traffic-welcome .traffic-date-control{flex:none}.traffic-top-controls{min-height:auto;box-shadow:none;background:0 0;border:0;align-items:center;margin:0;padding:0;display:flex;position:relative}.kpx-segmented-tabs{border:1px solid var(--kpx-color-border-subtle);border-radius:var(--kpx-radius-control);background:var(--kpx-color-bg-canvas);scrollbar-width:none;align-items:center;gap:.25rem;width:fit-content;max-width:100%;margin:0;padding:.3rem;display:flex;overflow-x:auto}.kpx-segmented-tabs button{min-height:2.45rem;color:var(--kpx-color-text-muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:.55rem;justify-content:center;align-items:center;gap:.55rem;padding:.35rem .9rem;font-weight:700;display:inline-flex}.kpx-segmented-tabs button:hover{color:var(--kpx-color-text-primary);background:#ffffff06}.kpx-segmented-tabs button.active{border-color:var(--kpx-color-border-subtle);background:var(--kpx-color-bg-elevated);color:var(--kpx-color-text-primary);box-shadow:var(--kpx-shadow-1)}.kpx-segmented-tabs .traffic-source-stack{min-width:auto;min-height:auto;box-shadow:none;background:0 0;border:0;padding:0}.kpx-segmented-tabs .traffic-source-stack img{width:1.15rem;height:1.15rem}.traffic-integrations-panel{overflow:hidden}.traffic-integrations-panel-header{background:linear-gradient(90deg,#ccff000a,#0000 42%),0 0;min-height:4.7rem;padding:1rem 1.35rem}.traffic-integrations-panel-header-left>svg{color:var(--kpx-color-text-accent)}.traffic-integrations-panel-header-left span,.traffic-section-heading span{color:var(--kpx-color-text-muted);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:800}.traffic-integrations-panel-header-left h3,.traffic-section-heading h3{color:var(--kpx-color-text-primary);font-family:var(--kpx-font-display)}.traffic-int-chip,.traffic-int-status-badge,.traffic-card-delta{border-radius:var(--kpx-radius-full)}.traffic-integrations-panel-body{border-top-color:var(--kpx-color-border-subtle);background:#0000001f}.traffic-integration-item{border-color:var(--kpx-color-border-subtle);border-radius:var(--kpx-radius-control);background:#ffffff05}.traffic-integration-item.is-connected{background:#20e28a0a;border-color:#20e28a40}.traffic-data-display-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:.75rem 0 0;display:flex}.traffic-data-display-header>div{gap:.35rem;display:grid}.traffic-data-display-header>div>span{color:var(--kpx-color-text-accent);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:800}.traffic-data-display-header h2{color:var(--kpx-color-text-primary);font-family:var(--kpx-font-display);letter-spacing:-.025em;margin:0;font-size:clamp(1.55rem,2.5vw,2.25rem)}.traffic-data-display-header p{color:var(--kpx-color-text-muted);margin:0;font-size:.82rem}.traffic-data-display-info{border:1px solid var(--kpx-color-border-strong);width:2.7rem;height:2.7rem;color:var(--kpx-color-text-muted);border-radius:50%;flex:none;place-items:center;display:grid}.traffic-executive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.kpx-data-metric{border:1px solid var(--kpx-color-border-subtle);border-radius:var(--kpx-radius-card);min-width:0;min-height:14rem;box-shadow:none;background:#111415;flex-direction:column;padding:1.5rem;display:flex}.kpx-data-metric.is-muted{opacity:.68}.kpx-data-metric-top{color:var(--kpx-color-text-muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.84rem;font-weight:500;display:flex}.kpx-data-metric-top>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kpx-data-metric-top>div{color:var(--kpx-color-text-muted);align-items:center;gap:.6rem;display:inline-flex}.kpx-data-metric-top .traffic-source-stack{min-width:auto;min-height:1.7rem;padding:.15rem .35rem}.kpx-data-metric-top .traffic-source-stack img{width:1.25rem;height:1.05rem}.kpx-data-metric>strong{color:var(--kpx-color-text-primary);font-family:var(--kpx-font-body);letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap;margin-top:auto;font-size:clamp(2rem,2.8vw,3.35rem);font-weight:750;line-height:1;overflow:hidden}.kpx-data-metric-footer{align-items:center;gap:.85rem;min-width:0;margin-top:1.5rem;display:flex}.kpx-data-change,.kpx-data-status{border:1px solid var(--kpx-color-border-strong);border-radius:var(--kpx-radius-full);min-height:1.75rem;color:var(--kpx-color-text-secondary);white-space:nowrap;background:#ffffff0a;flex:none;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.kpx-data-change.is-positive,.kpx-data-status.is-positive{color:var(--kpx-color-success);background:#20e28a14;border-color:#20e28a4d}.kpx-data-change.is-negative,.kpx-data-status.is-negative,.kpx-data-status.is-critical{color:var(--kpx-color-danger);background:#ff4d5e14;border-color:#ff4d5e4d}.kpx-data-change.is-warning,.kpx-data-status.is-warning{color:var(--kpx-color-warning);background:#ffb02014;border-color:#ffb0204d}.kpx-data-status i{background:currentColor;border-radius:50%;width:.42rem;height:.42rem;box-shadow:0 0 10px}.kpx-data-helper{min-width:0;color:var(--kpx-color-text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.4rem;font-size:.76rem;display:inline-flex;overflow:hidden}.traffic-command-grid,.traffic-dashboard-main-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.traffic-chart-card,.traffic-comparison-card{min-height:29rem;padding:1.5rem}.traffic-section-heading{align-items:flex-start;margin-bottom:1.25rem}.traffic-section-heading h3{margin-top:.3rem;font-size:clamp(1.2rem,2vw,1.55rem)}.traffic-chart-heading-actions>strong{color:var(--kpx-color-text-accent)}.traffic-chart-group-trigger,.traffic-calendar-trigger{border:1px solid var(--kpx-color-border-strong);border-radius:var(--kpx-radius-control);background:var(--kpx-color-bg-elevated);min-height:2.7rem;color:var(--kpx-color-text-primary)}.traffic-chart-group-trigger:hover,.traffic-calendar-trigger:hover{border-color:var(--kpx-color-border-accent)}.traffic-chart-group-trigger[aria-expanded=true]{border-color:var(--kpx-color-border-strong);background:var(--kpx-color-bg-elevated);color:var(--kpx-color-text-primary)}.traffic-chart-group-options{border:1px solid var(--kpx-color-border-strong);border-radius:var(--kpx-radius-control);box-shadow:var(--kpx-shadow-2);background:#141718fa;overflow:hidden}.traffic-chart-group-options button:hover,.traffic-chart-group-options button.active{background:var(--kpx-color-bg-elevated);color:var(--kpx-color-text-primary)}.traffic-chart-group-options button.active{box-shadow:inset 2px 0 var(--kpx-brand-lime-500)}.traffic-comparison-bars{min-height:20rem}.traffic-comparison-bar{border-radius:.6rem .6rem 0 0}.traffic-detail-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.traffic-detail-table{padding:1.5rem;overflow:hidden}.traffic-data-table{border:1px solid var(--kpx-color-border-subtle);border-radius:var(--kpx-radius-card);background:#111415;overflow:auto}.traffic-data-head{border-bottom:1px solid var(--kpx-color-border-subtle);min-height:3.4rem;color:var(--kpx-color-text-muted);background:#ffffff08;padding:.85rem 1.1rem}.traffic-data-row{border-top-color:var(--kpx-color-border-subtle);min-height:4.75rem;transition:background var(--kpx-duration-fast) var(--kpx-ease-standard);padding:.9rem 1.1rem}.traffic-data-row:hover{background:#ccff0009}.traffic-data-row strong{color:var(--kpx-color-text-primary)}.traffic-campaign-table .traffic-data-head,.traffic-campaign-table .traffic-data-row{grid-template-columns:minmax(18rem,1.55fr) minmax(6rem,.65fr) minmax(5.25rem,.52fr) minmax(5.25rem,.52fr) minmax(6rem,.62fr) minmax(5rem,.5fr) minmax(7.5rem,.72fr);min-width:70rem}.traffic-data-row>.traffic-table-identity{align-items:center;gap:.8rem;min-width:0;display:flex}.traffic-table-identity>i{border:1px solid var(--kpx-color-border-subtle);border-radius:var(--kpx-radius-compact);background:var(--kpx-color-bg-elevated);width:2.25rem;height:2.25rem;color:var(--kpx-color-text-accent);flex:0 0 2.25rem;place-items:center;font-style:normal;font-weight:800;display:grid}.traffic-table-identity>span{min-width:0}.traffic-data-row .kpx-data-status{width:fit-content}.traffic-table-status,.traffic-source-badge{border-radius:var(--kpx-radius-full)}.traffic-skeleton-card{border:1px solid var(--kpx-color-border-subtle);border-radius:var(--kpx-radius-card);background:linear-gradient(90deg, transparent, #ffffff0d, transparent), var(--kpx-color-bg-surface)}.admin-portal-layout,.finance-app-shell{background:radial-gradient(circle at 74% -8%, #ccff000f, transparent 32rem), var(--kpx-color-bg-canvas)}.admin-page-header,.finance-top-header{border-bottom:1px solid var(--kpx-color-border-subtle);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0cdb}.admin-page-eyebrow,.finance-badge,.finance-section-label{color:var(--kpx-color-text-accent);letter-spacing:.13em;text-transform:uppercase;font-weight:800}.admin-page-heading h1,.finance-header-copy h1{color:var(--kpx-color-text-primary);font-family:var(--kpx-font-display);letter-spacing:-.035em}.admin-surface-card,.finance-card{border-radius:var(--kpx-radius-card)}.kpx-admin-metrics .kpx-card,.finance-overview-grid .finance-card{box-shadow:none;background:#111415}.admin-table-wrap,.finance-table-wrap{overflow:auto}.admin-table,.finance-table{border-collapse:collapse}.admin-table thead,.finance-table thead{background:#ffffff08}.admin-table th,.finance-table th{color:var(--kpx-color-text-muted);letter-spacing:.11em;text-transform:uppercase;font-size:.68rem}.admin-table td,.finance-table td{border-top-color:var(--kpx-color-border-subtle)}.admin-table tbody tr:hover,.finance-table tbody tr:hover{background:var(--kpx-color-bg-accent-subtle)}.admin-status-badge,.finance-category-pill,.finance-badge,.kpx-badge{border-radius:var(--kpx-radius-full)}.finance-segmented,.finance-tabs-shell{border:1px solid var(--kpx-color-border-subtle);border-radius:var(--kpx-radius-control);background:var(--kpx-color-bg-surface)}.finance-segmented button.active,.finance-tabs-shell a.active{border-color:var(--kpx-color-border-subtle);background:var(--kpx-color-bg-elevated);color:var(--kpx-color-text-primary)}.client-portal-layout .portal-content:not(.traffic-dashboard){width:min(100%, var(--kpx-container-app));margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem)}.portal-page-toolbar,.portal-detail-meta,.portal-record-copy p,.portal-back-link{align-items:center;display:flex}.portal-page-toolbar{justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.portal-page-toolbar p{color:var(--kpx-color-text-muted);margin:0;font-size:.78rem}.portal-empty-state{text-align:center;align-content:center;place-items:center;gap:.75rem;min-height:18rem;padding:2rem;display:grid}.portal-empty-state>span,.portal-record-icon,.portal-coming-soon-icon{border:1px solid var(--kpx-color-border-accent);background:var(--kpx-color-bg-accent-subtle);color:var(--kpx-color-text-accent);place-items:center;display:grid}.portal-empty-state>span{border-radius:var(--kpx-radius-card);width:3.4rem;height:3.4rem}.portal-empty-state h2,.portal-empty-state p{margin:0}.portal-empty-state h2{font-family:var(--kpx-font-display);font-size:1.4rem}.portal-empty-state p{color:var(--kpx-color-text-muted);font-size:.8rem}.portal-record-list{gap:.75rem;display:grid}.portal-record-link{color:inherit;text-decoration:none}.portal-record-card{min-height:6rem;box-shadow:none;background:#111415;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.25rem;display:grid}.portal-record-icon{border-radius:var(--kpx-radius-control);width:2.65rem;height:2.65rem}.portal-record-copy{min-width:0}.portal-record-copy h2{color:var(--kpx-color-text-primary);font-family:var(--kpx-font-body);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .35rem;font-size:.95rem;overflow:hidden}.portal-record-copy p{color:var(--kpx-color-text-muted);gap:.35rem;margin:.15rem 0 0;font-size:.72rem}.portal-record-action,.portal-back-link{color:var(--kpx-color-text-accent);font-size:.74rem;font-weight:750}.portal-back-link{gap:.35rem;width:fit-content;margin-bottom:1rem;text-decoration:none}.portal-record-detail{box-shadow:none;background:#111415;padding:0;overflow:hidden}.portal-record-detail-header{border-bottom:1px solid var(--kpx-color-border-subtle);background:#ffffff05;gap:.5rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.portal-record-detail-header>span,.portal-detail-section h2{color:var(--kpx-color-text-accent);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:800}.portal-record-detail-header h1{color:var(--kpx-color-text-primary);font-family:var(--kpx-font-display);letter-spacing:-.025em;margin:0;font-size:clamp(1.5rem,3vw,2.2rem)}.portal-detail-meta{flex-wrap:wrap;gap:.65rem 1.25rem}.portal-detail-meta span{color:var(--kpx-color-text-muted);align-items:center;gap:.35rem;font-size:.74rem;display:inline-flex}.portal-detail-section{border-bottom:1px solid var(--kpx-color-border-subtle);gap:.75rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.portal-detail-section h2{margin:0}.portal-detail-copy{white-space:pre-wrap;color:var(--kpx-color-text-secondary);font-size:.86rem;line-height:1.8}.portal-detail-empty{color:var(--kpx-color-text-muted);margin:0;padding:2rem;font-style:italic}.portal-coming-soon{box-shadow:none;background:#111415;padding:clamp(1.5rem,3vw,2.5rem)}.portal-coming-soon-icon{border-radius:var(--kpx-radius-card);width:4.5rem;height:4.5rem}.portal-coming-soon h2{color:var(--kpx-color-text-primary);font-family:var(--kpx-font-display);font-size:clamp(1.65rem,3vw,2.4rem)}.portal-coming-soon p,.portal-feature-grid p{color:var(--kpx-color-text-muted)}.portal-feature-grid article{min-height:10rem;box-shadow:none;background:#111415;padding:1.5rem}.kpx-auth-shell{background:radial-gradient(circle at 80% 24%, #ccff0017, transparent 28rem), linear-gradient(#ffffff04 1px, transparent 1px), linear-gradient(90deg, #ffffff04 1px, transparent 1px), var(--kpx-color-bg-canvas);background-size:auto,7.5rem 7.5rem,7.5rem 7.5rem,auto}.kpx-login-panel{border:1px solid var(--kpx-color-border-subtle);border-radius:var(--kpx-radius-feature);box-shadow:var(--kpx-shadow-2);background:#141718f0}.kpx-login-heading h1{font-family:var(--kpx-font-display)}@media (max-width:94rem){.traffic-executive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-chart-heading-actions{flex-direction:column;align-items:flex-end}}@media (max-width:64rem){:root{--kpx-sidebar-width:5rem}.client-portal-layout .client-sidebar{align-items:center;padding-inline:.75rem}.client-sidebar-brand{justify-content:center;padding-inline:0}.client-sidebar-brand img{width:3.5rem}.client-sidebar-brand span,.client-workspace-card,.client-sidebar-nav>p,.client-nav-label,.client-nav-badge,.client-sidebar-status,.client-sidebar-logout span{display:none}.client-sidebar-nav{width:100%}.client-portal-layout .nav-item,.client-sidebar-logout{justify-content:center;width:3.3rem;min-height:3.3rem;margin-inline:auto;padding:0}.client-nav-divider{width:2.6rem;margin-inline:auto}.client-sidebar-logout{flex:none;width:3.3rem}}@media (max-width:46rem){:root{--kpx-sidebar-width:0rem}.client-portal-layout{display:block}.client-portal-layout .client-sidebar{z-index:60;border-right:0;border-bottom:1px solid var(--kpx-color-border-subtle);flex-direction:row;width:100%;height:4rem;min-height:4rem;padding:.45rem .7rem;display:flex;position:sticky;top:0;overflow-x:auto}.client-sidebar-brand{border:0;flex:0 0 3.5rem;width:3.5rem;min-height:auto;padding:0}.client-sidebar-brand img{width:3.2rem}.client-sidebar-nav{flex:1;width:auto;display:flex;overflow-x:auto}.client-portal-layout .nav-item{flex:0 0 2.9rem;width:2.9rem;min-height:2.9rem;margin:0}.client-nav-divider,.client-sidebar-logout{display:none}.client-portal-layout .portal-main{margin-left:0}.client-portal-layout .client-portal-header{flex-direction:row;gap:.65rem;min-height:3.75rem;padding:.55rem 1rem;top:4rem}.client-portal-layout .client-portal-header .portal-header-right{flex:none;width:auto;margin-left:auto}.client-header-title>span,.client-header-title p,.client-data-status,.client-admin-badge,.client-profile>span,.client-profile>svg{display:none}.client-profile{flex:0 0 2.45rem;width:2.45rem;min-height:2.45rem;padding:.15rem}.client-header-icon{width:2.45rem;height:2.45rem}.client-portal-layout .traffic-dashboard{padding:1.25rem 1rem 2.5rem}.traffic-welcome{min-height:auto;display:grid}.traffic-welcome h2{font-size:clamp(2.1rem,13vw,3.4rem)}.traffic-welcome .traffic-date-control{width:100%}.kpx-segmented-tabs{justify-content:flex-start;width:100%}.traffic-executive-grid{grid-template-columns:1fr}.kpx-data-metric{min-height:12.5rem;padding:1.25rem}.kpx-data-metric-footer{flex-direction:column;align-items:flex-start;gap:.6rem}.traffic-data-display-header{padding-top:0}.traffic-data-display-info{display:none}.traffic-chart-card,.traffic-comparison-card,.traffic-detail-table{padding:1rem}.traffic-section-heading{flex-direction:column;align-items:flex-start;gap:.75rem}.traffic-chart-heading-actions{align-items:stretch;width:100%}.traffic-chart-group-trigger{width:100%}.traffic-integrations-panel-chips{display:none}.traffic-integrations-panel-header{padding-inline:1rem}.client-portal-layout .portal-content:not(.traffic-dashboard){padding:1.25rem 1rem 2.5rem}.portal-page-toolbar{flex-direction:column;align-items:flex-start}.portal-record-card{grid-template-columns:auto minmax(0,1fr)}.portal-record-action{display:none}.portal-coming-soon,.portal-feature-grid{grid-template-columns:1fr}.admin-page-header,.finance-top-header{flex-direction:column;align-items:flex-start;gap:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}