:root{--bg:#071516;--panel:#0d2526;--panel2:#0a1d1e;--ink:#edf8f6;--muted:#90a8a4;--line:rgba(212,241,235,.14);--aqua:#2ce2c3;--yellow:#f5c819;--red:#ed776a;--shadow:0 28px 80px rgba(0,0,0,.32)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;min-width:320px}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(174,246,232,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(174,246,232,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(#000,transparent 90%)}button,input,textarea,select{font:inherit}.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;width:250px;padding:29px 17px;background:#081a1b;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:16px;font-weight:800;text-decoration:none;letter-spacing:-.8px;padding:0 8px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:#f5fbfa;color:#0b2526;font:800 10px "DM Mono",monospace;letter-spacing:-1px}.brand>span:last-child span{color:var(--aqua)}.brand small{display:block;margin-top:1px;color:#6b8581;font:8px "DM Mono",monospace;letter-spacing:.17em}nav{display:grid;gap:4px;margin-top:55px}.nav-link{height:46px;border:1px solid transparent;border-radius:4px;background:transparent;color:#9bb1ad;text-align:left;padding:0 13px;font-size:12px;font-weight:700;cursor:pointer}.nav-link i{display:inline-grid;width:23px;color:#72928d;font-style:normal;font-size:16px}.nav-link:hover{color:var(--ink);background:#0c2526}.nav-link.active{border-color:rgba(44,226,195,.35);background:#102c2d;color:var(--aqua)}.nav-link.active i{color:var(--yellow)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:19px 8px 0;color:#819a96;font:9px "DM Mono",monospace;line-height:1.8}.online-dot{display:inline-block;width:7px;height:7px;margin-right:6px;background:var(--aqua);border-radius:50%;box-shadow:0 0 12px var(--aqua)}.sidebar-foot button{display:block;margin-top:8px;padding:0;border:0;background:none;color:var(--aqua);font:inherit;cursor:pointer}.main-shell{position:relative;margin-left:250px;min-height:100vh;padding:0 44px 55px}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 7px;color:var(--aqua);font:500 10px "DM Mono",monospace;letter-spacing:.13em}.eyebrow i{display:inline-block;width:7px;height:7px;margin:0 9px 1px 0;background:var(--yellow);transform:rotate(45deg)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:26px;letter-spacing:-.055em}.top-actions{display:flex;align-items:center;gap:15px;color:#8fa6a2;font:10px "DM Mono",monospace}.outline{min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:3px;background:transparent;color:#b5c8c5;font-size:10px;font-weight:800;cursor:pointer}.outline:hover{border-color:var(--aqua);color:var(--aqua)}.menu-toggle{display:none}.view{display:none;animation:up .28s both}.view.active{display:block}.notice{margin:19px 0;padding:11px 13px;border:1px solid rgba(240,103,90,.48);background:rgba(240,103,90,.13);color:#ffc0b9;font-size:11px;line-height:1.5}.notice.success{border-color:rgba(44,226,195,.45);background:rgba(44,226,195,.1);color:#c8f7ec}.hero-card{position:relative;overflow:hidden;min-height:288px;margin-top:35px;padding:42px 48px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(116deg,#0e3435,#0b2425 57%,#0a1d1e);border:1px solid rgba(44,226,195,.27);box-shadow:var(--shadow)}.hero-card:after{content:"";position:absolute;width:520px;height:520px;right:-240px;top:-295px;border:1px solid rgba(44,226,195,.23);border-radius:50%}.hero-card h2{margin-bottom:14px;font-size:42px;line-height:.99;letter-spacing:-.065em}.hero-card em{font-style:normal;color:var(--aqua)}.hero-card p:not(.eyebrow){max-width:450px;color:#b7c9c6;font-size:13px;line-height:1.8}.hero-orbit{position:relative;z-index:1;width:180px;height:180px;margin-right:65px;display:grid;place-items:center;border:1px solid rgba(44,226,195,.5);border-radius:50%;color:rgba(220,255,250,.18);font:70px "DM Mono",monospace}.hero-orbit .orbit{position:absolute;border:1px solid rgba(245,200,25,.38);border-radius:50%}.orbit.one{width:245px;height:114px;transform:rotate(-25deg)}.orbit.two{width:121px;height:259px;border-color:rgba(44,226,195,.3);transform:rotate(43deg)}.hero-orbit b{position:absolute;right:-49px;top:16px;padding:6px 9px;background:var(--yellow);color:#112729;font:800 9px "DM Mono",monospace}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.metric{min-height:123px;padding:19px;background:var(--panel2);border:1px solid var(--line)}.metric span{display:block;color:#829a96;font:9px "DM Mono",monospace;letter-spacing:.08em}.metric strong{display:block;margin-top:17px;font-size:29px;letter-spacing:-.07em}.metric small{display:block;margin-top:5px;color:#819895;font-size:10px}.metric.accent{border-color:rgba(245,200,25,.4)}.metric.accent strong{color:var(--yellow)}.panel{margin-top:24px;padding:25px;background:linear-gradient(135deg,#0c2425,#091d1e);border:1px solid var(--line);box-shadow:0 16px 45px rgba(0,0,0,.12)}.panel-head,.section-head,.table-toolbar,.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel h3,.modal-head h3{margin:0;font-size:21px;letter-spacing:-.055em}.button{min-height:41px;padding:0 15px;border:0;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:11px;font-weight:800;cursor:pointer}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--yellow);color:#102527}.button.ghost{background:#123436;color:var(--ink);border:1px solid rgba(44,226,195,.38)}.button.danger{background:#a33c36;color:#fff}.reseller-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}.overview-tile{padding:20px;background:#092021;border:1px solid rgba(220,255,249,.09)}.overview-tile small{display:block;color:#839a96;font:9px "DM Mono",monospace}.overview-tile strong{display:block;margin-top:8px;font-size:21px}.section-head{margin-top:37px}.section-head h2{margin-bottom:7px;font-size:39px;letter-spacing:-.065em}.section-head p:not(.eyebrow){margin-bottom:0;max-width:600px;color:var(--muted);font-size:12px;line-height:1.7}.search{align-self:flex-end;display:flex;align-items:center;gap:8px;width:310px;border:1px solid var(--line);background:#0a1d1e;padding:0 11px}.search span{color:var(--aqua);font-size:19px}.search input{width:100%;height:41px;border:0;outline:0;background:none;color:var(--ink);font-size:11px}.search input::placeholder{color:#77908c}.table-panel{padding:0;overflow:hidden}.table-toolbar{align-items:center;padding:16px 19px;border-bottom:1px solid var(--line);color:#91a8a4;font:10px "DM Mono",monospace}.hint{color:#7e9692}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{height:43px;padding:0 19px;color:#79908d;text-align:left;font:9px "DM Mono",monospace;font-weight:500;letter-spacing:.07em}td{height:65px;padding:9px 19px;border-top:1px solid rgba(220,255,249,.07);font-size:11px}td strong,td small{display:block}td small{margin-top:4px;color:#829a96;font:9px "DM Mono",monospace}.tag{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1px solid var(--line);color:#b8c9c6;font:9px "DM Mono",monospace}.tag.active{border-color:rgba(44,226,195,.4);color:var(--aqua)}.tag.expired,.tag.off{border-color:rgba(240,103,90,.35);color:#ffaaa0}.tag.trial{border-color:rgba(245,200,25,.4);color:var(--yellow)}.actions{display:flex;justify-content:flex-end;gap:7px}.table-button{border:0;background:none;color:var(--aqua);font-size:10px;font-weight:800;cursor:pointer}.table-button.warn{color:var(--yellow)}.table-button.danger{color:#f38a7d}.plans-text{display:flex;flex-wrap:wrap;gap:4px;max-width:230px}.plans-text span{padding:3px 5px;background:#133133;color:#b4ceca;font:8px "DM Mono",monospace}.empty-ledger{min-height:320px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.empty-ledger span{color:var(--aqua);font-size:35px}.empty-ledger h3{margin:10px 0 6px;color:var(--ink);font-size:17px}.empty-ledger p{margin:0;font-size:11px}.modal{width:min(610px,calc(100% - 30px));padding:0;border:0;background:transparent;color:var(--ink)}.modal::backdrop{background:rgba(1,8,9,.78);backdrop-filter:blur(6px)}.modal-card{position:relative;padding:30px;background:#0d2728;border:1px solid rgba(44,226,195,.4);box-shadow:0 35px 90px rgba(0,0,0,.56)}.modal-card.wide{width:min(690px,100%)}.modal-card.compact{width:min(480px,100%)}.modal-card h2{margin:0;font-size:27px;letter-spacing:-.06em}.modal-card>p{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.65}.close{position:absolute;right:14px;top:14px;width:31px;height:31px;border:1px solid var(--line);background:none;color:var(--ink);font-size:21px;cursor:pointer}.modal label{display:block;margin-top:16px;color:#c3d5d2;font-size:10px;font-weight:800}.modal input,.modal textarea,.modal select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid rgba(220,255,249,.16);border-radius:2px;background:#071718;color:var(--ink);outline:0;font:12px "DM Mono",monospace}.modal select{height:42px}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--aqua)}.modal textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.credit-input{max-width:230px}fieldset{margin:22px 0 0;padding:14px;border:1px solid var(--line)}legend{padding:0 5px;color:#9cb2ae;font:9px "DM Mono",monospace}.plans{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.plans label{display:flex;align-items:center;gap:7px;margin:0;padding:8px;background:#092021;cursor:pointer}.plans input,.switch-row input,.segmented input{width:auto!important;margin:0!important;accent-color:var(--aqua)}.plans small{margin-left:auto;color:#819996;font:8px "DM Mono",monospace}.switch-row{display:flex!important;align-items:flex-start;gap:10px;padding:12px;margin-top:16px!important;border:1px solid var(--line);background:#092021;cursor:pointer}.switch-row span{display:grid;gap:3px}.switch-row small{color:#829b97;font-size:9px;font-weight:500}.permission-note{display:flex;gap:10px;margin-top:13px;padding:11px;border-left:2px solid var(--yellow);background:rgba(245,200,25,.07);color:#aabcb9;font-size:10px;line-height:1.5}.permission-note b{color:var(--yellow);white-space:nowrap}.modal .full{width:100%;margin-top:23px}.segmented{display:flex;gap:7px;margin-top:18px}.segmented label{margin:0}.segmented label span{display:block;padding:9px 15px;border:1px solid var(--line);color:#a5bbb8;cursor:pointer}.segmented input{position:absolute;opacity:0}.segmented input:checked+span{border-color:var(--aqua);background:#123234;color:var(--aqua)}.modal-actions{display:flex;gap:9px;margin-top:19px}.modal-card hr{height:1px;margin:27px 0;border:0;background:var(--line)}.danger-outline{color:#ffaaa0;border-color:rgba(240,103,90,.38)}@keyframes up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1000px){.sidebar{width:215px}.main-shell{margin-left:215px;padding:0 27px 45px}.hero-orbit{margin-right:30px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none;box-shadow:20px 0 45px rgba(0,0,0,.45)}.main-shell{margin-left:0;padding:0 17px 35px}.topbar{height:88px}.menu-toggle{display:inline-block;border:0;background:none;color:var(--aqua);font-size:20px}.topbar>div:first-of-type{flex:1;margin-left:14px}.top-actions>span{display:none}.hero-card{min-height:260px;padding:31px 26px}.hero-card h2{font-size:35px}.hero-orbit{display:none}.section-head{display:block}.section-head>.button{margin-top:17px}.search{width:100%;margin-top:18px}.reseller-overview{grid-template-columns:1fr}.form-grid,.plans{grid-template-columns:1fr}.modal-card{padding:25px 19px}.modal-actions{flex-direction:column}.modal-actions .button,.modal-actions .outline{width:100%}}@media(max-width:440px){.metrics{grid-template-columns:1fr}.top-actions{display:none}.hero-card{margin-top:20px}.panel{padding:18px}.table-panel{padding:0}.panel-head{display:block}.panel-head>.button{margin-top:15px}}
