:root{color:#15362c;font-synthesis:none;--ink:#12372a;--paper:#fffdf7;--mist:#dfe9df;--accent:#f4c95d;--coral:#df765f;--muted:#65746e;--line:#12372a24;background:#f4f1e8;font-family:Cairo,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip-link{z-index:99;color:var(--paper);background:var(--ink);padding:.75rem 1rem;position:fixed;top:-5rem}.skip-link:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:1rem}.skip-link:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:1rem}.skip-link:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:1rem}.skip-link:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:1rem}.skip-link:focus{top:1rem}.center-stage{text-align:center;place-content:center;justify-items:center;gap:1rem;min-height:100vh;padding:2rem;display:grid}.loader{aspect-ratio:1;border:3px solid var(--mist);border-top-color:var(--ink);border-radius:50%;width:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);min-height:100vh;display:grid}.brand-panel{color:var(--paper);background:var(--ink);flex-direction:column;justify-content:flex-end;padding:clamp(2.5rem,8vw,7rem);display:flex;position:relative;overflow:hidden}.brand-panel:before{content:"";aspect-ratio:1;border:1px solid #547469;border-radius:50%;width:58vw;position:absolute;top:-23vw;box-shadow:0 0 0 8vw #ffffff06,0 0 0 16vw #ffffff05}.brand-panel:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{right:-18vw}.brand-panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{right:-18vw}.brand-panel:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{left:-18vw}.brand-panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{left:-18vw}.brand-panel h1{max-width:10ch;margin:.25rem 0 1rem;font-size:clamp(2.7rem,5vw,5.5rem);line-height:1.04}.brand-panel>p:last-of-type{color:#c8d7d0;max-width:44ch;font-size:1.05rem}.signal-mark{width:92px;height:74px;margin-bottom:3rem;position:relative}.signal-mark i{border:7px solid var(--accent);left:0;right:0;border-bottom:0;border-radius:90px 90px 0 0;height:60px;position:absolute;bottom:0}.signal-mark i:nth-child(2){height:37px;left:22px;right:22px}.signal-mark b{background:var(--accent);bottom:-3px;border-radius:50%;width:14px;height:14px;position:absolute}.signal-mark b:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:39px}.signal-mark b:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:39px}.signal-mark b:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:39px}.signal-mark b:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:39px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.language{color:var(--paper);background:0 0;border:1px solid #6f8b81;border-radius:999px;align-self:flex-start;margin-top:2rem;padding:.65rem 1rem}.login-card{background:var(--paper);border:1px solid var(--line);gap:1.2rem;width:min(480px,100% - 3rem);margin:auto;padding:clamp(2rem,5vw,4rem);display:grid;box-shadow:0 25px 80px #12372a17}.login-card h2{margin:.35rem 0 1rem;font-size:2rem}.step{color:var(--coral);letter-spacing:.12em;font-size:.75rem;font-weight:700;display:inline-block}label{color:var(--muted);gap:.45rem;font-size:.86rem;font-weight:600;display:grid}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #bdc9c3;border-radius:.4rem;padding:.9rem 1rem}textarea{resize:vertical;min-height:7rem}.check{align-items:center;gap:.65rem;display:flex}.check input{width:1.1rem;height:1.1rem;accent-color:var(--ink)}.primary{background:var(--ink);color:#fff;border:0;border-radius:.4rem;min-height:3.2rem;padding:.8rem 1.2rem;font-weight:700}.primary:hover{background:#205544}.primary.compact{min-height:auto}.alert{color:#842e22;border-inline-start:4px solid var(--coral);background:#fbe6e1;margin:0;padding:.8rem}.app-shell{min-height:100vh}.app-shell>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:2rem;padding:2rem max(5vw,1.25rem);display:flex}header h1{margin:.4rem 0 0;font-size:clamp(1.7rem,3vw,3rem)}header nav{flex-wrap:wrap;gap:.5rem;display:flex}header nav button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:999px;padding:.6rem .9rem}.app-shell main{padding:clamp(1rem,4vw,3.5rem) max(5vw,1.25rem) 5rem}.workspace-tabs{border:1px solid var(--line);background:var(--paper);border-radius:999px;gap:.35rem;width:-moz-fit-content;width:fit-content;max-width:100%;margin-bottom:1rem;padding:.3rem;display:flex;overflow-x:auto}.workspace-tabs button{white-space:nowrap;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:.7rem 1.1rem;font-weight:700}.workspace-tabs button.active{color:#fff;background:var(--ink)}.trace{text-align:start;color:#176443;overflow-wrap:anywhere;direction:ltr;background:#e2f2ea;border-inline-start:4px solid #2c9a69;margin:0 0 1rem;padding:.75rem 1rem;font-size:.82rem}.hero-grid{grid-template-columns:1.6fr 1fr .7fr .7fr;gap:1rem;display:grid}.hero-grid article,.sessions-panel{border:1px solid var(--line);background:var(--paper)}.usage-card,.plan-card,.metric-card{min-height:230px;padding:clamp(1.25rem,2.5vw,2rem)}.card-heading,.section-title{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.card-heading h2,.section-title h2{margin:.3rem 0 0}.card-heading strong{font-size:clamp(2.5rem,5vw,5rem);font-weight:500;line-height:1}.meter{background:var(--mist);height:9px;margin:2.5rem 0 1.5rem;overflow:hidden}.meter span{background:var(--coral);height:100%;transition:width .35s;display:block}.split{justify-content:space-between;gap:1rem;display:flex}.split p{color:var(--muted);margin:0}.split span{color:var(--ink);font-size:1.15rem;font-weight:700;display:block}.plan-card{flex-direction:column;justify-content:space-between;display:flex;background:var(--accent)!important}.plan-card h2{margin:0;font-size:clamp(1.7rem,3vw,2.6rem)}.plan-card p{margin:0}.metric-card{flex-direction:column;justify-content:flex-end;display:flex;background:var(--mist)!important}.metric-card.warm{background:#efd7cf!important}.metric-card>span{font-size:4rem;line-height:1}.metric-card p{color:var(--muted);margin:.75rem 0 0}.sessions-panel{margin-top:1rem;padding:clamp(1.25rem,2.5vw,2rem)}.username{color:var(--muted);direction:ltr}.session-list{margin-top:1.5rem}.session-row{border-top:1px solid var(--line);grid-template-columns:12px minmax(150px,1fr) minmax(180px,1.2fr) auto;align-items:center;gap:1rem;padding:1.1rem 0;display:grid}.session-row h3{text-align:start;direction:ltr;margin:0;font-size:1rem}.session-row p{color:var(--muted);margin:.3rem 0 0;font-size:.82rem}.live-dot{background:#a4aea9;border-radius:50%;width:8px;height:8px}.live-dot.on{background:#2c9a69;box-shadow:0 0 0 5px #daf0e5}.traffic{color:var(--muted);direction:ltr;flex-wrap:wrap;gap:.35rem 1rem;font-size:.8rem;display:flex}.pill{border:1px solid var(--line);border-radius:99px;padding:.35rem .65rem;font-size:.75rem}.pill.on{color:#176443;background:#e2f2ea;border-color:#82bea3}.empty{color:var(--muted);text-align:center;padding:2rem}.status-glyph{aspect-ratio:1;color:#842e22;background:#fbe6e1;border-radius:50%;place-content:center;width:4rem;font-size:2rem;display:grid}.workspace-panel{border:1px solid var(--line);background:var(--paper);padding:clamp(1.25rem,2.5vw,2rem)}.workspace-panel>.section-title{margin-bottom:1.5rem}.balance{text-align:end;font-size:1.5rem;display:grid}.balance small{color:var(--muted);font-size:.72rem;font-weight:500}.subtle{color:var(--muted)}.billing-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);gap:1.5rem;display:grid}.renewal-card,.invoice-list,.ticket-form,.ticket-list,.conversation{border:1px solid var(--line);background:#fff;padding:1.25rem}.renewal-card{align-content:start;gap:1rem;display:grid}.renewal-card h3,.invoice-list h3,.ticket-form h3,.ticket-list h3,.conversation h3{margin:0}.preview{border-inline-start:4px solid var(--accent);background:#f8f4e8;gap:.35rem;padding:1rem;display:grid}.preview span{color:var(--muted);font-size:.85rem}.invoice-list{min-width:0}.invoice-row{border-top:1px solid var(--line);grid-template-columns:minmax(130px,1fr) auto auto auto;align-items:center;gap:1rem;padding:1rem 0;display:grid}.invoice-row:first-of-type{margin-top:.8rem}.invoice-row>div{gap:.25rem;min-width:0;display:grid}.invoice-row>div strong{overflow-wrap:anywhere}.invoice-row>div span{color:var(--muted);font-size:.78rem}.secondary{border:1px solid var(--ink);color:var(--ink);background:0 0;border-radius:.4rem;padding:.55rem .75rem;font-weight:700}button:disabled{cursor:wait;opacity:.55}.support-grid{grid-template-columns:minmax(250px,.8fr) minmax(220px,.65fr) minmax(0,1.2fr);align-items:start;gap:1rem;display:grid}.ticket-form{gap:1rem;display:grid}.ticket-list{gap:.5rem;display:grid}.ticket-list h3{margin-bottom:.5rem}.ticket-list button{text-align:start;border:1px solid var(--line);color:var(--ink);background:#fff;gap:.25rem;padding:.8rem;display:grid}.ticket-list button.selected{border-color:var(--ink);background:var(--mist)}.ticket-list button span{color:var(--muted);font-size:.76rem}.conversation{gap:1rem;display:grid}.conversation>div:first-child p{color:var(--muted)}.messages{gap:.6rem;display:grid}.messages p{background:var(--mist);border-radius:.6rem;width:-moz-fit-content;width:fit-content;max-width:85%;margin:0;padding:.7rem .9rem}.messages p.mine{background:#f6e7bd;margin-inline-start:auto}.conversation form{gap:.75rem;display:grid}@media (max-width:1050px){.hero-grid,.support-grid{grid-template-columns:1fr 1fr}.conversation{grid-column:1/-1}}@media (max-width:760px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:38vh;padding:2rem}.brand-panel h1{font-size:2.4rem}.signal-mark{margin-bottom:1.5rem}.login-card{z-index:1;margin:-1.2rem auto 2rem;padding:1.5rem}.app-shell>header{flex-direction:column;align-items:flex-start}.hero-grid{grid-template-columns:1fr 1fr}.usage-card,.plan-card{grid-column:1/-1}.session-row{grid-template-columns:12px 1fr auto}.traffic{grid-column:2/-1}.billing-grid,.support-grid{grid-template-columns:1fr}.conversation{grid-column:auto}.invoice-row{grid-template-columns:1fr auto}.invoice-row .secondary{grid-column:1/-1}}@media (max-width:470px){.hero-grid{grid-template-columns:1fr}.usage-card,.plan-card{grid-column:auto}.split{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}