:root,:root[data-theme=dark]{--bg: #050506;--surface: #0f1013;--border: #1c2129;--border-soft: #1a1b1f;--text: #eaeae7;--text-dim: #8b8f98;--text-muted: #4a4b52;--hover: rgba(255, 255, 255, .04);--hover-2: rgba(255, 255, 255, .07);--status-pending: #d99a3a;--status-paid: #3ecf8e;--status-declined: #e2585a;--amber-bg: rgba(217, 154, 58, .14);--amber-border: rgba(217, 154, 58, .35);--green-bg: rgba(62, 207, 142, .12);--green-border: rgba(62, 207, 142, .3);--red-bg: rgba(226, 88, 90, .12);--red-border: rgba(226, 88, 90, .3);--ngpay: #8fc255;--ngpay-bg: #161f0d;--payfuture: #a89ee8;--payfuture-bg: #191632;--brand-purple: #6d28d9;--brand-blue: #2f8fef;--accent: #d99a3a;--shadow-hover: 0 8px 24px rgba(0, 0, 0, .35);--ease: cubic-bezier(.22, 1, .36, 1)}:root[data-theme=light]{--bg: #eef1f5;--surface: #ffffff;--border: rgba(0, 0, 0, .09);--border-soft: rgba(0, 0, 0, .06);--text: #1a1a1a;--text-dim: #6b6e76;--text-muted: #a3a6ad;--hover: rgba(0, 0, 0, .03);--hover-2: rgba(0, 0, 0, .05);--status-pending: #a5680f;--status-paid: #2d7a48;--status-declined: #c0453f;--amber-bg: rgba(240, 181, 99, .2);--amber-border: rgba(217, 154, 58, .35);--green-bg: rgba(59, 156, 94, .1);--green-border: rgba(59, 156, 94, .3);--red-bg: rgba(192, 69, 63, .08);--red-border: rgba(192, 69, 63, .25);--ngpay: #2d7a48;--ngpay-bg: rgba(59, 156, 94, .1);--payfuture: #5d4fb8;--payfuture-bg: rgba(123, 111, 212, .1);--accent: #a5680f;--shadow-hover: 0 10px 30px rgba(0, 0, 0, .1)}*{box-sizing:border-box}html,body,#root{height:100%;max-width:100%}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;font-size:14px}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--surface);border-block-end:1px solid var(--border)}.topbar h1{font-size:15px;margin:0;font-weight:600}.logo{inline-size:22px;block-size:22px;display:block}.brand-sub{color:var(--text-dim);font-weight:400;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.spacer{flex:1}.conn{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim);font-size:12px}.dot{inline-size:8px;block-size:8px;border-radius:50%;background:var(--text-dim)}.dot.ok{background:var(--status-paid)}.dot.bad{background:var(--status-declined)}.dot.wait{background:var(--status-pending)}.main{flex:1;display:grid;place-items:center;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px 28px;max-inline-size:560px;inline-size:100%}.card h2{margin:0 0 4px;font-size:18px}.card p{color:var(--text-dim);margin:6px 0;line-height:1.7}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;direction:ltr;unicode-bidi:embed}.user-chip{color:var(--text-dim);font-size:12px;padding-inline-start:12px;border-inline-start:1px solid var(--border)}.logout-btn{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 12px;font:inherit;font-size:12px;cursor:pointer;transition:border-color .15s,background .15s}.logout-btn:hover{border-color:var(--accent);background:#ffffff0a}.login-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 20% 15%,rgba(109,40,217,.35),transparent 55%),radial-gradient(circle at 80% 85%,rgba(47,143,239,.3),transparent 55%),var(--bg)}.login-box{width:100%;max-inline-size:380px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:36px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.login-logo{inline-size:48px;block-size:48px;display:block;margin:0 auto 16px}.login-title{font-size:19px;font-weight:800;color:var(--text);text-align:center;margin:0 0 4px}.login-sub{font-size:12px;color:var(--text-dim);text-align:center;margin:0 0 24px}.login-field{margin-bottom:14px}.login-label{font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:6px}.login-input{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:var(--text);padding:10px 13px;font:inherit;font-size:13px;outline:none;transition:border-color .15s}.login-input:focus{border-color:var(--accent)}.login-input:disabled{opacity:.6}.login-btn{width:100%;background:linear-gradient(135deg,var(--brand-purple),var(--brand-blue));border:none;border-radius:9px;color:#fff;font:inherit;font-size:14px;font-weight:800;padding:11px;cursor:pointer;transition:opacity .15s;margin-top:4px}.login-btn:hover:not(:disabled){opacity:.9}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-err{background:#e5484d1f;border:1px solid rgba(229,72,77,.3);color:#ff9b9e;border-radius:8px;padding:9px 12px;font-size:12px;margin-top:12px}.login-footnote{text-align:center;margin-top:16px}.login-soon-link{font-size:11.5px;color:var(--text-dim);cursor:default;border-bottom:1px dashed var(--border)}.auth-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 55%),radial-gradient(circle at 85% 88%,rgba(47,143,239,.28),transparent 55%),var(--bg)}.auth-card{width:100%;max-inline-size:860px;display:grid;grid-template-columns:1.05fr 1fr;background:var(--surface);border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 24px 70px #00000073}:root[data-theme=light] .auth-card{box-shadow:0 24px 70px #0f172a24}.auth-hero{position:relative;padding:34px 32px;display:flex;flex-direction:column;gap:26px;color:#fff;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 92%,#000),#14161c 78%)}.auth-hero-top{display:flex;align-items:center;gap:10px}.auth-hero-logo{width:34px;height:34px;filter:brightness(0) invert(1)}.auth-brand{font-size:17px;font-weight:800;letter-spacing:.3px}.auth-hero-body{margin-top:auto}.auth-hero-title{font-size:23px;font-weight:800;margin:0 0 10px;line-height:1.25}.auth-hero-sub{font-size:13.5px;opacity:.85;margin:0 0 20px;line-height:1.6}.auth-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.auth-features li{display:flex;align-items:center;gap:10px;font-size:13px;opacity:.95}.auth-check{flex-shrink:0;color:#fff}.auth-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;opacity:.9}.auth-dot{width:8px;height:8px;border-radius:50%;background:var(--green, #3ecf8e);box-shadow:0 0 #3ecf8e99;animation:authPulse 2s infinite}@keyframes authPulse{0%{box-shadow:0 0 #3ecf8e80}70%{box-shadow:0 0 0 7px #3ecf8e00}to{box-shadow:0 0 #3ecf8e00}}.auth-form{padding:34px 32px;display:flex;flex-direction:column}.auth-form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.auth-form-logo{width:30px;height:30px}.auth-title{font-size:20px;font-weight:800;color:var(--text);margin:0 0 4px}.auth-sub{font-size:12.5px;color:var(--text-dim);margin:0 0 22px}@media(max-width:760px){.auth-card{grid-template-columns:1fr;max-inline-size:400px}.auth-hero{display:none}.auth-form{padding:30px 26px}}.dash-body{flex:1;display:flex;min-height:0;min-width:0;max-width:100%}.sidebar{inline-size:220px;flex:none;background:var(--surface);border-inline-end:1px solid var(--border);padding:14px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13px;color:var(--text)}.sidebar-item.active{background:#ffffff0f;font-weight:600}.sidebar-item.soon{color:var(--text-dim);cursor:default}.sidebar-icon{font-size:15px;line-height:1}.sidebar-count{margin-inline-start:auto;font-size:11px;background:#ffffff0f;border-radius:999px;padding:1px 7px}.sidebar-hint{color:var(--text-dim);font-size:11.5px;padding:6px 10px}.dash-main{flex:1;min-inline-size:0;max-inline-size:100%;overflow-x:hidden;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:18px}.welcome-banner h2{margin:0 0 4px;font-size:18px}.welcome-banner p{margin:0;color:var(--text-dim);font-size:12.5px;line-height:1.7}.priority-callout{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#6d28d929,#2f8fef1f);border:1px solid rgba(109,40,217,.35);border-radius:12px;padding:14px 16px}.priority-callout strong{font-size:13.5px}.priority-callout p{margin:4px 0 0;color:var(--text-dim);font-size:12px;line-height:1.6}.priority-badge{flex:none;background:linear-gradient(135deg,var(--brand-purple),var(--brand-blue));color:#fff;font-size:10.5px;font-weight:700;border-radius:999px;padding:4px 10px;white-space:nowrap}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.module-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.module-card.priority{border-color:#6d28d980}.module-card-head{display:flex;align-items:center;justify-content:space-between}.module-icon{font-size:20px}.module-badge{font-size:10px;color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.module-card h3{margin:0;font-size:14px}.module-pages{margin:0;padding:0;list-style:none;color:var(--text-dim);font-size:11.5px;display:flex;flex-direction:column;gap:3px}.warn{color:var(--status-pending)}.login-wrap{flex:1;display:grid;place-items:center;padding:24px}.login-card{max-inline-size:360px;display:flex;flex-direction:column;gap:14px;text-align:center}.field{display:flex;flex-direction:column;gap:6px;text-align:start;font-size:12px;color:var(--text-dim)}.field input{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:14px;outline:none}.field input:focus{border-color:var(--accent)}.btn-primary{background:linear-gradient(135deg,var(--brand-purple),var(--brand-blue));color:#fff;border:0;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);padding:6px 12px;font-size:12px;cursor:pointer}.btn-ghost:hover{color:var(--text);border-color:var(--accent)}.login-error{background:color-mix(in srgb,var(--status-declined) 12%,transparent);border:1px solid color-mix(in srgb,var(--status-declined) 40%,transparent);color:var(--status-declined);border-radius:8px;padding:8px 12px;font-size:12px}.topnav{display:flex;gap:4px;margin-inline-start:12px}.topnav a{color:var(--text-dim);text-decoration:none;font-size:13px;padding:6px 10px;border-radius:8px}.topnav a:hover{color:var(--text);background:var(--bg)}.pay-wrap{flex:1;display:grid;place-items:center;padding:20px 16px}.pay-card{max-inline-size:400px;display:flex;flex-direction:column;gap:12px;text-align:center;border-radius:18px}.pay-amount{font-size:34px;font-weight:700;direction:ltr}.pay-amount span{font-size:15px;color:var(--text-dim);font-weight:500}.pay-channel{color:var(--brand-blue);font-weight:600;font-size:14px}.pay-wallet{font-size:24px!important;letter-spacing:.12em;background:var(--bg);border:1px dashed var(--border);border-radius:12px;padding:12px}.pay-qr{inline-size:190px;block-size:190px;margin-inline:auto;border-radius:14px;background:#fff;padding:8px}.pay-actions{display:flex;flex-direction:column;gap:8px}.pay-actions a{text-decoration:none;display:block}.pay-note{color:var(--text-dim);font-size:12px;margin:0;display:flex;align-items:center;gap:6px;justify-content:center}.pay-status-link{text-decoration:none}.pay-status-badge{border-radius:10px;padding:10px;font-weight:600;font-size:15px}.st-pending{background:color-mix(in srgb,var(--status-pending) 14%,transparent);color:var(--status-pending)}.st-paid{background:color-mix(in srgb,var(--status-paid) 14%,transparent);color:var(--status-paid)}.st-declined{background:color-mix(in srgb,var(--status-declined) 14%,transparent);color:var(--status-declined)}.st-dim{background:var(--bg);color:var(--text-dim)}.timeline{list-style:none;margin:0;padding:0;text-align:start}.timeline li{position:relative;padding:8px 24px 8px 0;color:var(--text-dim);display:flex;justify-content:space-between;align-items:center}.timeline li:before{content:"";position:absolute;inset-inline-start:8px;inline-size:10px;block-size:10px;border-radius:50%;background:var(--border)}.timeline li{padding-inline-start:28px}.timeline li.done{color:var(--text)}.timeline li.done:before{background:var(--status-paid)}.timeline li.active{color:var(--status-pending)}.timeline li.active:before{background:var(--status-pending)}.pay-details{display:flex;flex-direction:column;gap:6px;background:var(--bg);border-radius:12px;padding:12px;font-size:13px}.pay-details>div{display:flex;justify-content:space-between}.pay-details span:first-child{color:var(--text-dim)}.page{flex:1;padding:20px;max-inline-size:1000px;margin-inline:auto;inline-size:100%}.page h2{margin:0 0 14px;font-size:18px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-block-end:14px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:2px}.kpi b{font-size:20px}.kpi span{color:var(--text-dim);font-size:12px}.link-form{max-inline-size:none;margin-block-end:14px;display:flex;flex-direction:column;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.field select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:14px}.link-form .btn-primary{align-self:start}.table-card{max-inline-size:none;padding:0;overflow-x:auto}.links-table{border-collapse:collapse;inline-size:100%;font-size:13px}.links-table th,.links-table td{padding:10px 12px;text-align:start;white-space:nowrap}.links-table thead th{color:var(--text-dim);font-weight:500;border-block-end:1px solid var(--border)}.links-table tbody tr+tr td{border-block-start:1px solid var(--border)}.row-dim{opacity:.5}.row-actions{display:flex;gap:6px}.empty{text-align:center;color:var(--text-dim);padding:20px!important}a.sidebar-link{text-decoration:none;color:inherit}.home-link{color:inherit;text-decoration:none}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-block-end:16px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}.stat-card.stat-pending{border-color:color-mix(in srgb,var(--status-pending) 45%,var(--border))}a.stat-card:hover{border-color:var(--accent)}.stat-label{color:var(--text-dim);font-size:12px}.stat-value{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.stat-sub{color:var(--text-dim);font-size:12px}.recent-card{max-inline-size:none;margin-block-end:16px}.recent-head{display:flex;justify-content:space-between;align-items:center;margin-block-end:8px}.recent-head h3{margin:0;font-size:15px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;inline-size:100%;font-size:13px}.data-table th,.data-table td{padding:10px 12px;text-align:start;white-space:nowrap}.data-table thead th{color:var(--text-dim);font-weight:500;border-block-end:1px solid var(--border)}.data-table tbody tr+tr td{border-block-start:1px solid var(--border)}.data-table.clickable tbody tr{cursor:pointer}.data-table.clickable tbody tr:hover td{background:color-mix(in srgb,var(--accent) 6%,transparent)}.data-table .pay-status-badge{font-size:12px;padding:4px 10px}.cell-sub{color:var(--text-dim);font-size:11px}.page-head{margin-block-end:12px}.page-head h2{margin:0 0 4px;font-size:18px}.page-sub{margin:0;color:var(--text-dim);font-size:13px}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-block-end:12px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:6px 14px;color:var(--text-dim);font-size:13px;cursor:pointer}.chip:hover{border-color:var(--accent)}.chip-active{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent);color:var(--text)}.search-row{display:flex;gap:6px;align-items:center}.search-input{inline-size:260px;padding:8px 12px;font-size:13px}.btn-sm{padding:8px 14px;font-size:13px}.pager{display:flex;gap:10px;align-items:center;justify-content:center;padding-block-start:12px}.pager-info{color:var(--text-dim);font-size:13px}.st-under{background:color-mix(in srgb,var(--status-pending) 20%,transparent);color:var(--status-pending)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:flex-start;z-index:50}.drawer{background:var(--surface);border-inline-end:1px solid var(--border);inline-size:min(430px,92vw);block-size:100%;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head h3{margin:0;font-size:15px}.drawer-amount{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:700}.drawer-amount .pay-status-badge{font-size:13px;padding:6px 12px}.detail-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:13px}.detail-grid dt{color:var(--text-dim)}.detail-grid dd{margin:0;overflow-wrap:anywhere}.detail-grid .small{font-size:11px}.drawer-actions{display:flex;gap:10px}.drawer-actions .btn-primary,.drawer-actions .btn-ghost{flex:1}.btn-ghost.danger{color:var(--status-declined);border-color:color-mix(in srgb,var(--status-declined) 40%,var(--border))}.drawer-note{color:var(--text-dim);font-size:12px;margin:0}.row-actions{display:flex;gap:6px;white-space:nowrap}.row-actions .btn-sm{padding:5px 10px;font-size:12px}.chip-sep{width:1px;align-self:stretch;background:var(--border, rgba(255,255,255,.12));margin:0 4px}.sms-cell{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sms-body{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;font-size:12.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow-y:auto;direction:rtl}.link-section{margin-top:16px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.link-section h4{margin:0 0 10px;font-size:14px}.cand-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.cand-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px}.cand-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.cand-info .cell-sub{flex-basis:100%}.card,.stat-card,.module-card,.drawer,.login-box{border-radius:18px;transition:background .3s var(--ease),border-color .3s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}.stat-card:hover,.kpi-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.brand-icon{width:30px;height:30px;border-radius:8px;flex-shrink:0;background:linear-gradient(135deg,#f0b563,#d99a3a);display:inline-flex;align-items:center;justify-content:center;font-size:15px;transition:transform .4s var(--ease)}.topbar h1:hover .brand-icon,.brand:hover .brand-icon{transform:rotate(-8deg) scale(1.05)}.live-dot{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--status-paid);padding:0 10px}.live-dot .ld{width:5px;height:5px;border-radius:50%;background:var(--status-paid);box-shadow:0 0 0 3px var(--green-bg);animation:ldpulse 2s infinite}@keyframes ldpulse{0%,to{opacity:1}50%{opacity:.4}}.theme-btn{height:32px;padding:0 12px;background:var(--hover);border:1px solid var(--border-soft);border-radius:9px;color:var(--text-dim);font-size:11.5px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .2s var(--ease);font-family:inherit}.theme-btn:hover{color:var(--text);border-color:var(--text-muted);background:var(--hover-2);transform:translateY(-1px)}.dash-body{align-items:start}.sidebar{border-radius:18px;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.sidebar::-webkit-scrollbar-track{background:transparent}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group+.nav-group{margin-top:6px;padding-top:6px;border-top:1px solid var(--border-soft, var(--border))}.sidebar-item{border-radius:11px;transition:background .2s var(--ease),color .2s var(--ease),transform .15s var(--ease)}.sidebar-item:hover{transform:translate(-2px)}.sidebar-link.active{background:var(--amber-bg);color:var(--accent);font-weight:600}.nav-group-label{font-size:10px;color:var(--text-muted);font-weight:600;letter-spacing:.4px;margin:10px 10px 6px;text-transform:uppercase}.sms-rail{width:290px;flex-shrink:0;position:sticky;top:16px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 32px)}.sms-rail-head{display:flex;align-items:center;justify-content:space-between}.sms-rail-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.device-chips{display:flex;gap:4px;flex-wrap:wrap}.device-chip{font-size:9px;padding:3px 7px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;transition:transform .15s var(--ease)}.device-chip:hover{transform:scale(1.06)}.device-chip.ok{background:var(--green-bg);color:var(--status-paid)}.device-chip.err{background:var(--red-bg);color:var(--status-declined)}.device-chip .dc{width:4px;height:4px;border-radius:50%;background:currentColor}.sms-feed{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.sms-feed-item{border-radius:12px;padding:10px 11px;border:1px solid var(--border-soft);background:var(--hover);transition:transform .2s var(--ease),border-color .2s var(--ease);cursor:pointer;text-decoration:none;color:inherit;display:block}.sms-feed-item:hover{transform:translate(-2px);border-color:var(--text-muted)}.sms-feed-item.matched{background:var(--green-bg);border-color:var(--green-border)}.sms-feed-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.sms-feed-device{font-size:9.5px;font-weight:600;color:var(--text-dim)}.sms-feed-item.matched .sms-feed-device{color:var(--status-paid)}.sms-feed-time{font-size:9px;color:var(--text-muted)}.sms-feed-body{font-size:10.5px;color:var(--text-dim);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sms-feed-status{margin-top:5px;font-size:9px;display:flex;align-items:center;gap:3px}.sms-feed-status.link{color:var(--status-paid)}.sms-feed-status.wait{color:var(--status-pending)}.sms-feed-status.info{color:var(--text-muted)}@media(max-width:1250px){.sms-rail{display:none}}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.kpi-card{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:18px;text-decoration:none;color:inherit;display:block}.kpi-card.amber{background:linear-gradient(135deg,var(--amber-bg),transparent);border-color:var(--amber-border)}.kpi-icon{font-size:18px;margin-bottom:8px;display:block}.kpi-value{font-size:24px;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1}.kpi-label{font-size:11px;color:var(--text-dim);margin-top:4px}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.filter-pills{display:flex;background:var(--hover);border-radius:12px;padding:3px;gap:2px;width:fit-content}.pill{font-size:11.5px;padding:7px 16px;border-radius:9px;cursor:pointer;color:var(--text-dim);display:inline-flex;align-items:center;gap:6px;transition:all .2s var(--ease);font-family:inherit;border:none;background:none}.pill.active{background:var(--border-soft);color:var(--text);font-weight:600}:root[data-theme=light] .pill.active{background:var(--surface);box-shadow:0 1px 3px #0000000d}.pill-dot{width:5px;height:5px;border-radius:50%}.data-table tr.row-pending td{background:linear-gradient(90deg,var(--amber-bg),transparent 70%)}.data-table.clickable tbody tr{transition:background .2s var(--ease)}.merchant-chip{font-size:10px;padding:3px 8px;border-radius:6px;width:fit-content;font-weight:600;display:inline-block}.merchant-chip.ngpay{background:var(--ngpay-bg);color:var(--ngpay)}.merchant-chip.payfuture{background:var(--payfuture-bg);color:var(--payfuture)}.merchant-chip.other{background:var(--hover-2);color:var(--text-dim)}.sms-match-card{border:1px solid var(--green-border);border-radius:14px;padding:14px;margin-top:14px}.sms-match-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sms-match-title{font-size:12.5px;font-weight:600}.match-pct{font-size:10px;padding:3px 9px;border-radius:7px;background:var(--green-bg);color:var(--status-paid);font-weight:600}.sms-match-text{background:var(--hover);border-radius:12px;padding:12px 14px;font-size:12px;color:var(--text-dim);line-height:1.7}.sms-match-meta{display:flex;gap:16px;margin-top:8px;font-size:10.5px;color:var(--text-muted)}.client-history{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.ch-tile{background:var(--hover);border-radius:12px;padding:11px}.ch-value{font-size:18px;font-weight:700}.ch-label{font-size:10px;color:var(--text-dim);margin-top:2px}.timeline{display:flex;flex-direction:column;gap:12px;position:relative;padding-right:4px;margin-top:14px}.timeline:before{content:"";position:absolute;top:6px;bottom:6px;width:1.5px;background:var(--border-soft);right:5px}.timeline-item{display:flex;gap:12px;position:relative}.timeline-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;margin-top:2px;z-index:1}.timeline-dot.done{background:var(--status-paid);box-shadow:0 0 0 1px var(--green-border)}.timeline-dot.neutral{background:var(--text-muted)}.timeline-title{font-size:11.5px;font-weight:600}.timeline-meta{font-size:10px;color:var(--text-muted)}.section-label{font-size:11px;color:var(--text-muted);font-weight:600;letter-spacing:.4px;margin:16px 0 10px;text-transform:uppercase}.bulk-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:13px;padding:10px 14px;margin-bottom:12px;font-size:13px;font-weight:600}.bulk-progress{padding:10px 14px;margin-bottom:12px;font-size:12.5px}.check-col{width:30px;text-align:center}.check-col input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.bell-wrap{position:relative}.bell-btn{position:relative;padding:0 10px}.bell-badge{position:absolute;top:-6px;inset-inline-start:-6px;background:var(--status-declined);color:#fff;font-size:9.5px;font-weight:700;border-radius:999px;padding:2px 5px;min-width:16px;text-align:center;line-height:1.2}.bell-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:14px;min-width:260px;padding:6px;box-shadow:var(--shadow-hover);display:flex;flex-direction:column;gap:2px}.bell-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:9px;font-size:12.5px;color:var(--text);text-decoration:none;transition:background .15s var(--ease)}.bell-item:hover{background:var(--hover-2)}.bell-count{font-family:ui-monospace,Menlo,monospace;font-size:11px;background:var(--hover-2);border-radius:7px;padding:2px 8px}.bell-item.warn-item{color:var(--status-declined);font-size:11.5px}.bell-all{justify-content:center;color:var(--text-dim);border-top:1px solid var(--border-soft);border-radius:0 0 9px 9px;margin-top:2px}.flag-grid{display:flex;flex-wrap:wrap;gap:6px}.perm-chips{display:flex;flex-wrap:wrap;gap:4px}.perm-chip{font-size:9.5px}.bar-col{min-width:220px}.bar-track{position:relative;background:var(--hover);border-radius:7px;height:22px;overflow:hidden}.bar-fill{position:absolute;inset-block:0;inset-inline-start:0;background:linear-gradient(90deg,var(--amber-bg),var(--accent));border-radius:7px;opacity:.75}.bar-label{position:absolute;inset-inline-start:8px;top:50%;transform:translateY(-50%);font-size:10.5px;z-index:1}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.dash-main{min-width:0}.dash-main>*{min-width:0;max-width:100%}.responsive-content-grid{display:grid;gap:16px;align-items:start;min-width:0;max-width:100%}.executive-content-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.recipients-content-grid{grid-template-columns:minmax(280px,.85fr) minmax(0,1.45fr)}.analytics-bar{height:4px;margin-top:5px;background:var(--hover-2);border-radius:99px;overflow:hidden}.analytics-bar i{display:block;height:100%;background:var(--accent);border-radius:inherit}.analytics-bar-out i{background:var(--status-declined)}.filter-bar{flex-wrap:wrap}.drawer{width:min(480px,94vw)}.nav-toggle,.nav-backdrop{display:none}.theme-btn-label{display:inline}@media(max-width:900px){.topbar{flex-wrap:wrap;row-gap:6px;padding:8px 10px}.brand-sub,.conn,.theme-btn-label{display:none}.user-chip{border:none;padding:0;font-size:11px}.dash-body{display:block}.dash-main{padding:12px}.responsive-content-grid,.executive-content-grid,.recipients-content-grid{grid-template-columns:minmax(0,1fr)}.nav-toggle{display:flex;align-items:center;justify-content:center;position:fixed;bottom:18px;inset-inline-start:14px;z-index:80;width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:18px;box-shadow:var(--shadow-hover);cursor:pointer}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:70}.sidebar{position:fixed;top:0;bottom:0;inset-inline-start:0;z-index:75;width:min(270px,80vw);border-radius:0;transform:translate(100%);transition:transform .25s var(--ease);max-height:none;overflow-y:auto}html[dir=ltr] .sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sms-rail{display:none}.page-head h2{font-size:17px}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 6px}.row-actions .btn-sm{padding:4px 8px;font-size:11px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kpi-value{font-size:19px}.filter-pills{width:100%;overflow-x:auto}.chip-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.drawer{width:100vw}.bell-menu{position:fixed;inset-inline:10px;top:54px;min-width:0}}@media(max-width:640px){.login-input,.filter-field input,.filter-select,.control-input,.search-input{font-size:16px;min-height:44px}.btn-primary,.btn-ghost,.login-btn,.btn-sm,.logout-btn,.theme-btn{min-height:40px}.pill{min-height:34px}.row-actions .btn-sm,.template-card .btn-primary{min-height:38px}.control-row{flex-direction:column;align-items:stretch}.control-row>.login-input,.control-row>select,.control-row>input,.control-row>button{width:100%}.control-row>strong{margin-bottom:2px}.template-grid{grid-template-columns:1fr}.auth-form{padding:26px 20px}.recent-head{flex-wrap:wrap;row-gap:4px}.page-head h2{font-size:16px}.kpi-value{font-size:18px}.proof-overlay{padding:12px}}.control-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.control-sep{width:1px;height:24px;background:var(--border-soft);margin:0 4px}.control-input{width:130px;padding:7px 10px}.tv-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;gap:14px;padding:18px 22px;overflow-y:auto}.tv-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.tv-head h1{margin:0;font-size:22px}.tv-head-side{display:flex;align-items:center;gap:12px}.tv-clock{font-size:20px;font-weight:700}.tv-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.tv-kpi{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;text-align:center;animation:tvpulsecard 3s ease-in-out infinite}.tv-kpi.amber{border-color:var(--amber-border);background:linear-gradient(135deg,var(--amber-bg),var(--surface))}.tv-kpi.green{border-color:var(--green-border)}.tv-kpi.red{border-color:var(--red-border)}.tv-kpi-value{display:block;font-size:30px;font-weight:800;line-height:1.1}.tv-kpi.amber .tv-kpi-value{color:var(--status-pending)}.tv-kpi.green .tv-kpi-value{color:var(--status-paid)}.tv-kpi.red .tv-kpi-value{color:var(--status-declined)}.tv-kpi-label{font-size:11.5px;color:var(--text-dim)}@keyframes tvpulsecard{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.tv-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex:1;min-height:0}.tv-col{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;min-height:0}.tv-col h3{margin:0 0 10px;font-size:14.5px}.tv-feed{display:flex;flex-direction:column;gap:7px;overflow-y:auto}.tv-item{background:var(--hover);border:1px solid var(--border-soft);border-radius:11px;padding:8px 10px;animation:tvSlideIn .4s var(--ease)}.tv-item.ok{background:var(--green-bg);border-color:var(--green-border)}.tv-item.warn{background:var(--amber-bg);border-color:var(--amber-border)}@keyframes tvSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.tv-item-head{display:flex;justify-content:space-between;font-size:10.5px;color:var(--text-dim);margin-bottom:3px}.tv-item-main{font-size:13px}.tv-payouts{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px 14px}.tv-payouts h3{margin:0 0 8px;font-size:14px}.tv-payout-row{display:flex;gap:10px;overflow-x:auto}.tv-payout{display:flex;flex-direction:column;gap:3px;min-width:160px;background:var(--hover);border:1px solid var(--border-soft);border-radius:11px;padding:8px 10px;font-size:11.5px}.dim{color:var(--text-dim)}@media(max-width:1000px){.tv-cols{grid-template-columns:1fr}}.report-filters{align-items:center;gap:10px}.filter-field{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.filter-field input[type=date],.filter-select{padding:7px 10px;width:auto}.check-label input{accent-color:var(--accent)}.pct-input{width:70px;padding:5px 8px}:root,:root[data-theme=dark]{--status-under: #ff9f43;--under-bg: rgba(255, 159, 67, .14)}:root[data-theme=light]{--status-under: #b45309;--under-bg: rgba(180, 83, 9, .12)}.st-under{background:var(--under-bg);color:var(--status-under)}.txd-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}.txd-main,.txd-side{display:flex;flex-direction:column;gap:14px;min-width:0}.txd-amount{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:14px 0}.txd-amount-value{font-size:44px;font-weight:800;line-height:1}.txd-amount-currency{font-size:15px;color:var(--text-dim)}.raw-summary{cursor:pointer;font-size:13px;font-weight:600}.raw-json{direction:ltr;text-align:left;background:var(--hover);border:1px solid var(--border-soft);border-radius:12px;padding:12px;font-size:11.5px;line-height:1.6;overflow-x:auto;max-height:420px;overflow-y:auto;white-space:pre;margin-top:10px}.avatar-initial{width:20px;height:20px;border-radius:50%;background:var(--amber-bg);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;vertical-align:middle}.decision-by{display:inline-flex;align-items:center;gap:5px}@media(max-width:1000px){.txd-grid{grid-template-columns:1fr}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:4px}.template-card{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--hover);display:flex;flex-direction:column;gap:8px}.template-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.template-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.template-desc{font-size:12.5px;color:var(--text-dim);margin:0;line-height:1.5}.template-meta{font-size:11.5px;color:var(--text-dim)}.template-card .btn-primary{margin-top:auto;align-self:flex-start}.proof-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#03060cb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px}.proof-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:min(760px,94vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px #00000080}.proof-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.proof-actions{display:flex;gap:6px}.proof-body{overflow:auto;padding:12px;display:flex;justify-content:center;background:var(--bg)}.proof-body img{max-width:100%;max-height:calc(90vh - 60px);border-radius:8px;object-fit:contain}.binance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}@media(max-width:640px){.binance-grid{grid-template-columns:1fr}}.clickable-row{cursor:pointer;transition:background .15s var(--ease)}.clickable-row:hover{background:var(--hover)}.crm-detail{max-width:min(680px,95vw)}.crm-detail-body{display:block;padding:16px;text-align:start}.crm-detail-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.crm-sms-names{margin-top:12px;display:flex;flex-direction:column;gap:6px}.crm-sms-names .chip-row{display:flex;gap:6px;flex-wrap:wrap}.wallet-drawer{max-width:min(560px,96vw)}.wallet-sms-feed{display:flex;flex-direction:column;gap:8px;max-height:40vh;overflow-y:auto}.chip-count{display:inline-block;margin-inline-start:6px;padding:0 6px;border-radius:999px;font-size:11px;font-weight:700;background:var(--hover-2);color:var(--text-dim)}.chip.chip-active .chip-count{background:#ffffff2e;color:inherit}.status-chip{display:inline-flex;align-items:center;gap:5px}.status-chip [class^=dot-st-]{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot-st-paid{background:var(--status-paid)}.dot-st-pending{background:var(--status-pending)}.dot-st-declined{background:var(--status-declined)}.dot-st-under{background:var(--payfuture, #a89ee8)}.dot-st-dim{background:var(--text-muted)}