*{box-sizing:border-box;margin:0;padding:0}:root{--brand: #336aea;--brand-light: #e8effe;--brand-mid: #5584ee;--accent: #f4a942;--accent-light: #fff8ec;--danger: #e24b4a;--danger-light: #fcebeb;--success: #22c55e;--text: #14161c;--text-muted: #6f7687;--surface: #ffffff;--surface2: #f5f6f8;--border: #e3e6ec;--radius: 14px;--shadow: 0 1px 2px rgba(20,22,28,.04), 0 4px 16px rgba(20,22,28,.04);--radius-sm: 8px;--font: "Sora", sans-serif;--text-faint: #a9afbd;--grid-line: #eef0f4;--line-soft: #c3c8d4;--tint-blue: #e8effe;--tint-blue-text: #1e40af;--tint-blue-border: #bfdbfe;--tint-red: #fcebeb;--tint-red-text: #991b1b;--tint-red-border: #fecaca;--tint-amber: #fff8ec;--tint-amber-text: #854f0b;--tint-amber-border: #fde68a;--tint-green: #e8fef0;--tint-green-text: #166534;--tint-green-border: #86efac;--tint-violet: #f1edfe;color-scheme:light}:root[data-theme=dark]{--brand: #4d7ff0;--brand-light: #1d2a4a;--brand-mid: #6a93f3;--accent-light: #3a2d14;--danger-light: #3d1d1f;--text: #e8eaf0;--text-muted: #9aa1b2;--text-faint: #6b7385;--surface: #171a21;--surface2: #0f1115;--border: #2a2f3a;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.25);--grid-line: #252a34;--line-soft: #4a5263;--tint-blue: #1d2a4a;--tint-blue-text: #a9c2ff;--tint-blue-border: #2f4a85;--tint-red: #3a1d20;--tint-red-text: #ffa3a3;--tint-red-border: #6b2a2e;--tint-amber: #3a2c12;--tint-amber-text: #f5c56b;--tint-amber-border: #6b5220;--tint-green: #15321f;--tint-green-text: #74e3a4;--tint-green-border: #23613a;--tint-violet: #2a2346;color-scheme:dark}body{font-family:var(--font);background:var(--surface2);color:var(--text);-webkit-font-smoothing:antialiased}input,button,select,textarea{font-family:var(--font)}.app{display:flex;height:100vh;overflow:hidden}.main{flex:1;overflow-y:auto;background:var(--surface2)}.content{padding:24px}.sidebar{width:232px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column}.logo{padding:6px 20px 0}.logo-mark{width:100%;max-width:150px;aspect-ratio:500 / 150;background:var(--brand);-webkit-mask:url(/logos/Keeply1.svg) center / 100% auto no-repeat;mask:url(/logos/Keeply1.svg) center / 100% auto no-repeat}.logo-sub{font-size:9.5px;color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:-2px}.rest-selector{margin:16px 14px 10px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px}.rest-badge{width:32px;height:32px;border-radius:9px;flex-shrink:0;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600}.rest-name{font-size:12.5px;color:var(--text);font-weight:600}.rest-label{font-size:10.5px;color:#16a34a;margin-top:1px;display:flex;align-items:center;gap:5px}.rest-label:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.sidebar nav{flex:1;padding:8px 14px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer;font-size:12.5px;font-weight:500;color:var(--text-muted);transition:all .15s;margin-bottom:2px;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:var(--brand-light);color:var(--brand);font-weight:600}.sidebar-footer{margin:0 14px 16px;padding:12px;border:1px solid var(--border);border-radius:12px}.sidebar-footer .plan-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted)}.sidebar-logout{display:flex;align-items:center;gap:6px;margin-top:10px;background:none;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;padding:0}.sidebar-logout:hover{color:var(--text)}.plan-badge{background:var(--accent);color:#412402;font-size:10px;font-weight:600;padding:3px 8px;border-radius:20px;letter-spacing:.5px}.topbar{background:var(--surface);border-bottom:.5px solid var(--border);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.page-title{font-size:16px;font-weight:500;color:var(--text)}.page-sub{font-size:12px;color:var(--text-muted);margin-top:1px}.topbar-right{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;border:none;font-family:var(--font);transition:all .15s}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-mid)}.btn-outline{background:transparent;color:var(--text);border:.5px solid var(--border)}.btn-outline:hover{background:var(--surface2)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#c93d3c}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:13px;font-weight:500;color:var(--text)}.tag{display:inline-flex;align-items:center;font-size:10px;font-weight:500;padding:3px 8px;border-radius:20px}.tag-green{background:var(--tint-blue);color:var(--tint-blue-text)}.tag-amber{background:var(--tint-amber);color:var(--tint-amber-text)}.tag-red{background:var(--tint-red);color:var(--tint-red-text)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.metric-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);padding:16px 18px}.metric-label{font-size:11px;color:var(--text-muted);margin-bottom:6px}.metric-value{font-size:26px;font-weight:500;line-height:1;color:var(--text)}.metric-change{font-size:11px;margin-top:4px;display:flex;align-items:center;gap:3px}.up{color:#336aea}.down{color:var(--danger)}.section-title{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.client-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:.5px solid var(--border);cursor:pointer;transition:background .1s}.client-row:last-child{border-bottom:none}.client-row:hover{background:var(--surface2);margin:0 -20px;padding:10px 20px;border-radius:var(--radius-sm)}.avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;flex-shrink:0}.av-green,.av-blue{background:var(--tint-blue);color:var(--tint-blue-text)}.av-amber{background:var(--tint-amber);color:var(--tint-amber-text)}.av-red{background:var(--tint-red);color:var(--tint-red-text)}.client-info{flex:1;min-width:0}.client-name{font-size:13px;font-weight:500;color:var(--text)}.client-meta{font-size:11px;color:var(--text-muted);margin-top:1px}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot-green{background:#336aea}.dot-amber{background:#ef9f27}.dot-red{background:#e24b4a}.campaign-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:.5px solid var(--border)}.campaign-row:last-child{border-bottom:none}.camp-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px}.camp-info{flex:1}.camp-name{font-size:12px;font-weight:500;color:var(--text)}.camp-stat{font-size:10px;color:var(--text-muted);margin-top:1px}.activity-item{display:flex;gap:12px;padding:8px 0;align-items:flex-start}.act-dot-wrap{display:flex;flex-direction:column;align-items:center;padding-top:4px}.act-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.act-line{width:1px;flex:1;background:var(--border);margin-top:4px;min-height:20px}.act-text{font-size:12px;line-height:1.5;color:var(--text)}.act-time{font-size:10px;color:var(--text-muted);margin-top:2px}.form-row{margin-bottom:14px}.form-label{font-size:11px;color:var(--text-muted);margin-bottom:5px}.form-input{width:100%;padding:8px 12px;border:.5px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font);background:var(--surface2);color:var(--text);outline:none}.form-input:focus{border-color:var(--brand)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:.5px solid var(--border)}.toggle-row:last-child{border-bottom:none}.toggle-info{font-size:12px;font-weight:500;color:var(--text)}.toggle-sub{font-size:10px;color:var(--text-muted);margin-top:1px}.toggle{width:36px;height:20px;border-radius:10px;background:#ccc;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--brand)}.toggle:after{content:"";width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s}.toggle.on:after{transform:translate(16px)}.ai-chip{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#336aea,#5584ee);color:#fff;font-size:10px;font-weight:500;padding:3px 8px;border-radius:20px}.pulse{width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.notif-wrap{position:relative}.notif-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-muted)}.notif-bell:hover{background:var(--surface2);color:var(--text)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-muted)}.theme-toggle:hover{background:var(--surface2);color:var(--text)}.notif-badge{position:absolute;top:-2px;right:-2px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center}.notif-panel{position:absolute;top:calc(100% + 10px);right:0;width:320px;max-height:440px;overflow-y:auto;background:var(--surface);border:.5px solid var(--border);border-radius:14px;box-shadow:0 12px 32px #0000001f;padding:4px 0 6px;z-index:60}.notif-section-title{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;padding:10px 14px 4px;position:sticky;top:0;background:var(--surface)}.notif-subtitle{font-size:10px;font-weight:600;color:var(--tint-amber-text);padding:6px 14px 2px}.notif-item{padding:7px 14px;border-bottom:.5px solid var(--border)}.notif-item:last-child{border-bottom:none}.notif-empty{font-size:11px;color:var(--text-muted);padding:10px 14px}.wa-btn{display:inline-flex;align-items:center;gap:4px;margin-top:5px;padding:3px 9px;border-radius:20px;background:#25d366;color:#fff;font-size:10px;font-weight:600;text-decoration:none;white-space:nowrap}.wa-btn:hover{background:#1ebe5a}.wa-btn-done{background:transparent;color:var(--tint-green-text);box-shadow:inset 0 0 0 1px var(--tint-green-border)}.wa-btn-done:hover{background:var(--tint-green)}.tnum{font-variant-numeric:tabular-nums}.dhead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.dhello{font-size:22px;font-weight:600;letter-spacing:-.4px;color:var(--text)}.dhello-sub{color:var(--text-muted);margin-top:4px;font-size:12.5px}.dhello-sub b{color:var(--text);font-weight:600}.dreset{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:10px;padding:7px 12px;font-size:11.5px;cursor:pointer}.dreset:hover{color:var(--text)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.kpi{padding:18px 20px}.kpi-l{font-size:11.5px;color:var(--text-muted);font-weight:500}.kpi-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:10px}.kpi-v{font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1;color:var(--text)}.kpi-viz{width:84px;height:34px;display:block;flex-shrink:0}.kpi-viz.kpi-ring{width:36px;height:36px}.kpi-v small{font-size:15px;color:var(--text-faint);font-weight:500;letter-spacing:0}.kpi-f{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:12px;font-size:11px;color:var(--text-muted)}.dchip{display:inline-flex;align-items:center;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:20px;background:var(--surface2);color:var(--text-muted)}.dchip.up{background:var(--tint-green);color:#16a34a}.dchip.down{background:var(--tint-red);color:#dc4543}.dstack{display:flex;flex-direction:column;gap:12px}.dcard-flex{display:flex;flex-direction:column}.dcard-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.dcard-t{font-size:14px;font-weight:600;letter-spacing:-.1px;color:var(--text)}.dcard-s{font-size:11.5px;color:var(--text-muted);margin-top:2px}.dlink{border:none;background:none;padding:0;font-size:11.5px;color:var(--brand);font-weight:500;cursor:pointer;white-space:nowrap}.dlink:hover{text-decoration:underline}.dempty{font-size:12px;color:var(--text-muted);padding:28px 0;text-align:center}.dsub{font-size:11.5px;font-weight:600;color:var(--text);margin-top:16px}.vlegend{display:flex;gap:14px;font-size:11px;color:var(--text-muted);flex-wrap:wrap;justify-content:flex-end}.vlegend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.vlegend i{width:14px;border-top:2px solid var(--brand);display:inline-block}.vlegend i.dash{border-top:2px dashed var(--text-faint)}.vchart-plot{display:flex;height:200px;margin-top:8px}.vchart-y{position:relative;width:28px;flex-shrink:0}.vchart-y span{position:absolute;right:10px;transform:translateY(-50%);font-size:10.5px;color:var(--text-faint);font-variant-numeric:tabular-nums}.vchart-area{position:relative;flex:1;min-width:0}.vchart-area svg{width:100%;height:100%;display:block;overflow:visible}.vchart-peak{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.vchart-peak i{display:block;width:11px;height:11px;border-radius:50%;background:var(--surface);border:2.5px solid var(--brand)}.vchart-peak span{position:absolute;top:16px;left:50%;transform:translate(-50%);background:var(--text);color:var(--surface);font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:6px;white-space:nowrap}.vchart-peak span.above{top:auto;bottom:16px}.vchart-x{display:grid;margin:8px 0 0 28px}.vchart-x span{text-align:center;font-size:10.5px;color:var(--text-muted)}.vchart-x .best{color:var(--brand);font-weight:600}.mini-v small{font-size:11px;font-weight:600}.mini-v small.up{color:#16a34a}.mini-v small.down{color:#dc4543}.dfoot3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.mini-l{font-size:10.5px;color:var(--text-muted)}.mini-v{font-size:15px;font-weight:600;margin-top:3px;color:var(--text)}.ttabs{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap}.ttab{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:20px;padding:5px 11px;font-size:11px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.ttab b{font-weight:600;color:var(--text-faint)}.ttab.on{background:var(--text);border-color:var(--text);color:var(--surface)}.ttab.on b{color:var(--text-faint)}.tasks{flex:1;overflow-y:auto;max-height:330px;padding-right:4px}.task{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.task:last-child{border-bottom:none}.av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:600;flex-shrink:0}.av-bday{background:var(--tint-amber);color:#d98a12}.av-prize{background:var(--tint-violet);color:#7c5cf0}.av-near{background:var(--brand-light);color:var(--brand)}.av-risk{background:var(--tint-red);color:#dc4543}.task-body{flex:1;min-width:0}.task-name{font-weight:600;font-size:12.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-why{font-size:11px;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task.done .task-name,.task.done .task-why,.task.done .av{opacity:.5}.tasks-more{font-size:11px;color:var(--text-muted);padding:10px 0 2px;text-align:center}.wa-btn.wa-btn-compact{margin-top:0;height:32px;padding:0 12px;border-radius:9px;font-size:11.5px;gap:6px;flex-shrink:0}.wa-btn.wa-btn-compact.wa-btn-done{background:var(--tint-green);color:#16a34a;box-shadow:none}.donut-wrap{flex:1;min-height:130px;display:flex;align-items:center;justify-content:center;gap:clamp(20px,6%,44px);padding-bottom:6px}.donut{height:100%;min-height:120px;max-height:210px;width:auto;aspect-ratio:1;flex-shrink:0;font-family:var(--font)}.dl{flex:1;min-width:0;max-width:340px;display:flex;flex-direction:column}.dl-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--border);color:var(--text)}.dl-row:last-child{border-bottom:none}.dl-row .sw{width:10px;height:10px;border-radius:3px;flex-shrink:0}.dl-text{min-width:0;display:flex;flex-direction:column;gap:1px}.dl-text b{font-size:13px;font-weight:600}.dl-text span{font-size:10.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-row .n{margin-left:auto;font-size:17px;font-weight:600}.dl-row .p{color:var(--text-faint);font-size:11.5px;width:36px;text-align:right;flex-shrink:0}.base-card{container-type:inline-size}@container (max-width: 480px){.donut-wrap{flex-direction:column;align-items:stretch;gap:14px}.donut{height:auto;width:100%;max-width:170px;min-height:0;align-self:center}.dl{max-width:none}}.camp{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.camp-ic{width:36px;height:36px;border-radius:11px;background:var(--surface2);display:grid;place-items:center;font-size:16px;flex-shrink:0}.camp-n{font-weight:600;font-size:12.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camp-s{font-size:11px;color:var(--text-muted);margin-top:2px}.camp-v{margin-left:auto;text-align:right;flex-shrink:0}.camp-v b{font-size:15px;font-weight:600;display:block;color:var(--text)}.camp-v span{font-size:10.5px;color:var(--text-muted)}.prizes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.prize{background:var(--surface2);border-radius:12px;padding:10px 12px}.prize b{font-size:17px;font-weight:600;display:block;color:var(--text)}.prize span{font-size:10.5px;color:var(--text-muted)}.tl{flex:1;overflow-y:auto;max-height:330px;padding-right:4px}.tl-day{font-size:10.5px;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.8px;padding:4px 0 8px;position:sticky;top:0;background:var(--surface);z-index:1}.ev{display:flex;gap:12px;padding-bottom:14px;position:relative}.ev:before{content:"";position:absolute;left:13px;top:30px;bottom:2px;width:1px;background:var(--border)}.ev-ic{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:12px;flex-shrink:0;background:var(--surface2)}.ev-body{flex:1;min-width:0}.ev-t{font-size:12px;line-height:1.45;color:var(--text)}.ev-h{font-size:10.5px;color:var(--text-faint);margin-top:2px}.ev-sub{font-size:10.5px;color:var(--text-muted);margin-top:2px;line-height:1.4}@media (max-width: 1100px){.kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.kpis{gap:8px}.kpi{padding:14px}.kpi-v{font-size:24px}.dhello{font-size:18px}}.hist-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.hist-search{display:flex;align-items:center;gap:8px;flex:1;min-width:220px;max-width:460px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:0 12px;height:38px;color:var(--text-muted)}.hist-search input{border:0;outline:0;flex:1;background:transparent;font-size:12.5px;color:var(--text)}.hist-range{width:auto!important;height:38px;background:var(--surface)!important}.hist-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.hist-chips .ttab{padding:6px 12px;font-size:11.5px}.hist-card{padding-top:6px}.hist-day{display:flex;justify-content:space-between;position:static;padding:14px 0 6px}.hist-day span{font-weight:500;letter-spacing:0}.hist-ev{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--border);align-items:flex-start}.hist-ic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;flex-shrink:0}.hist-body{flex:1;min-width:0}.hist-t{font-size:12.5px;line-height:1.45;color:var(--text)}.hist-h{font-size:10.5px;color:var(--text-faint);margin-top:2px}.hist-tag{font-size:10px;color:var(--text-muted);background:var(--surface2);border-radius:20px;padding:2px 8px;white-space:nowrap;flex-shrink:0}.rw-kpis{grid-template-columns:repeat(3,1fr)}.rw-card{padding-top:6px;padding-bottom:6px}.rw-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--border);flex-wrap:wrap}.rw-row:first-child{border-top:none}.rw-body{flex:1;min-width:200px}.rw-name{font-weight:600;font-size:13px;color:var(--text)}.rw-sub{font-size:11.5px;color:var(--text-muted);margin-top:2px}.rw-msg-toggle{font-size:11px;margin-top:4px}.rw-msg{margin-top:6px;background:var(--surface2);border-radius:10px;padding:8px 10px;font-size:12px;color:var(--text);max-width:560px;line-height:1.5}.rw-exp{font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:20px;white-space:nowrap}.rw-exp.green{background:var(--tint-green);color:var(--tint-green-text)}.rw-exp.amber{background:var(--tint-amber);color:var(--tint-amber-text)}.rw-exp.red{background:var(--tint-red);color:var(--tint-red-text)}.rw-actions{display:flex;gap:8px;align-items:center}@media (max-width: 768px){.rw-kpis{grid-template-columns:1fr}.rw-actions{width:100%;justify-content:flex-end}}.cfg-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.cfg-t,.cfg-s,.field{margin-bottom:14px}.field label{display:block;font-size:11.5px;font-weight:600;margin-bottom:6px;color:var(--text)}.field small{display:block;font-size:11px;color:var(--text-muted);margin-top:6px}.seg{display:flex;background:var(--surface2);border-radius:10px;padding:3px;gap:2px}.seg button{flex:1;border:0;background:none;padding:8px 6px;border-radius:8px;font-size:11.5px;color:var(--text-muted);cursor:pointer;font-weight:500}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.cfg-range{display:flex;align-items:center;gap:10px}.cfg-range input[type=range]{flex:1;accent-color:var(--brand)}.cfg-num{width:70px!important;text-align:center}.cfg-scale{display:flex;height:10px;border-radius:5px;overflow:hidden;margin-top:4px}.cfg-scale-l{display:flex;justify-content:space-between;gap:8px;font-size:10.5px;color:var(--text-muted);margin-top:6px}.cfg-err{font-size:11.5px;color:var(--tint-red-text);background:var(--tint-red);border-radius:8px;padding:8px 10px}.cfg-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.cfg-switch-row b{font-size:12.5px;color:var(--text)}.sw{width:38px;height:22px;border-radius:11px;background:var(--line-soft);position:relative;cursor:pointer;flex-shrink:0;border:0;transition:background .15s}.sw:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px #0003}.sw.on{background:#16a34a}.sw.on:after{left:19px}.cfg-save{position:sticky;bottom:0;display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;padding:12px 0;background:linear-gradient(transparent,var(--surface2) 40%)}.cfg-saved{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#16a34a}@media (max-width: 900px){.cfg-grid{grid-template-columns:1fr}}.qrv-warn{display:flex;gap:10px;align-items:flex-start;background:var(--tint-amber);color:var(--tint-amber-text);border:1px solid var(--tint-amber-border);border-radius:14px;padding:14px 18px;margin-bottom:14px;font-size:12px;line-height:1.6}.qrv-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}.qrv-main{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.qrv-img{background:var(--surface2);border-radius:14px;padding:16px;display:grid;place-items:center}.qrv-img img{width:200px;height:200px;display:block;background:#fff;border-radius:10px;padding:8px}.qrv-ph{width:200px;height:200px;display:grid;place-items:center;font-size:12px;color:var(--text-muted)}.qrv-info{flex:1;min-width:210px}.qrv-actions{display:flex;flex-direction:column;gap:8px}.qrv-actions .btn{justify-content:center;text-decoration:none}.qrv-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qrv-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.qrv-step{background:var(--surface2);border-radius:12px;padding:12px}.qrv-step i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--brand-light);color:var(--brand);display:grid;place-items:center;font-size:11px;font-weight:700;margin-bottom:8px}.qrv-step b{font-size:12px;display:block;color:var(--text)}.qrv-step span{font-size:11px;color:var(--text-muted)}@media (max-width: 1000px){.qrv-grid{grid-template-columns:1fr}.qrv-steps{grid-template-columns:repeat(2,1fr)}}.cl-prog{display:flex;align-items:center;gap:8px}.cl-bar{flex:1;min-width:60px;height:6px;border-radius:3px;background:var(--surface2);overflow:hidden}.cl-bar i{display:block;height:100%;background:#7c5cf0;border-radius:3px}.cl-prog small{font-size:11px;color:var(--text-muted);white-space:nowrap}.cl-prog small.near{color:#7c5cf0;font-weight:600}.cl-st{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:20px;white-space:nowrap}.cl-st:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.cl-st.g{background:var(--tint-green);color:var(--tint-green-text)}.cl-st.a{background:var(--tint-amber);color:var(--tint-amber-text)}.cl-st.r{background:var(--tint-red);color:var(--tint-red-text)}.cl-st.b{background:var(--tint-blue);color:var(--tint-blue-text)}.cl-more{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:11.5px;color:var(--text-muted)}.camp-list{padding:6px 18px}.camp-list .camp-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--border);border-bottom:none;flex-wrap:wrap}.camp-list .camp-row:first-child{border-top:none}.camp-list .camp-ic{width:40px;height:40px;font-size:18px}.camp-main{flex:1;min-width:200px}.camp-list .camp-v{min-width:90px}.camp-acts{display:flex;align-items:center;gap:6px}.camp-group+.camp-group{margin-top:6px;border-top:1px solid var(--border)}.camp-group-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 0 4px}.camp-group-h b{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.camp-group-h span{font-size:11px;color:var(--text-faint)}.camp-group-h .dlink{margin-left:auto;font-size:11px}.camp-group .camp-row:first-of-type{border-top:none}.icon-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--surface);display:inline-grid;place-items:center;cursor:pointer;color:var(--text-muted);font-size:13px;padding:0}.icon-btn:hover{color:var(--text);border-color:var(--line-soft)}.icon-btn.danger:hover{color:var(--danger);border-color:var(--danger)}.auto-msg{margin-top:12px;max-width:560px;background:var(--tint-green);color:var(--text);border-radius:12px 12px 12px 4px;padding:10px 12px;font-size:12px;line-height:1.5}.auto-warn{margin-top:6px;font-size:11px;color:var(--tint-amber-text)}.dash-grid{margin-bottom:18px}.dash-item>.card{height:100%;overflow:auto}.dash-item>.card:has(.dash-scroll){overflow:hidden}.dash-grid .dash-item .dcard-h.dash-handle{margin-left:-4px;padding-left:4px}.dash-grid .dash-scroll{max-height:none!important;min-height:0}.dash-grid .dash-handle{cursor:grab;-webkit-user-select:none;user-select:none}.dash-grid .react-draggable-dragging .dash-handle{cursor:grabbing}.dash-grid .react-draggable-dragging>.card{box-shadow:0 12px 32px #00000024}.dash-grid .react-grid-item.react-grid-placeholder{background:var(--brand);opacity:.12;border-radius:var(--radius)}.dash-grid .react-grid-item>.react-resizable-handle.react-resizable-handle-e,.dash-grid .react-grid-item>.react-resizable-handle.react-resizable-handle-s{background:none;transform:none;margin:0;padding:0}.dash-grid .react-grid-item>.react-resizable-handle.react-resizable-handle-e:after,.dash-grid .react-grid-item>.react-resizable-handle.react-resizable-handle-s:after{display:none}.dash-grid .react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:0;right:-4px;left:auto;width:10px;height:100%;cursor:ew-resize}.dash-grid .react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:0;bottom:-4px;top:auto;width:100%;height:10px;cursor:ns-resize}.dash-grid .react-grid-item>.react-resizable-handle.react-resizable-handle-se{z-index:2;cursor:nwse-resize}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.qr-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.qr-desc{font-size:11px;color:var(--text-muted);line-height:1.5}.bar-chart{margin-top:8px}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.bar-label{font-size:11px;color:var(--text-muted);width:30px;text-align:right}.bar-track{flex:1;height:8px;background:var(--surface2);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:var(--brand);transition:width .5s ease}.bar-val{font-size:11px;font-weight:500;width:28px;color:var(--text)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--surface2)}.login-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);padding:40px;width:380px}.login-card h1{font-family:"DM Serif Display",serif;font-size:28px;margin-bottom:4px}.login-card .subtitle{font-size:13px;color:var(--text-muted);margin-bottom:28px}.login-card .form-input{margin-bottom:14px}.login-error{background:var(--danger-light);color:var(--danger);padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;margin-bottom:14px}.msg-item{padding:12px 0;border-bottom:.5px solid var(--border)}.msg-item:last-child{border-bottom:none}.msg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.msg-name{font-size:12px;font-weight:500;color:var(--text)}.msg-time{font-size:10px;color:var(--text-muted)}.msg-text{font-size:11px;color:var(--text-muted);line-height:1.5}.status-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.status-bar-label{flex:1;font-size:12px;color:var(--text)}.status-bar-value{font-size:14px;font-weight:500;color:var(--text)}.status-bar-track{height:6px;background:var(--surface2);border-radius:3px;overflow:hidden;border:.5px solid var(--border);margin-bottom:12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--surface);border-radius:var(--radius);padding:24px;width:420px;max-height:90vh;overflow-y:auto}.modal-title{font-size:16px;font-weight:500;margin-bottom:20px}.mobile-toggle{display:none;position:fixed;top:14px;left:14px;z-index:200;background:var(--brand);color:#fff;border:none;border-radius:8px;width:38px;height:38px;align-items:center;justify-content:center;cursor:pointer;font-size:18px;box-shadow:0 2px 8px #00000026}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:49}.mobile-toggle{display:none;position:fixed;top:14px;left:14px;z-index:60;width:40px;height:40px;border-radius:10px;background:var(--brand);color:#fff;border:none;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 8px #336aea4d}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:45}@media (max-width: 768px){.app{flex-direction:column}.mobile-toggle{display:flex}.sidebar{position:fixed;left:-280px;top:0;bottom:0;width:260px;z-index:50;transition:left .3s cubic-bezier(.4,0,.2,1)}.sidebar.open{left:0}.sidebar-overlay.open{display:block}.main{width:100%}.topbar{padding:14px 14px 14px 64px}.content{padding:12px}.page-title{font-size:14px}.page-sub{font-size:10px}.metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px}.two-col{grid-template-columns:1fr!important}.metric-card{padding:12px 14px}.metric-value{font-size:20px}.card{padding:12px}.card-header{flex-wrap:wrap;gap:8px}.modal-overlay{padding:40px 8px 8px;align-items:flex-start}.modal{width:100%!important;max-width:100%;padding:16px;max-height:calc(100vh - 80px);border-radius:14px}.ai-chip{display:none}.notif-panel{position:fixed;top:58px;right:8px;width:min(320px,calc(100vw - 16px))}.hide-mobile,.client-table-header{display:none!important}.client-table-row{grid-template-columns:1fr auto!important;gap:4px!important}.client-table-row .hide-sm,.camp-table-header{display:none!important}.camp-table-row{grid-template-columns:1fr auto!important}.camp-table-row .hide-sm{display:none!important}.client-panel{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;z-index:40;border-left:none!important}.dash-grid-2,.auto-metrics-grid{grid-template-columns:1fr!important}.camp-type-grid{grid-template-columns:1fr 1fr!important}.section-title{font-size:10px}.topbar-right{gap:6px}.topbar-right .btn{font-size:10px;padding:5px 8px}.filter-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.filter-pills::-webkit-scrollbar{display:none}.sidebar-footer{padding:12px}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr!important}.content{padding:10px}.topbar{padding:10px 10px 10px 56px}}@keyframes keeply-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:keeply-spin 1s linear infinite}