:root{--ink: #0b141a;--panel-soft: #1f2c34;--green: #25d366;--green-dark: #128c7e;--blue-tick: #53bdeb;--amber: #e9a23b;--red: #e24b4a;--paper: #ffffff;--paper-soft: #f5f7f8;--text: #1c2b33;--text-muted: #5c7080;--line: #e3e9ec;--radius: 14px;--sidebar-w: 248px}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:none;background:var(--ink);color:#aebac1;display:flex;flex-direction:column;padding:22px 14px;position:sticky;top:0;height:100vh}.side-logo{display:flex;align-items:center;gap:10px;padding:0 10px 22px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:18px}.sidebar .logo-mark{width:38px;height:38px;border-radius:10px;flex:none;background:linear-gradient(135deg,var(--green),var(--green-dark));display:flex;align-items:center;justify-content:center}.sidebar .logo-mark svg{width:21px;height:21px;fill:#fff}.side-logo .name{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;color:#e9edef}.side-logo .tag{font-size:10.5px;letter-spacing:.4px;text-transform:uppercase;color:#8696a0}.nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#aebac1;text-decoration:none;font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.nav a:hover{background:#ffffff0f;color:#e9edef}.nav a.active{background:#25d36624;color:var(--green)}.nav .section-label{font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:#5c7080;padding:16px 12px 6px}.side-user{display:flex;align-items:center;gap:11px;padding:12px;border-radius:12px;background:#ffffff0d}.avatar{width:36px;height:36px;border-radius:50%;flex:none;background:linear-gradient(135deg,#53bdeb,#128c7e);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.avatar.role-operator{background:linear-gradient(135deg,#e9a23b,#d85a30)}.avatar.role-reporter{background:linear-gradient(135deg,#8c6ef0,#53bdeb)}.side-user .txt{min-width:0}.side-user .uname{font-size:13.5px;font-weight:600;color:#e9edef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user .urole{font-size:11.5px;color:#8696a0}.side-logout{margin-top:10px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border:none;border-radius:10px;background:none;color:#8696a0;font:inherit;font-size:13px;font-weight:500;cursor:pointer}.side-logout:hover{background:#ffffff0f;color:#e9edef}.side-logout svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.main{flex:1;min-width:0;padding:26px 32px 48px}.topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:26px}.topbar h1{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600}.topbar .greet{font-size:13.5px;color:var(--text-muted);margin-top:3px}.topbar .spacer{flex:1}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;min-width:0}.panel h3{font-family:Space Grotesk,sans-serif;font-size:15.5px;font-weight:600;margin-bottom:2px}.panel .p-sub{font-size:12.5px;color:var(--text-muted)}.forbidden{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 24px}.forbidden .fb-card{max-width:430px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:44px 38px;box-shadow:0 10px 34px #102a3512}.forbidden .fb-ico{width:64px;height:64px;border-radius:50%;background:#e24b4a1a;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.forbidden .fb-ico svg{width:30px;height:30px;stroke:var(--red);fill:none;stroke-width:1.8}.forbidden h2{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;margin-bottom:10px}.forbidden p{font-size:14px;color:var(--text-muted);line-height:1.6}.forbidden .fb-back{display:inline-block;margin-top:20px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--green),var(--green-dark));border-radius:10px;padding:11px 20px;text-decoration:none}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px}@media(max-width:1000px){.sidebar{width:74px;padding:22px 10px}.side-logo .name,.side-logo .tag,.nav a span,.nav .section-label,.side-user .txt,.side-logout span{display:none}.nav a{justify-content:center}.side-user{justify-content:center;padding:8px}.main{padding:20px 18px 40px}}@media(max-width:700px){.app{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;padding:12px 16px}.side-logo{padding:0;border:none;margin:0}.nav{flex-direction:row;overflow-x:auto;margin-left:12px}.nav .section-label,.side-user,.side-logout{display:none}}.camp-table{overflow-x:auto}.camp-table table{width:100%;border-collapse:collapse;font-size:13.5px}.camp-table th{text-align:left;padding:10px 22px;font-size:11.5px;letter-spacing:.4px;text-transform:uppercase;color:#5c7080;border-bottom:1px solid #e3e9ec;background:#f5f7f8;font-weight:600;white-space:nowrap}.camp-table td{padding:13px 22px;border-bottom:1px solid #e3e9ec;white-space:nowrap;vertical-align:middle}.camp-table tr:last-child td{border-bottom:none}.camp-table tbody tr:hover td{background:#fafcfc;cursor:pointer}.camp-name{font-weight:600}.camp-sub{font-size:12px;color:#5c7080}.badge.done{background:#25d36621;color:#0e7a54}.badge.running{background:#53bdeb29;color:#1c7fae}.badge.sched{background:#8c6ef021;color:#5b45c7}.badge.failed{background:#e24b4a1c;color:#b33231}.badge.paused{background:#e9a23b26;color:#9a6e10}.src{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:#5c7080}.src i{width:7px;height:7px;border-radius:50%;display:inline-block}.prog{display:flex;align-items:center;gap:9px;min-width:120px}.prog .bar{flex:1;height:6px;background:#edf1f3;border-radius:99px;overflow:hidden}.prog .bar i{display:block;height:100%;background:var(--wc-green);border-radius:99px;transition:width .6s}.prog .bar i.red{background:var(--wc-status-failed)}.prog small{font-size:12px;color:#5c7080;min-width:34px;text-align:right}.cost{font-weight:600;font-family:var(--wc-font-display)}.wizard{width:100%;max-width:860px;background:#fff;border-radius:18px;box-shadow:0 24px 60px #0000004d;overflow:hidden;padding:0}.wz-head{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid #e3e9ec}.wz-head h3{font-family:var(--wc-font-display);font-size:18px;font-weight:600}.wz-close{font:inherit;font-size:20px;background:none;border:none;cursor:pointer;color:#5c7080;line-height:1;padding:4px 8px}.wz-steps{display:flex;padding:18px 28px 0}.wz-step{flex:1;display:flex;align-items:center;gap:9px;padding-bottom:14px;font-size:12.5px;font-weight:600;color:#5c7080;border-bottom:2.5px solid #e3e9ec}.wz-step .num{width:22px;height:22px;border-radius:50%;flex:none;background:#edf1f3;color:#5c7080;display:flex;align-items:center;justify-content:center;font-size:11.5px}.wz-step.active{color:var(--wc-green-dark);border-color:var(--wc-green)}.wz-step.active .num{background:var(--wc-green);color:#fff}.wz-step.done{color:var(--wc-green-dark)}.wz-step.done .num{background:#25d3662e;color:var(--wc-green-dark)}.wz-body{padding:26px 28px;min-height:340px}.wz-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.wz-foot{display:flex;justify-content:space-between;gap:12px;padding:18px 28px;border-top:1px solid #e3e9ec;background:#f5f7f8}.dropzone{border:2px dashed #c4d1d7;border-radius:14px;background:#f5f7f8;padding:34px 20px;text-align:center;color:#5c7080;cursor:pointer}.dropzone.drag{border-color:var(--wc-green);background:#25d3660d}.dropzone svg{width:34px;height:34px;stroke:var(--wc-green-dark);fill:none;stroke-width:1.6;margin-bottom:10px}.dropzone b{color:var(--wc-text);font-weight:600}.dropzone .dz-hint{font-size:12.5px;margin-top:6px}.file-ok{display:flex;align-items:center;gap:12px;margin-top:14px;background:#25d36614;border:1px solid rgba(37,211,102,.35);border-radius:11px;padding:12px 15px;font-size:13.5px}.file-ok svg{width:19px;height:19px;stroke:var(--wc-green-dark);fill:none;stroke-width:2;flex:none}.file-ok .f-sub{font-size:12px;color:#5c7080}.file-ok .rm{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--wc-status-failed);background:none;border:none;cursor:pointer}.estimate{border:1.5px solid #e3e9ec;border-radius:14px;overflow:hidden}.estimate .e-row{display:flex;justify-content:space-between;gap:10px;padding:13px 17px;font-size:13.5px;border-bottom:1px solid #e3e9ec;align-items:center}.estimate .e-row:last-child{border:none}.estimate .e-row b{font-family:var(--wc-font-display)}.estimate .e-row select{padding:7px 10px;font:inherit;font-size:13px;border:1.5px solid #e3e9ec;border-radius:8px;background:#fff;max-width:55%}.estimate .total{background:#f5f7f8;font-weight:600}.budget-ok,.budget-ko{display:flex;gap:9px;align-items:flex-start;margin-top:14px;font-size:12.5px;border-radius:10px;padding:11px 13px;line-height:1.5}.budget-ok{color:#0e7a54;background:#25d36614;border:1px solid rgba(37,211,102,.35)}.budget-ko{color:#b33231;background:#e24b4a12;border:1px solid rgba(226,75,74,.3)}.budget-ok svg{width:16px;height:16px;flex:none;stroke:var(--wc-green-dark);fill:none;stroke-width:2;margin-top:1px}.radio-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-card{border:1.5px solid #e3e9ec;border-radius:12px;padding:15px;cursor:pointer;display:flex;gap:11px;align-items:flex-start;background:#fff}.radio-card input[type=radio]{margin-top:3px;accent-color:var(--wc-green-dark);width:auto}.radio-card.selected{border-color:var(--wc-green);background:#25d3660d}.radio-card .r-title{font-size:13.5px;font-weight:600}.radio-card .r-sub{font-size:12px;color:#5c7080;margin-top:3px;line-height:1.45}.radio-card .sched-inputs{display:flex;gap:8px;margin-top:9px}.radio-card .sched-inputs input{padding:8px 10px;font:inherit;font-size:13px;border:1.5px solid #e3e9ec;border-radius:8px}.detail-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.detail-actions{display:flex;gap:10px;margin-left:auto}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:18px 0}.stat-card{background:#fff;border:1px solid #e3e9ec;border-radius:14px;padding:16px 18px}.stat-card .k{font-size:11.5px;letter-spacing:.4px;text-transform:uppercase;color:#5c7080;font-weight:600}.stat-card .v{font-family:var(--wc-font-display);font-size:22px;font-weight:600;margin-top:4px}.stat-card .v.ok{color:#0e7a54}.stat-card .v.blue{color:#1c7fae}.stat-card .v.red{color:#b33231}.big-prog{margin:6px 0 4px}.big-prog .bar{height:10px;background:#edf1f3;border-radius:99px;overflow:hidden}.big-prog .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--wc-green),var(--wc-green-dark));border-radius:99px;transition:width .6s}.big-prog .lbl{display:flex;justify-content:space-between;font-size:12.5px;color:#5c7080;margin-top:7px}@media(max-width:1000px){.wz-grid,.radio-cards{grid-template-columns:1fr}}.period{display:inline-flex;background:#fff;border:1.5px solid #e3e9ec;border-radius:99px;overflow:hidden}.period button{font:inherit;font-size:12.5px;font-weight:600;border:none;background:none;padding:8px 16px;cursor:pointer;color:#5c7080}.period button.active{background:var(--wc-bg-dark);color:#fff}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.kpi{background:#fff;border:1px solid #e3e9ec;border-radius:14px;padding:16px 18px}.kpi.alert{border-color:#e24b4a73;background:#e24b4a0a}.k-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.k-label{font-size:12px;letter-spacing:.3px;text-transform:uppercase;color:#5c7080;font-weight:600;display:flex;align-items:center;gap:6px}.k-label i{width:8px;height:8px;border-radius:3px;display:inline-block}.k-ico{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none}.k-ico svg{width:16px;height:16px;fill:none;stroke-width:1.8}.k-ico.g{background:#25d36621}.k-ico.g svg{stroke:var(--wc-green-dark)}.k-ico.b{background:#53bdeb29}.k-ico.b svg{stroke:#1c7fae}.k-ico.a{background:#e9a23b26}.k-ico.a svg{stroke:#9a6e10}.k-ico.r{background:#e24b4a1c}.k-ico.r svg{stroke:#b33231}.k-value{font-family:var(--wc-font-display);font-size:24px;font-weight:600;margin-top:8px}.k-value small{font-size:12px;color:#5c7080;font-weight:500}.k-delta,.k-pct,.k-sub{font-size:12px;color:#5c7080;margin-top:4px}.k-delta.up{color:#0e7a54}.k-delta.down{color:#b33231}.grid-2{display:grid;grid-template-columns:3fr 2fr;gap:16px;margin-bottom:18px}.legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:12.5px;color:#5c7080}.legend .dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px}.donut-wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:10px}.donut-legend .row{display:flex;align-items:center;gap:7px;font-size:13px;margin-bottom:8px;color:#1c2b33}.donut-legend .row b{font-family:var(--wc-font-display);margin-left:auto;padding-left:14px}.donut-legend .dot{width:9px;height:9px;border-radius:50%;display:inline-block}.filterbar{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;background:#fff;border:1px solid #e3e9ec;border-radius:14px;padding:14px 18px;margin-bottom:18px}.f-group label{display:block;font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:#5c7080;font-weight:600;margin-bottom:6px}.f-group select,.f-group input[type=date]{padding:8px 11px;font:inherit;font-size:13px;border:1.5px solid #e3e9ec;border-radius:9px;background:#f5f7f8}.daterange{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#5c7080}.btn-exp{font:inherit;font-size:13px;font-weight:600;background:#fff;color:var(--wc-text);border:1.5px solid #e3e9ec;border-radius:10px;padding:10px 16px;cursor:pointer}.btn-exp:hover{background:#f5f7f8}.exports-list{margin-top:14px;font-size:12.5px}.exports-list .row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #edf1f3;color:#5c7080}.exports-list a{color:var(--wc-green-dark);font-weight:600}.tabs{display:flex;gap:4px;padding:14px 18px 0;border-bottom:1px solid #e3e9ec}.tab{font:inherit;font-size:13.5px;font-weight:600;background:none;border:none;border-bottom:2.5px solid transparent;color:#5c7080;padding:10px 14px;cursor:pointer}.tab.active{color:var(--wc-green-dark);border-color:var(--wc-green)}.pct-cell{display:flex;align-items:center;gap:9px;min-width:110px}.pct-cell .bar{flex:1;height:6px;background:#edf1f3;border-radius:99px;overflow:hidden}.pct-cell .bar i{display:block;height:100%;background:var(--wc-green);border-radius:99px}.pct-cell small{font-size:12px;color:#5c7080;min-width:46px;text-align:right}.hbar .row{display:grid;grid-template-columns:130px 1fr 150px;gap:12px;align-items:center;margin-bottom:12px;font-size:13px}.hbar .bar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:#edf1f3}.hbar .bar .wa{background:var(--wc-green-dark)}.hbar .bar .sms{background:var(--wc-status-fallback)}.hbar .amt{font-family:var(--wc-font-display);font-weight:600;text-align:right}.hbar .pct{color:#5c7080;font-weight:400;font-size:12px}.gauges .row{display:grid;grid-template-columns:170px 1fr 130px;gap:12px;align-items:center;margin-bottom:10px;font-size:13px}.gauges .who small{display:block;color:#5c7080;font-size:11.5px}.gauges .bar{height:8px;background:#edf1f3;border-radius:99px;overflow:hidden}.gauges .bar i{display:block;height:100%;background:var(--wc-green);border-radius:99px}.gauges .bar i.warn{background:var(--wc-status-failed)}.gauges .amt{text-align:right;font-family:var(--wc-font-display);font-weight:600;font-size:12.5px}.pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 18px;font-size:13px;color:#5c7080}.pager button{font:inherit;font-size:13px;font-weight:600;background:#fff;border:1.5px solid #e3e9ec;border-radius:8px;padding:7px 12px;cursor:pointer}.pager button:disabled{opacity:.4;cursor:default}.alert-banner{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:#b33231;background:#e24b4a12;border:1px solid rgba(226,75,74,.3);border-radius:12px;padding:12px 15px;margin-bottom:18px;line-height:1.5}@media(max-width:1100px){.grid-2{grid-template-columns:1fr}}.login-body{--ink: #0b141a;--panel-soft: #1f2c34;--green: #25d366;--green-dark: #128c7e;--blue-tick: #53bdeb;--paper: #ffffff;--paper-soft: #f5f7f8;--text: #1c2b33;--text-muted: #5c7080;--line: #e3e9ec;--radius: 14px;font-family:Inter,sans-serif;color:var(--text);background:var(--paper-soft);display:flex;min-height:100vh}.brand-panel{flex:1.15;background:var(--ink);color:#e9edef;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px}.brand-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(37,211,102,.1) 1px,transparent 0);background-size:26px 26px;opacity:.5}.brand-panel:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(37,211,102,.16),transparent);bottom:-160px;left:-120px;pointer-events:none}.brand-top{position:relative;z-index:2;display:flex;align-items:center;gap:12px}.login-body .logo-mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--green),var(--green-dark));display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #25d36659}.login-body .logo-mark svg{width:24px;height:24px;fill:#fff}.logo-name{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;letter-spacing:.3px}.logo-tag{font-size:12px;color:#8696a0;letter-spacing:.4px;text-transform:uppercase}.brand-middle{position:relative;z-index:2;max-width:460px}.brand-middle h1{font-family:Space Grotesk,sans-serif;font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.2;margin-bottom:14px}.brand-middle h1 em{color:var(--green);font-style:normal}.brand-middle p{color:#8696a0;font-size:15px;line-height:1.6}.bubbles{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;max-width:420px;margin-top:36px}.bubble{background:var(--panel-soft);border-radius:12px 12px 12px 4px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 4px 14px #00000059;opacity:0;transform:translateY(14px);animation:pop .55s cubic-bezier(.2,.8,.3,1) forwards}.bubble:nth-child(2){animation-delay:.35s;margin-left:26px}.bubble:nth-child(3){animation-delay:.7s;margin-left:52px}@keyframes pop{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.bubble{animation:none;opacity:1;transform:none}.local-zone{transition:none!important}}.bubble .label{font-size:13px;color:#aebac1}.bubble .value{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;color:#e9edef;display:flex;align-items:center;gap:8px}.ticks{font-size:15px;letter-spacing:-3px}.ticks.sent{color:#8696a0}.ticks.read{color:var(--blue-tick)}.dot-green{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block}.brand-bottom{position:relative;z-index:2;font-size:12.5px;color:#8696a0}.form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 32px}.login-card{width:100%;max-width:420px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:40px 38px;box-shadow:0 10px 34px #102a3512}.login-card h2{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;margin-bottom:6px}.login-card .sub{font-size:14px;color:var(--text-muted);margin-bottom:30px}.btn{width:100%;padding:14px;font:inherit;font-size:15px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:transform .1s,box-shadow .15s,background .15s,border-color .15s;display:flex;align-items:center;justify-content:center;gap:11px}.btn:focus-visible{outline:3px solid rgba(37,211,102,.5);outline-offset:2px}.btn-ms{background:var(--ink);color:#fff;box-shadow:0 6px 18px #0b141a47}.btn-ms:hover{transform:translateY(-1px);box-shadow:0 9px 24px #0b141a5c;background:#152028}.ms-logo{width:18px;height:18px;display:grid;grid-template-columns:1fr 1fr;gap:1.5px;flex:none}.ms-logo span{display:block}.ms-logo span:nth-child(1){background:#f25022}.ms-logo span:nth-child(2){background:#7fba00}.ms-logo span:nth-child(3){background:#00a4ef}.ms-logo span:nth-child(4){background:#ffb900}.ms-hint{margin-top:12px;text-align:center;font-size:12.5px;color:var(--text-muted);line-height:1.5}.divider{display:flex;align-items:center;gap:12px;margin:26px 0 0;color:var(--text-muted);font-size:12.5px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.local-toggle{display:block;width:100%;margin-top:14px;background:none;border:none;cursor:pointer;font:inherit;font-size:13.5px;font-weight:500;color:var(--green-dark);text-align:center;padding:8px}.local-toggle:hover{text-decoration:underline}.local-toggle .chev{display:inline-block;transition:transform .2s;margin-left:4px;font-size:11px}.local-toggle[aria-expanded=true] .chev{transform:rotate(180deg)}.local-zone{max-height:0;overflow:hidden;transition:max-height .35s ease}.local-zone.open{max-height:400px}.local-inner{padding-top:16px}.field{margin-bottom:16px}.input-wrap{position:relative}.input-wrap svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;fill:none;stroke:var(--text-muted);stroke-width:1.8}.field input{width:100%;padding:12px 14px 12px 40px;font:inherit;font-size:14.5px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper-soft);transition:border-color .15s,box-shadow .15s,background .15s}.field input:focus{outline:none;border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #25d3662e}.btn-local{background:#fff;color:var(--text);border:1.5px solid var(--line);padding:12px;font-size:14.5px}.btn-local:hover{border-color:#b9c6cc;background:var(--paper-soft)}.btn-local:disabled{opacity:.6;cursor:wait}.forgot-row{text-align:right;margin:-6px 0 16px}.forgot{font-size:13px;color:var(--green-dark);text-decoration:none;font-weight:500}.forgot:hover{text-decoration:underline}.login-error{margin-bottom:16px;padding:10px 14px;border-radius:10px;background:#e24b4a17;border:1px solid rgba(226,75,74,.25);color:#b33231;font-size:13.5px}.card-footer{margin-top:28px;text-align:center;font-size:12.5px;color:var(--text-muted)}.badge-secure{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 12px;border-radius:99px;background:var(--paper-soft);border:1px solid var(--line);font-size:11.5px;color:var(--text-muted)}.badge-secure svg{width:12px;height:12px;stroke:var(--green-dark);fill:none;stroke-width:2}@media(max-width:980px){.brand-panel{display:none}.form-panel{padding:32px 20px}.login-body{background:var(--ink)}.login-card{box-shadow:0 16px 48px #0006}}@media(min-width:1800px){.login-card{max-width:460px;padding:48px 46px}.brand-panel{padding:64px 88px}}.panel-pad-head{padding:22px 26px 12px}.empty-keys{padding:0 26px 22px}.key-name{font-weight:600}.key-sub{font-size:12px;color:#5c7080}code.key{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;background:#f5f7f8;border:1px solid #e3e9ec;border-radius:7px;padding:4px 9px}.btn-ghost{font:inherit;font-size:12.5px;font-weight:600;color:var(--wc-status-failed);background:none;border:1.5px solid rgba(226,75,74,.35);border-radius:8px;padding:7px 13px;cursor:pointer}.btn-ghost:hover{background:#e24b4a0f}.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.panel-pad{padding:22px 26px}.doc-grid pre{margin-top:12px;padding:14px 16px;background:#0b141a;color:#d6e2e8;border-radius:10px;font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre}.doc-grid a{color:var(--wc-green-dark);font-weight:600}.key-reveal{background:#25d36612;border:1.5px solid rgba(37,211,102,.4);border-radius:12px;padding:14px 16px;margin-bottom:14px}.kr-label{font-size:12.5px;font-weight:600;color:#0e7a54;margin-bottom:9px}.kr-row{display:flex;align-items:center;gap:10px}.kr-row code{flex:1;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:600;background:#fff;border:1px solid #cfe9da;border-radius:8px;padding:9px 12px;overflow-x:auto;white-space:nowrap}.btn-copy{font:inherit;font-size:12.5px;font-weight:600;background:var(--wc-bg-dark);color:#fff;border:none;border-radius:8px;padding:9px 14px;cursor:pointer;white-space:nowrap}.warn-box{font-size:12.5px;color:#9a6e10;background:#e9a23b1a;border:1px solid rgba(233,162,59,.4);border-radius:10px;padding:11px 13px;line-height:1.55}@media(max-width:1000px){.doc-grid{grid-template-columns:1fr}}:root{--green: var(--wc-green);--green-dark: var(--wc-green-dark);--blue-tick: var(--wc-status-delivered);--amber: var(--wc-status-fallback);--red: var(--wc-status-failed);--purple: #8c6ef0;--paper: #ffffff;--paper-soft: var(--wc-bg-light);--text-muted: #5c7080;--line: #e3e9ec;--radius: 14px}.settings{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start}.rail{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:10px;position:sticky;top:20px}.rail button{display:flex;align-items:center;gap:10px;width:100%;font:inherit;font-size:13.5px;font-weight:500;color:var(--text-muted);background:none;border:none;border-radius:10px;padding:11px 13px;cursor:pointer;text-align:left}.rail button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}.rail button:hover{background:var(--paper-soft);color:var(--wc-text)}.rail button.active{background:#25d3661a;color:var(--green-dark);font-weight:600}.content{min-width:0}.panel h3.h-spread{justify-content:space-between;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.f-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gap-top{margin-top:16px}.field{margin-bottom:16px;min-width:0}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}.field input,.field select{width:100%;padding:11px 13px;font:inherit;font-size:14px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper-soft)}.field input:focus,.field select:focus{outline:none;border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #25d3662e}.field .hint,.hint{font-size:12px;color:var(--text-muted);margin-top:5px;line-height:1.5}.in-row{display:flex;gap:8px}.in-row input{flex:1;min-width:0}.unit-tag{display:flex;align-items:center;padding:0 12px;background:var(--paper-soft);border:1.5px solid var(--line);border-radius:10px;font-size:12.5px;color:var(--text-muted);white-space:nowrap}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px}.btn-save{font:inherit;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--green),var(--green-dark));border:none;border-radius:10px;padding:11px 20px;cursor:pointer;box-shadow:0 5px 14px #128c7e4d}.btn-save:disabled{opacity:.6;cursor:default}.btn-save.btn-compact{font-size:13px;padding:9px 16px}.btn-sec{font:inherit;font-size:14px;font-weight:600;background:#fff;color:var(--wc-text);border:1.5px solid var(--line);border-radius:10px;padding:11px 18px;cursor:pointer}.btn-min{font:inherit;font-size:12.5px;font-weight:600;padding:7px 12px;cursor:pointer;background:#fff;border:1.5px solid var(--line);border-radius:10px;color:var(--wc-text);white-space:nowrap}.btn-min:hover{background:var(--paper-soft)}.form-error,.form-notice{font-size:13px;font-weight:500;border-radius:10px;padding:10px 14px;margin-bottom:14px}.form-error{background:#e24b4a17;border:1px solid rgba(226,75,74,.35);color:#b33231}.form-notice{background:#25d3661a;border:1px solid rgba(37,211,102,.35);color:#0e7a54}.badge{display:inline-block;padding:4px 11px;border-radius:99px;font-size:11px;font-weight:600}.badge.on{background:#25d36621;color:#0e7a54}.badge.off{background:#eef1f3;color:var(--text-muted)}.badge.pre{background:#8c6ef021;color:#5b45c7}.badge.post{background:#53bdeb29;color:#1c7fae}.badge.low{background:#e24b4a1c;color:#b33231;margin-left:6px}.badge-btn{border:none;cursor:pointer;font:inherit;font-size:11px;font-weight:600}.table-wrap{border:1.5px solid var(--line);border-radius:12px;overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;font-size:13.5px}.table-wrap th{text-align:left;padding:10px 14px;font-size:11.5px;letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--line);background:var(--paper-soft);font-weight:600;white-space:nowrap}.table-wrap td{padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle}.table-wrap tr:last-child td{border-bottom:none}.table-wrap td select{padding:8px 10px;font:inherit;font-size:13px;border:1.5px solid var(--line);border-radius:8px;background:#fff}.name-cell{font-weight:600}.sub-cell{font-size:12px;color:var(--text-muted)}.credit-cell{display:flex;align-items:center;gap:8px;min-width:140px}.credit-cell .bar{flex:1;height:6px;background:#edf1f3;border-radius:99px;overflow:hidden}.credit-cell .bar i{display:block;height:100%;background:var(--green);border-radius:99px}.credit-cell .bar i.warn{background:var(--red)}.credit-cell small{font-size:11.5px;color:var(--text-muted)}.unit-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.unit-chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;background:var(--paper-soft);border:1.5px solid var(--line);border-radius:99px;padding:7px 14px}.unit-chip small{font-size:11.5px;font-weight:500;color:var(--text-muted)}.chip-remove{border:none;background:none;color:var(--red);font-size:15px;font-weight:700;cursor:pointer;line-height:1;padding:0 2px}.unit-add{max-width:380px}.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:6px}.price-card{border:1.5px solid var(--line);border-radius:12px;padding:16px}.price-card .pc-name{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.price-card .pc-name i{width:8px;height:8px;border-radius:3px;display:inline-block}.price-card .pc-sub{font-size:11.5px;color:var(--text-muted);margin:3px 0 12px}.price-card input{width:100%;padding:11px 13px;font-family:var(--wc-font-display);font-weight:600;font-size:16px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper-soft)}.price-card input:focus{outline:none;border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #25d3662e}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;background:var(--paper-soft);margin-bottom:14px}.switch-row.static{margin:0}.switch-row .s-title{font-size:13.5px;font-weight:600}.switch-row .s-title .badge{margin-right:6px}.switch-row .s-sub{font-size:12px;color:var(--text-muted);margin-top:2px;line-height:1.5}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b141a8c;display:none;align-items:center;justify-content:center;padding:20px;z-index:50}.overlay.show{display:flex}.modal{width:100%;max-width:470px;background:#fff;border-radius:16px;padding:26px 28px;box-shadow:0 24px 60px #0000004d}.modal h3{font-family:var(--wc-font-display);font-size:18px;font-weight:600;margin-bottom:4px}.modal .m-sub{font-size:13px;color:var(--text-muted);margin-bottom:18px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}@media(max-width:1100px){.settings{grid-template-columns:1fr}.rail{position:static;display:flex;overflow-x:auto;gap:4px}.rail button{width:auto;white-space:nowrap}}@media(max-width:1000px){.f-2{grid-template-columns:1fr}}.toggle{position:relative;width:40px;height:22px;flex:none}.toggle input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0;z-index:2}.toggle .tk{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd6db;border-radius:99px;transition:background .2s}.toggle .tk:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #00000040}.toggle input:checked+.tk{background:var(--wc-green)}.toggle input:checked+.tk:after{transform:translate(18px)}.generic-panel{border:1.5px solid var(--line);border-radius:12px;padding:16px;margin-bottom:16px;background:var(--paper-soft)}.generic-panel textarea{width:100%;min-height:120px;padding:11px 13px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;border:1.5px solid var(--line);border-radius:10px;background:#fff;resize:vertical}.raw-response{margin-top:8px;padding:10px 12px;background:#0b141a;color:#d6e2e8;border-radius:8px;font-size:11.5px;overflow-x:auto;max-height:220px}.btn-new{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--wc-green),var(--wc-green-dark));border:none;border-radius:10px;padding:11px 18px;cursor:pointer;box-shadow:0 5px 14px #128c7e4d;transition:transform .1s}.btn-new:hover{transform:translateY(-1px)}.btn-new:disabled{opacity:.6;cursor:default;transform:none}.btn-new svg{width:16px;height:16px;stroke:#fff;stroke-width:2.2;fill:none}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px;align-items:center}.search{position:relative;flex:1;min-width:220px;max-width:340px}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:#5c7080;fill:none;stroke-width:1.8}.search input{width:100%;padding:10px 13px 10px 37px;font:inherit;font-size:13.5px;border:1.5px solid #e3e9ec;border-radius:10px;background:#fff}.search input:focus{outline:none;border-color:var(--wc-green);box-shadow:0 0 0 3px #25d3662e}.chip{font:inherit;font-size:13px;font-weight:500;padding:9px 15px;cursor:pointer;background:#fff;border:1.5px solid #e3e9ec;border-radius:99px;color:#5c7080}.chip.active{background:var(--wc-bg-dark);border-color:var(--wc-bg-dark);color:#fff}.queue{background:#fdf6ec;border:1.5px solid #f0ddbb;border-radius:14px;padding:18px 22px;margin-bottom:22px}.queue h3{font-family:var(--wc-font-display);font-size:15.5px;font-weight:600;display:flex;align-items:center;gap:9px}.queue h3 .count{background:var(--wc-status-fallback);color:#fff;border-radius:99px;font-size:12px;padding:2px 9px}.queue .q-sub{font-size:12.5px;color:#8a6a14;margin:3px 0 14px}.q-item{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid #efe3c8;border-radius:12px;padding:13px 16px;margin-bottom:10px}.q-item:last-child{margin-bottom:0}.q-item .q-name{font-weight:600;font-size:13.5px}.q-item .q-meta{font-size:12px;color:#5c7080}.q-item .spacer{flex:1}.btn-review{font:inherit;font-size:13px;font-weight:600;color:#fff;background:var(--wc-bg-dark);border:none;border-radius:9px;padding:9px 16px;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}.tcard{background:#fff;border:1px solid #e3e9ec;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px}.tcard .t-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.tcard .t-name{font-weight:600;font-size:14.5px;word-break:break-all}.tcard .t-meta{font-size:12px;color:#5c7080;margin-top:3px}.badge.ok{background:#25d36621;color:#0e7a54}.badge.pending{background:#e9a23b26;color:#9a6e10}.badge.meta{background:#8c6ef021;color:#5b45c7}.badge.rejected{background:#e24b4a1c;color:#b33231}.badge.draft{background:#eef1f3;color:#5c7080}.phone{background:#e5ddd5;border-radius:13px;padding:13px 11px;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.045) 1px,transparent 0);background-size:18px 18px;flex:1}.wa-bubble{background:#fff;border-radius:9px 9px 9px 3px;padding:10px 12px;box-shadow:0 1px 2px #0000001f;font-size:12.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.wa-bubble .var{background:#25d36629;border-radius:4px;padding:0 4px;font-weight:600;color:#0e7a54}.wa-meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:10.5px;color:#8696a0;margin-top:4px}.wa-meta .tk2{color:var(--wc-status-delivered);letter-spacing:-2px}.t-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:#5c7080}.t-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-min.danger{color:var(--wc-status-failed);border-color:#e24b4a59}.btn-min.submit{border-color:var(--wc-green);color:var(--wc-green-dark)}.reject-note{font-size:12px;color:#b33231;background:#e24b4a12;border:1px solid rgba(226,75,74,.25);border-radius:9px;padding:9px 12px;line-height:1.5}.modal .m-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.templates-modal,.modal{max-width:760px}.modal textarea{width:100%;padding:11px 13px;font:inherit;font-size:14px;border:1.5px solid #e3e9ec;border-radius:10px;background:#f5f7f8;min-height:130px;resize:vertical;line-height:1.55}.modal textarea:focus{outline:none;border-color:var(--wc-green);background:#fff;box-shadow:0 0 0 3px #25d3662e}.field.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field.preview-label{margin-bottom:10px}.preview-phone{min-height:150px}.review-vars{margin-top:10px}.btn-danger{font:inherit;font-size:14px;font-weight:600;color:#fff;background:var(--wc-status-failed);border:none;border-radius:10px;padding:11px 18px;cursor:pointer}.btn-danger:disabled{opacity:.6;cursor:default}.flow-hint{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;color:#5b45c7;background:#8c6ef014;border:1px solid rgba(140,110,240,.3);border-radius:10px;padding:11px 13px;line-height:1.55;margin-top:12px}.flow-hint svg{width:16px;height:16px;flex:none;stroke:#8c6ef0;fill:none;stroke-width:2;margin-top:1px}@media(max-width:1000px){.modal .m-grid{grid-template-columns:1fr}}:root{--wc-green: #25d366;--wc-green-dark: #128c7e;--wc-bg-dark: #0b141a;--wc-bg-light: #f5f7f8;--wc-text: #1c2b33;--wc-status-delivered: #53bdeb;--wc-status-fallback: #e9a23b;--wc-status-failed: #e24b4a;--wc-font-display: "Space Grotesk", sans-serif;--wc-font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--wc-bg-light);color:var(--wc-text);font-family:var(--wc-font-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--wc-font-display)}