:root{--bg:#050a08;--bg2:#07100d;--panel:#0a1411;--panel2:#0d1915;--line:#173026;--line2:#254638;--text:#e7f0eb;--muted:#7d968a;--green:#00d084;--green2:#12f09a;--amber:#f1b950;--red:#ff6868;--blue:#6ca7ff;--shadow:0 24px 80px rgba(0,0,0,.35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:2px}[hidden]{display:none!important}.eyebrow{margin:0 0 5px;color:#4f7765;font-size:10px;letter-spacing:.16em;font-weight:800}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(0,208,132,.08),0 0 16px rgba(0,208,132,.5)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,44%) 1fr;background:radial-gradient(circle at 18% 20%,#0d241b 0,transparent 35%),#050a08}.login-card{min-height:100vh;padding:clamp(42px,7vw,110px);display:flex;flex-direction:column;justify-content:center;border-inline-end:1px solid #10251d;position:relative}.brand-mark{width:58px;height:58px;border:1px solid #1e5b44;border-radius:16px;display:grid;place-items:center;color:var(--green2);font-size:31px;font-weight:900;background:linear-gradient(145deg,#10291f,#08140f);box-shadow:inset 0 0 28px rgba(0,208,132,.05)}.login-copy{margin:26px 0}.login-copy h1{font-size:44px;margin:3px 0 5px}.login-copy>p:last-child{color:var(--muted);font-size:15px}.login-form{display:grid;gap:17px;max-width:460px}.login-form label>span{display:block;color:#9eb2a8;font-size:12px;margin-bottom:7px}.login-form input{width:100%;height:48px;border:1px solid #1a3329;border-radius:9px;background:#07110d;color:var(--text);padding:0 14px;transition:.2s}.login-form input:focus{border-color:#2c785d;box-shadow:0 0 0 3px rgba(0,208,132,.07)}.form-row{display:flex;justify-content:space-between;align-items:center}.check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.check input{width:15px;height:15px}.text-btn{border:0;background:none;color:var(--green);font-weight:800}.primary-btn{border:1px solid #08e490;background:#00b875;color:#03110b;border-radius:9px;height:48px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:12px}.primary-btn:hover{background:#00d084}.form-error{color:#ff8888;margin:0}.security-note{margin-top:30px;color:#587267;font-size:11px;display:flex;align-items:center;gap:10px}.login-aside{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:clamp(50px,8vw,130px);background:linear-gradient(155deg,rgba(9,23,18,.4),rgba(2,7,5,.94))}.signal-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(30,80,61,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(30,80,61,.12) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 50% 45%,#000,transparent 72%)}.login-aside>*:not(.signal-grid){position:relative}.login-aside h2{font-size:clamp(34px,4.3vw,68px);line-height:1.08;margin:8px 0 22px;max-width:760px;letter-spacing:-.03em}.login-aside>p:not(.eyebrow){color:#769084;max-width:620px;line-height:1.9;font-size:15px}.mini-flow{margin-top:60px;border-top:1px solid #173026;padding-top:25px;display:flex;align-items:center;gap:14px;color:#789587;font:800 11px/1.2 ui-monospace,monospace}.mini-flow i{height:1px;width:50px;background:#285542}.mini-flow strong{color:var(--green)}
.app-shell{min-height:100vh;background:var(--bg)}.topbar{height:66px;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid #10241c;background:rgba(4,10,7,.96);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;min-width:260px}.brand-mark.small{width:34px;height:34px;border-radius:9px;font-size:19px}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#527062;font-size:9px;margin-top:2px}.top-stats{margin-inline:auto;display:flex;align-items:center;height:100%}.top-stats dl{margin:0;padding:0 22px;border-inline-start:1px solid #12271f}.top-stats dt{font-size:9px;color:#547064;margin-bottom:2px}.top-stats dd{margin:0;color:#c8d6cf;font:700 12px ui-monospace,monospace}.connection{height:100%;display:flex;align-items:center;gap:8px;padding:0 22px;color:#70b696;font-size:11px}.top-actions{display:flex;gap:8px;min-width:150px;justify-content:flex-end}.ghost-btn{height:34px;padding:0 13px;border:1px solid #183129;background:#09130f;color:#8aa095;border-radius:6px;font-size:11px}.ghost-btn:hover{border-color:#2e5a49;color:#d5e3dc}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:calc(100vh - 66px);direction:ltr}.live-rail{direction:rtl;border-inline-end:1px solid #10241c;background:#050b08;padding:18px 14px;position:sticky;top:66px;height:calc(100vh - 66px);overflow:auto}.main-panel{direction:rtl;min-width:0;padding:0 26px 42px}.rail-head{display:flex;align-items:center;justify-content:space-between;padding:4px 5px 14px}.rail-head h2{font-size:15px;margin:0}.count-pill{border:1px solid #1a3b2f;color:#72aa92;border-radius:999px;font:700 10px ui-monospace;padding:4px 8px}.live-list{display:grid;gap:1px}.live-event{padding:10px 7px;border-top:1px solid #0e2119;display:grid;grid-template-columns:58px 1fr auto;gap:8px;align-items:center}.live-event .code{font:800 10px ui-monospace;color:#87aa9a}.live-event .phone{font:600 10px ui-monospace;color:#9ab0a5}.live-event .transition{grid-column:2/4;font-size:10px;color:#507366}.live-event .transition.revenue{color:#00b978}.live-event time{font:10px ui-monospace;color:#425d51}.live-event.duplicate{opacity:.58}.simulator{border-top:1px solid #193228;margin-top:14px;padding-top:14px}.sim-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.sim-head h3{font-size:12px;margin:0}.sim-head span{font:9px ui-monospace;color:#50685d}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.status-grid button{border:1px solid #183028;background:#09120f;border-radius:6px;color:#789486;padding:8px;text-align:start}.status-grid button:hover{border-color:#2b654f;background:#0d1a15}.status-grid b{display:block;color:#a7bcb2;font:800 9px ui-monospace}.status-grid small{font-size:9px}.tabs{height:58px;display:flex;align-items:flex-end;gap:28px;border-bottom:1px solid #10241c;position:sticky;top:66px;z-index:10;background:rgba(5,10,8,.95);overflow-x:auto}.tab{height:58px;border:0;border-bottom:2px solid transparent;background:transparent;color:#526e61;padding:0 2px;font-size:11px;white-space:nowrap}.tab:hover{color:#a9bcb3}.tab.active{color:#9dd9be;border-bottom-color:var(--green)}.view{padding-top:24px}.kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(95px,1fr));gap:1px;background:#14281f;border:1px solid #14281f}.kpi{background:#07100d;padding:16px 14px;min-height:80px}.kpi b{display:block;font:500 24px ui-monospace;color:#d7e1dc}.kpi b.green{color:var(--green)}.kpi b.amber{color:var(--amber)}.kpi b.red{color:var(--red)}.kpi small{color:#657e72;font-size:10px}.panel{border:1px solid #14281f;background:#07100d}.lifecycle-panel{margin-top:22px;padding:24px}.section-head{display:flex;justify-content:space-between;align-items:flex-start}.section-head h2,.section-head h3{margin:0;font-size:15px}.section-head p:not(.eyebrow){color:#546e62;font-size:10px}.legend{display:flex;align-items:center;gap:7px;color:#526f62;font-size:9px}.legend i{width:7px;height:7px;border-radius:50%;background:var(--green)}.life-flow,.secondary-flow{display:flex;align-items:center;justify-content:center;margin-top:28px;direction:rtl}.state-card{min-width:100px;min-height:60px;border:1px solid #182d25;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#08110d}.state-card span,.state-card strong{font:500 20px ui-monospace}.state-card small{color:#6c8278;font-size:9px;margin-top:5px}.state-card.green{border-color:#13523b}.state-card.green span{color:#00c27c}.state-card.amber{border-color:#4a3e1b}.state-card.amber span{color:#d6aa4f}.state-card.warn{border-color:#653f25}.state-card.warn span{color:#e29a60}.state-card.red{border-color:#532a2a}.state-card.red span{color:#e27676}.state-card.gray span{color:#7c8a84}.flow-arrow{width:75px;text-align:center;color:#334d41;position:relative;font-size:19px}.flow-arrow em{display:block;font:800 8px ui-monospace;color:#3c5b4c}.flow-arrow.revenue{color:#00a96c}.flow-arrow.revenue em{color:#00a96c}.secondary-flow{margin-top:16px}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}.analytics-grid .panel{padding:18px}.compact{margin-bottom:16px}.bar-chart{height:180px;display:flex;align-items:flex-end;gap:9px;border-bottom:1px solid #173026;padding:16px 4px 0;direction:ltr}.bar-item{flex:1;display:flex;height:100%;align-items:flex-end;gap:2px;position:relative}.bar-item i{display:block;flex:1;background:#17382b;min-height:4px;border-radius:2px 2px 0 0}.bar-item i.fin{background:#087e56}.bar-item label{position:absolute;bottom:-20px;left:0;right:0;text-align:center;color:#496257;font:8px ui-monospace}.quality-list{display:grid;gap:11px}.quality-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #10241c;padding-bottom:9px}.quality-row span{color:#60796d;font-size:10px}.quality-row b{font:700 13px ui-monospace}.page-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px;gap:16px}.page-head h2{font-size:22px;margin:0}.filter-row{display:flex;gap:8px}.filter-row input,.filter-row select{height:36px;background:#08110e;border:1px solid #1b342a;border-radius:6px;color:#9eb2a8;padding:0 11px}.filter-row input{width:250px}.table-shell{border:1px solid #14281f;overflow:auto;background:#07100d}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 14px;border-bottom:1px solid #12251e;text-align:start;white-space:nowrap}th{position:sticky;top:0;background:#0b1712;color:#6f8c7d;font-size:10px;font-weight:700}td{font-size:11px;color:#a5b6ae}.status-badge{display:inline-flex;padding:4px 8px;border-radius:999px;border:1px solid #264739;background:#0d1c16;color:#7fb89e;font-size:9px}.status-badge.ACTIVE{border-color:#126743;color:#00ce82}.status-badge.GRACE{border-color:#654520;color:#e7a856}.status-badge.CANCELLED{border-color:#5a2929;color:#ef7777}.money-chip{font:700 18px ui-monospace;color:var(--green);border:1px solid #164a37;padding:8px 12px;border-radius:7px;background:#0b1913}.small-kpis{grid-template-columns:repeat(4,1fr);margin-bottom:14px}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.admin-grid .panel{padding:18px}.admin-grid h3{margin-top:0;font-size:14px}.definition-list{display:grid}.definition-item{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #13271f;padding:11px 0}.definition-item span{color:#738c80;font-size:10px}.definition-item b{font-size:11px}.security-list{margin:0;padding-inline-start:20px;color:#7d978b;line-height:2}.toast{position:fixed;z-index:100;bottom:24px;left:24px;max-width:420px;background:#0d1d17;border:1px solid #27513f;border-radius:8px;padding:11px 15px;color:#b9cec4;box-shadow:var(--shadow);transform:translateY(100px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}
html[dir="ltr"] .workspace{direction:rtl}html[dir="ltr"] .live-rail,html[dir="ltr"] .main-panel{direction:ltr}html[dir="ltr"] .life-flow,html[dir="ltr"] .secondary-flow{direction:ltr}html[dir="ltr"] .flow-arrow{transform:scaleX(-1)}
.user-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.user-panel-head h3{margin:0}.definition-item.user-item{align-items:center}.user-meta{display:flex;align-items:center;gap:8px}.user-state{font-size:9px;padding:3px 6px;border:1px solid #27513f;border-radius:999px;color:#72aa92}.user-state.off{border-color:#4b2a2a;color:#d67d7d}.edit-user-btn{height:28px;padding:0 9px}.user-dialog{width:min(520px,calc(100vw - 28px));border:1px solid #1b3e31;border-radius:12px;background:#07100d;color:var(--text);padding:0;box-shadow:0 24px 80px rgba(0,0,0,.6)}.user-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}.user-form{display:grid;gap:15px;padding:22px}.user-form-head{display:flex;align-items:flex-start;justify-content:space-between}.user-form-head h3{margin:3px 0 0;font-size:20px}.dialog-close{border:0;background:none;color:#779084;font-size:25px}.user-form label>span{display:block;color:#89a096;font-size:11px;margin-bottom:6px}.user-form input:not([type="checkbox"]),.user-form select{width:100%;height:42px;border:1px solid #1a3329;border-radius:7px;background:#08120e;color:#cbd8d2;padding:0 11px}.user-form label small{display:block;color:#577166;font-size:9px;margin-top:5px}.user-active{justify-content:flex-start}.user-form .user-active>span{display:inline;margin:0}.user-form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:5px}.compact-primary{height:36px;padding:0 18px}.role-chip{font:700 9px ui-monospace;color:#8fb5a3}

.alerts-box{display:grid;gap:8px;margin:0 0 14px}.alert-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;border:1px solid #5b4920;background:#181409;border-radius:7px;color:#d5b86f;font-size:11px}.alert-card.critical{border-color:#662c2c;background:#180b0b;color:#ef8b8b}.alert-card.ok{border-color:#16553d;background:#0a1812;color:#6fd3a7}.monitor-filter{margin-bottom:12px}.monitor-filter input{min-width:300px}.outcome-chip{display:inline-flex;padding:4px 7px;border:1px solid #234b3a;border-radius:999px;color:#72bf9b;font:700 9px ui-monospace}.outcome-chip.rejected{border-color:#5d2c2c;color:#e37c7c}.outcome-chip.duplicate{border-color:#66501f;color:#ddb45e}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.settings-form label{display:grid;gap:5px;color:#6f897c;font-size:10px}.settings-form input:not([type="checkbox"]){height:38px;border:1px solid #1a3329;border-radius:6px;background:#08120e;color:#cbd8d2;padding:0 10px}.settings-form .check,.settings-form button,.settings-form .form-error{grid-column:1/-1}.xceed-settings{grid-column:1/-1}.report-summary{margin-bottom:14px}
@media(max-width:1100px){.workspace{grid-template-columns:270px minmax(0,1fr)}.kpi-grid{grid-template-columns:repeat(4,1fr)}.life-flow{overflow-x:auto;justify-content:flex-start}.analytics-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-aside{display:none}.login-card{border:0}.desktop-only{display:none}.brand{min-width:auto}.top-stats dl{padding:0 12px}.main-panel{padding-inline:18px}}
@media(max-width:760px){.topbar{height:58px;padding:0 12px}.brand small,.top-stats dl,.connection span:last-child{display:none}.top-actions{min-width:auto}.workspace{display:block}.live-rail{position:static;height:auto;border:0;border-bottom:1px solid #14281f;padding:10px 12px}.live-list{display:flex;overflow-x:auto}.live-event{min-width:230px}.simulator{display:none}.main-panel{padding:0 12px 28px}.tabs{top:58px;height:52px;gap:20px}.tab{height:52px}.kpi-grid,.small-kpis{grid-template-columns:repeat(2,1fr)}.lifecycle-panel{padding:15px}.life-flow,.secondary-flow{justify-content:flex-start;overflow-x:auto;padding-bottom:8px}.state-card{min-width:86px}.flow-arrow{min-width:58px}.admin-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.filter-row{width:100%}.filter-row input{width:100%}.login-card{padding:28px}.login-copy h1{font-size:36px}}