:root{color-scheme:dark;--page:#0b0e15;--panel:#131823;--panel2:#191f2b;--edge:#262e3e;--muted:#97a3b9;--blue:#598aff;--green:#57d5ac;--red:#ff8794}
body.workspace{background:var(--page);font-size:14px;line-height:1.55;color:#edf1f9}
.workspace .shell{display:block}.workspace .topbar{margin-bottom:0;flex-wrap:nowrap}.workspace [hidden]{display:none!important}
.workspace h1,.workspace h2,.workspace h3{margin:0;max-width:none;letter-spacing:-.025em;line-height:1.25}.workspace h1{font-size:30px;font-weight:600}.workspace h2{font-size:19px;font-weight:600}.workspace h3{font-size:15px;font-weight:600}.workspace p{margin:8px 0;color:var(--muted)}
.hx-logo{display:inline-flex;align-items:center;gap:9px;font-size:21px;font-weight:700;letter-spacing:.03em}.hx-mark,.logo .mark{display:block;flex:none;width:33px;height:33px;border-radius:6px;background:#080a0f url('/logo.png') 50% 41%/235% auto no-repeat!important;box-shadow:none!important}.logo .mark svg{display:none}
.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:25px 17px 18px;display:flex;flex-direction:column;background:#10141e;border-right:1px solid var(--edge);z-index:70;overflow:auto}.sidebar .hx-logo{margin:0 13px 30px}.nav-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#77849c;margin:24px 14px 8px}.side-link{display:flex;align-items:center;gap:12px;padding:11px 14px;margin:3px 0;border-radius:9px;color:#9ca9bf;transition:background .15s}.side-link:hover{background:#1c2433;color:#fff}.side-link.active{background:#223456;color:#94b6ff}.side-link.active:before{content:'';position:absolute;left:0;height:23px;width:3px;background:var(--blue);border-radius:0 4px 4px 0}.icn{width:19px;height:19px;flex:none;display:inline-block;vertical-align:middle}.sidebar-bottom{margin-top:auto;padding-top:32px}.sidebar small{color:#697892;margin:0 14px}
.shell{margin-left:238px;min-height:100vh}.topbar{height:77px;padding:0 36px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--edge);background:#10141eb8}.topbar .crumb{color:var(--muted)}.topbar .right{margin-left:auto;display:flex;align-items:center;gap:19px}.balance-link{font-variant-numeric:tabular-nums;white-space:nowrap}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#263958;color:#a7c5ff;font-weight:600}.mobile-toggle{display:none}.page{width:min(1400px,100%);padding:32px 36px 60px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.page-head p{margin-bottom:0}.eyeline{color:var(--blue);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.grow{flex:1;min-width:0}
.box{background:var(--panel);border:1px solid var(--edge);border-radius:13px;padding:24px;min-width:0}.box+.box{margin-top:20px}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid>.box{margin:0}.gap-top{margin-top:22px}.stack{display:grid;gap:18px}.btnx{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:10px 17px;background:#222b3b;border:1px solid #303c51;font-size:13px;font-weight:500;cursor:pointer;white-space:normal;text-align:center}.btnx:hover{background:#2a374c;border-color:#4d6386}.btnx.primary{background:#3972ed;border-color:#4e86ff;color:white}.btnx.primary:hover{background:#4a80f5}.btnx.danger{color:#ff9aa4;border-color:#72444f;background:#38232e}.btnx.quiet{background:transparent;border-color:var(--edge)}.btnx:disabled,button:disabled{opacity:.5;cursor:not-allowed}.btnx.wide{width:100%}.btnx.compact{min-height:33px;padding:6px 11px;font-size:12px}.link{color:#8db1ff;text-decoration:underline;text-underline-offset:3px}.big-num{font-size:32px;letter-spacing:-.035em;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums}.big-num small{font-size:16px;font-weight:400;color:var(--muted)}.balance-box{background:linear-gradient(110deg,#172844,#151e2d);border-color:#304465}.stat-top{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:12px}.shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.shortcut{padding:20px;background:var(--panel);border:1px solid var(--edge);border-radius:12px;display:flex;flex-direction:column;gap:14px}.shortcut:hover{border-color:#526c98}.shortcut .icn{color:var(--blue);width:25px;height:25px}.step{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid var(--edge)}.step:last-child{border:0;padding-bottom:0}.step b.step-no{width:29px;height:29px;border-radius:50%;background:#223456;display:grid;place-items:center;color:#9ebeff;flex:none}.step p{margin:4px 0 0}.step a{color:#9ebeff}
.empty{padding:45px 20px;text-align:center;color:var(--muted)}.empty .icn{width:36px;height:36px;color:#6f87ae;margin-bottom:12px}.empty h2{color:#e6ebf5;margin:0 0 8px}.empty p{max-width:430px;margin:0 auto 20px}.error{border:1px solid #6e3947;background:#301d29;padding:13px 16px;color:#ffb5bd;border-radius:9px;margin:12px 0;overflow-wrap:anywhere}.notice{border:1px solid #334869;background:#172239;padding:13px 16px;border-radius:9px;color:#abc4e8;margin:14px 0}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid #3a4459;border-radius:6px;font-size:11px;color:#b2bbcb;white-space:nowrap}.status.good{color:#7bdcc0;background:#16362f;border-color:#245044}.status.wait{color:#eac18a;background:#352d23;border-color:#61513a}.status.bad{color:#ff9aa9;background:#35212b;border-color:#6c3848}.status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}.table th{font-size:11px;color:#8191ab;font-weight:500;padding:12px 15px;border-bottom:1px solid var(--edge)}.table td{padding:18px 15px;border-bottom:1px solid #212a3a;font-size:13px}.table tr:last-child td{border:0}.table td:first-child,.table th:first-child{padding-left:0}.table td:last-child{text-align:right;padding-right:0}.table a.name{display:block;color:#e9effa;font-weight:600}.table a.name:hover{color:var(--blue)}.table .subline{display:block;color:var(--muted);font-size:11px;margin-top:4px}.positive{color:var(--green)}
label.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b2bdd0;margin:0}.field input,.field select,.field textarea,.input{width:100%;min-height:43px;padding:10px 12px;border:1px solid #343f53;border-radius:8px;background:#0e141f;color:#e9eef8;font:inherit;font-size:14px;outline:none}.field textarea{resize:vertical;min-height:115px}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:#669aff;box-shadow:0 0 0 3px #426aa322}.field small{font-size:11px;color:#8e9bb2}.check{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--muted);cursor:pointer}.check input{width:16px;height:16px;margin:2px 0;accent-color:#568bff;flex:none}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:9px 16px;border:1px solid #303a4e;border-radius:8px;color:#a9b7cc;font-size:13px}.chip.active{background:#263d61;color:#afd0ff;border-color:#5682c7}.chip:hover{border-color:#607797}.select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.option{cursor:pointer;border:1px solid #354057;border-radius:10px;background:#161d2b;padding:16px;text-align:left;position:relative;min-width:0}.option:has(input:checked){border-color:#6497ff;background:#1c2b47;box-shadow:inset 0 0 0 1px #6497ff}.option input{accent-color:#6497ff;position:absolute;right:14px;top:14px}.option h3{padding-right:24px;margin-bottom:10px}.option p{font-size:12px}.option .price{font-size:24px;font-weight:600;color:#ebf1ff}.option .price small{font-size:12px;color:var(--muted);font-weight:400}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:22px;align-items:start}.summary{position:sticky;top:24px}.kv{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #252f40;font-size:13px}.kv span:first-child{color:var(--muted)}.kv:last-child{border:0}.kv b{font-weight:500;text-align:right;overflow-wrap:anywhere}.divider{border:0;border-top:1px solid var(--edge);margin:23px 0}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--edge);margin-bottom:24px;overflow:auto}.tabs button,.tabs a{padding:0 0 13px;white-space:nowrap;color:#929fb5;border-bottom:2px solid transparent}.tabs .active{color:#9abaff;border-bottom-color:#6496ff}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-title h2{font-size:17px}.chart{height:215px;position:relative;margin-top:14px}.chart canvas{height:100%;width:100%;display:block;touch-action:pan-y}.chart-tip{position:absolute;pointer-events:none;background:#0a101cf5;border:1px solid #526988;border-radius:7px;padding:8px 11px;font-size:11px;z-index:2;max-width:210px;white-space:pre-line}.legend{display:flex;gap:14px;color:var(--muted);font-size:11px;flex-wrap:wrap}.legend i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%}.chart-stat{font-size:23px;font-weight:500;letter-spacing:-.02em}.chart-stat small{font-size:12px;color:var(--muted);font-weight:400}.metric-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:#8b9ab4;font-size:12px;pointer-events:none}.danger-zone{border-color:#663845}.danger-zone h2{color:#ffa3ad}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{padding:44px 10%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 25% 30%,#1c365c,#0e1523 65%);border-right:1px solid var(--edge)}.auth-story h1{font-size:42px;margin-top:auto;max-width:440px}.auth-story p{font-size:16px;max-width:400px;margin:23px 0 auto}.auth-story .footer{font-size:12px;color:#7d90b0;margin-top:70px}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:38px 28px}.auth-form{max-width:390px;width:100%}.auth-form h1{font-size:28px}.auth-form .stack{margin-top:25px}.or{display:flex;align-items:center;gap:15px;margin:23px 0;color:#73829a;font-size:11px}.or:before,.or:after{content:'';height:1px;flex:1;background:var(--edge)}.pair-code{font-size:34px;letter-spacing:.18em;font-family:ui-monospace,monospace;margin:20px 0;color:#bfd4ff}.auth-links{margin-top:23px;color:var(--muted);font-size:12px;text-align:center}.auth-links a{color:#9dbfff}.loading{padding:70px;text-align:center;color:#9eb1ce}.spinner{display:inline-block;width:21px;height:21px;border-radius:50%;border:2px solid #324461;border-top-color:#80adff;animation:spin .8s linear infinite;vertical-align:middle;margin-right:10px}@keyframes spin{to{transform:rotate(360deg)}}
dialog{color:#eaf0fc;background:#171e2c;border:1px solid #425270;border-radius:16px;padding:27px;width:min(490px,calc(100% - 28px));max-height:88vh;overflow:auto;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#050911bc;backdrop-filter:blur(3px)}dialog h2{font-size:21px!important;margin-bottom:12px!important}dialog p{color:#a6b4ca;margin-bottom:22px!important}dialog .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.modal-close{float:right;color:#a8b8cf;font-size:21px;line-height:1;padding:4px}.toast{position:fixed;bottom:24px;right:24px;z-index:120;max-width:min(460px,calc(100% - 32px));padding:13px 19px;border:1px solid #44628c;background:#17273ef5;color:#d1e2fc;border-radius:10px;box-shadow:0 10px 40px #0006}.toast.bad{border-color:#7a4250;background:#35212cf5}.chat{height:min(58vh,620px);min-height:250px;overflow:auto;display:flex;flex-direction:column;gap:16px;padding:8px 4px 20px}.message{max-width:82%;background:#222c3f;border:1px solid #303e57;padding:14px 17px;border-radius:12px 12px 12px 2px;align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{background:#233c62;border-color:#345580;align-self:flex-end;border-radius:12px 12px 2px 12px}.message small{display:block;margin-bottom:6px;font-size:10px;color:#98abc9}.message .time{margin:9px 0 0;text-align:right;font-size:10px}.chat-send{display:flex;align-items:flex-end;gap:10px;margin-top:15px}.chat-send textarea{min-height:70px;max-height:160px}.files{display:flex;gap:8px;flex-wrap:wrap}.files a{font-size:12px;padding:8px 11px;border:1px solid #3b4c69;border-radius:7px;overflow-wrap:anywhere;max-width:100%}.rating{display:flex;gap:9px;margin:15px 0}.rating button{background:#25324a;padding:12px 17px;border-radius:8px;color:#f0c076}.document{max-width:850px;line-height:1.8;font-size:14px;color:#b0bdd2}.document h2{font-size:20px;margin:30px 0 12px;color:#e9eef8}.document h3{font-size:17px;margin:24px 0 12px;color:#e9eef8}.document p{white-space:pre-wrap;margin:14px 0;overflow-wrap:anywhere}.doc-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:26px}.doc-nav a{display:block;padding:12px;color:#a9bddb;border-radius:7px}.doc-nav a.active{background:#263958}.code{display:block;background:#0b111b;border:1px solid #2c3b52;padding:16px;border-radius:9px;font-size:12px;overflow:auto;white-space:pre;max-width:100%}.scrim{display:none}.foot-mini{margin-top:28px;font-size:11px;color:#738199}.foot-mini a{margin-right:17px}.light{background:#111722;color:#edf2fb}.light .lead,.lcard p{color:#a8b7ce}.lcard{background:#182131;border-color:#303d54}.light .eyebrow{color:#92b6ff}.light .ic{color:#91b5ff}.geo-panel .st{white-space:normal}.brand-api{margin-top:15px;color:#8ba5ce;font-size:13px}.nav.mobile-open{display:flex;position:absolute;left:0;right:0;top:65px;flex-direction:column;padding:16px;background:#141c2b;border-radius:14px;margin:0}.badge{white-space:normal}.workspace .pill-scroll{overflow:auto;flex-wrap:nowrap}.workspace .pill-scroll>*{flex:none}
@media(min-width:1600px){.page{padding-top:42px}}@media(max-width:1150px){.grid.four{grid-template-columns:repeat(2,1fr)}.order-layout{grid-template-columns:minmax(0,1fr) 260px}.select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page{padding:28px 24px}.topbar{padding:0 24px}.shortcuts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .2s}.workspace.menu-open .sidebar{transform:translateX(0)}.workspace.menu-open .scrim{display:block;position:fixed;inset:0;background:#0009;z-index:65}.shell{margin-left:0}.mobile-toggle{display:inline-flex;padding:8px}.topbar{height:65px;padding:0 18px}.topbar .right{gap:14px}.topbar .crumb{font-size:12px}.page{padding:23px 18px 45px}.auth{grid-template-columns:1fr}.auth-story{padding:24px;border:0;background:#111a2a}.auth-story h1,.auth-story p,.auth-story .footer{display:none}.auth-form-wrap{align-items:flex-start;padding:35px 24px}.auth-form{max-width:430px}.doc-grid{grid-template-columns:1fr}.doc-nav{display:flex;overflow:auto;gap:8px}.doc-nav a{white-space:nowrap;font-size:12px}.order-layout{grid-template-columns:1fr}.summary{position:static}.grid.two{gap:14px}.box{padding:20px}}
@media(max-width:580px){.page-head{align-items:flex-start}.workspace h1{font-size:25px}.page-head p{font-size:12px}.page-head .btnx{font-size:12px;padding:10px 12px}.grid.two,.grid.three{grid-template-columns:1fr}.grid.four{gap:12px}.box{padding:18px}.big-num{font-size:28px}.shortcuts{gap:12px}.shortcut{padding:17px;font-size:12px}.select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.option{padding:14px 11px}.option .price{font-size:21px}.option p{font-size:11px}.tabs{gap:19px;font-size:12px}.table td{padding:15px 13px}.action-grid{grid-template-columns:repeat(2,1fr)}.chart{height:205px}.metric-head .chart-stat{font-size:21px}.chat-send{flex-wrap:wrap}.chat-send .field{flex-basis:100%}.chat-send .btnx.primary{flex:1}.message{max-width:94%;font-size:13px}.toast{bottom:15px;right:16px}.auth-form-wrap{padding-top:28px}.topbar .crumb{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rating button{padding:10px 13px}.hide-phone{display:none}.light{border-radius:16px}.head-cta .btn-white{display:none}}
body.miniapp .page{padding-bottom:calc(40px + var(--tg-content-safe-area-inset-bottom,0px))}body.miniapp .topbar{padding-top:var(--tg-content-safe-area-inset-top,0px);height:calc(65px + var(--tg-content-safe-area-inset-top,0px))}body.miniapp .sidebar{padding-top:calc(25px + var(--tg-content-safe-area-inset-top,0px))}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.bgvid video{display:none}}