:root{--kp-green: #01b44a;--kp-green-hover: #019a3e;--kp-green-soft: rgba(1, 180, 74, .1);--kp-info: #2563eb;--kp-info-bg: #eff6ff;--kp-info-border: #bfdbfe;--kp-warning: #d97706;--kp-warning-bg: #fffbeb;--kp-warning-border: #fde68a;--kp-bg: #ffffff;--kp-panel: #ffffff;--kp-panel-muted: #f9fafb;--kp-border: #e5e7eb;--kp-border-soft: #f3f4f6;--kp-text: #111827;--kp-muted: #6b7280;--kp-muted-strong: #4b5563;--kp-danger: #dc2626;--kp-danger-bg: #fef2f2;--kp-danger-border: #fecaca;--kp-success: #15803d;--kp-success-bg: #f0fdf4;--kp-success-border: #bbf7d0;--kp-shadow: 0 2px 8px rgba(0, 0, 0, .08);color:var(--kp-text);background:var(--kp-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root.dark{--kp-bg: #0f1115;--kp-panel: #151822;--kp-panel-muted: #0d0f16;--kp-border: #262a35;--kp-border-soft: #1a1f2e;--kp-text: #ffffff;--kp-muted: #9ca3af;--kp-muted-strong: #d1d5db;--kp-info: #60a5fa;--kp-info-bg: rgba(37, 99, 235, .16);--kp-info-border: rgba(37, 99, 235, .45);--kp-warning: #fbbf24;--kp-warning-bg: rgba(146, 64, 14, .22);--kp-warning-border: rgba(180, 83, 9, .55);--kp-danger: #f87171;--kp-danger-bg: rgba(127, 29, 29, .2);--kp-danger-border: rgba(153, 27, 27, .75);--kp-success: #4ade80;--kp-success-bg: rgba(20, 83, 45, .22);--kp-success-border: rgba(22, 101, 52, .75);--kp-shadow: 0 2px 8px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh}body{margin:0;background:var(--kp-bg)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--kp-green);outline-offset:2px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#78788259;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#78788299}*{scrollbar-width:thin;scrollbar-color:rgba(120,120,130,.35) transparent}.login-shell,.loading-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--kp-bg)}.login-theme-toggle{position:fixed;top:18px;right:18px}.login-panel{width:min(448px,100%);display:grid;gap:16px;padding:32px;border:1px solid var(--kp-border);border-radius:16px;background:var(--kp-panel);color:var(--kp-text);box-shadow:var(--kp-shadow)}.login-logo-wrap{display:flex;justify-content:center;margin-bottom:12px}.brand-logo{width:auto;height:32px;object-fit:contain}.login-panel h1,.login-panel p{margin:0;text-align:center}.login-panel h1{color:var(--kp-text);font-size:24px;line-height:1.2}.login-panel p{margin-bottom:8px;color:var(--kp-muted);font-size:14px;line-height:1.5}.login-panel label{display:grid;gap:6px;color:var(--kp-text);font-size:14px;font-weight:600}.login-panel input,.search-form input,.users-search-row input,.filters-grid select,.user-filters select,.reason-field textarea{width:100%;min-height:42px;border:1px solid var(--kp-border);border-radius:8px;padding:10px 14px;outline:none;background:var(--kp-bg);color:var(--kp-text);transition:border-color .15s ease,box-shadow .15s ease}.login-panel input::placeholder,.search-form input::placeholder{color:var(--kp-muted)}.login-panel input:focus,.search-form input:focus,.users-search-row input:focus,.filters-grid select:focus,.user-filters select:focus,.reason-field textarea:focus{border-color:transparent;box-shadow:0 0 0 2px var(--kp-green)}.challenge-block{display:grid;gap:14px}.challenge-icon{width:56px;height:56px;display:grid;place-items:center;justify-self:center;border-radius:999px;background:var(--kp-green-soft);color:var(--kp-green)}.login-panel .code-input{min-height:52px;text-align:center;font-size:26px;font-weight:700;letter-spacing:8px}.link-button{justify-self:center;border:0;background:transparent;color:var(--kp-green);font-size:14px;font-weight:700}.link-button:hover{color:var(--kp-green-hover)}.app-shell{min-height:100vh;display:grid;grid-template-columns:256px minmax(0,1fr);background:var(--kp-bg)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:20px;padding:24px 16px;overflow-y:auto;border-right:1px solid var(--kp-border);background:var(--kp-bg);color:var(--kp-text)}.sidebar-brand{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:12px;align-items:center;padding:0 8px}.sidebar-brand .brand-logo{width:100%;max-width:132px;height:auto;max-height:36px;object-fit:contain;object-position:left center}.sidebar-brand-copy{min-width:0;display:grid;gap:3px}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{color:var(--kp-text);font-size:14px;line-height:1.2;overflow-wrap:anywhere}.sidebar-brand span{max-width:100%;overflow:hidden;color:var(--kp-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.sidebar nav{display:grid;gap:4px}.sidebar nav button,.logout-button{min-height:44px;display:flex;align-items:center;gap:12px;border:0;border-radius:8px;padding:0 16px;background:transparent;color:var(--kp-muted-strong);text-align:left;font-size:14px;font-weight:600;transition:background-color .15s ease,color .15s ease}.sidebar nav button svg,.logout-button svg{flex:0 0 auto}.sidebar nav button.active{background:var(--kp-green-soft);color:var(--kp-green)}.sidebar nav button:hover,.logout-button:hover{background:var(--kp-panel-muted);color:var(--kp-text)}.logout-button{margin-top:auto}.content{position:relative;min-width:0;padding:24px 32px 32px;background:var(--kp-bg)}.topbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-24px -32px 24px;padding:0 32px;border-bottom:1px solid var(--kp-border)}.topbar h1,.topbar p,.panel h2,.panel p{margin:0}.topbar h1{color:var(--kp-text);font-size:24px;line-height:1.2}.topbar p,.panel p,.muted{color:var(--kp-muted);font-size:14px}.topbar-actions{display:flex;align-items:center;gap:8px}.filters-panel{padding:16px 18px}.filters-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.filters-heading h2{margin:0;color:var(--kp-text);font-size:15px}.filters-heading p{margin:4px 0 0;color:var(--kp-muted);font-size:13px}.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.filters-grid label,.reason-field{display:grid;gap:6px;color:var(--kp-text);font-size:13px;font-weight:700}.filters-grid select,.reason-field textarea{min-height:40px;border-radius:8px;padding:9px 11px;font:inherit;font-weight:500}.reason-field textarea{min-height:72px;resize:vertical}.reason-field small{color:var(--kp-muted);font-size:12px;font-weight:500}.period-control{min-height:40px;display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--kp-border);border-radius:8px;background:var(--kp-panel)}.period-control button{min-width:72px;min-height:32px;border:0;border-radius:6px;padding:0 12px;background:transparent;color:var(--kp-muted-strong);font-size:13px;font-weight:800}.period-control button:hover{background:var(--kp-panel-muted);color:var(--kp-text)}.period-control button.active{background:var(--kp-green);color:#fff}.period-control.compact{min-height:34px}.period-control.compact button{min-width:48px;min-height:26px;padding:0 9px}.theme-toggle{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:var(--kp-muted-strong);transition:background-color .15s ease,color .15s ease}.theme-toggle:hover{background:var(--kp-panel-muted);color:var(--kp-text)}.stat-grid,.check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.check-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}.stat-card,.panel{border:1px solid var(--kp-border);border-radius:12px;background:var(--kp-panel);box-shadow:var(--kp-shadow)}.stat-card{min-height:108px;display:grid;gap:6px;align-content:center;padding:16px}.stat-card.tone-success,.insight-card.tone-success,.decision-panel.tone-success{border-color:var(--kp-success-border);background:linear-gradient(180deg,var(--kp-success-bg),var(--kp-panel))}.stat-card.tone-warning,.insight-card.tone-warning,.decision-panel.tone-warning{border-color:var(--kp-warning-border);background:linear-gradient(180deg,var(--kp-warning-bg),var(--kp-panel))}.stat-card.tone-danger,.insight-card.tone-danger,.decision-panel.tone-danger{border-color:var(--kp-danger-border);background:linear-gradient(180deg,var(--kp-danger-bg),var(--kp-panel))}.stat-card.tone-info,.insight-card.tone-info,.decision-panel.tone-info{border-color:var(--kp-info-border);background:linear-gradient(180deg,var(--kp-info-bg),var(--kp-panel))}.stat-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.stat-card-top svg{color:var(--kp-muted)}.stat-card.tone-success .stat-card-top svg,.insight-card.tone-success .insight-icon,.decision-panel.tone-success .decision-icon{color:var(--kp-success)}.stat-card.tone-warning .stat-card-top svg,.insight-card.tone-warning .insight-icon,.decision-panel.tone-warning .decision-icon{color:var(--kp-warning)}.stat-card.tone-danger .stat-card-top svg,.insight-card.tone-danger .insight-icon,.decision-panel.tone-danger .decision-icon{color:var(--kp-danger)}.stat-card.tone-info .stat-card-top svg,.insight-card.tone-info .insight-icon,.decision-panel.tone-info .decision-icon{color:var(--kp-info)}.stat-card span,.stat-card small{color:var(--kp-muted);font-size:13px;line-height:1.35}.stat-card strong{color:var(--kp-text);font-size:clamp(20px,2vw,26px);line-height:1.15;overflow-wrap:anywhere}.panel{padding:18px;margin-bottom:16px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-title svg{color:var(--kp-muted);flex:0 0 auto}.panel h2{color:var(--kp-text);font-size:16px;line-height:1.4}.section-heading{margin-bottom:16px}.panel-title-actions{display:inline-flex;align-items:center;gap:10px;color:var(--kp-muted-strong)}.section-heading h2{margin:0;color:var(--kp-text);font-size:16px;line-height:1.4}.section-heading p{margin:4px 0 0;color:var(--kp-muted);font-size:14px;line-height:1.5}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.recent-sales-row{grid-template-columns:minmax(170px,1.25fr) minmax(170px,1.1fr) minmax(90px,.65fr) minmax(100px,.65fr) 110px}.email-list-row{grid-template-columns:minmax(180px,1.2fr) minmax(180px,1.2fr) minmax(100px,.7fr) minmax(130px,.8fr) 110px}.recent-sales-row span,.email-list-row span,.user-sales-row span,.user-emails-row span{min-width:0}.recent-sales-row span>strong,.recent-sales-row span>small,.email-list-row span>strong,.email-list-row span>small,.user-sales-row span>strong,.user-sales-row span>small,.user-emails-row span>strong,.user-emails-row span>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-sales-row small,.email-list-row small,.user-sales-row small,.user-emails-row small{margin-top:3px;color:var(--kp-muted);font-size:12px}.user-list{display:grid;gap:1px;overflow-x:auto;overflow-y:hidden;border:1px solid var(--kp-border);border-radius:10px;background:var(--kp-border)}.user-list-row{width:100%;display:grid;grid-template-columns:minmax(220px,1.8fr) minmax(100px,.7fr) minmax(100px,.7fr) 110px 24px;gap:12px;align-items:center;min-height:54px;border:0;padding:8px 12px;background:var(--kp-panel);color:var(--kp-text);text-align:left;font-size:13px}.load-more-button{width:100%;margin-top:12px}.user-list-row:not(.user-list-head):hover{background:var(--kp-panel-muted)}.user-list-row>span:first-child{min-width:0;display:grid;gap:3px}.user-list-row strong,.user-list-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-list-row strong{color:var(--kp-text)}.user-list-row small{color:var(--kp-muted);font-size:12px}.user-list-row svg{color:var(--kp-muted)}.user-list-head{min-height:38px;color:var(--kp-muted);font-weight:700}.list-summary,.table-note{margin:10px 0 12px;color:var(--kp-muted);font-size:13px}.user-detail{display:grid;gap:16px}.user-detail-status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nested-panel{margin:0;box-shadow:none}.user-sales-row{grid-template-columns:minmax(200px,1.4fr) minmax(90px,.65fr) minmax(100px,.7fr) minmax(150px,.9fr) 110px}.user-emails-row{grid-template-columns:minmax(180px,1.3fr) minmax(180px,1.1fr) minmax(100px,.7fr) minmax(130px,.8fr) 110px}.insight-card{min-height:132px;display:flex;gap:12px;padding:16px;border:1px solid var(--kp-border);border-radius:12px;background:var(--kp-panel);box-shadow:var(--kp-shadow)}.insight-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--kp-panel-muted)}.insight-card span,.health-strip span,.status-tile span,.breakdown-main span,.product-row span{color:var(--kp-muted);font-size:12px}.insight-card strong{display:block;margin-top:4px;color:var(--kp-text);font-size:19px;line-height:1.2}.insight-card p{margin:8px 0 0;color:var(--kp-muted);font-size:13px;line-height:1.45}.health-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.health-strip>div{min-height:96px;display:grid;align-content:center;gap:8px;padding:14px;border:1px solid var(--kp-border);border-radius:10px;background:var(--kp-panel-muted)}.health-strip strong{color:var(--kp-text);font-size:22px}.health-strip p{margin:0}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.primary-button,.secondary-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:0 16px;font-size:14px;font-weight:700;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.primary-button{border:1px solid var(--kp-green);background:var(--kp-green);color:#fff}.primary-button:hover{background:var(--kp-green-hover);border-color:var(--kp-green-hover)}.secondary-button{border:1px solid var(--kp-border);background:var(--kp-panel);color:var(--kp-text)}.secondary-button:hover{background:var(--kp-panel-muted)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.6}.chart-wrap{position:relative;width:100%;overflow:hidden;border-radius:8px;background:var(--kp-panel-muted)}.chart-wrap svg{display:block;width:100%;min-height:220px}.grid-line{stroke:var(--kp-border);stroke-width:1}.line-fill{fill:#01b44a17;stroke:none}.line-stroke{fill:none;stroke:var(--kp-green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.line-dot{fill:var(--kp-green);stroke:var(--kp-panel);stroke-width:2;transition:r .15s ease}.hit-zone{fill:transparent}.chart-tooltip{position:absolute;display:grid;gap:2px;min-width:180px;padding:10px 12px;border:1px solid rgba(1,180,74,.25);border-radius:8px;background:var(--kp-panel);color:var(--kp-text);box-shadow:var(--kp-shadow);pointer-events:none;z-index:2}.chart-tooltip span{color:var(--kp-text);font-weight:800}.chart-tooltip small{color:var(--kp-muted)}.table{display:grid;gap:1px;overflow:hidden;border:1px solid var(--kp-border);border-radius:8px;background:var(--kp-border)}.table-row{display:grid;grid-template-columns:minmax(140px,1.4fr) repeat(4,minmax(70px,.7fr));gap:10px;align-items:center;min-height:42px;padding:10px 12px;background:var(--kp-panel);color:var(--kp-text);font-size:13px}.table-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-head{background:var(--kp-panel-muted);color:var(--kp-muted);font-weight:700}.breakdown-list,.product-list,.email-bars{display:grid;gap:10px}.breakdown-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:12px;border:1px solid var(--kp-border);border-radius:10px;background:var(--kp-panel-muted)}.breakdown-main strong,.breakdown-main span,.breakdown-side strong,.breakdown-side small{display:block}.breakdown-main strong,.product-row strong,.breakdown-side strong{color:var(--kp-text)}.breakdown-side{text-align:right}.breakdown-side small{color:var(--kp-muted)}.product-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--kp-border);border-radius:10px;background:var(--kp-panel-muted)}.product-row strong,.product-row span{display:block}.reason-list{display:grid;gap:8px}.reason-list>.bar-row{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--kp-border);border-radius:10px;background:var(--kp-panel-muted)}.reason-list strong{color:var(--kp-text)}.bar-row{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--kp-border);border-radius:10px;background:var(--kp-panel-muted)}.bar-row-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.bar-row-top span{overflow:hidden;color:var(--kp-text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.bar-row-top strong{color:var(--kp-text)}.mini-bar{height:7px;overflow:hidden;border-radius:999px;background:var(--kp-border-soft)}.mini-bar.wide{grid-column:1 / -1}.mini-bar span{display:block;height:100%;min-width:2px;border-radius:inherit;transition:width .25s ease}.mini-bar .tone-success,.mini-bar span.tone-success{background:var(--kp-green)}.mini-bar .tone-warning,.mini-bar span.tone-warning{background:var(--kp-warning)}.mini-bar .tone-danger,.mini-bar span.tone-danger{background:var(--kp-danger)}.mini-bar .tone-info,.mini-bar span.tone-info{background:var(--kp-info)}.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.users-panel .panel-title{margin-bottom:20px}.users-toolbar{display:grid;gap:12px;margin-bottom:14px}.users-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.user-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.user-filters label{display:grid;gap:6px;color:var(--kp-text);font-size:13px;font-weight:700}.user-filters select{min-height:40px;border-radius:8px;padding:9px 11px;font:inherit;font-weight:500}.user-check{display:grid;gap:16px;margin-top:16px}.user-summary{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--kp-border);border-radius:12px;background:var(--kp-panel-muted)}.user-avatar{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:999px;background:var(--kp-green-soft);color:var(--kp-green)}.user-summary>div:nth-child(2){min-width:0;flex:1}.user-check strong,.user-check span{display:block}.user-check strong{color:var(--kp-text)}.user-check span{color:var(--kp-muted)}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;white-space:nowrap;border:1px solid var(--kp-border);border-radius:999px;padding:0 10px;color:var(--kp-muted-strong);background:var(--kp-panel);font-size:12px;font-weight:800}.status-pill.tone-success{border-color:var(--kp-success-border);color:var(--kp-success);background:var(--kp-success-bg)}.status-pill.tone-warning{border-color:var(--kp-warning-border);color:var(--kp-warning);background:var(--kp-warning-bg)}.status-pill.tone-danger{border-color:var(--kp-danger-border);color:var(--kp-danger);background:var(--kp-danger-bg)}.status-pill.tone-info{border-color:var(--kp-info-border);color:var(--kp-info);background:var(--kp-info-bg)}.decision-panel{display:flex;gap:12px;padding:14px;border:1px solid var(--kp-border);border-radius:12px;background:var(--kp-panel-muted)}.decision-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--kp-panel)}.decision-panel strong,.decision-panel p{margin:0}.decision-panel strong{color:var(--kp-text);font-size:15px}.decision-panel p{margin-top:4px;color:var(--kp-muted);font-size:13px;line-height:1.5}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.status-tile{min-height:112px;display:grid;gap:6px;align-content:center;padding:14px;border:1px solid var(--kp-border);border-radius:12px;background:var(--kp-panel-muted)}.status-tile strong{color:var(--kp-text);font-size:20px}.status-tile small{color:var(--kp-muted);font-size:12px;line-height:1.35}.error-box,.success-box,.warning-box,.floating-error,.sync-pill,.empty-state{border-radius:8px;padding:12px 14px;font-size:14px}.error-box,.floating-error{border:1px solid var(--kp-danger-border);background:var(--kp-danger-bg);color:var(--kp-danger)}.success-box{border:1px solid var(--kp-success-border);background:var(--kp-success-bg);color:var(--kp-success)}.warning-box{display:grid;gap:3px;margin-bottom:16px;border:1px solid var(--kp-warning-border);background:var(--kp-warning-bg);color:var(--kp-warning)}.warning-box span{font-size:13px}.floating-error,.sync-pill{position:fixed;right:20px;bottom:20px;z-index:20;box-shadow:0 12px 32px #10141824}.sync-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--kp-border);background:var(--kp-panel);color:var(--kp-text)}.empty-state{border:1px dashed var(--kp-border);color:var(--kp-muted);background:var(--kp-panel-muted)}.content-loading{position:absolute;z-index:30;top:64px;right:0;bottom:0;left:0;min-height:calc(100vh - 64px);display:grid;place-items:start center;padding-top:28vh;background:#ffffffbd;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.content-loading-card{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--kp-border);border-radius:10px;background:var(--kp-panel);color:var(--kp-text);box-shadow:var(--kp-shadow);font-size:14px;font-weight:700}:root.dark .content-loading{background:#0f1115bd}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.insight-grid,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.status-grid,.health-strip,.filters-grid,.user-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 920px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--kp-border)}.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}.sidebar nav button,.logout-button{justify-content:center;padding:0 10px}.content{padding:16px}.topbar{margin:-16px -16px 16px;padding:12px 16px}.check-grid,.insight-grid,.status-grid,.health-strip,.filters-grid,.user-filters{grid-template-columns:1fr}.user-summary{align-items:flex-start}.topbar,.search-form,.users-search-row{grid-template-columns:1fr;align-items:stretch}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:flex-end}.period-control{margin-right:auto}.table-row{grid-template-columns:minmax(120px,1fr) repeat(2,minmax(58px,.5fr))}.table-row span:nth-child(4),.table-row span:nth-child(5){display:none}.breakdown-item,.product-row{grid-template-columns:1fr}.product-row{align-items:flex-start;flex-direction:column}.breakdown-side{text-align:left}}@media (max-width: 640px){.login-shell,.loading-screen{padding:16px}.login-panel{padding:24px}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{grid-template-columns:1fr}.topbar-actions{flex-wrap:wrap;justify-content:stretch}.period-control{width:100%;margin-right:0}.period-control button{flex:1}}@media (max-width: 920px){.recent-sales-table,.email-list-table,.user-detail-sales-table,.user-detail-emails-table{overflow-x:auto}.table-row.recent-sales-row,.table-row.email-list-row,.table-row.user-sales-row,.table-row.user-emails-row{min-width:760px}.table-row.recent-sales-row,.table-row.email-list-row,.table-row.user-sales-row,.table-row.user-emails-row{display:grid}}