:root{--bg:#061718;--panel:#0b2425;--panel-2:#092021;--line:rgba(174,225,215,.18);--ink:#eafff9;--muted:#86a19c;--aqua:#2ce2c3;--yellow:#ffcd1c;--red:#f47a82;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% 0,rgba(24,125,111,.14),transparent 26rem),var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}.portal{min-height:100vh}.sidebar{position:fixed;z-index:3;width:250px;inset:0 auto 0 0;padding:27px 18px;border-right:1px solid var(--line);background:#061819;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:800;letter-spacing:-.06em}.brand>span:last-child>span{color:var(--aqua)}.brand small{display:block;margin-top:2px;color:var(--muted);font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--aqua);background:#0c3030;color:var(--aqua);font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.13em}.sidebar nav{display:grid;gap:5px;margin-top:48px}.nav-link{display:flex;gap:13px;align-items:center;width:100%;padding:12px;border:0;background:transparent;color:#91aaa5;text-align:left;font-size:13px;font-weight:700}.nav-link i{display:grid;place-items:center;width:17px;color:var(--aqua);font-style:normal}.nav-link:hover,.nav-link.active{background:#0d3030;color:var(--ink)}.nav-link.active{border-left:2px solid var(--yellow)}.sidebar-foot{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:8px;color:var(--muted);font-size:10px}.online-dot{width:7px;height:7px;border-radius:50%;align-self:center;background:var(--aqua);box-shadow:0 0 12px var(--aqua)}.sidebar-foot button{grid-column:1/-1;padding:0;border:0;background:none;color:var(--ink);font-size:10px;text-align:left}.main-shell{max-width:1500px;margin-left:250px;padding:0 46px 56px}.topbar{min-height:117px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;justify-content:space-between}.eyebrow,.kicker{margin:0;color:var(--aqua);font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.topbar h1,.section-head h2{margin:6px 0 0;font-size:29px;letter-spacing:-.06em}.top-actions{display:flex;align-items:center;gap:14px;color:var(--muted);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.outline,.button{min-height:39px;padding:0 15px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:11px;font-weight:800}.outline:hover{border-color:var(--aqua);color:var(--aqua)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px}.button.primary{border-color:var(--yellow);background:var(--yellow);color:#102021}.button.primary:hover{background:#ffe067}.menu-toggle{display:none}.view{display:none;padding-top:36px}.view.active{display:block}.hero-card{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:center;padding:47px;background:linear-gradient(135deg,#0c2929,#092021);border:1px solid var(--line)}.hero-card h2{margin:14px 0;color:var(--ink);font-size:48px;line-height:.95;letter-spacing:-.075em}.hero-card h2 em{color:var(--aqua);font-style:normal}.hero-card p:not(.eyebrow){max-width:510px;color:#a9c0bc;line-height:1.65;font-size:14px}.credit-orbit{width:210px;aspect-ratio:1;margin:auto;border:1px solid var(--aqua);border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#134442,transparent 67%)}.credit-orbit small,.credit-orbit span{color:var(--muted);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}.credit-orbit strong{margin:9px 0 3px;font-size:49px;letter-spacing:-.08em;color:var(--yellow)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.metric{padding:19px;background:#0a2021;border:1px solid var(--line)}.metric span,.metric small{display:block;color:var(--muted);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em}.metric strong{display:block;margin:11px 0 5px;font-size:29px;letter-spacing:-.07em}.metric.accent{border-color:rgba(255,205,28,.48)}.panel{margin-top:20px;padding:24px;background:var(--panel-2);border:1px solid var(--line)}.panel-head,.section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.panel-head h3{margin:6px 0 0;font-size:21px;letter-spacing:-.05em}.section-head p{max-width:680px;margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px;margin-top:20px}.plan-card{padding:16px;border:1px solid var(--line);background:#0c2829}.plan-card small{color:var(--muted);font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.plan-card strong{display:block;margin-top:8px;font-size:17px}.plan-card em{display:block;margin-top:12px;color:var(--aqua);font-style:normal;font-size:11px}.activation-form{max-width:750px}.activation-form label,.modal label{display:block;margin-top:16px;color:#c9deda;font-size:10px;font-weight:800}.activation-form input,.activation-form select,.modal input{display:block;width:100%;height:43px;margin-top:7px;padding:10px 12px;border:1px solid var(--line);border-radius:0;background:#061718;color:var(--ink);outline:0;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.activation-form input:focus,.activation-form select:focus,.modal input:focus{border-color:var(--aqua)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan-price{margin:17px 0;padding:12px 14px;border-left:2px solid var(--yellow);background:#0d2928;color:#bbd3ce;font-size:11px}.search{display:flex;align-items:center;gap:8px;min-width:285px;padding:0 11px;border:1px solid var(--line);background:#092021;color:var(--muted)}.search input{width:100%;height:39px;border:0;background:transparent;color:var(--ink);outline:0;font-size:12px}.table-panel{padding:0}.table-toolbar{min-height:65px;padding:0 20px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);color:#a9c0bc;font-size:11px}.table-toolbar .outline{margin-left:auto}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:730px}th,td{padding:15px 20px;border-bottom:1px solid rgba(174,225,215,.12);text-align:left;font-size:11px}th{color:#79938f;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}td strong,td small{display:block}td small{margin-top:5px;color:var(--muted);font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.table-button{padding:8px 10px;border:1px solid var(--line);background:transparent;color:var(--aqua);font-size:10px;font-weight:800}.table-button:hover{border-color:var(--aqua)}.tag{display:inline-flex;padding:5px 8px;border:1px solid var(--line);font:8px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.tag.active{color:var(--aqua)}.tag.trial{color:var(--yellow)}.tag.expired{color:var(--red)}.positive{color:var(--aqua)}.negative{color:var(--red)}.notice{margin-top:15px;padding:10px 12px;border:1px solid var(--red);background:rgba(244,122,130,.08);color:#ffd5d8;font-size:11px;line-height:1.45}.notice.success{border-color:var(--aqua);background:rgba(44,226,195,.08);color:#c7fff5}.app-notice{margin-top:20px}.login-screen{min-height:100vh;max-width:1200px;margin:auto;padding:30px;display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}.login-intro{padding:30px}.login-intro h1{margin:25px 0 19px;font-size:59px;line-height:.91;letter-spacing:-.09em}.login-intro h1 em{color:var(--aqua);font-style:normal}.login-intro>p:not(.eyebrow){max-width:500px;color:#a9c0bc;line-height:1.7;font-size:15px}.intro-points{display:flex;flex-wrap:wrap;gap:13px;margin-top:27px;color:#98b4af;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.intro-points span::first-letter{color:var(--aqua)}.login-card{padding:36px;background:#0a2223;border:1px solid var(--line);box-shadow:0 25px 75px rgba(0,0,0,.25)}.login-card h2{margin:10px 0 0;font-size:30px;letter-spacing:-.06em}.muted{color:var(--muted);font-size:12px;line-height:1.55}.login-card label{display:block;margin-top:19px;color:#c9deda;font-size:10px;font-weight:800}.login-card input{display:block;width:100%;height:45px;margin-top:7px;padding:10px 12px;border:1px solid var(--line);background:#061718;color:var(--ink);outline:0}.full{width:100%;margin-top:22px}.modal{width:min(720px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:0;background:transparent;color:var(--ink)}.modal::backdrop{background:rgba(1,8,9,.82);backdrop-filter:blur(5px)}.modal-card{max-height:calc(100dvh - 28px);overflow-y:auto;padding:28px;background:#0b2425;border:1px solid rgba(44,226,195,.42)}.modal-card h2{margin:7px 0 0;font-size:25px;letter-spacing:-.06em}.modal-card>p{margin:7px 0 0;color:var(--muted);font-size:11px}.close{float:right;border:0;background:transparent;color:var(--ink);font-size:24px}.playlist-list{display:flex;gap:8px;overflow:auto;margin-top:16px;padding-bottom:3px}.playlist-card{min-width:160px;padding:10px;border:1px solid var(--line);background:#092021;color:#c5dbd7;text-align:left}.playlist-card.selected,.playlist-card:hover{border-color:var(--aqua)}.playlist-card b,.playlist-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-card small{margin-top:5px;color:var(--muted);font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.modal-card hr{height:1px;margin:23px 0;border:0;background:var(--line)}.field-label{display:block;margin-top:16px;color:#c9deda;font-size:10px;font-weight:800}.field-help{display:block;margin-top:6px;color:var(--muted);font-size:9px}.url-list{display:grid;gap:8px;margin-top:9px}.url-row{display:grid;grid-template-columns:minmax(0,1fr) 37px;gap:8px}.url-row input{margin:0}.remove-url,.add-url{display:grid;place-items:center;border:1px solid var(--line);background:#092021;color:var(--aqua);font-size:18px}.add-url{width:106px;height:34px;margin-top:10px;font-size:10px;font-weight:800}.modal-actions{display:flex;gap:10px;margin-top:22px}.modal-actions>*{flex:1}.danger-outline{color:#ffabb0;border-color:rgba(244,122,130,.55)}.modal [hidden]{display:none!important}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0;padding:0 24px 42px}.menu-toggle{display:block;border:0;background:transparent;color:var(--ink);font-size:23px}.topbar{min-height:95px}.login-screen{grid-template-columns:1fr;gap:15px;max-width:650px}.login-intro{padding:24px 5px}.login-intro h1{font-size:47px}.metrics{grid-template-columns:1fr 1fr}.hero-card{grid-template-columns:1fr}.credit-orbit{display:none}}
@media(max-width:600px){.main-shell{padding:0 14px 35px}.top-actions #current-date{display:none}.topbar h1{font-size:25px}.view{padding-top:22px}.hero-card{padding:27px 22px}.hero-card h2{font-size:38px}.metrics{grid-template-columns:1fr}.section-head{display:grid}.search{min-width:0;width:100%}.panel{padding:18px}.table-panel{padding:0}.form-grid{grid-template-columns:1fr}.modal-card{padding:22px 16px}.modal-actions{flex-direction:column}.login-screen{padding:16px}.login-card{padding:25px 19px}.login-intro h1{font-size:41px}.plan-cards{grid-template-columns:1fr}.top-actions{gap:8px}.outline{padding:0 10px}}
.brand-logo{display:block;width:34px;height:34px;object-fit:contain;background:#fff}.account-menu{position:relative}.account-trigger{min-height:42px;padding:4px 9px 4px 5px;border:1px solid var(--line);background:#092021;color:var(--ink);display:flex;align-items:center;gap:8px;text-align:left}.account-trigger:hover,.account-trigger[aria-expanded="true"]{border-color:var(--aqua)}.account-avatar{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(44,226,195,.55);border-radius:50%;color:var(--aqua)}.account-avatar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.account-trigger strong,.account-trigger small{display:block;white-space:nowrap}.account-trigger strong{font-size:10px}.account-trigger small{margin-top:3px;color:var(--muted);font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.account-trigger small b{color:var(--yellow);font-weight:700}.account-trigger>i{margin-left:3px;color:var(--aqua);font-size:12px;font-style:normal}.account-dropdown{position:absolute;z-index:5;right:0;top:calc(100% + 7px);min-width:170px;padding:6px;border:1px solid var(--line);background:#092021;box-shadow:0 16px 32px rgba(0,0,0,.28)}.account-dropdown button{width:100%;padding:10px;border:0;background:transparent;color:var(--ink);text-align:left;font-size:11px;font-weight:800}.account-dropdown button:hover{background:#0d3030;color:var(--aqua)}
.brand .brand-logo{display:block!important;flex:0 0 34px!important;width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important;background:transparent!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-select select{height:36px;padding:0 24px 0 10px;border:1px solid var(--line);border-radius:0;background:#092021;color:var(--ink);outline:0;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.language-select select:focus{border-color:var(--aqua)}.login-screen{position:relative}.login-language{position:absolute;top:28px;right:30px}.portal-language{display:block}.sub-reseller-actions{display:flex;gap:8px;justify-content:flex-end}.sub-reseller-actions .table-button{white-space:nowrap}html[dir="rtl"] .sidebar{inset:0 0 0 auto;border-right:0;border-left:1px solid var(--line)}html[dir="rtl"] .main-shell{margin-left:0;margin-right:250px}html[dir="rtl"] .nav-link{text-align:right}html[dir="rtl"] .account-dropdown{right:auto;left:0}html[dir="rtl"] .top-actions,html[dir="rtl"] .account-trigger{text-align:right}@media(max-width:900px){html[dir="rtl"] .main-shell{margin-right:0}html[dir="rtl"] .sidebar{transform:translateX(100%)}html[dir="rtl"] .sidebar.open{transform:translateX(0)}}@media(max-width:600px){.login-language{top:15px;right:16px}.portal-language{display:none}}