:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#182033;background:#f3f5f9;--navy:#0b1120;--blue:#3d67e8;--line:#e2e7f0;--muted:#73809a;--panel:#fff;--green:#10936d;--red:#d8405f;--amber:#c67b12;--purple:#7656d8}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}.admin-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:26px 18px;background:linear-gradient(180deg,#0b1120,#111b33);color:#fff}.ops-brand{display:flex;align-items:center;gap:12px}.ops-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#4777f3,#704ed0);font-weight:900}.ops-brand>div:last-child{display:flex;flex-direction:column}.ops-brand span,.admin-profile span{margin-top:3px;color:#8490ad;font-size:9px;letter-spacing:.12em}.admin-sidebar nav{display:grid;gap:7px;margin-top:48px}.admin-sidebar nav a{display:flex;align-items:center;gap:13px;padding:12px;border-radius:12px;color:#9da7be;font-size:13px;font-weight:700}.admin-sidebar nav a b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#5470dc29;color:#aebfff}.admin-sidebar nav a.router-link-active{color:#fff;background:#4a68e233;box-shadow:inset 3px 0 #5e82f3}.merchant-link{margin-top:28px;padding:12px;color:#9db3ff;border:1px solid rgba(126,150,255,.25);border-radius:11px;font-size:12px;text-align:center}.admin-profile{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.admin-profile>div:last-child{display:flex;flex-direction:column;min-width:0}.admin-profile strong{font-size:11px;overflow:hidden;text-overflow:ellipsis}.avatar{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#242f4a;color:#b7c5ff;font-weight:800}.admin-workspace{min-width:0}.admin-topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#ffffffe6;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.environment{padding:7px 10px;border-radius:99px;background:#fff1cc;color:#8c6215;font-size:9px;font-weight:900;letter-spacing:.1em}.admin-content{padding:32px 34px 64px}.page-stack{display:flex;flex-direction:column;gap:20px;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.page-heading h1{margin:5px 0 7px;font-size:34px;letter-spacing:-.04em}.page-heading p,.panel p{margin-bottom:0;color:var(--muted);line-height:1.6}.eyebrow{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.14em}.panel{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:17px;box-shadow:0 15px 38px #1f2d5412}.panel-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.panel-heading h2,.panel h2{margin-bottom:4px;font-size:18px}.panel-heading p{font-size:11px}.button{min-height:40px;padding:0 16px;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:800}.primary{color:#fff;background:linear-gradient(135deg,#4777ee,#6550d3)}.secondary{color:#315eca;background:#eaf0ff}.ghost{color:#46526c;background:#fff;border-color:var(--line)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{min-height:125px;padding:20px;border-radius:16px;color:#fff;background:linear-gradient(145deg,#3f70e8,#2f50b5);box-shadow:0 14px 30px #304fb12e}.metric span{font-size:10px;opacity:.78;letter-spacing:.07em}.metric strong{display:block;margin:14px 0 6px;font-size:27px}.metric small{opacity:.7}.metric-green{background:linear-gradient(145deg,#18a87e,#08745a)}.metric-amber{background:linear-gradient(145deg,#e3a029,#ad6810)}.metric-red{background:linear-gradient(145deg,#e75d78,#b82f4d)}.metric-purple{background:linear-gradient(145deg,#8163df,#5840ac)}.table-wrap{overflow-x:auto}table{width:100%;min-width:760px;border-collapse:collapse}th{padding:11px 12px;background:#f7f9fc;color:#8994a9;text-align:left;font-size:9px;letter-spacing:.08em;text-transform:uppercase}td{padding:15px 12px;border-bottom:1px solid #edf0f5;color:#45516a;font-size:12px}tbody tr{transition:.15s}tbody tr:hover{background:#f9faff}td strong{display:block;color:#25304a}td small{display:block;margin-top:4px;color:#8792a8}.mono{font-family:Consolas,monospace;font-size:10px}.status-badge{display:inline-flex;padding:6px 9px;border-radius:99px;font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.status-success{background:#ddf7ed;color:#087151}.status-danger{background:#ffe4ea;color:#b42b49}.status-warning{background:#fff0ce;color:#916010}.status-neutral{background:#edf0f5;color:#56627a}.text-link,.back-link{color:var(--blue);font-size:11px;font-weight:800}.search-bar{display:flex;gap:12px}.search-bar input{flex:1}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:17px;color:var(--muted);font-size:10px}input,select{min-height:42px;padding:0 12px;border:1px solid #dfe4ee;border-radius:10px;background:#fbfcfe;color:#25304a;outline:none}input:focus,select:focus{border-color:#6789ee;box-shadow:0 0 0 3px #3d67e81a}.status-filter{display:flex;align-items:center;gap:9px;color:#657189;font-size:11px;font-weight:700}.empty{text-align:center;color:var(--muted);padding:35px}.error-box{color:#b62c48;background:#fff0f3;border-color:#ffd5de}.merchant-hero{display:flex;align-items:center;gap:15px}.merchant-logo{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;color:#315fcf;background:#e8efff;font-weight:900}.merchant-hero h2{margin-bottom:4px}.merchant-hero p{font-size:11px}.hero-badges{display:flex;gap:7px;margin-left:auto}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.detail-grid .panel select{width:100%;margin-top:18px}.balance-card{color:#fff;background:linear-gradient(145deg,#1a2544,#2f4480)}.balance-card .eyebrow{color:#9eb5ff}.balance-card p{color:#aeb8d3}.admin-login{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);min-height:100vh}.login-visual{display:flex;flex-direction:column;justify-content:space-between;padding:48px 60px;color:#fff;background:radial-gradient(circle at 75% 15%,rgba(111,85,220,.35),transparent 28%),linear-gradient(145deg,#09111f,#172344)}.login-visual h1{max-width:620px;margin:16px 0;font-size:clamp(44px,5vw,70px);line-height:1.05;letter-spacing:-.055em}.login-visual p{max-width:560px;color:#a4b0ca;line-height:1.7}.ops-brand.light span{color:#91a1c2}.visual-stats{display:flex;gap:28px;color:#8d9bb8;font-size:10px}.login-area{display:grid;place-items:center;padding:38px;background:#f8faff}.login-card{display:grid;gap:20px;width:min(420px,100%);padding:36px;background:#fff;border:1px solid var(--line);border-radius:21px;box-shadow:0 24px 60px #1a28501f}.login-card h2{margin:5px 0;font-size:27px}.login-card p{color:var(--muted);font-size:11px}.login-card label{display:grid;gap:7px;color:#4a5670;font-size:11px;font-weight:700}.login-card .button{min-height:48px}.login-card small{text-align:center;color:#8a95a9}.back-link{display:inline-block;margin-bottom:10px}@media (max-width:1100px){.metrics,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.admin-shell{display:block}.admin-sidebar{position:fixed;inset:auto 0 0;height:68px;z-index:20;padding:7px}.ops-brand,.merchant-link,.admin-profile{display:none}.admin-sidebar nav{margin:0;display:flex;justify-content:space-around}.admin-sidebar nav a{padding:8px}.admin-sidebar nav a span{display:none}.admin-content{padding:24px 15px 90px}.admin-topbar{padding:0 16px}.metrics,.detail-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.admin-login{grid-template-columns:1fr}.login-visual{min-height:300px;padding:28px}.login-visual h1{font-size:40px}.visual-stats{display:none}.login-area{padding:20px}}.review-note{min-width:180px}.review-actions{display:flex;gap:6px;margin-top:6px}.button.approve{min-height:30px;padding:0 10px;color:#087151;background:#ddf7ed}.button.reject{min-height:30px;padding:0 10px;color:#b42b49;background:#ffe4ea}.success-box{color:#087151;background:#e9faf3;border-color:#c9f0df}.channel-hero{display:flex;align-items:center;gap:16px}.channel-logo{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;color:#fff;background:linear-gradient(145deg,#b99b4d,#715d25);font-size:25px;font-weight:900}.channel-title h2{margin:4px 0;font-size:23px}.channel-title p{font-size:11px}.channel-statuses{display:flex;align-items:center;gap:8px;margin-left:auto}.channel-state{display:inline-flex;padding:7px 11px;border-radius:99px;font-size:9px;font-weight:900}.channel-state-live{color:#087151;background:#ddf7ed}.channel-state-paused{color:#916010;background:#fff0ce}.channel-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px}.config-list{display:grid;margin:0}.config-list div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:18px;padding:13px 0;border-bottom:1px solid #edf0f5}.config-list div:last-child{border-bottom:0}.config-list dt{color:#8994a9;font-size:10px;font-weight:800}.config-list dd{min-width:0;margin:0;color:#2d3851;font-size:11px;overflow-wrap:anywhere}.channel-operations{display:flex;flex-direction:column}.operation-state{display:flex;align-items:center;justify-content:space-between;padding:18px;border-radius:14px;background:#f5f7fb;color:#657189;font-size:11px}.operation-state strong{color:#22304d;font-size:24px}.channel-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.danger-action{color:#b42b49;background:#ffe4ea;border-color:#ffd1dc}.operation-note{margin-top:18px!important;font-size:10px}.callback-list{display:grid;gap:10px}.callback-list div{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:15px;padding:12px 14px;border-radius:11px;background:#f7f9fc}.callback-list span{color:#7d899f;font-size:9px;font-weight:900;letter-spacing:.05em}.callback-list code{overflow-wrap:anywhere;color:#35415b;font-size:10px}.event-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.event-strip div{padding:15px;border:1px solid var(--line);border-radius:12px}.event-strip span{display:block;color:#8a95a9;font-size:9px}.event-strip strong{display:block;margin-top:8px;color:#25304a;font-size:22px}@media (max-width:1000px){.channel-grid{grid-template-columns:1fr}}@media (max-width:760px){.channel-hero{align-items:flex-start;flex-wrap:wrap}.channel-statuses{width:100%;margin-left:0}.config-list div{grid-template-columns:1fr;gap:6px}.channel-actions,.event-strip{grid-template-columns:1fr 1fr}.callback-list div{grid-template-columns:1fr}}