:root{
  --bg:#090b0d;--surface:#111417;--surface-2:#171a1e;--line:#292d32;--text:#f4f5f2;--muted:#8c928a;
  --accent:#9146ff;--accent-text:#fff;--accent-soft:rgba(145,70,255,.14);--accent-glow:rgba(145,70,255,.18);
  --success:#4ade80;--danger:#fb7185;--warning:#fbbf24;--sidebar:245px
}
*{box-sizing:border-box}
html{color-scheme:dark;background:var(--bg)}
body{margin:0;background:radial-gradient(circle at 75% 5%,var(--accent-soft),transparent 33%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;min-height:100vh}
button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em;line-height:1.08}h1{font-size:clamp(2.6rem,6vw,5.5rem)}h2{font-size:clamp(2rem,4vw,3.6rem)}h3{font-size:1.25rem}.wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}.muted,.page-title p,.section-head p{color:var(--muted)}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;letter-spacing:-.03em;flex-shrink:0}.brand-logo{display:block;width:184px;height:auto;max-width:100%;object-fit:contain}.sidebar .brand-logo{width:196px}.auth-card .brand-logo,.center-card .brand-logo{width:210px}@media(max-width:480px){.public-nav .brand-logo{width:148px}}
.google-form{margin-top:18px;max-width:490px}.google-button{width:100%;min-height:48px;background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:12px;gap:12px}.google-button:hover{background:#f0f4ff;color:#1f1f1f}.google-button>span{font-size:22px;font-weight:800;color:#4285f4}.auth-card .google-form{padding-top:18px;border-top:1px solid var(--line)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);font-weight:800;cursor:pointer;transition:.18s}.button:hover{border-color:var(--accent);transform:translateY(-1px)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);box-shadow:0 10px 28px var(--accent-glow)}.button.small{min-height:38px;padding:7px 14px;font-size:.875rem}
.eyebrow,.side-label,.choice-label,.form-label{color:var(--accent);font:600 .75rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.badge,.pill,.delivery,.status{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:5px 9px;font:600 .7rem ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.06em}.badge,.delivery{background:var(--accent-soft);color:var(--accent)}
.public-nav{height:76px;display:flex;align-items:center;justify-content:space-between}.public-nav nav{display:flex;align-items:center;gap:24px}.public-nav nav>a:not(.button){color:var(--muted);font-weight:700}.public-nav nav>a.active,.public-nav nav>a:hover{color:var(--text)}
.hero{min-height:650px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;padding-block:70px}.hero-copy>p:not(.eyebrow){max-width:630px;color:#a8aea5;font-size:1.2rem}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-panel{padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(24,27,31,.98),rgba(12,14,16,.98));box-shadow:0 30px 100px rgba(0,0,0,.45),0 0 80px var(--accent-glow)}.mini-tabs,.mini-duration{display:flex;gap:8px;padding:7px;background:#090b0d;border-radius:14px}.mini-tabs>*{flex:1;text-align:center;padding:12px;color:#747a72}.mini-tabs b,.mini-duration b{background:var(--accent-soft);color:var(--accent);border-radius:9px}.mini-duration>*{padding:9px 11px}.label{color:#6e746c;font:600 .7rem ui-monospace,monospace;letter-spacing:.12em;margin:23px 0 7px}.mini-total{border-top:1px solid var(--line);margin-top:25px;padding-top:22px;display:flex;align-items:flex-end;justify-content:space-between}.mini-total span{color:var(--muted)}.mini-total strong{font-size:2.7rem}.platform-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:var(--line);border-radius:20px;overflow:hidden;margin-bottom:80px}.platform-strip>div{background:var(--surface);padding:24px}.platform-strip b,.platform-strip span{display:block}.platform-strip b{font-size:1.6rem}.platform-strip span{color:var(--muted)}.public-footer{border-top:1px solid var(--line);padding-block:28px;display:flex;justify-content:space-between;color:var(--muted)}.public-footer nav{display:flex;gap:22px}
.auth-layout{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(490px,100%);padding:36px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#171a1e,#0d0f11);box-shadow:0 28px 90px rgba(0,0,0,.42)}.auth-card>.brand{margin-bottom:50px}.auth-card h1{font-size:2.5rem;margin-bottom:12px}.auth-card>div>p:not(.eyebrow){color:var(--muted)}.form-stack{display:grid;gap:18px}.form-stack label,.order-builder>label,.funds-form>label{display:grid;gap:8px;color:#cdd1ca;font-size:.875rem;font-weight:700}.form-stack input,.form-stack textarea,.order-builder input,.order-builder select,.funds-form input,.catalogue-tools input{width:100%;min-height:52px;border:1px solid var(--line);border-radius:13px;background:#0a0c0e;color:var(--text);padding:13px 15px;outline:0}.form-stack input:focus,.form-stack textarea:focus,.order-builder input:focus,.order-builder select:focus,.catalogue-tools input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-stack textarea{resize:vertical}.auth-switch{color:var(--muted);font-size:.875rem;text-align:center;margin:24px 0 0}.auth-switch a{color:var(--accent);font-weight:800}.demo-note,.form-note{color:#9da39a;background:#16191c;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:.8rem;margin:20px 0 0}.notice{border-radius:13px;padding:13px 15px;margin-bottom:20px;background:#15191b;border:1px solid var(--line)}.notice.success{border-color:rgba(74,222,128,.35);color:#a7f3d0}.notice.error{border-color:rgba(251,113,133,.4);color:#fecdd3}.notice.info{border-color:rgba(96,165,250,.35);color:#bfdbfe}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:23px 14px;border-right:1px solid var(--line);background:rgba(12,14,16,.96);backdrop-filter:blur(18px);display:flex;flex-direction:column;z-index:10}.sidebar>.brand{margin:0 9px 25px}.side-label{color:#5f655e;margin:18px 11px 7px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:12px;min-height:43px;padding:9px 12px;border-radius:11px;color:#a2a79f;font-weight:650}.sidebar nav a i{width:18px;text-align:center;font-style:normal;color:#777d75}.sidebar nav a:hover,.sidebar nav a.active{background:var(--accent-soft);color:var(--accent)}.side-balance{margin-top:auto;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.side-balance small,.side-balance strong{display:block}.side-balance small{color:var(--muted)}.side-balance strong{font-size:1.45rem;margin:5px 0 12px}.side-balance .button{width:100%}.app-main{margin-left:var(--sidebar)}.topbar{height:71px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:rgba(9,11,13,.75);backdrop-filter:blur(16px);position:sticky;top:0;z-index:8}.topbar>div{display:flex;align-items:center;gap:12px}.topbar h1{font-size:1rem;margin:0;letter-spacing:0}.top-actions select{min-height:38px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);padding:6px 34px 6px 12px;font:600 .75rem ui-monospace,monospace}.balance-chip{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.8rem}.balance-chip b{color:var(--accent)}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-weight:800}.menu-button{display:none}.content{width:min(1220px,100%);margin:auto;padding:38px 30px 70px}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.page-title.compact{max-width:900px;margin-inline:auto}.page-title h2{font-size:2.6rem;margin:0 0 8px}.page-title p{margin:0}.panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(21,24,27,.98),rgba(13,15,17,.98));padding:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:16px}.stats>div,.catalogue-summary>div{border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:19px}.stats span,.catalogue-summary span{display:block;color:#747a72;font:600 .7rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}.stats strong,.catalogue-summary strong{display:block;font-size:1.25rem;margin-top:6px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:17px}.section-head h3{margin:0}.section-head p{margin-bottom:5px}.section-head>a{color:var(--accent);font-weight:800}
.catalogue-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.catalogue-tools{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}.catalogue-tools input{max-width:435px}.tabs{display:flex;gap:7px}.tabs button,.platform-tabs button{border:1px solid var(--line);border-radius:999px;background:#0b0d0f;color:#8d938a;padding:9px 15px;font-weight:800;cursor:pointer}.tabs button.active,.tabs button:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.service-card{min-width:0;border:1px solid var(--line);border-radius:18px;background:#101315;padding:19px;display:flex;flex-direction:column}.service-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.service-card h3{margin:10px 0 0}.service-card>p{color:var(--muted);min-height:44px}.choice-label{color:#6f756e;margin-bottom:8px}.duration-bar{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 7px;scrollbar-width:thin;scrollbar-color:var(--accent) #111}.duration-bar button{flex:0 0 auto;border:1px solid var(--line);border-radius:10px;background:#0a0c0e;color:#969b93;padding:8px 12px;font-weight:750;cursor:pointer}.duration-bar button.active,.duration-bar button:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.service-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:15px;margin-top:auto}.facts{display:flex;gap:22px}.facts small,.facts strong{display:block}.facts small{color:#6f756e}.facts strong{font-size:.85rem;white-space:nowrap}.public-catalogue{width:min(1160px,calc(100% - 40px));margin:auto}.public-catalogue .catalogue-title{padding-top:45px}
.order-builder{max-width:900px;margin:auto;padding:32px;border-radius:28px}.builder-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:26px}.builder-head h3{font-size:1.6rem;margin-bottom:6px}.builder-head p{color:var(--muted);margin:0}.live-dot{color:var(--accent);font:600 .75rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em}.live-dot:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:8px;box-shadow:0 0 15px var(--accent)}.platform-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;background:#090b0d;border-radius:16px;padding:7px;margin-bottom:24px}.platform-tabs button{border-radius:11px;min-height:48px}.platform-tabs button.active{background:var(--surface-2);color:var(--text);box-shadow:inset 0 -3px var(--accent)}.order-builder>label,.field-block{margin:20px 0}.order-builder label small{color:#737970;font-weight:500}.service-info{border:1px solid var(--line);border-radius:15px;background:#0b0d0f;padding:14px 16px;margin:20px 0}.service-info>div{display:flex;gap:8px}.service-info p{color:var(--muted);margin:9px 0 0;font-size:.875rem}.raid-fields{border:1px solid var(--accent);border-radius:18px;background:var(--accent-soft);padding:18px;margin:20px 0}.raid-fields[hidden],#durationField[hidden],#targetField[hidden]{display:none}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:15px}.form-grid label{display:grid;gap:6px;font-size:.8rem}.form-grid .full{grid-column:1/-1}.form-grid small{color:var(--muted)}.quantity-field,.money-input{position:relative}.quantity-field span{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#6f756e}.money-input span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#7b8179}.money-input input{padding-left:32px}.estimate{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:1px;border:1px solid var(--line);background:var(--line);border-radius:15px;overflow:hidden;margin-top:24px}.estimate>div{background:#101315;padding:14px}.estimate span,.checkout span,.checkout small{display:block;color:#737970;font-size:.75rem}.estimate strong{display:block;margin-top:5px;font-size:.85rem}.checkout{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.checkout>div>strong{display:block;font-size:3.2rem;letter-spacing:-.06em;line-height:1;margin:4px 0 8px}.checkout small b{color:var(--accent)}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}th{color:#747a72;font:600 .7rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}td{font-size:.875rem}td small{display:block;color:var(--muted);margin-top:3px}.truncate{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{background:#23272b;color:#cfd3cc}.status.active,.status.paid,.status.completed,.status.answered{background:rgba(74,222,128,.13);color:#86efac}.status.pending,.status.processing,.status.open{background:rgba(251,191,36,.13);color:#fde68a}.status.failed,.status.cancelled,.status.refunded{background:rgba(251,113,133,.13);color:#fecdd3}.empty{display:grid;place-items:center;text-align:center;gap:5px;min-height:180px;color:var(--muted)}.empty strong{color:var(--text);font-size:1.05rem}.two-column{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px}.ticket-list{display:grid;gap:12px}.ticket>div{display:flex;justify-content:space-between;gap:15px}.ticket>small{color:var(--muted)}.ticket p{margin:15px 0 0}.narrow{max-width:680px}.logout-form{margin-top:15px}.payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:22px}.payment-card{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:12px!important;border:1px solid var(--line);border-radius:15px;background:#0d0f11;padding:16px;cursor:pointer}.payment-card:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.payment-card input{width:18px!important;min-height:18px!important;accent-color:var(--accent)}.payment-card span,.payment-card b,.payment-card small{display:block}.payment-card small{color:var(--muted);font-weight:500}.funds-form{max-width:760px}.funds-form>.button{margin-top:18px}.key-box{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:#090b0d;padding:10px;margin:14px 0}.key-box code{overflow:auto;color:#c4b5fd;flex:1}.legal{max-width:850px;padding-block:70px}.legal h1{font-size:3.3rem}.legal section{padding:22px 0;border-top:1px solid var(--line)}.legal section h2{font-size:1.35rem}.legal section p{color:#a2a79f}.center-card{width:min(480px,calc(100% - 40px));margin:16vh auto;padding:30px;border:1px solid var(--line);border-radius:22px;text-align:center;background:var(--surface)}.center-card .brand{margin-bottom:30px}.toast{position:fixed;right:22px;bottom:22px;max-width:390px;background:#181b1f;border:1px solid var(--line);border-radius:12px;padding:13px 16px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;z-index:30}.toast.show{opacity:1;transform:none}
.gateway-state{width:max-content;margin-top:8px;padding:3px 7px;border-radius:999px;font-style:normal;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.gateway-state.ready{color:#86efac;background:rgba(74,222,128,.13)}.gateway-state.setup{color:#fde68a;background:rgba(251,191,36,.13)}.charge-summary{display:flex;justify-content:space-between;gap:18px;margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#0d0f11;color:var(--muted)}.charge-summary b{color:var(--text);margin-left:5px}.checkout-card{max-width:620px;display:grid;gap:14px}.checkout-card>div{display:grid;gap:5px;margin-bottom:6px}.checkout-card>div>span,.checkout-card>div>small{color:var(--muted)}.checkout-card>div>strong{font-size:2.5rem}.payment-result{max-width:650px;margin:8vh auto;text-align:center;display:grid;justify-items:center;gap:15px}.payment-result h2{font-size:2.4rem;margin:0}.payment-result p{max-width:500px;color:var(--muted);margin:0}.payment-result>strong{font-size:1.4rem}.payment-result>div{display:flex;gap:10px;margin-top:10px}.api-docs{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);display:grid;gap:8px}.api-docs code{display:block;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#090b0d;color:#c4b5fd}.api-docs .form-note code{display:inline;border:0;padding:0;background:none}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.hero-panel{max-width:600px}.service-grid{grid-template-columns:1fr}.catalogue-tools{align-items:stretch;flex-direction:column}.catalogue-tools input{max-width:none}.two-column{grid-template-columns:1fr}}
@media(max-width:760px){:root{--sidebar:0px}.wrap{width:min(100% - 28px,1160px)}.public-nav nav>a:not(.button){display:none}.hero{padding-block:42px;gap:35px}.hero h1{font-size:3.1rem}.platform-strip,.stats,.catalogue-summary{grid-template-columns:1fr}.platform-strip{gap:0}.sidebar{width:245px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.app-main{margin-left:0}.menu-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text)}.topbar{padding:0 14px}.balance-chip{display:none}.top-actions select{max-width:125px}.content{padding:26px 14px 55px}.page-title{align-items:flex-start;flex-direction:column}.page-title h2{font-size:2.2rem}.catalogue-panel,.order-builder{padding:16px}.tabs{overflow-x:auto}.service-card-footer,.checkout{align-items:stretch;flex-direction:column}.service-card-footer .button,.checkout .button{width:100%}.facts{justify-content:space-between}.builder-head{display:block}.live-dot{display:block;margin-top:12px}.form-grid,.estimate,.payment-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.auth-card{padding:25px}.public-footer{display:block}.public-footer nav{margin-top:12px}}