:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1A202C;background:#F8FAFC;font-synthesis:none;text-rendering:optimizeLegibility;--brand-blue:#194BFB;--brand-blue-dark:#1446F2;--brand-blue-soft:#EDF1FF;--ink:#1A202C;--muted:#718096;--line:#E2E8F1;--surface:#fff;--canvas:#F8FAFC;--shadow:0 14px 40px rgba(26,32,44,.08);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-size:14px;line-height:1.55}body.dark-mode{--ink:#E8EEFF;--muted:#A0AEC0;--line:#293753;--surface:#111A31;--canvas:#0B1221;--brand-blue-soft:#14234D;--shadow:0 14px 40px rgba(0,0,0,.24)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}img{display:block;max-width:100%}.icon{display:inline-block;vertical-align:middle;flex:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{letter-spacing:-.035em;line-height:1.16}p{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(25,75,251,.3);outline-offset:2px}
.site-header{height:76px;max-width:1240px;margin:auto;padding:0 30px;display:flex;align-items:center;gap:38px;background:var(--canvas)}.brand{width:146px;flex:none}.brand img{width:100%;height:42px;object-fit:contain;object-position:left center}.public-nav{display:flex;align-items:center;gap:27px;flex:1}.public-nav a{font-size:13px;color:var(--muted);font-weight:600;transition:color .2s}.public-nav a:hover,.public-nav a:focus{color:var(--brand-blue)}.header-actions{display:flex;align-items:center;gap:12px}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--muted)}.mobile-menu{display:none}.button{min-height:46px;padding:0 19px;border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--brand-blue);box-shadow:0 7px 18px rgba(25,75,251,.17)}.button-primary:hover{background:var(--brand-blue-dark);box-shadow:0 9px 22px rgba(25,75,251,.23)}.button-outline{background:var(--surface);color:var(--ink);border-color:var(--line)}.button-outline:hover{border-color:#B7C9FF;color:var(--brand-blue-dark)}.button-light{background:#fff;color:#1446F2}.button-small{min-height:38px;padding:0 15px;font-size:12px}.button-wide{width:100%}.button-social{min-height:46px;border-color:var(--line);background:var(--surface);color:var(--ink)}.button-social:hover{border-color:#cbd5ce}.google-mark{width:21px;height:21px;display:grid;place-items:center;color:#4285f4;font-size:17px;font-weight:800}.github-mark{font-size:18px;color:var(--ink)}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 42%,rgba(230,240,255,.82),transparent 36%),linear-gradient(120deg,#F8FAFC 0%,#fff 55%,#EDF1FF 100%);border-top:1px solid var(--line)}.hero-grid{max-width:1180px;min-height:620px;margin:auto;padding:73px 26px 72px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:35px}.hero-copy{position:relative;z-index:2;max-width:610px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--brand-blue-dark);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow-dot{width:8px;height:8px;background:var(--brand-blue);border-radius:50%;box-shadow:0 0 0 5px rgba(25,75,251,.1)}.hero h1{max-width:640px;margin:22px 0 19px;font-size:clamp(42px,5vw,65px);line-height:1.055;letter-spacing:-.06em}.hero h1 span,.section-heading h2 span,.location-copy h2 span,.cta-content h2 span{color:var(--brand-blue)}.hero-lead{max-width:545px;font-size:16px;line-height:1.8}.hero-tags{display:flex;flex-wrap:wrap;gap:17px;margin:24px 0 30px;color:#4A5568;font-size:12px;font-weight:650}.hero-tags span,.hero-points span{display:inline-flex;align-items:center;gap:7px}.hero-tags .icon{color:var(--brand-blue)}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:38px}.avatar-stack{display:flex;padding-left:4px}.avatar-stack b{width:32px;height:32px;margin-left:-5px;border:2px solid white;border-radius:50%;display:grid;place-items:center;background:#E6F0FF;color:#194BFB;font-size:11px}.avatar-stack b:nth-child(2){background:#e1eaff;color:#416bc3}.avatar-stack b:nth-child(3){background:#ffead4;color:#bd7030}.avatar-stack b:nth-child(4){background:#111A31;color:#fff}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:13px}.hero-proof small{font-size:10px;color:var(--muted)}.proof-divider{height:31px;border-left:1px solid #D8DCEB;margin:0 4px}.hero-art{position:relative;height:425px;display:grid;place-items:center}.hero-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(64,112,255,.23),rgba(64,112,255,0) 68%)}.hero-orbit{position:absolute;border:1px solid rgba(25,75,251,.17);border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:470px;height:242px}.orbit-two{width:370px;height:180px;transform:rotate(36deg)}.server-tile{position:absolute;border:1px solid rgba(255,255,255,.85);border-radius:18px;background:linear-gradient(145deg,#1E293B,#0B1221);box-shadow:0 28px 55px rgba(26,48,112,.23);color:#D0E2FF}.server-tile-back{width:275px;height:200px;right:22px;top:78px;transform:rotate(8deg);opacity:.73;padding:29px}.server-tile-back>span:not(.server-led){display:block;width:74%;height:6px;margin:14px 0;border-radius:8px;background:#263B70}.server-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5E83FB;box-shadow:0 0 12px #5E83FB}.server-tile-back small{position:absolute;bottom:20px;right:22px;color:#A0AEC0}.server-tile-front{width:302px;height:220px;left:65px;top:129px;transform:rotate(-5deg);padding:22px}.tile-top,.tile-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#A0AEC0}.tile-top span:nth-child(2){margin-right:auto;margin-left:9px;letter-spacing:.12em}.tile-lines{margin:31px 0 27px}.tile-lines i{display:block;height:7px;margin:11px 0;border-radius:8px;background:linear-gradient(90deg,#263B70 0 67%,#1E293B 67%)}.tile-lines i:nth-child(2){width:79%}.tile-lines i:nth-child(3){width:56%}.tile-bottom strong{color:#5E83FB}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 15px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.float-card-a{top:60px;left:7px}.float-card-b{bottom:48px;right:3px}.float-card b,.float-card small{display:block}.float-card b{font-size:11px}.float-card small{font-size:10px;color:var(--muted)}.float-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center}.float-icon.green{background:var(--brand-blue-soft);color:var(--brand-blue)}.float-icon.blue{background:#EDF1FF;color:#4977cf}.hero-spark{position:absolute;color:#5E83FB;font-size:25px}.spark-one{top:48px;right:61px}.spark-two{bottom:42px;left:42px}
.stat-strip{max-width:1120px;margin:-22px auto 0;position:relative;z-index:2;padding:24px 18px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.stat-strip div{text-align:center;border-right:1px solid var(--line)}.stat-strip div:last-child{border:0}.stat-strip strong,.stat-strip span{display:block}.stat-strip strong{font-size:22px;letter-spacing:-.04em}.stat-strip span{margin-top:3px;color:var(--muted);font-size:11px}.section{max-width:1180px;margin:auto;padding:90px 26px}.section-heading{text-align:center;max-width:700px;margin:0 auto 39px}.section-heading h2,.location-copy h2,.cta-content h2{margin:13px 0 12px;font-size:38px;letter-spacing:-.05em}.section-heading p{margin:0;font-size:14px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.plan-card{position:relative;overflow:hidden;padding:27px 26px 24px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 8px 28px rgba(26,32,44,.035)}.plan-popular{border-color:rgba(25,75,251,.55);box-shadow:0 12px 32px rgba(25,75,251,.1)}.popular-ribbon{position:absolute;top:17px;right:-32px;width:127px;padding:5px 0;background:var(--brand-blue);color:white;text-align:center;font-size:9px;font-weight:800;transform:rotate(40deg)}.plan-icon{width:43px;height:43px;border-radius:12px;background:var(--brand-blue-soft);color:var(--brand-blue);display:grid;place-items:center}.plan-card h3{margin:20px 0 5px;font-size:19px}.plan-card>p{margin-bottom:15px;font-size:12px}.plan-price{display:flex;align-items:baseline;gap:5px}.plan-price strong{font-size:30px;letter-spacing:-.05em}.plan-price span{font-size:11px;color:var(--muted)}.plan-speed{display:flex;gap:7px;align-items:center;margin:14px 0;padding:9px 11px;border-radius:8px;background:var(--canvas);font-size:11px;font-weight:700;color:var(--brand-blue-dark)}.plan-card ul{list-style:none;padding:0;margin:16px 0 21px}.plan-card li{display:flex;gap:8px;align-items:center;margin:10px 0;color:var(--muted);font-size:11px}.plan-card li .icon{color:var(--brand-blue)}.plan-card .button{width:100%}.fine-print{text-align:center;margin:18px 0 0;font-size:10px;color:var(--muted)}.compare-section{padding-top:70px}.compare-card{overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.compare-table{border-collapse:collapse;width:100%;min-width:680px;text-align:left}.compare-table th,.compare-table td{padding:17px 20px;border-bottom:1px solid var(--line);font-size:12px}.compare-table th{font-size:10px;color:var(--muted);letter-spacing:.08em}.compare-table tr:last-child td{border-bottom:0}.compare-table .compare-regxa{background:var(--brand-blue-soft);color:var(--brand-blue-dark);font-weight:700}.compare-table small{font-weight:400}
.feature-section{padding-top:70px}.feature-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:25px}.tab-button{border:1px solid var(--line);border-radius:30px;padding:9px 14px;background:var(--surface);color:var(--muted);font-size:11px;cursor:pointer}.tab-button.is-active{color:var(--brand-blue-dark);border-color:#B7C9FF;background:var(--brand-blue-soft)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{padding:24px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.feature-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--brand-blue-soft);color:var(--brand-blue)}.feature-card h3{margin:18px 0 7px;font-size:17px}.feature-card p{margin:0;font-size:12px;line-height:1.7}.feature-more{display:flex;margin:22px auto 0}.location-section{background:linear-gradient(110deg,#F6F9FC,#FAFBFC)}.location-inner{display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:70px}.location-copy h2{max-width:480px}.location-copy>p{max-width:490px}.region-tabs{display:flex;gap:5px;margin:25px 0 13px}.region-tabs button,.faq-categories button{padding:8px 13px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.region-tabs button.is-active,.faq-categories button.is-active{background:var(--surface);color:var(--brand-blue-dark);box-shadow:0 2px 8px rgba(26,32,44,.08)}.location-pills{display:flex;gap:8px;flex-wrap:wrap}.location-pills span{padding:7px 10px;border:1px solid #D0E2FF;border-radius:30px;background:rgba(255,255,255,.6);font-size:10px;color:#4A5568}.network-card{padding:25px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--shadow)}.network-card-head{display:flex;align-items:center;justify-content:space-between}.network-globe{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;background:var(--brand-blue-soft);color:var(--brand-blue)}.online-pill{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:30px;background:var(--brand-blue-soft);color:var(--brand-blue-dark);font-size:9px;font-weight:700}.online-pill i,.sidebar-status i{width:7px;height:7px;border-radius:50%;background:#5E83FB}.network-card h3{margin:19px 0 5px;font-size:18px}.network-card p{margin-bottom:18px;font-size:11px}.network-card label{display:block;margin:12px 0 6px;font-size:10px;font-weight:700}.network-card select{margin-bottom:13px}.network-result{min-height:12px;padding-top:10px;color:var(--muted);font-size:10px}.reviews-section{padding-top:82px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.review-card{padding:23px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.stars{color:#f4a623;letter-spacing:.13em;font-size:13px}.review-card>p{min-height:95px;margin:13px 0 18px;font-size:12px;line-height:1.8}.review-author{display:flex;align-items:center;gap:10px}.review-author>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--brand-blue-soft);color:var(--brand-blue-dark);font-size:10px;font-weight:700}.review-author b,.review-author small{display:block}.review-author b{font-size:11px}.review-author small{font-size:9px;color:var(--muted)}.faq-section{padding-top:80px}.faq-layout{display:grid;grid-template-columns:190px 1fr;gap:30px;max-width:900px;margin:auto}.faq-categories{display:flex;flex-direction:column;gap:4px}.faq-categories button{text-align:left}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:17px 2px}.faq-list summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:13px;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;color:var(--brand-blue)}.faq-list details p{margin:12px 30px 0 0;font-size:12px}.cta-section{position:relative;overflow:hidden;margin:25px auto 75px;max-width:1125px;min-height:255px;padding:44px 60px;border-radius:23px;background:radial-gradient(circle at 82% 40%,rgba(25,75,251,.28),transparent 30%),linear-gradient(110deg,#111A31,#1E293B);color:#fff}.cta-content{position:relative;z-index:1}.cta-content .eyebrow{color:#5E83FB}.cta-content h2{margin:10px 0;color:white}.cta-content h2 span{color:#5E83FB}.cta-content p{margin-bottom:20px;color:#D0D7E7}.cta-orbit{position:absolute;right:84px;top:50%;width:190px;height:190px;border:1px solid rgba(194,210,255,.35);border-radius:50%;display:grid;place-items:center;color:rgba(194,210,255,.62);font-size:94px;transform:translateY(-50%);box-shadow:0 0 0 32px rgba(194,210,255,.05),0 0 0 64px rgba(194,210,255,.035)}.site-footer{padding:53px max(calc((100% - 1125px)/2),30px) 20px;background:#0B1221;color:#D8DCEB}.footer-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:45px;padding-bottom:38px}.footer-brand img{width:160px;height:42px;object-fit:contain;object-position:left center}.footer-brand p{max-width:280px;margin:13px 0;color:#A0AEC0;font-size:11px}.footer-rating{color:#f4b43f;font-size:13px}.footer-rating small{display:block;color:#A0AEC0;font-size:9px}.footer-top h4{margin:3px 0 14px;color:#fff;font-size:12px;letter-spacing:0}.footer-top>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-top a{font-size:10px;color:#A0AEC0}.footer-top a:hover{color:#5E83FB}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #1E293B;padding-top:16px;color:#A0AEC0;font-size:9px}
.product-hero{max-width:1180px;min-height:470px;margin:auto;padding:75px 35px;display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:55px}.product-copy h1{max-width:600px;margin:16px 0;font-size:50px;letter-spacing:-.06em}.product-copy>p{max-width:570px;font-size:15px;line-height:1.8}.product-copy .hero-buttons{margin:25px 0}.hero-points{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:10px}.hero-points .icon{color:var(--brand-blue)}.product-art{position:relative;height:330px;display:grid;place-items:center}.product-art-circle{width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#dcf6e4,#EDF1FF 60%,transparent 61%);border:1px solid #D0E2FF}.product-server{position:absolute;width:150px;height:190px;border:1px solid #263B70;border-radius:18px;background:linear-gradient(140deg,#263B70,#111A31);box-shadow:0 25px 50px rgba(25,45,90,.22);color:#5E83FB;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transform:rotate(-7deg)}.product-server b{color:white;letter-spacing:.2em}.product-server span{font-size:10px}.art-tag{position:absolute;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);font-size:10px;font-weight:700}.art-tag-one{top:55px;left:0}.art-tag-two{right:0;bottom:58px}.section-action{display:flex;justify-content:center;margin-top:26px}.simple-faq{padding-top:20px}.simple-faq .section-heading{margin-bottom:20px}
.auth-page{max-width:1140px;min-height:650px;margin:24px auto 65px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:23px;background:var(--surface);box-shadow:var(--shadow)}.auth-aside{position:relative;overflow:hidden;min-height:620px;padding:58px 48px;color:#fff;background:radial-gradient(circle at 75% 80%,rgba(94,131,251,.25),transparent 32%),linear-gradient(140deg,#1E293B,#0B1221)}.auth-aside .eyebrow{color:#5E83FB}.auth-aside h1{max-width:390px;margin:15px 0;font-size:40px;letter-spacing:-.05em}.auth-aside-content>p{max-width:420px;color:#D0D7E7;font-size:13px;line-height:1.8}.auth-perks{display:grid;gap:13px;margin-top:29px;color:#D0E2FF;font-size:11px}.auth-perks span{display:flex;align-items:center;gap:9px}.auth-perks .icon{color:#5E83FB}.auth-illustration{position:absolute;left:0;right:0;bottom:0;height:260px;display:grid;place-items:center}.auth-illustration-ring{position:absolute;width:310px;height:190px;border:1px solid rgba(194,210,255,.26);border-radius:50%;transform:rotate(-14deg);box-shadow:0 0 0 28px rgba(194,210,255,.035),0 0 0 56px rgba(194,210,255,.025)}.auth-illustration-server{position:relative;z-index:1;width:145px;height:125px;border:1px solid #263B70;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#1E293B,#111A31);color:#5E83FB;transform:rotate(-8deg);box-shadow:0 24px 44px #0B1221}.auth-float{position:absolute;z-index:2;padding:8px 11px;border:1px solid rgba(210,226,255,.16);border-radius:9px;background:#1E293B;color:#D0E2FF;font-size:10px}.auth-float-one{top:52px;left:15%}.auth-float-two{right:13%;bottom:54px}.auth-panel{display:grid;place-items:center;padding:45px}.auth-card{width:min(100%,390px)}.auth-logo{width:130px;height:42px;object-fit:contain;object-position:left center;margin-bottom:26px}.auth-card h2{margin:9px 0 4px;font-size:27px;text-transform:none}.auth-subtitle{margin-bottom:23px;font-size:12px}.auth-card form{display:grid;gap:14px}.auth-card label,.form-panel form>label,.form-grid>label,.network-card label{display:grid;gap:6px;color:var(--ink);font-size:11px;font-weight:700}.auth-card input,.form-panel input,.form-panel select,.form-panel textarea,.form-grid input,.form-grid select,.form-grid textarea,.network-card select,.service-filters select,.service-list-filters select,.table-controls select,.search-field input{width:100%;min-width:0;min-height:43px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:12px}.form-panel textarea{padding:11px 12px;resize:vertical}.auth-card input::placeholder,.form-panel input::placeholder,.search-field input::placeholder{color:#A0AEC0}.auth-options{display:flex;justify-content:space-between;align-items:center;font-size:10px}.auth-options>a,.auth-switch a{color:var(--brand-blue-dark);font-weight:700}.checkline{display:flex!important;align-items:center;gap:8px;font-weight:500!important;color:var(--muted)!important}.checkline input{width:15px!important;min-height:15px!important;accent-color:var(--brand-blue)}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.auth-switch{text-align:center;margin:2px 0 0;font-size:10px}.notice-box{padding:10px 12px;border-radius:9px;background:var(--brand-blue-soft);color:var(--brand-blue-dark);font-size:11px}.goodbye-panel{max-width:620px;min-height:390px;margin:65px auto;padding:55px 25px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:20px}.goodbye-icon{width:65px;height:65px;margin:0 auto 17px;border-radius:50%;display:grid;place-items:center;background:var(--brand-blue-soft);color:var(--brand-blue)}.goodbye-panel h1{font-size:32px}
.dashboard-layout{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-rows:74px 1fr;background:var(--canvas)}.dashboard-topbar{grid-column:1/-1;grid-row:1;position:sticky;top:0;z-index:20;height:74px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--line)}.dashboard-brand{display:flex;align-items:center;gap:12px;width:205px}.dashboard-brand img{width:142px;height:42px;object-fit:contain;object-position:left center}.sidebar-toggle{display:none;border:0;background:none;font-size:20px}.dashboard-top-actions{display:flex;align-items:center;gap:13px}.order-top{min-height:39px;padding:0 13px;font-size:11px}.credit-pill{height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.credit-pill .icon{color:var(--brand-blue)}.credit-pill b{color:var(--ink)}.account-menu{border:0;background:transparent;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.account-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--brand-blue-soft);color:var(--brand-blue-dark);font-size:11px;font-weight:800}.account-text b,.account-text small{display:block}.account-text b{font-size:10px}.account-text small{font-size:9px;color:var(--muted)}.dashboard-sidebar{grid-column:1;grid-row:2;position:sticky;top:74px;height:calc(100vh - 74px);padding:21px 14px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:var(--surface)}.dashboard-sidebar nav{display:grid;gap:5px}.side-group{display:grid;gap:3px}.side-link{height:43px;padding:0 11px;border:0;border-radius:9px;display:flex;align-items:center;gap:11px;background:transparent;color:var(--muted);font-size:11px;font-weight:650;text-align:left;cursor:pointer}.side-link:hover,.side-link.is-active{background:var(--brand-blue-soft);color:var(--brand-blue-dark)}.side-link .icon{width:18px}.nav-caret{margin-left:auto;opacity:.55}.side-subnav{display:grid;gap:1px;padding:2px 0 6px 39px}.side-subnav a{padding:7px 4px;color:var(--muted);font-size:10px}.side-subnav a:hover,.side-subnav a.sub-active{color:var(--brand-blue-dark);font-weight:700}.side-sub-link{padding:4px 3px;color:var(--brand-blue-dark);font-size:9px}.sidebar-bottom{display:grid;gap:7px}.logout-link{width:100%}.sidebar-status{display:flex;align-items:center;gap:7px;margin:13px 7px 0;padding:10px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.dashboard-main{position:relative;min-width:0;grid-column:2;grid-row:2;padding:29px 35px 45px}.dashboard-content{max-width:1210px;margin:0 auto;padding-bottom:50px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:21px}.stat-card{min-height:115px;padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.stat-card-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;font-weight:650}.stat-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--brand-blue-soft);color:var(--brand-blue)}.stat-card>strong{display:block;margin-top:10px;font-size:25px;letter-spacing:-.05em}.stat-card>small{display:block;margin-top:1px;color:var(--muted);font-size:9px}.dashboard-panel{padding:21px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 5px 18px rgba(26,32,44,.025)}.services-overview{margin-bottom:17px}.panel-heading,.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-heading h2,.section-title-row h2,.form-heading h2{margin:0 0 3px;font-size:16px}.panel-heading p,.section-title-row p,.form-heading p{margin:0;color:var(--muted);font-size:10px}.text-link{color:var(--brand-blue-dark);font-size:10px;font-weight:700}.service-filters,.service-list-filters,.table-controls{display:flex;align-items:center;gap:9px;margin:19px 0}.search-field{height:41px;min-width:220px;max-width:360px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;color:#A0AEC0;background:var(--surface)}.search-field input{height:38px;min-height:38px;padding:0;border:0;outline:none}.service-filters select,.service-list-filters select,.table-controls select{width:auto;min-width:115px;min-height:41px}.empty-state{min-height:230px;padding:26px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-illustration{position:relative;width:61px;height:61px;margin-bottom:15px;border-radius:18px;background:var(--brand-blue-soft);display:grid;place-items:center;color:var(--brand-blue)}.empty-illustration>span{position:absolute;right:-5px;top:-4px;width:20px;height:20px;border:2px solid var(--surface);border-radius:50%;display:grid;place-items:center;background:var(--brand-blue);color:white;font-size:12px}.empty-state h3{margin:0 0 7px;font-size:15px}.empty-state p{max-width:470px;margin:0 0 16px;font-size:10px;line-height:1.7}.empty-state .button{min-height:38px;font-size:10px}.quick-links{padding-bottom:15px}.quick-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.quick-link-grid>a{min-width:0;padding:13px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;color:var(--brand-blue)}.quick-link-grid>a>span{flex:1;min-width:0;color:var(--ink)}.quick-link-grid b,.quick-link-grid small{display:block}.quick-link-grid b{font-size:10px}.quick-link-grid small{margin-top:3px;color:var(--muted);font-size:9px}.quick-link-grid>a>span+.icon{color:#A0AEC0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 21px}.page-heading h1{margin:0 0 5px;font-size:24px;letter-spacing:-.045em}.page-heading p{margin:0;font-size:11px}.page-heading>.button{flex:none}.list-panel{padding:21px}.list-panel>.page-heading{margin-top:0}.domain-quick-action{display:block;margin:-3px 0 12px}.table-controls{margin-top:17px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.data-table{width:100%;min-width:690px;border-collapse:collapse;text-align:left}.data-table th{padding:12px 13px;background:var(--canvas);color:var(--muted);font-size:9px;font-weight:750;white-space:nowrap}.data-table td{padding:13px;border-top:1px solid var(--line);font-size:10px;white-space:nowrap}.data-table td b{font-size:10px}.status-badge{width:max-content;max-width:100%;padding:5px 8px;display:inline-flex;align-items:center;border-radius:20px;background:#F6F9FC;color:#4A5568;font-size:9px;font-weight:700;white-space:nowrap}.status-paid,.status-active,.status-open,.status-verified{background:#EDF1FF;color:#1446F2}.status-unpaid,.status-pending,.status-pending-review{background:#fff5dd;color:#ab7512}.status-overdue,.status-cancelled,.status-terminated,.status-closed{background:#fcebea;color:#bd4d48}.status-medium,.status-low{background:#eff3ff;color:#5875b6}.status-high{background:#fcebea;color:#bd4d48}.table-link,.ticket-subject{color:var(--brand-blue-dark);font-size:10px;font-weight:700}.ticket-subject{display:block}.requestor{display:block;margin-top:4px;color:var(--muted);font-size:9px}.table-empty{text-align:center!important;color:var(--muted)}.table-footer{display:flex;align-items:center;justify-content:space-between;margin-top:13px;color:var(--muted);font-size:9px}.table-footer>div{display:flex;align-items:center;gap:9px}.table-footer button{padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted);font-size:9px}.service-list{display:grid}.service-row{min-height:67px;padding:11px 10px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--line)}.service-row:hover{background:var(--canvas)}.service-row-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:var(--brand-blue-soft);color:var(--brand-blue)}.service-row>span:nth-child(2){flex:1}.service-row b,.service-row small{display:block}.service-row b{font-size:11px}.service-row small{margin-top:3px;color:var(--muted);font-size:9px}.service-row>.icon:last-child{color:#9da7a0}.invoice-stats{grid-template-columns:repeat(3,1fr)}.invoice-detail{max-width:740px;margin:auto;padding:27px}.invoice-detail-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.invoice-detail-head h2{margin:5px 0;font-size:26px}.invoice-detail-head p{margin:0;font-size:10px}.invoice-detail-line{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.invoice-detail-line b{font-size:11px}.invoice-detail-total{padding-top:17px;border:0;font-size:14px}.invoice-detail-total b{font-size:17px}.invoice-detail>.button{margin-top:10px}.form-panel{padding:25px}.narrow-panel{max-width:720px}.form-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.form-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:13px;background:var(--brand-blue-soft);color:var(--brand-blue)}.form-panel form{display:grid;gap:17px}.form-panel form>label small,.form-grid>label small{color:var(--muted);font-size:9px;font-weight:400}.form-note{display:flex;gap:9px;align-items:center;padding:11px;border-radius:9px;background:var(--brand-blue-soft);color:var(--brand-blue-dark);font-size:10px}.money-input{position:relative}.money-input>span{position:absolute;left:13px;top:9px;color:var(--muted)}.money-input input{padding-left:28px}.form-feedback{min-height:14px;font-size:10px}.success-text{color:#1446F2}.danger-text{color:#c2413b}.form-actions{display:flex;align-items:center;gap:9px}.form-actions .form-feedback{margin-left:4px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.setting-row b,.setting-row small{display:block}.setting-row b{font-size:11px}.setting-row small{max-width:500px;margin-top:3px;color:var(--muted);font-size:9px}.switch{position:relative;width:39px;height:22px;flex:none}.switch input{position:absolute;opacity:0}.switch>span{position:absolute;inset:0;border-radius:20px;background:#D8DCEB;cursor:pointer;transition:.2s}.switch>span:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:white;transition:.2s}.switch input:checked+span{background:var(--brand-blue)}.switch input:checked+span:before{transform:translateX(17px)}.profile-tabs{display:flex;gap:5px;overflow:auto;margin-bottom:15px;border-bottom:1px solid var(--line)}.profile-tabs button{flex:none;padding:11px 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.profile-tabs button.is-active{border-color:var(--brand-blue);color:var(--brand-blue-dark);font-weight:700}.profile-tab-content.hidden{display:none}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-two{grid-column:span 2}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px}.order-summary{position:sticky;top:94px;padding:23px}.order-summary h2{margin:9px 0 20px;font-size:18px}.summary-line,.summary-total{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.summary-line b,.summary-total b{color:var(--ink)}.summary-total{margin-top:5px;border:0;font-size:12px}.summary-total b{font-size:16px}.order-summary>p{margin:8px 0 0;font-size:9px}.back-link{display:inline-block;margin:0 0 13px;color:var(--brand-blue-dark);font-size:10px;font-weight:700}.ticket-conversation{display:grid;gap:13px;margin-bottom:20px}.ticket-reply{padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--canvas)}.reply-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:9px}.reply-meta b{color:var(--ink)}.ticket-reply p{margin:10px 0 0;font-size:11px;white-space:pre-wrap}.loading-panel,.error-panel{padding:60px;text-align:center;color:var(--muted)}.error-panel h2{color:var(--ink);font-size:18px}.error-mark{width:38px;height:38px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#fff0ee;color:#c2413b;font-weight:800}.help-fab{position:fixed;right:26px;bottom:22px;z-index:10;min-height:42px;padding:0 15px;display:flex;align-items:center;gap:8px;border:0;border-radius:30px;background:var(--brand-blue);color:white;box-shadow:0 8px 20px rgba(25,75,251,.3);font-size:10px;font-weight:700;cursor:pointer}.toast{position:fixed;right:22px;bottom:75px;z-index:100;padding:13px 17px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);font-size:11px}.toast-error{color:#bc3731}.toast-success{color:var(--brand-blue-dark)}
@media(max-width:1000px){.site-header{gap:20px}.public-nav{gap:14px}.hero-grid{grid-template-columns:1fr 1fr}.hero-art{transform:scale(.9)}.section{padding-left:22px;padding-right:22px}.dashboard-layout{grid-template-columns:220px minmax(0,1fr)}.dashboard-main{padding:25px 22px}.dashboard-topbar{padding:0 20px}.dashboard-stats{gap:9px}.stat-card{padding:14px}.account-text{display:none}.order-layout{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:760px){.site-header{height:65px;padding:0 18px;justify-content:space-between}.brand{width:130px}.brand img{height:37px}.public-nav{display:none;position:absolute;z-index:30;top:65px;left:12px;right:12px;padding:12px;align-items:stretch;gap:0;flex-direction:column;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.public-nav.is-open{display:flex}.public-nav a{padding:10px}.header-actions{gap:7px}.header-actions>.button{padding:0 11px}.mobile-menu{display:grid}.hero-grid{min-height:0;padding:52px 22px 57px;grid-template-columns:1fr;gap:10px}.hero h1{font-size:clamp(40px,10vw,56px)}.hero-lead{font-size:14px}.hero-art{height:330px;transform:scale(.83);margin:-7px 0}.hero-proof{margin-top:27px}.stat-strip{margin:-15px 14px 0;grid-template-columns:repeat(2,1fr);gap:15px;padding:18px 10px}.stat-strip div:nth-child(2){border:0}.stat-strip strong{font-size:19px}.section{padding:64px 20px}.section-heading h2,.location-copy h2,.cta-content h2{font-size:31px}.plan-grid,.feature-grid,.review-grid{grid-template-columns:1fr}.plan-card{padding:24px}.review-card>p{min-height:0}.location-inner{grid-template-columns:1fr;gap:26px}.faq-layout{grid-template-columns:1fr;gap:10px}.faq-categories{flex-direction:row;overflow:auto}.faq-categories button{flex:none}.cta-section{margin:4px 14px 45px;padding:34px 24px;min-height:250px}.cta-orbit{right:-25px;width:140px;height:140px;font-size:65px;opacity:.55}.footer-top{grid-template-columns:repeat(2,1fr);gap:27px}.footer-brand{grid-column:span 2}.site-footer{padding:42px 22px 18px}.footer-bottom{gap:10px;flex-direction:column}.product-hero{padding:55px 23px 35px;grid-template-columns:1fr;gap:8px}.product-copy h1{font-size:42px}.product-art{height:270px}.auth-page{grid-template-columns:1fr;margin:15px 12px 42px;padding:0}.auth-aside{min-height:290px;padding:32px 27px}.auth-aside h1{font-size:30px}.auth-aside-content>p{max-width:380px;font-size:11px}.auth-perks{display:none}.auth-illustration{right:-80px;left:auto;bottom:-30px;width:260px;height:200px;opacity:.55}.auth-illustration-ring{width:200px;height:120px}.auth-illustration-server{width:95px;height:85px}.auth-float{display:none}.auth-panel{padding:32px 23px 38px}.auth-logo{margin-bottom:18px}.dashboard-layout{display:block;padding-top:64px}.dashboard-topbar{position:fixed;left:0;right:0;top:0;height:64px;padding:0 13px}.dashboard-brand{width:auto}.dashboard-brand img{width:124px;height:38px}.sidebar-toggle{display:block}.dashboard-top-actions{gap:7px}.order-top{min-height:35px;padding:0 9px;font-size:0}.order-top .icon{width:17px}.credit-pill{height:35px;padding:0 8px;font-size:0}.credit-pill .icon{width:17px}.account-menu{display:none}.dashboard-theme{width:35px;height:35px}.mobile-account{display:none}.dashboard-sidebar{position:fixed;z-index:30;top:64px;left:0;bottom:0;width:250px;height:auto;transform:translateX(-105%);transition:transform .22s;box-shadow:var(--shadow)}.dashboard-sidebar.is-open{transform:translateX(0)}.dashboard-main{padding:18px 14px 35px}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.stat-card{min-height:102px;padding:12px}.stat-card>strong{font-size:22px}.dashboard-panel,.list-panel,.form-panel{padding:16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:21px}.page-heading p{max-width:400px;font-size:10px}.page-heading>.button{min-height:37px;padding:0 10px;font-size:9px}.quick-link-grid{grid-template-columns:1fr}.search-field{min-width:0;flex:1}.service-filters,.service-list-filters,.table-controls{flex-wrap:wrap}.service-filters select,.service-list-filters select,.table-controls select{flex:1;min-width:95px}.data-table{min-width:670px}.invoice-stats{grid-template-columns:repeat(3,1fr);gap:6px}.invoice-stats .stat-card{padding:10px 8px}.invoice-stats .stat-card-top{font-size:8px}.invoice-stats .stat-icon{width:23px;height:23px}.invoice-stats .stat-icon .icon{width:14px}.invoice-stats .stat-card>strong{font-size:18px}.invoice-stats .stat-card>small{font-size:8px}.order-layout{grid-template-columns:1fr}.order-summary{position:static}.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.setting-row{align-items:flex-start}.help-fab{right:13px;bottom:13px;min-height:39px}.table-footer{align-items:flex-start;gap:9px;flex-direction:column}}
@media(max-width:410px){.header-actions>.button{font-size:10px}.hero-tags{gap:10px}.hero-art{margin-left:-25px;margin-right:-25px;transform:scale(.72)}.hero h1{font-size:39px}.page-heading{flex-direction:column}.page-heading>.button{align-self:flex-start}.invoice-stats .stat-card-top{display:block}.invoice-stats .stat-icon{display:none}.invoice-stats .stat-card>strong{font-size:16px}.form-actions{flex-wrap:wrap}}

/* Client-area styling follows the live REGXA account UI. */
@font-face{font-family:InterLocal;src:url('/_next/static/media/e4af272ccee01ff0-s.p.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:InterLocal,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1A202C;background:#F6F9FC;--brand-blue:#194BFB;--brand-blue-dark:#1446F2;--brand-blue-soft:#E6F0FF;--ink:#1A202C;--muted:#718096;--line:#E2E8F1;--surface:#fff;--canvas:#F6F9FC;--shadow:0 8px 24px rgba(17,24,39,.07);--radius:12px}
body{font-family:InterLocal,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);font-size:14px}
body.dark-mode{--ink:#E2E8F1;--muted:#9ca3af;--line:#4A5568;--surface:#1A202C;--canvas:#030712;--brand-blue-soft:#143DCC;--shadow:0 8px 24px rgba(0,0,0,.28)}
.side-group{gap:0}.side-row{display:flex;align-items:center;gap:3px}.side-row>.side-link{flex:1;min-width:0}.side-toggle{width:32px;height:40px;flex:none;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#718096;cursor:pointer}.side-toggle:hover{background:#F6F9FC}.side-toggle[aria-expanded="true"] .icon{transform:rotate(90deg)}.side-toggle .icon{transition:transform .15s}.side-subnav[hidden]{display:none}
.dashboard-empty{min-height:190px;padding:34px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.dashboard-empty h3{margin:0 0 7px;color:#1A202C;font-size:16px;font-weight:600;letter-spacing:-.02em}.dashboard-empty p{max-width:570px;margin:0;color:#718096;font-size:13px;line-height:1.6}
@media(min-width:761px){
  .dashboard-layout{grid-template-columns:256px minmax(0,1fr);grid-template-rows:64px 1fr;background:#F6F9FC}
  .dashboard-topbar{height:64px;padding:0 28px;background:#fff;border-bottom:1px solid #E2E8F1}
  .dashboard-brand{width:210px}.dashboard-brand img{width:150px;height:40px}
  .dashboard-top-actions{gap:16px}.order-top{min-height:40px;padding:0 15px;border-radius:8px;background:#194BFB;box-shadow:none;font-size:14px;font-weight:600}
  .credit-pill{height:40px;padding:0 14px;border:0;border-radius:8px;background:#1A202C;color:#fff;font-size:13px}.credit-pill .icon{color:#fff}.credit-pill b{color:#fff;font-weight:600}
  .account-menu{gap:10px}.account-avatar{width:38px;height:38px;background:#7c3aed;color:#fff;font-size:13px}.account-text b{font-size:13px;font-weight:600}.account-text small{font-size:12px}
  .dashboard-theme{width:38px;height:38px;border:0;border-radius:50%;background:#F6F9FC;color:#4A5568}
  .dashboard-sidebar{top:64px;height:calc(100vh - 64px);padding:22px 15px 18px;border-right:1px solid #E2E8F1;background:#fff}
  .dashboard-sidebar nav{gap:7px}.side-group{gap:0}.side-row{gap:3px}.side-link{height:44px;padding:0 12px;border-radius:8px;gap:12px;color:#4A5568;font-size:14px;font-weight:500}.side-link .icon{width:18px;color:#718096}.side-link:hover,.side-link.is-active{background:#F6F9FC;color:#1A202C}.side-link.is-active .icon{color:#1A202C}.side-toggle{height:42px;color:#718096}.side-subnav{gap:1px;padding:3px 0 7px 43px}.side-subnav a{padding:7px 4px;color:#718096;font-size:13px}.side-subnav a:hover,.side-subnav a.sub-active{color:#1A202C}.side-sub-link{font-size:12px}
  .sidebar-bottom{gap:4px}.sidebar-status{margin-top:12px;font-size:11px}.dashboard-main{padding:30px 35px 48px;background:#F6F9FC}.dashboard-content{max-width:1340px;padding-bottom:30px}
  .dashboard-stats{gap:16px;margin-bottom:22px}.stat-card{min-height:126px;padding:19px 20px;border:0;border-radius:12px;box-shadow:0 1px 3px rgba(17,24,39,.08)}.stat-card-top{color:#718096;font-size:14px;font-weight:500}.stat-icon{width:34px;height:34px;border-radius:9px;background:#F6F9FC;color:#4A5568}.stat-card>strong{margin-top:11px;color:#1A202C;font-size:28px;font-weight:600;letter-spacing:-.04em}.stat-card>small{font-size:12px;color:#718096}
  .dashboard-panel{padding:23px;border:0;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(17,24,39,.08)}.services-overview{margin-bottom:18px}.panel-heading h2,.section-title-row h2,.form-heading h2{margin:0 0 4px;font-size:20px;font-weight:600;letter-spacing:-.03em}.panel-heading p,.section-title-row p,.form-heading p{font-size:13px;color:#718096}
  .service-filters,.service-list-filters,.table-controls{gap:12px;margin:18px 0}.service-filters .search-field,.service-list-filters .search-field{max-width:none;flex:1}.service-filters select,.service-list-filters select{flex:1;width:0;min-width:0;min-height:42px;border-radius:8px;font-size:13px}.search-field{height:42px;max-width:none;flex:1;border-color:#D8DCEB;border-radius:8px;background:#fff}.search-field input{height:40px;min-height:40px;font-size:13px}.table-controls select{width:180px;min-width:180px;min-height:42px;border-color:#D8DCEB;border-radius:8px;font-size:13px}
  .dashboard-empty{min-height:208px}.dashboard-empty h3{font-size:16px}.dashboard-empty p{font-size:13px}
  .page-heading{margin:2px 0 22px}.page-heading h1{font-size:26px;font-weight:600;letter-spacing:-.04em}.page-heading p{font-size:14px}.invoice-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.invoice-stats .stat-card{min-height:110px}
  .invoice-controls{margin:0 0 17px}.list-panel{padding:22px}.list-panel>.page-heading{margin:0 0 16px}.list-panel .table-wrap{border:0;border-radius:0;overflow-x:auto}.data-table{min-width:780px}.data-table th{padding:13px 14px;background:#F8FAFC;color:#4A5568;font-size:12px;font-weight:600}.data-table td{height:70px;padding:13px 14px;border-top:1px solid #E2E8F1;font-size:13px;color:#4A5568}.data-table td b{font-size:13px;font-weight:600}.status-badge{padding:5px 9px;border-radius:6px;background:#F6F9FC;color:#4A5568;font-size:12px;font-weight:600}.status-paid,.status-active,.status-open,.status-verified{background:#194BFB;color:#fff}.status-unpaid,.status-pending,.status-pending-review{background:#f59e0b;color:#fff}.status-overdue,.status-cancelled,.status-terminated,.status-closed{background:#ef4444;color:#fff}.status-medium,.status-low{background:#4070FF;color:#fff}.status-high{background:#ef4444;color:#fff}.table-link{display:inline-flex;min-height:36px;padding:0 13px;align-items:center;justify-content:center;border-radius:7px;background:#1A202C;color:#fff;font-size:12px;font-weight:600}.table-link:hover{background:#1A202C;color:#fff}.table-footer{font-size:12px}.table-footer button,.table-footer span{font-size:12px}
}

/* Match the customer area’s original shell and card geometry. */
.dashboard-layout{display:flex;min-height:100vh;background:#F6F9FC;font-family:var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);-webkit-font-smoothing:antialiased}
.dashboard-sidebar{position:relative;top:auto;left:auto;grid-column:auto;grid-row:auto;width:256px;height:100vh;flex:0 0 256px;padding:0;justify-content:flex-start;overflow:hidden;border-right:1px solid #E2E8F1;background:#fff}
.sidebar-header{height:64px;flex:none;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #E2E8F1}
.dashboard-brand{width:auto;min-width:0;gap:0}.dashboard-brand img{width:148px;height:40px;object-fit:contain;object-position:left center}
.sidebar-toggle{width:34px;height:34px;flex:none;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#4A5568;cursor:pointer}.sidebar-toggle:hover{background:#F6F9FC}
.dashboard-sidebar nav{display:flex;flex:1;min-height:0;flex-direction:column;gap:8px;padding:16px;overflow-y:auto}
.side-group{display:block;gap:0}.side-link{width:100%;height:40px;min-height:40px;padding:0 12px;border:0;border-radius:6px;display:flex;align-items:center;gap:12px;background:transparent;color:#4A5568;font-size:14px;font-weight:500;text-align:left;cursor:pointer}
.side-link:hover,.side-link.is-active{background:#F6F9FC;color:#1A202C}.side-link .icon{width:18px;height:18px;color:#718096}.side-link.is-active .icon{color:#1A202C}.side-parent{font-family:inherit}.nav-caret{margin-left:auto;display:inline-flex;color:#718096;opacity:1}.side-subnav{display:grid;gap:2px;padding:4px 0 4px 30px}.side-sub-link{display:block;padding:7px 8px;border-radius:6px;color:#4A5568;font-size:14px;line-height:20px}.side-sub-link:hover,.side-sub-link.sub-active{background:#F6F9FC;color:#1A202C}
.sidebar-bottom{display:block;flex:none;padding:16px;border-top:1px solid #E2E8F1}.sidebar-bottom .side-link{justify-content:flex-start}
.dashboard-app{display:flex;min-width:0;min-height:100vh;flex:1;flex-direction:column;overflow:hidden}
.dashboard-topbar{position:sticky;top:0;z-index:50;grid-column:auto;grid-row:auto;width:100%;height:64px;flex:none;padding:0 24px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid #E2E8F1;background:rgba(255,255,255,.95);backdrop-filter:blur(8px)}
.dashboard-top-actions{gap:16px}.order-top{min-height:40px;padding:0 16px;border-radius:6px;background:#194BFB;box-shadow:none;font-size:14px;font-weight:500}.order-top:hover{background:#1446F2}.credit-pill{height:40px;padding:0 12px;border:0;border-radius:6px;background:#F6F9FC;color:#4A5568;font-size:14px}.credit-pill .icon{color:#4A5568}.credit-pill b{color:#1A202C;font-weight:600}
.account-menu-wrap{position:relative}.account-menu{min-height:40px;padding:2px 4px;border:0;border-radius:6px;background:transparent;gap:9px}.account-menu:hover{background:#F6F9FC}.account-avatar{width:32px;height:32px;background:#E2E8F1;color:#4A5568;font-size:12px}.account-text b{font-size:14px;font-weight:500;color:#1A202C}.account-text small{font-size:12px;color:#718096}.account-menu>.icon{color:#718096}
.account-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:100;width:224px;padding:4px;border:1px solid #E2E8F1;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.12)}.account-popover[hidden]{display:none}.account-popover-identity{padding:10px 12px}.account-popover-identity b,.account-popover-identity small{display:block}.account-popover-identity b{font-size:14px}.account-popover-identity small{margin-top:2px;color:#718096;font-size:12px}.account-popover>a,.account-popover>button{width:100%;min-height:36px;padding:0 12px;border:0;border-radius:6px;display:flex;align-items:center;background:transparent;color:#4A5568;font-size:14px;text-align:left;cursor:pointer}.account-popover>a:hover,.account-popover>button:hover{background:#F6F9FC}
.dashboard-theme{width:36px;height:36px;border:0;border-radius:6px;background:transparent;color:#4A5568}.dashboard-theme:hover{background:#F6F9FC}
.dashboard-main{position:relative;min-width:0;flex:1;grid-column:auto;grid-row:auto;padding:0;overflow-x:hidden;overflow-y:auto;background:#F6F9FC}
.dashboard-content{width:100%;max-width:1400px;margin:0 auto;padding:32px 32px}
.home-dashboard-content{display:flex;flex-direction:column;gap:20px}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}.invoice-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.dashboard-stat-link{display:block;color:inherit;text-decoration:none}
.stat-card{min-height:130px;padding:0;border:1px solid #E2E8F1;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.06)}.invoice-stats .stat-card{min-height:110px}
.stat-card-top{min-height:52px;padding:16px 24px 4px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;color:#1A202C;font-size:14px;font-weight:500}.stat-icon{width:28px;height:28px;border-radius:6px;background:#F6F9FC;color:#4A5568}.stat-icon .icon{width:16px;height:16px}.stat-card>strong{display:block;margin:0;padding:0 24px;color:#1A202C;font-size:24px;font-weight:700;line-height:32px;letter-spacing:-.025em}.stat-card>small{display:block;margin:0;padding:0 24px;color:#718096;font-size:12px;line-height:18px}
.dashboard-panel{padding:24px;border:1px solid #E2E8F1;border-radius:8px;background:#fff;box-shadow:0 4px 6px -1px rgba(15,23,42,.1),0 2px 4px -2px rgba(15,23,42,.1)}.services-overview{padding:40px 32px}.services-overview h1{margin:0 0 16px;color:#1A202C;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0}.services-description{margin:0 0 24px;color:#718096;font-size:14px;line-height:20px}
.service-filters{margin:0 0 24px;gap:16px}.search-field{height:40px;min-height:40px;max-width:none;flex:1;padding:0 12px;border-color:#D8DCEB;border-radius:6px;background:#fff;gap:8px}.search-field input{height:38px;min-height:38px;padding:0;border:0;background:transparent;font-size:14px}.service-filters select,.service-list-filters select,.table-controls select{height:40px;min-height:40px;padding:0 12px;border-color:#D8DCEB;border-radius:6px;font-size:14px}.service-filters select{width:auto;min-width:0;flex:1}
.services-table-wrap{overflow-x:auto}.dashboard-empty{min-height:0;padding:48px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.dashboard-empty h3{margin:0 0 8px;color:#1A202C;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0}.dashboard-empty p{max-width:520px;margin:0 0 16px;color:#718096;font-size:14px;line-height:20px}.create-service-button{min-height:40px;padding:0 16px;border-radius:6px;background:#194BFB;color:#fff;font-size:14px;font-weight:500;box-shadow:none}.create-service-button:hover{background:#194BFB}
.invoice-page-content{display:flex;flex-direction:column;gap:24px;padding:24px 0}.invoice-controls{margin:0;gap:16px}.invoice-controls select{width:180px;min-width:180px;flex:none}.list-panel{padding:0}.list-panel>.page-heading{margin:0;padding:24px}.list-panel>.page-heading h1{margin:0 0 6px;color:#1A202C;font-size:24px;font-weight:600;line-height:29px;letter-spacing:-.025em}.list-panel>.page-heading p{margin:0;color:#718096;font-size:14px;line-height:20px}.list-panel .table-wrap{overflow:auto;border:0;border-radius:0}.data-table{min-width:780px;border-collapse:collapse}.data-table th{height:48px;padding:0 16px;background:#F8FAFC;color:#718096;font-size:12px;font-weight:500}.data-table td{height:64px;padding:12px 16px;border-top:1px solid #E2E8F1;color:#1A202C;font-size:14px}.data-table td b{font-size:14px;font-weight:500}.status-badge{padding:4px 10px;border-radius:999px;background:#F6F9FC;color:#4A5568;font-size:12px;font-weight:600}.status-paid,.status-active,.status-open,.status-verified{background:#194BFB;color:#fff}.status-unpaid,.status-pending,.status-pending-review{background:#f59e0b;color:#fff}.status-overdue,.status-cancelled,.status-terminated,.status-closed{background:#ef4444;color:#fff}.table-link{min-height:36px;padding:0 12px;border-radius:6px;background:#1A202C;color:#fff;font-size:12px;font-weight:500}.table-footer{margin:0;padding:16px 24px;border-top:1px solid #E2E8F1;color:#718096;font-size:12px}.table-footer button{padding:6px 10px;border:1px solid #E2E8F1;border-radius:6px;background:#fff;color:#4A5568;font-size:12px}

.dashboard-layout.is-sidebar-collapsed .dashboard-sidebar{width:64px;flex-basis:64px}.dashboard-layout.is-sidebar-collapsed .sidebar-header{padding:0 15px}.dashboard-layout.is-sidebar-collapsed .dashboard-brand{width:30px;overflow:hidden}.dashboard-layout.is-sidebar-collapsed .dashboard-brand img{width:148px;max-width:none}.dashboard-layout.is-sidebar-collapsed .side-link{justify-content:center;padding:0}.dashboard-layout.is-sidebar-collapsed .side-link>span:not(.nav-caret),.dashboard-layout.is-sidebar-collapsed .side-subnav{display:none}
@media(max-width:1100px) and (min-width:761px){.dashboard-sidebar{width:64px;flex-basis:64px}.dashboard-brand{width:30px;overflow:hidden}.dashboard-brand img{width:148px;max-width:none}.dashboard-sidebar nav{padding:16px 8px}.side-link{justify-content:center;padding:0}.side-link>span:not(.nav-caret),.side-subnav{display:none}.sidebar-header{padding:0 15px}}
@media(max-width:760px){.dashboard-layout{display:block;min-height:100vh;padding:0}.dashboard-sidebar{position:fixed;z-index:60;top:0;left:0;bottom:0;width:256px;height:100vh;flex:none;transform:translateX(-105%);transition:transform .22s;box-shadow:0 8px 24px rgba(15,23,42,.15)}.dashboard-layout.is-sidebar-open .dashboard-sidebar{transform:translateX(0)}.sidebar-header{padding:0 16px}.dashboard-brand{width:auto;overflow:visible}.dashboard-brand img{width:148px;max-width:100%}.dashboard-layout.is-sidebar-collapsed .dashboard-brand{width:auto}.sidebar-toggle{display:grid}.dashboard-sidebar nav{padding:16px}.side-link{justify-content:flex-start;padding:0 12px}.side-link>span:not(.nav-caret){display:inline}.side-subnav{display:grid;padding-left:30px}.dashboard-app{width:100%;height:100vh;min-height:100vh}.dashboard-topbar{position:sticky;top:0;height:64px;padding:0 12px}.dashboard-top-actions{gap:7px}.order-top{min-height:36px;padding:0 10px;font-size:11px}.credit-pill{height:36px;padding:0 8px;font-size:11px}.account-text{display:none}.account-menu>.icon{display:none}.dashboard-content{padding:20px 14px 36px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{min-height:112px}.invoice-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.invoice-stats .stat-card{min-height:96px}.stat-card-top{padding:12px 12px 4px;font-size:11px}.stat-icon{width:24px;height:24px}.stat-card>strong{padding:0 12px;font-size:20px}.stat-card>small{padding:0 12px;font-size:10px}.services-overview{padding:24px 18px}.service-filters{gap:8px;flex-wrap:wrap}.service-filters .search-field{flex-basis:100%}.service-filters select{flex:1}.invoice-page-content{padding:12px 0;gap:14px}.invoice-controls{gap:8px;flex-wrap:wrap}.invoice-controls .search-field{flex-basis:100%}.invoice-controls select{width:100%;min-width:0}.list-panel>.page-heading{padding:18px}.data-table{min-width:760px}.table-footer{padding:14px 18px;align-items:flex-start;gap:10px;flex-direction:column}.dashboard-layout.is-sidebar-collapsed .dashboard-sidebar{width:256px;flex-basis:256px}}
@media(max-width:760px){.dashboard-layout.is-sidebar-collapsed .side-link>span:not(.nav-caret){display:inline}.dashboard-layout.is-sidebar-collapsed .side-subnav{display:grid}}
.stat-card-top{height:52px;min-height:52px;padding:24px 24px 8px}.stat-card-top h3{margin:0;color:#1A202C;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0}.stat-card-value{padding:0 24px}.stat-card-value strong{display:block;margin:0;padding:0;color:#1A202C;font-size:24px;font-weight:700;line-height:32px;letter-spacing:-.025em}.stat-card-value small{display:block;margin:0;padding:0;color:#718096;font-size:12px;line-height:18px}
.list-panel>.page-heading h3{margin:0 0 6px;color:#1A202C;font-size:24px;font-weight:600;line-height:29px;letter-spacing:-.025em}
.dashboard-layout .button{min-height:40px;padding:0 16px;border-radius:6px;font-size:14px;font-weight:500;box-shadow:none}.dashboard-layout .button-primary{background:#194BFB}.dashboard-layout .button-primary:hover{background:#194BFB}.dashboard-layout input,.dashboard-layout select,.dashboard-layout textarea{border-color:#E2E8F1;border-radius:6px;color:#1A202C;font-size:14px}.dashboard-layout .form-panel,.dashboard-layout .order-summary{padding:24px;border:1px solid #E2E8F1;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.06)}.dashboard-layout .form-panel form>label,.dashboard-layout .form-grid>label,.dashboard-layout .network-card label{color:#1A202C;font-size:14px;font-weight:500}.dashboard-layout .form-panel form{gap:16px}.dashboard-layout .form-panel input,.dashboard-layout .form-panel select,.dashboard-layout .form-panel textarea,.dashboard-layout .form-grid input,.dashboard-layout .form-grid select,.dashboard-layout .form-grid textarea{min-height:40px;padding:0 12px;border:1px solid #D8DCEB;border-radius:6px;background:#fff;font-size:14px}.dashboard-layout .form-panel textarea,.dashboard-layout .form-grid textarea{padding:10px 12px}.dashboard-layout .page-heading h1{font-size:24px;font-weight:700;letter-spacing:0}.dashboard-layout .page-heading p{font-size:14px;line-height:20px}.dashboard-layout .table-footer button:disabled{opacity:.5}
@media(max-width:760px){.stat-card-top{height:auto;min-height:42px;padding:12px 12px 4px}.stat-card-top h3{font-size:11px}.stat-card-value{padding:0 12px}.stat-card-value strong{font-size:20px}.stat-card-value small{font-size:10px}}
.dashboard-layout .stat-card-top h3{letter-spacing:-.025em}
.dashboard-layout .services-overview{margin:0;padding:40px 32px;border:0}
.dashboard-layout .services-overview .services-description{margin-bottom:16px}
.dashboard-layout .services-overview .dashboard-empty{padding-right:0;padding-left:0}
.dashboard-layout .services-overview .dashboard-empty h3{color:oklch(.21 .034 264.665)}
.dashboard-layout .services-overview .dashboard-empty p{max-width:none;color:oklch(.551 .027 264.364);font-size:16px;line-height:24px}
.dashboard-layout .dashboard-sidebar{border-color:#e2e8f0}
.dashboard-layout .sidebar-header,.dashboard-layout .sidebar-bottom{border-color:#e2e8f0}
.dashboard-layout.is-sidebar-collapsed .sidebar-header{padding-right:16px;padding-left:16px}
.invoice-page-content{padding-right:32px;padding-left:32px}
.list-panel{box-shadow:0 1px 2px rgba(0,0,0,.05)}
.list-panel>.page-heading h3{line-height:24px}
.list-panel .table-wrap{margin:0 24px;border:1px solid #e2e8f0;border-radius:6px;overflow:auto}
.list-panel .table-footer{min-height:80px}
.data-table#invoice-table{table-layout:fixed}
.data-table#invoice-table col:nth-child(1){width:12.55%}
.data-table#invoice-table col:nth-child(2){width:14.59%}
.data-table#invoice-table col:nth-child(3){width:18.53%}
.data-table#invoice-table col:nth-child(4){width:18.85%}
.data-table#invoice-table col:nth-child(5){width:17.71%}
.data-table#invoice-table col:nth-child(6){width:17.77%}
.data-table th{height:48px;padding:0 16px;background:transparent;color:#4A5568;font-size:14px;font-weight:500;line-height:20px}
.data-table td{height:69px;padding:16px;border-top:1px solid #e2e8f0;color:#1A202C;font-size:14px;font-weight:500;line-height:20px}
.data-table td b{font-size:14px;font-weight:500}
.status-badge{padding:2px 10px;border-radius:9999px;font-size:12px;font-weight:600;line-height:16px}
.status-paid,.status-active,.status-open,.status-verified{background:#194BFB;color:#f8fafc}
.status-unpaid,.status-pending,.status-pending-review{background:#f59e0b;color:#f8fafc}
.status-overdue,.status-cancelled,.status-terminated,.status-closed{background:#ef4444;color:#f8fafc}
@media(max-width:760px){.invoice-page-content{padding-right:0;padding-left:0}}
.dashboard-layout .table-footer .pagination-button{padding:6px 10px;border:1px solid #E2E8F1;border-radius:6px;background:#fff;color:#4A5568;font-size:12px;text-decoration:none}

/* Invoice detail page follows the source client area's centered print-style layout. */
.invoice-detail-page{width:100%;padding:32px 16px 48px;color:#1A202C}
.invoice-detail-toolbar{position:sticky;top:0;z-index:10;height:73px;margin:0; padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(255,255,255,.95),#fff)}
.invoice-all-link{height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1A202C;font-size:14px;font-weight:500;line-height:20px}
.invoice-all-link .icon{width:16px;height:16px;transform:rotate(180deg)}
.invoice-toolbar-tools{width:147px;height:22px;display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#718096}
.invoice-toolbar-tools span:first-child{width:67px;height:20px;color:#718096;font-size:14px;font-weight:400;line-height:20px;white-space:nowrap}
.invoice-toolbar-tools span:last-child{width:73px;height:22px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:9999px;background:#F6F9FC;color:#4A5568;font-size:12px;font-weight:500;line-height:16px;white-space:nowrap}
.invoice-detail-card{width:min(1024px,100%);margin:0 auto;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1A202C;box-shadow:0 1px 2px rgba(15,23,42,.05);overflow:hidden}
.invoice-detail-card-header{height:161px;padding:24px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e2e8f0}
.invoice-detail-heading{width:429px;max-width:calc(100% - 178px);height:104px;display:flex;flex-direction:column;gap:16px}
.invoice-detail-title-row{height:40px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.invoice-detail-title-row h1{margin:0;color:oklch(.21 .034 264.665);font-size:36px;font-weight:700;line-height:40px;letter-spacing:-.9px}
.invoice-detail-status{width:126px;height:32px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:#E6F0FF;color:#1446F2;font-size:12px;font-weight:600;line-height:16px}
.invoice-detail-status-unpaid,.invoice-detail-status-pending,.invoice-detail-status-overdue{background:#fef3c7;color:#92400e}
.invoice-detail-status-cancelled,.invoice-detail-status-refunded{background:#fee2e2;color:#991b1b}
.invoice-detail-meta{min-height:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.invoice-detail-meta>div,.invoice-payment-fields>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.invoice-detail-meta span,.invoice-payment-fields span{color:#718096;font-size:12px;font-weight:400;line-height:16px}
.invoice-detail-meta strong,.invoice-payment-fields strong{overflow:hidden;color:#1A202C;font-size:14px;font-weight:500;line-height:20px;text-overflow:ellipsis;white-space:nowrap}
.invoice-download-button{height:36px;min-width:154px;margin-top:34px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;background:#194BFB;color:#fff;font-size:14px;font-weight:500;line-height:20px;cursor:pointer}
.invoice-download-button .icon{width:16px;height:16px}
.invoice-detail-content{padding:24px;display:flex;flex-direction:column;gap:32px}
.invoice-summary-grid{height:255px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.invoice-summary-grid.has-payment-history{height:295px}
.invoice-detail-section{min-width:0;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1A202C}
.invoice-detail-section h2{margin:0;color:#1A202C;font-size:20px;font-weight:600;line-height:28px;letter-spacing:-.3px}
.invoice-payment-card{height:100%;padding:16px 24px 24px}
.invoice-payment-card h2{margin-bottom:24px}
.invoice-payment-card h2 span{font-weight:400}
.invoice-payment-fields{display:grid;gap:22px}
.invoice-pay-button{height:36px;margin-top:22px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:#194BFB;color:#fff;font-size:14px;font-weight:500;line-height:20px;cursor:pointer}
.invoice-pay-button:disabled{opacity:.65;cursor:wait}
.invoice-financial-card{height:100%;padding:20px 24px 24px}
.invoice-financial-card h2{margin-bottom:16px}
.invoice-financial-lines>div{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e2e8f0;color:#4A5568;font-size:14px;line-height:20px}
.invoice-financial-lines strong{color:#1A202C;font-weight:500;white-space:nowrap}
.invoice-financial-lines .invoice-balance-row{margin-top:4px;border:0;color:#1A202C;font-weight:600}
.invoice-balance-row strong{font-size:16px;font-weight:700}
.invoice-items-card{height:478px;padding:24px;display:flex;flex-direction:column}
.invoice-items-card h2,.invoice-history-card h2{line-height:28px}
.invoice-detail-table-wrap{width:100%;margin-top:24px;overflow:auto}
.invoice-detail-table{width:100%;border-collapse:collapse;text-align:left}
.invoice-detail-table th{height:48px;padding:0 16px;border-bottom:1px solid #e2e8f0;color:#718096;font-size:12px;font-weight:500;line-height:16px}
.invoice-detail-table td{height:64px;padding:12px 16px;border-bottom:1px solid #e2e8f0;color:#1A202C;font-size:14px;font-weight:400;line-height:20px}
.invoice-detail-table th:last-child,.invoice-detail-table td:last-child{text-align:right}
.invoice-detail-table td strong,.invoice-detail-table td small{display:block}
.invoice-detail-table td strong{font-weight:500}
.invoice-detail-table td small{margin-top:4px;color:#718096;font-size:12px;line-height:16px}
.invoice-detail-table th:nth-child(2),.invoice-detail-table td:nth-child(2){width:19%}
.invoice-detail-table th:last-child,.invoice-detail-table td:last-child{width:19%;text-align:right}
.invoice-detail-subtotal-row td{height:54px;background:#f8fafc;font-weight:600}
.invoice-detail-subtotal-row td:first-child{text-align:right}
.invoice-detail-empty{color:#718096!important;text-align:center!important}
.invoice-items-total{margin-top:auto;padding:16px;display:flex;justify-content:flex-end;gap:40px;border-top:1px solid #e2e8f0;color:#4A5568;font-size:14px}
.invoice-items-total strong{color:#1A202C;font-weight:600}
.invoice-history-card{height:378px;padding:24px}
.invoice-history-table{min-width:760px}
.invoice-history-table td{font-size:12px}
.invoice-notes-card{height:176px;padding:24px}
.invoice-notes-card p{margin:20px 0 0;color:#4A5568;font-size:14px;line-height:24px;white-space:normal}
.invoice-notes-card a{color:#194BFB;text-decoration:underline;text-underline-offset:3px}
body.dark-mode .invoice-detail-card,body.dark-mode .invoice-detail-section{background:#fff;color:#1A202C}
@media(max-width:760px){.invoice-detail-page{padding:14px 0 28px}.invoice-detail-toolbar{height:60px;padding:0 8px}.invoice-toolbar-tools{width:auto;gap:6px}.invoice-toolbar-tools span:first-child{width:auto;font-size:12px}.invoice-toolbar-tools span:last-child{width:auto;padding:0 7px}.invoice-detail-card-header{height:auto;min-height:161px;padding:18px;gap:12px;flex-direction:column}.invoice-detail-heading{width:100%;max-width:100%;height:auto;gap:14px}.invoice-detail-title-row h1{font-size:26px;line-height:32px}.invoice-detail-title-row{height:32px}.invoice-detail-status{height:28px}.invoice-detail-meta{gap:8px}.invoice-detail-meta strong{font-size:12px}.invoice-download-button{margin:0}.invoice-detail-content{padding:16px;gap:16px}.invoice-summary-grid,.invoice-summary-grid.has-payment-history{height:auto;grid-template-columns:1fr;gap:16px}.invoice-payment-card,.invoice-financial-card{height:auto;min-height:230px;padding:18px}.invoice-pay-button{margin-top:18px}.invoice-items-card,.invoice-history-card,.invoice-notes-card{height:auto;min-height:300px;padding:18px}.invoice-detail-table-wrap{margin-top:18px}.invoice-items-total{margin-top:48px}}
.dashboard-main{min-height:0}
@media(min-width:761px){.dashboard-app{height:100vh;min-height:0}}
.list-panel>.page-heading>div{flex:1}
.status-badge{border:1px solid transparent}
.dashboard-layout .dashboard-topbar{padding-right:16px;padding-left:16px;border-color:#e2e8f0;background:rgba(255,255,255,.6);backdrop-filter:blur(12px)}
.dashboard-layout .dashboard-top-actions{gap:16px;padding:8px;border-right:1px solid rgba(226,232,240,.4);border-left:1px solid rgba(226,232,240,.4)}
.dashboard-layout .dashboard-top-actions .order-top{width:206px;height:50px;min-height:50px;padding:0 24px;border:1px solid #e2e8f0;border-radius:12px;background:#194BFB}
.dashboard-layout .dashboard-top-actions .credit-pill{width:146px;height:44px;padding:12px;border:0;border-radius:12px;background:rgba(15,23,42,.9);color:#f8fafc;font-size:16px;flex:none}
.dashboard-layout .dashboard-top-actions .credit-pill .icon{width:20px;height:20px;color:#f8fafc}
.dashboard-layout .account-menu-wrap{width:184px;height:58px;flex:none}
.dashboard-layout .account-menu{width:100%;height:58px;min-height:58px;padding:10px;border:1px solid transparent;border-radius:12px;gap:8px}
.dashboard-layout .account-text{min-width:0;flex:1;overflow:hidden}
.dashboard-layout .account-text b,.dashboard-layout .account-text small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dashboard-layout .dashboard-theme{width:40px;height:40px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1A202C}
.dashboard-layout .stat-card{box-shadow:0 1px 2px rgba(0,0,0,.05)}
.dashboard-layout .services-overview{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.dashboard-layout.is-sidebar-collapsed .dashboard-brand{display:none}
.dashboard-layout.is-sidebar-collapsed .sidebar-header{justify-content:center}
.dashboard-layout.is-sidebar-collapsed .sidebar-toggle{width:31px;height:40px;color:#1A202C}
.dashboard-layout.is-sidebar-collapsed .nav-caret{display:none}
.dashboard-layout .side-link{height:36px;min-height:36px}
.dashboard-layout .side-link .icon{width:20px;height:20px}
.dashboard-layout .sidebar-bottom{padding:16px 8px}
.dashboard-layout .sidebar-bottom .side-link{height:36px;min-height:36px}
.dashboard-layout .side-link.is-active{background:rgba(248,250,252,.6);color:#1A202C}
.dashboard-layout .side-link.is-active .icon{color:#1A202C}
.dashboard-layout .dashboard-top-actions .credit-pill>span{color:#f8fafc;font-size:14px;font-weight:500}
.dashboard-layout .dashboard-top-actions .credit-pill b{color:#f8fafc;font-size:14px;font-weight:700}
.dashboard-layout .service-filters>input.service-filter-input{width:100%;min-width:0;height:40px;min-height:40px;flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1A202C;font-size:14px;line-height:20px}
.dashboard-layout .service-filters select{appearance:none;padding:8px 12px;border-color:#e2e8f0;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}
.dashboard-layout .service-filters select{line-height:20px}
.dashboard-layout .create-service-button{line-height:20px}
.dashboard-layout:not(.is-sidebar-collapsed) .dashboard-brand img{width:189px;height:47px}
.dashboard-layout:not(.is-sidebar-collapsed) .sidebar-toggle{width:34px;height:40px}
@media(min-width:761px){.dashboard-layout:not(.is-sidebar-collapsed) .side-link{padding:8px}}
.dashboard-layout .side-subnav{height:0;margin-left:16px;padding:0 0 0 17px;gap:4px;opacity:0;overflow:hidden;pointer-events:none;transition:height .18s,opacity .18s}
.dashboard-layout .side-group.is-expanded .side-subnav{height:auto;opacity:1;pointer-events:auto}
.dashboard-layout .side-sub-link{padding:8px;line-height:20px}
.dashboard-layout .side-link{line-height:20px}
.dashboard-layout:not(.is-sidebar-collapsed) .sidebar-bottom{padding:16px}
.dashboard-layout:not(.is-sidebar-collapsed) .side-link>span:not(.nav-caret){flex:1}
.ticket-page{display:flex;flex-direction:column;gap:24px;padding:24px;background:#fff}
.ticket-heading-row{height:64px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ticket-heading-row h1{margin:0;color:#1A202C;font-size:30px;font-weight:700;line-height:36px;letter-spacing:-.025em}
.ticket-heading-row p{margin:4px 0 0;color:#4A5568;font-size:16px;font-weight:400;line-height:24px}
.ticket-heading-row>.button{width:152px;height:40px;min-height:40px;padding:0 16px}
.ticket-list-content{display:flex;flex-direction:column;gap:16px}
.ticket-filters{height:74px;padding:16px;display:grid;grid-template-columns:minmax(0,2.04fr) minmax(0,1fr);gap:16px;border:1px solid #e2e8f0;border-radius:8px;background:oklab(.985 -.00075 -.00185 / .5)}
.ticket-search{position:relative;min-width:0;display:block}
.ticket-search .icon{position:absolute;left:12px;top:11px;width:17px;height:17px;color:#718096}
.ticket-search input,.ticket-filters select{width:100%;height:40px;min-height:40px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1A202C;font-size:14px;font-weight:400;line-height:20px}
.ticket-search input{padding-left:36px}
.ticket-filters select{appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}
.ticket-status-picker{position:relative;min-width:0;height:40px}
.ticket-status-trigger{width:100%;height:40px;min-height:40px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#1A202C;font-size:14px;font-weight:400;line-height:20px;text-align:left;cursor:pointer}
.ticket-status-trigger>.icon{width:16px;height:16px;color:#718096;opacity:.5}
.ticket-status-options{position:absolute;z-index:50;top:100%;left:0;width:calc(100% + 2px);max-height:384px;overflow:hidden;padding:4px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1A202C;box-shadow:0 4px 8px rgba(15,23,42,.12)}
.ticket-status-options[hidden]{display:none}
.ticket-status-options button{position:relative;width:100%;height:32px;padding:6px 8px 6px 32px;border:0;border-radius:4px;display:flex;align-items:center;background:transparent;color:#1A202C;font-size:14px;font-weight:400;line-height:20px;text-align:left;cursor:pointer}
.ticket-status-options button:hover,.ticket-status-options button[aria-selected=true]{background:#F6F9FC}
.ticket-status-check{position:absolute;left:8px;width:16px;color:#1A202C}
.ticket-panel{height:400px;min-height:400px;overflow:hidden;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.ticket-panel .table-wrap{height:auto;margin:0;overflow:auto;border:0;border-radius:0}
.ticket-table{width:100%;min-width:780px;table-layout:fixed}
.ticket-table col:nth-child(1){width:8.496%}.ticket-table col:nth-child(2){width:26.963%}.ticket-table col:nth-child(3){width:8.525%}.ticket-table col:nth-child(4){width:7.629%}.ticket-table col:nth-child(5){width:14.803%}.ticket-table col:nth-child(6){width:10.537%}.ticket-table col:nth-child(7){width:10.537%}.ticket-table col:nth-child(8){width:12.51%}
.ticket-table th{height:48px;padding:0 16px;background:transparent;color:#4A5568;font-size:14px;font-weight:500;line-height:20px}
.ticket-table td{height:73px;padding:16px;border-top:0;border-bottom:1px solid #e2e8f0;color:#1A202C;font-size:14px;font-weight:400;line-height:20px;white-space:nowrap}
.ticket-table tbody tr:last-child td{height:72.5px;padding-bottom:15.5px}
.ticket-table td b{font-size:14px;font-weight:500}
.ticket-table .ticket-datetime{position:relative;display:flex;flex-direction:column;color:#1A202C;font-size:14px;font-weight:400;line-height:20px}
.ticket-table tbody td>*{position:relative;top:0}
.ticket-table tbody tr:first-child td>*{top:1px}
.ticket-subject-wrap{min-width:0;overflow:hidden}
.ticket-table .ticket-subject{display:block;overflow:hidden;color:#1A202C;font-size:14px;font-weight:500;line-height:20px;text-overflow:ellipsis;white-space:nowrap}
.ticket-table .requestor{display:block;overflow:hidden;margin:0;color:#4A5568;font-size:14px;font-weight:400;line-height:20px;text-overflow:ellipsis;white-space:nowrap}
.ticket-priority{display:inline;color:oklch(.586 .253 17.585);font-size:14px;font-weight:500;line-height:20px}
.ticket-priority.priority-medium{color:oklch(.666 .179 58.318)}
.ticket-priority.priority-low{color:#194BFB}
.ticket-department{padding:4px 8px;display:inline-flex;align-items:center;border-radius:6px;background:#F6F9FC;color:#1A202C;font-size:14px;font-weight:400;line-height:20px}
.ticket-table .status-closed{background:oklch(.551 .027 264.364);color:#fff}
.ticket-table .table-link{min-height:36px;padding:0 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1A202C;font-size:14px;font-weight:500;line-height:20px}
.ticket-pagination{height:36px;display:flex;align-items:center;justify-content:space-between;color:#4A5568;font-size:14px;line-height:20px}
.ticket-pagination>div{display:flex;align-items:center;gap:8px}
.ticket-pagination button{height:36px;padding:0 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1A202C;font-size:14px;font-weight:500;line-height:20px}
.ticket-pagination button:disabled{opacity:.5}
.ticket-new-shell{width:min(100%,768px);margin:0 auto;padding:24px}
.ticket-new-back-row{height:40px;margin:0 0 24px}
.ticket-new-back-link{width:176px;height:40px;padding:8px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;color:#4A5568;font-size:14px;font-weight:400;line-height:20px}
.ticket-new-back-link>.icon{transform:rotate(180deg);color:#4A5568}
.ticket-new-back-link:hover{background:#F6F9FC}
.ticket-new-card{padding:24px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.ticket-new-card>h1{margin:0 0 24px;color:#1A202C;font-size:24px;font-weight:700;line-height:32px;letter-spacing:-.025em}
.ticket-new-form{display:flex;flex-direction:column;gap:32px}
.ticket-select-row{height:84px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ticket-select-field{position:relative;min-width:0;display:flex;flex-direction:column;gap:12px}
.ticket-form-label-row{height:20px;display:flex;align-items:center;justify-content:space-between;color:#4A5568;font-size:14px;font-weight:500;line-height:20px}
.ticket-form-label-row>div{display:flex;align-items:center;gap:2px}
.ticket-form-label-row label{color:#4A5568;font-size:14px;font-weight:500;line-height:20px}
.ticket-required,.ticket-counter{color:#718096;font-size:12px;font-weight:400;line-height:16px}
.ticket-form-select-trigger{width:100%;height:40px;min-height:40px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#1A202C;font-size:14px;font-weight:400;line-height:20px;text-align:left;cursor:pointer}
.ticket-form-select-trigger>.icon{width:16px;height:16px;color:#718096;opacity:.5}
.ticket-native-select{position:absolute;bottom:0;left:-1px;width:1px;height:1px;min-height:0;padding:0;border:0;opacity:0;pointer-events:none}
.ticket-form-select-options{position:absolute;z-index:50;top:76px;left:0;width:calc(100% + 2px);max-height:384px;overflow:auto;padding:4px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1A202C;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.ticket-form-select-options[hidden]{display:none}
.ticket-form-select-options button{position:relative;width:100%;height:48px;padding:6px 8px 6px 32px;border:0;border-radius:4px;display:flex;align-items:center;background:transparent;color:#1A202C;font-size:14px;font-weight:400;line-height:20px;text-align:left;cursor:pointer}
.ticket-form-select-options button:hover,.ticket-form-select-options button[aria-selected=true]{background:#F6F9FC}
.ticket-form-option-check{position:absolute;left:8px;width:16px;color:#1A202C}
.ticket-text-field{display:flex;flex-direction:column;gap:12px}
.ticket-new-form input:not(.ticket-native-select),.ticket-new-form textarea{width:100%;min-width:0;height:42px;min-height:42px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1A202C;font-size:14px;font-weight:400;line-height:20px}
.ticket-new-form input::placeholder,.ticket-new-form textarea::placeholder{color:#718096;opacity:1}
.ticket-new-form textarea{height:250px;min-height:250px;padding:8px 12px;resize:vertical}
.ticket-message-field>p{margin:0;color:#718096;font-size:14px;line-height:20px}
.ticket-new-actions{position:relative;height:65px;padding-top:24px;border-top:1px solid #E2E8F1;display:flex;align-items:center;justify-content:flex-end;gap:13px}
.ticket-cancel-button,.ticket-create-button{height:40px;min-height:40px;padding:0 16px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;line-height:20px}
.ticket-cancel-button{width:111px;border:1px solid #D8DCEB;background:#fff;color:#4A5568}
.ticket-create-button{width:152px;border:1px solid #194BFB;background:#194BFB;color:#fff;cursor:pointer}
.ticket-form-feedback[hidden]{display:none}
.ticket-form-feedback:not([hidden]){position:absolute;right:0;bottom:-26px;color:#b91c1c;font-size:13px;line-height:20px}
@media(max-width:760px){.ticket-page{gap:18px;padding:18px}.ticket-heading-row{height:auto;align-items:flex-start}.ticket-heading-row h1{font-size:24px;line-height:32px}.ticket-heading-row p{font-size:14px;line-height:20px}.ticket-heading-row>.button{width:auto}.ticket-list-content{gap:12px}.ticket-filters{height:auto;grid-template-columns:1fr;padding:12px;gap:8px}.ticket-panel{height:auto;min-height:300px}.ticket-table{min-width:1286px}.ticket-pagination{height:auto;gap:12px;align-items:flex-start;flex-direction:column}}
.dashboard-layout .service-filters>input.service-filter-input,.dashboard-layout .service-filters>select{flex:0 0 calc((100% - 32px)/3);width:calc((100% - 32px)/3)}
.dashboard-layout .services-overview .create-service-button{width:194px;height:40px;min-height:40px;padding:8px 16px;border:1px solid #e2e8f0}
@media(max-width:760px){.dashboard-layout.is-sidebar-collapsed .dashboard-brand{display:flex}}
@media(max-width:1100px) and (min-width:761px){.dashboard-sidebar .nav-caret{display:none}}
@media(max-width:760px){.dashboard-layout.is-sidebar-open .nav-caret{display:inline-flex}}
@media(max-width:760px){.dashboard-layout .service-filters>input.service-filter-input{flex:1 1 100%;width:100%}.dashboard-layout .service-filters>select{flex:1 1 calc((100% - 16px)/2);width:auto}}
@media(max-width:760px){.dashboard-layout .dashboard-brand img{width:148px;height:40px}}
@media(max-width:760px){.dashboard-layout .side-subnav{margin-left:0;padding-left:30px}}
.product-services-panel{height:520px;min-height:520px;padding:40px 32px;display:flex;flex-direction:column;overflow:hidden;border:0;border-radius:8px;background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.product-services-panel>h1{margin:0 0 16px;color:oklch(.21 .034 264.665);font-size:24px;font-weight:700;line-height:32px;letter-spacing:0}
.product-services-description{margin:0 0 16px;color:oklch(.551 .027 264.364);font-size:14px;line-height:20px}
.product-services-panel.has-service-rows{height:auto;min-height:425px}
.product-service-filters{height:40px;min-height:40px;margin:0 0 24px;display:flex;gap:16px}
.product-service-filters>input,.product-status-picker{flex:1;min-width:0}
.product-service-filters>input{width:100%;height:40px;min-height:40px;padding:8px 12px;border:1px solid #e2e8f0!important;border-radius:6px!important;background:#fff;color:#1A202C;font-size:14px;line-height:20px}
.product-status-picker{position:relative;min-width:0}
.product-status-trigger{width:100%;height:40px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#1A202C;font-size:14px;font-weight:400;line-height:20px;text-align:left;cursor:pointer}
.product-status-trigger>.icon{width:16px;height:16px;color:#718096}
.product-status-options{position:absolute;z-index:30;top:calc(100% + 4px);right:0;left:0;padding:4px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;box-shadow:0 4px 8px rgba(15,23,42,.12)}
.product-status-options[hidden]{display:none}
.product-status-options button{width:100%;padding:7px 8px;border:0;border-radius:4px;background:transparent;color:#1A202C;font-size:14px;text-align:left;cursor:pointer}
.product-status-options button:hover,.product-status-options button[aria-selected=true]{background:#F6F9FC}
.product-service-list{height:292px;min-height:292px;overflow-x:auto}
.product-service-empty{height:292px;min-height:292px;padding:48px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.product-service-empty>.icon{width:64px;height:64px;margin:0 0 16px;color:oklch(.723 .219 149.579);stroke-width:2}
.product-service-empty h3{margin:0 0 8px;color:oklch(.21 .034 264.665);font-size:18px;font-weight:500;line-height:28px;letter-spacing:0}
.product-service-empty p{max-width:672px;margin:0 0 16px;color:oklch(.551 .027 264.364);font-size:16px;font-weight:400;line-height:24px}
.product-service-empty>.button{height:40px;min-height:40px;padding:8px 16px;border:0;border-radius:6px;display:inline-flex;align-items:center;gap:8px;background:oklch(.723 .219 149.579);color:#fff;font-size:14px;font-weight:500;line-height:20px;box-shadow:none;font-family:-apple-system,"system-ui","Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif}
.product-service-empty>.button>.product-button-plus{margin-right:8px;font-size:14px;font-weight:500;line-height:20px}
.product-service-empty>.button:hover{background:#194BFB}
.product-service-table-shell{height:auto;min-height:0;overflow:visible}
.product-service-table-wrap{overflow-x:auto}
.product-service-table{width:100%;min-width:820px;border-collapse:collapse;table-layout:fixed;text-align:left;color:#1A202C;font-size:14px;line-height:20px}
.product-service-table thead tr{border-bottom:1px solid #e2e8f0}
.product-service-table tbody tr{border-bottom:1px solid #e2e8f0}
.product-service-table th{height:48px;padding:0 16px;color:rgb(79,91,109);font-size:14px;font-weight:500;line-height:20px;white-space:nowrap}
.product-service-table td{height:auto;padding:16px;border:0;font-size:14px;line-height:20px;white-space:nowrap}
.product-service-table .product-manage-button{white-space:nowrap}
.product-service-pagination{height:40px;min-height:40px}
.product-domain-pagination{height:auto;min-height:72px}
.product-service-pagination>span{color:#718096;font-size:14px;line-height:20px}
.product-services-domain{height:596px;min-height:596px;padding:40px 16px;display:block;overflow:hidden;border:1px solid #e2e8f0}
.product-services-domain.has-service-rows{height:auto;min-height:596px}
.product-domain-heading{height:68px;margin:0 0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.product-domain-heading h1{margin:0;color:#1A202C;font-size:30px;font-weight:700;line-height:36px;letter-spacing:0}
.product-domain-heading p{margin:8px 0 0;color:rgb(79,91,109);font-size:16px;line-height:24px}
.product-domain-heading>a{width:206px;height:40px;min-height:40px;flex:none;padding:8px 16px;border:0;border-radius:6px;background:#1A202C;color:#f8fafc;font-size:14px;font-weight:500;line-height:20px;box-shadow:none;font-family:-apple-system,"system-ui","Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif}
.product-domain-heading>a:hover,.product-domain-empty>div>a:hover{background:#1A202C}
.product-domain-filters{margin-bottom:24px}
.product-domain-filters>input{flex:1 1 auto;width:auto}
.product-domain-filters .product-status-picker{flex:0 0 180px}
.product-domain-results{min-height:358px;overflow:hidden}
.product-domain-empty{height:356px;min-height:356px;border:0;border-radius:0}
.product-domain-empty>div{width:100%;height:100%;padding:64px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.product-domain-empty svg{flex:none;color:#fff;stroke-width:2}
.product-domain-empty h3{margin:0 0 8px;color:#1A202C;font-size:20px;font-weight:600;line-height:28px;letter-spacing:0}
.product-domain-empty p{max-width:448px;margin:0 0 24px;color:rgb(79,91,109);font-size:16px;font-weight:400;line-height:24px}
.product-domain-empty>div>a{width:206px;height:40px;min-height:40px;padding:8px 16px;border:0;border-radius:6px;background:#1A202C;color:#f8fafc;font-size:14px;font-weight:500;line-height:20px;box-shadow:none;font-family:-apple-system,"system-ui","Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif}
.product-domain-empty>div>a svg{margin-right:8px}
@media(max-width:760px){.product-services-panel{height:auto;min-height:520px;padding:32px 20px}.product-services-panel.has-service-rows{min-height:0}.product-service-filters{height:auto;flex-direction:column;gap:8px}.product-service-filters>input,.product-status-picker{width:100%;flex:auto}.product-service-list,.product-service-empty{height:292px;min-height:292px}.product-service-table-shell{height:auto;min-height:0}.product-service-table{min-width:820px}.product-service-empty p{padding:0 12px}}
@media(max-width:760px){.product-services-domain{height:auto;min-height:596px;padding:24px 16px;overflow:visible}.product-services-domain.has-service-rows{min-height:596px}.product-domain-heading{height:auto;align-items:flex-start;flex-direction:column;gap:16px}.product-domain-heading>a{width:auto;align-self:flex-start}.product-domain-filters{height:auto;flex-direction:column;gap:8px}.product-domain-filters>input,.product-domain-filters .product-status-picker{width:100%;flex:1 1 auto}.product-domain-results{min-height:358px}.product-domain-empty{height:356px;min-height:356px}.product-domain-empty>div{padding:48px 12px}.product-domain-empty p{padding:0 12px}}
.profile-shell{min-height:1457px;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.profile-inner{padding:32px 32px 56px}
.profile-hero{height:220px;margin:0 0 32px;padding:40px;border-radius:8px;background:linear-gradient(to right,oklch(.723 .219 149.579),oklch(.446 .043 257.281));color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.profile-hero-content{height:140px;display:flex;align-items:flex-start;gap:24px}
.profile-avatar-shell{width:128px;height:128px;flex:0 0 128px;padding:0;overflow:hidden;border:4px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);box-shadow:0 10px 15px -3px rgba(0,0,0,.15)}
.profile-avatar{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:rgba(15,23,42,.18);color:#fff;font-size:40px;font-weight:600;line-height:1}
.profile-avatar-flag{width:100%;height:100%;border-radius:50%;object-fit:cover}
.profile-identity{min-width:0;flex:1}
.profile-email-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
.profile-identity h1{margin:0;color:#fff;font-size:36px;font-weight:700;line-height:40px;letter-spacing:-.025em}
.profile-identity>p{margin:0 0 8px;overflow:hidden;color:rgba(255,255,255,.9);font-size:20px;font-weight:400;line-height:28px;text-overflow:ellipsis;white-space:nowrap}
.profile-email-status{display:flex;align-items:center;gap:0;color:#fff}
.profile-email-status>.icon{width:20px;height:20px;flex:none}
.profile-email-status p{margin:0;color:#fff;font-size:14px;font-weight:500;line-height:20px}
.profile-email-status p+p{color:oklch(.871 .15 154.449);font-weight:400}
.profile-tab-list{height:39px;display:flex;align-items:center;border-bottom:1px solid #e2e8f0}
.profile-tab-trigger{height:36px;padding:8px 16px;border:0;border-bottom:0;border-radius:6px 6px 0 0;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#4A5568;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;cursor:pointer}
.profile-tab-trigger.is-active{height:38px;border-bottom:2px solid oklch(.627 .194 149.214);background:#fff;color:#1A202C}
.profile-tab-panel{margin-top:32px}
.profile-overview{display:block}
.profile-stat-grid{height:126px;margin-bottom:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.profile-stat-card{height:126px;overflow:hidden;border:1px solid #E2E8F1;border-radius:8px;background:#fff;color:oklch(.13 .028 261.692);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.profile-stat-head{height:52px;padding:24px 24px 8px;display:flex;align-items:center;justify-content:space-between}
.profile-stat-head h3{margin:0;color:oklch(.13 .028 261.692);font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.025em}
.profile-stat-head>.icon{width:20px;height:20px;color:#194BFB}
.profile-stat-value{height:72px;padding:0 24px 24px}
.profile-stat-value p{margin:0;color:oklch(.13 .028 261.692);font-size:24px;font-weight:700;line-height:32px;letter-spacing:-.025em}
.profile-stat-detail{display:block;overflow:hidden;color:#718096;font-size:12px;font-weight:400;line-height:16px;text-overflow:ellipsis;white-space:nowrap}
.profile-info-card{margin-top:24px;overflow:hidden;border:1px solid #E2E8F1;border-radius:8px;background:#fff;color:oklch(.13 .028 261.692);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.profile-stat-grid+.profile-info-card{margin-top:32px}
.profile-info-card>header{height:80px;padding:24px;display:flex;flex-direction:column;justify-content:flex-start}
.profile-info-card>header h3,.profile-empty-tab h3{margin:0;color:oklch(.13 .028 261.692);font-size:24px;font-weight:600;line-height:32px;letter-spacing:-.025em}
.profile-info-card>header p,.profile-empty-tab>p{margin:0;color:#718096;font-size:14px;line-height:20px}
.profile-financial-grid{min-height:104px;padding:0 24px 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.profile-financial-item p{margin:0;color:oklch(.13 .028 261.692);font-size:14px;font-weight:500;line-height:20px}
.profile-financial-item p+p{margin-top:4px;color:oklch(.13 .028 261.692);font-size:24px;font-weight:700;line-height:32px}
.profile-financial-item p+p+p{margin-top:2px;color:#718096;font-size:12px;font-weight:400;line-height:18px}
.profile-info-grid{min-height:128px;padding:0 24px 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.profile-info-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.profile-info-item{min-width:0;min-height:44px;display:flex;align-items:flex-start;gap:16px}
.profile-info-item>.icon{width:20px;height:20px;flex:none;margin-top:2px;color:#718096}
.profile-info-item>div{min-width:0;flex:1}
.profile-field-label,.profile-field-value{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px}
.profile-field-label{color:oklch(.13 .028 261.692);font-weight:500}
.profile-field-value{margin-top:4px;color:#718096;font-weight:400}
.profile-tab-panel:not(.profile-overview-panel){display:block}
.profile-tab-panel.hidden{display:none}
.profile-edit-card{margin:0 0 24px}
.profile-edit-card>header{height:auto;min-height:80px;gap:4px}
.profile-edit-grid{padding:0 24px 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.profile-edit-grid>label{display:grid;gap:8px;color:#1A202C;font-size:14px;font-weight:500;line-height:16px}
.profile-country-field{display:grid;gap:8px;color:#1A202C;font-size:14px;font-weight:500;line-height:16px}
.profile-edit-grid input{width:100%;height:40px;min-height:40px;padding:8px 12px;border:1px solid #e2e8f0!important;border-radius:6px!important;background:#fff;color:#1A202C;font-size:14px;line-height:20px}
.profile-edit-sections{display:grid;gap:24px}
.profile-edit-card.profile-edit-section{margin:0}
.profile-edit-heading{padding:24px 24px 16px;display:flex;flex-direction:column;gap:6px}
.profile-edit-toggle{width:100%;height:32px;min-height:32px;padding:0;border:0;display:flex;align-items:center;justify-content:space-between;background:transparent;color:#1A202C;font-size:16px;font-weight:500;line-height:24px;text-align:left;cursor:pointer}
.profile-edit-toggle>.icon{flex:none;color:#718096;transition:transform .18s ease}
.profile-edit-section.is-expanded .profile-edit-toggle>.icon{transform:rotate(180deg)}
.profile-edit-body[hidden]{display:none}
.profile-edit-grid.profile-edit-body{padding-top:0}
.profile-edit-grid .button{height:40px;min-height:40px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;line-height:20px;box-shadow:none}
.profile-edit-grid .button:hover{transform:none;box-shadow:none}
.profile-business-content{padding:0 24px 24px;display:grid;gap:24px}
.profile-business-callout{padding:16px;border:1px solid #E6F0FF;border-radius:8px;background:#EDF1FF;color:#1446F2}
.profile-business-callout-row{display:flex;align-items:flex-start;gap:12px}
.profile-business-callout-row>.icon{width:20px;height:20px;flex:none;margin-top:2px;color:#194BFB}
.profile-business-callout-copy{min-width:0;flex:1;margin-left:0}
.profile-business-callout-copy h3{margin:0 0 4px;color:#1446F2;font-size:14px;font-weight:500;line-height:20px}
.profile-business-callout-copy p{margin:0;color:#1446F2;font-size:14px;line-height:20px}
.profile-business-callout-copy ul{margin:8px 0 0;padding:0;color:#1446F2;font-size:14px;line-height:20px;list-style:disc inside}
.profile-business-callout-copy li{margin:0 0 4px}
.profile-business-callout-copy li:last-child{margin-bottom:0}
.profile-business-callout-copy p:last-child{margin-top:8px;color:#1446F2;font-size:14px;font-style:italic;line-height:20px}
.profile-business-grid{padding:0}
.profile-business-grid .profile-form-actions{margin-top:8px}
.profile-country-select{position:relative;width:100%}
.profile-country-trigger{width:100%;height:40px;min-height:40px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#1A202C;font-size:14px;font-weight:400;line-height:20px;text-align:left;cursor:pointer}
.profile-country-trigger:focus-visible{outline:2px solid #94a3b8;outline-offset:2px}
.profile-country-trigger>.icon{width:16px;height:16px;flex:none;color:#718096;opacity:.5}
.profile-country-options{position:absolute;z-index:50;left:0;bottom:calc(100% + 4px);width:calc(100% + 2px);max-height:384px;overflow:auto;padding:4px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1A202C;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.profile-country-options[hidden]{display:none}
.profile-country-option{position:relative;width:100%;height:32px;min-height:32px;padding:6px 8px 6px 32px;border:0;border-radius:4px;display:flex;align-items:center;background:transparent;color:#1A202C;font-size:14px;font-weight:400;line-height:20px;text-align:left;cursor:default}
.profile-country-option:hover,.profile-country-option:focus{outline:0;background:#F6F9FC;color:#1A202C}
.profile-country-option-check{position:absolute;left:8px;width:16px;height:16px;display:grid;place-items:center;color:#1A202C}
.profile-country-option-check:empty{display:none}
.profile-country-option-check>.icon{width:16px;height:16px}
.profile-edit-grid .span-two{grid-column:1/-1}
.profile-form-actions{display:flex;align-items:center;gap:16px}
.profile-setting-row{min-height:76px;padding:16px 24px;border-top:1px solid #E2E8F1;display:flex;align-items:center;justify-content:space-between;gap:20px}
.profile-setting-row b,.profile-setting-row small{display:block}
.profile-setting-row b{color:#1A202C;font-size:14px;font-weight:500;line-height:20px}
.profile-setting-row small{margin-top:4px;color:#718096;font-size:14px;line-height:20px}
.profile-empty-tab{min-height:186px;margin:0;padding:24px}
.profile-empty-tab>p{margin-top:4px}
.profile-empty-notice{margin-top:24px;padding:20px;border:1px dashed #E2E8F1;border-radius:6px;color:#718096;font-size:14px}
.profile-security-card{margin:0}
.profile-security-heading{padding:24px 24px 16px;display:flex;flex-direction:column;gap:6px}
.profile-security-toggle{width:100%;height:28px;min-height:28px;padding:0;border:0;display:flex;align-items:center;justify-content:space-between;background:transparent;color:#1A202C;text-align:left;cursor:pointer}
.profile-security-toggle h3{margin:0;display:flex;align-items:center;gap:8px;color:#1A202C;font-size:20px;font-weight:600;line-height:28px;letter-spacing:-.025em}
.profile-security-toggle h3>.icon{width:20px;height:20px;flex:none}
.profile-security-toggle>.icon{width:16px;height:16px;flex:none;color:#718096;transition:transform .18s ease}
.profile-security-section.is-expanded .profile-security-toggle>.icon{transform:rotate(180deg)}
.profile-password-panel[hidden]{display:none}
.profile-password-content{padding:0 24px 24px;display:grid;gap:24px}
.profile-password-form{padding:0;display:grid;gap:24px}
.profile-password-fields{display:grid;gap:16px}
.profile-password-field{display:grid;gap:8px;color:#1A202C;font-size:14px;font-weight:500;line-height:16px}
.profile-password-input{position:relative}
.profile-password-input input{width:100%;height:40px;min-height:40px;padding:8px 40px 8px 40px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1A202C;font-size:14px;line-height:20px}
.profile-password-input>.icon{position:absolute;top:10px;left:12px;width:20px;height:20px;color:#9ca3af;pointer-events:none}
.profile-password-input>button{position:absolute;top:4px;right:8px;width:32px;height:32px;padding:0;border:0;border-radius:6px;display:grid;place-items:center;background:transparent;color:#718096;cursor:pointer}
.profile-password-input>button:hover{background:#F6F9FC}
.profile-password-input>button>.icon{width:16px;height:16px}
.profile-password-strength{display:grid;gap:16px}
.profile-password-meter-label{height:20px;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between;color:#718096;font-size:14px;line-height:20px}
.profile-password-percent{color:#dc2626;font-weight:500}
.profile-password-meter-track{height:8px;overflow:hidden;border-radius:999px;background:#F6F9FC}
.profile-password-meter-fill{width:0;height:100%;border-radius:inherit;background:#dc2626;transition:width .3s ease}
.profile-password-strength ul{margin:0;padding:0;display:grid;gap:8px;list-style:none}
.profile-password-strength li{min-height:20px;display:flex;align-items:center;gap:8px;color:#b91c1c;font-size:14px;line-height:20px}
.profile-password-strength li>.icon{width:16px;height:16px;flex:none;color:#ef4444}
.profile-password-strength li.is-valid{color:#1446F2}
.profile-password-strength li.is-valid>.icon{color:#194BFB}
.profile-password-form>.form-feedback:empty{display:none}
.profile-password-form [data-password-submit]{width:100%;height:40px;min-height:40px;border-radius:6px;font-size:14px;font-weight:500;line-height:20px;box-shadow:none}
.profile-password-form [data-password-submit]:hover{transform:none;box-shadow:none}
.profile-password-form [data-password-submit]:disabled{opacity:.5;cursor:not-allowed;transform:none}
.profile-notifications-card{margin:0}
.profile-notifications-body{padding:0 24px 24px;display:grid;gap:24px}
.profile-notifications-content{display:grid;gap:24px}
.profile-notifications-group{display:grid;gap:16px}
.profile-preferences-subheading{margin:0;padding:0;color:#1A202C;font-size:18px;font-weight:600;line-height:28px;letter-spacing:normal}
.profile-preference-row{height:78px;min-height:0;padding:16px;border:1px solid #E2E8F1;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.profile-preference-row.profile-invoice-preference{height:98px}
.profile-preference-copy{width:max-content;max-width:100%;min-width:0;display:grid;row-gap:4px}
.profile-preference-title-row{height:20px;display:flex;align-items:center;gap:8px}
.profile-preference-title-row>.icon{width:20px;height:20px;flex:none;color:#1A202C}
.profile-preference-copy b{display:block;color:#1A202C;font-size:14px;font-weight:500;line-height:14px}
.profile-preference-copy p{width:auto;max-width:calc(100% - 28px);margin:0 0 0 28px;color:#718096;font-size:14px;line-height:20px}
.profile-preference-copy small{display:block;width:auto;max-width:calc(100% - 28px);margin:0 0 0 28px;color:#718096;font-size:12px;line-height:16px}
.profile-invoice-preference .profile-preference-copy p,.profile-invoice-preference .profile-preference-copy small{width:384px;max-width:calc(100% - 28px)}
.profile-preference-toggle{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#1A202C;font-size:14px;font-weight:400;line-height:20px;white-space:nowrap}
.profile-preference-status-warning{color:#eab308}
.profile-preference-status-success{color:#194BFB}
.profile-preference-status-inactive{color:#ef4444}
.profile-preference-toggle .switch{width:44px;height:24px}
.profile-preference-toggle .switch>span:before{width:20px;height:20px;left:2px;top:2px}
.profile-preference-toggle .switch input:checked+span:before{transform:translateX(20px)}
.profile-preferences-about{height:154px;margin:0;padding:16px;border:1px solid #E6F0FF;border-radius:8px;display:flex;align-items:flex-start;gap:12px;background:#EDF1FF}
.profile-preferences-about>.icon{width:20px;height:20px;flex:none;margin-top:4px;color:#194BFB}
.profile-preferences-about-copy{width:584px;max-width:calc(100% - 32px);color:#1446F2}
.profile-preferences-about-copy h3{margin:0;color:#1446F2;font-size:14px;font-weight:500;line-height:20px;letter-spacing:normal}
.profile-preferences-about-copy p{margin:4px 0 0;color:#1446F2;font-size:14px;line-height:20px}
.profile-preferences-about-copy ul{width:calc(100% + 20px);margin:8px 0 0 -20px;padding-left:20px;color:#1446F2;font-size:14px;line-height:20px}
.profile-preferences-about-copy li{margin:0 0 4px}
.profile-preferences-about-copy li:last-child{margin-bottom:0}
.profile-notifications-body>.form-feedback:empty{display:none}
.profile-notifications-submit{width:100%;height:40px;min-height:40px;border-radius:6px;background:#1A202C;color:#fff;font-size:14px;font-weight:500;line-height:20px;box-shadow:none}
.profile-notifications-submit:hover{transform:none;background:#1A202C;box-shadow:none}
.profile-preference-toggle .switch>span{background:#e2e8f0}
.profile-preference-toggle .switch input:checked+span{background:#1A202C}
.dashboard-layout .profile-notifications-submit{background:#1A202C;box-shadow:none}
.dashboard-layout .profile-notifications-submit:hover{background:#1A202C;box-shadow:none}
.profile-activity-card{margin:0}
.profile-activity-content{padding:24px}
.profile-activity-heading-row{min-height:52px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.profile-activity-heading{min-width:0}
.profile-activity-heading h2{margin:0;color:#1A202C;font-size:24px;font-weight:600;line-height:32px;letter-spacing:-.025em}
.profile-activity-heading p{margin:0;color:#718096;font-size:14px;line-height:20px}
.profile-activity-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.profile-activity-count{width:88px;height:28px;padding:0 10px;border:1px solid transparent;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:4px;background:#F6F9FC;color:#1A202C;font-size:12px;font-weight:600;line-height:16px;white-space:nowrap}
.profile-activity-count b{color:inherit;font-size:inherit;font-weight:inherit}
.profile-activity-refresh{width:109px;height:28px;min-height:28px;padding:0 12px;border:1px solid #e2e8f0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#1A202C;font-size:14px;font-weight:500;line-height:20px;box-shadow:none}
.profile-activity-refresh:hover{transform:none;box-shadow:none}
.profile-activity-refresh .icon{width:16px;height:16px}
.profile-activity-toolbar{margin:0 0 24px;display:flex;align-items:center;gap:16px}
.profile-activity-search{min-width:0;flex:1}
.profile-activity-search input{display:block;width:100%;height:40px;min-height:40px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;outline:none;background:#fff;color:#1A202C;font-size:14px;line-height:20px}
.profile-activity-search input::placeholder{color:#94a3b8}
.profile-activity-filter{position:relative;width:180px;flex:none}
.profile-activity-filter-trigger>.icon{width:16px;height:16px;color:#718096}
.profile-activity-filter-options{position:absolute;top:calc(100% + 4px);right:0;z-index:60;width:100%;padding:4px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1A202C;box-shadow:0 4px 8px rgba(15,23,42,.12)}
.profile-activity-filter-options[hidden]{display:none}
.profile-activity-filter-options button[role=option]{width:100%;height:32px;padding:6px 8px;border:0;border-radius:4px;display:flex;align-items:center;background:transparent;color:#1A202C;font-size:14px;line-height:20px;text-align:left;cursor:pointer}
.profile-activity-filter-options button[role=option]:hover,.profile-activity-filter-options button[role=option][aria-selected=true]{background:#F6F9FC}
.profile-activity-status{margin:0 0 16px;padding:0;color:#718096;font-size:14px;line-height:20px}
.profile-activity-status:empty{display:none}
.profile-activity-list{display:grid;gap:16px}
.profile-activity-entry{min-height:102px;padding:16px;border:1px solid #E2E8F1;border-radius:8px;display:flex;align-items:stretch;justify-content:space-between;gap:16px;background:#fff}
.profile-activity-entry-content{min-width:0;flex:1;display:grid;align-content:start;gap:8px}
.profile-activity-entry-heading{height:36px;display:flex;align-items:center;gap:8px}
.profile-activity-icon{width:32px;height:32px;flex:none;border-radius:8px;display:grid;place-items:center;background:#F8FAFC;color:#4A5568}
.profile-activity-icon .icon{width:16px;height:16px}
.profile-activity-time{display:flex;flex-direction:column}
.profile-activity-relative{color:#718096;font-size:14px;line-height:20px}
.profile-activity-date{color:#9ca3af;font-size:12px;line-height:16px}
.profile-activity-description{margin:0;color:#4A5568;font-size:16px;font-weight:400;line-height:24px}
.profile-activity-ip{flex:none;display:flex;align-items:center;gap:8px;color:#718096;font-size:14px;line-height:20px;white-space:nowrap}
.profile-activity-ip .icon{width:16px;height:16px}
.profile-activity-spinner{width:14px;height:14px;border:2px solid #E2E8F1;border-top-color:#194BFB;border-radius:50%;animation:profile-spin .7s linear infinite}
@keyframes profile-spin{to{transform:rotate(360deg)}}
@media(max-width:639px){.profile-email-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.profile-shell{min-height:0}.profile-inner{padding:20px 16px 32px}.profile-hero{height:auto;min-height:220px;padding:24px}.profile-hero-content{height:auto;align-items:center;gap:16px}.profile-avatar-shell{width:88px;height:88px;flex-basis:88px}.profile-avatar{font-size:28px}.profile-identity h1{font-size:24px;line-height:32px}.profile-identity>p{font-size:14px;line-height:20px}.profile-tab-list{height:auto;min-height:39px;overflow-x:auto}.profile-tab-trigger{padding:8px 12px}.profile-tab-panel{margin-top:24px}.profile-stat-grid{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.profile-stat-card{height:126px}.profile-stat-head{padding:18px 16px 8px}.profile-stat-value{padding:0 16px 24px}.profile-info-card>header{padding:20px 16px}.profile-info-card>header h3,.profile-empty-tab h3{font-size:20px;line-height:28px}.profile-financial-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 20px}.profile-info-grid{grid-template-columns:1fr;padding:0 16px 20px}.profile-edit-grid{grid-template-columns:1fr;padding:0 16px 20px}.profile-edit-grid .span-two{grid-column:auto}.profile-setting-row{padding:16px}.profile-info-card{margin-top:16px}.profile-preferences-subheading{padding:0 16px 10px;font-size:16px}.profile-preference-row{min-height:0;padding:16px;align-items:flex-start;gap:14px}.profile-invoice-preference{min-height:0}.profile-preference-toggle{min-width:0;flex-direction:column-reverse;align-items:flex-end;gap:7px;font-size:12px}.profile-preferences-about{margin:16px 16px 0;padding:16px}.profile-preferences-actions{padding:14px 16px;justify-content:space-between}.profile-activity-content{padding:20px 16px}.profile-activity-heading-row{min-height:0;align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}.profile-activity-actions{width:100%;justify-content:space-between}.profile-activity-toolbar{margin-bottom:20px;align-items:stretch;flex-direction:column}.profile-activity-filter{width:100%}.profile-activity-entry{min-height:0;padding:14px 16px;flex-direction:column;gap:10px}.profile-activity-entry-heading{height:auto;min-height:36px}.profile-activity-ip{padding-left:40px}.profile-security-heading{padding:20px 16px 12px}.profile-password-content{padding:0 16px 20px}}
@media(max-width:760px){.profile-edit-heading{padding:20px 16px 12px}.profile-edit-toggle{padding:0}.profile-edit-grid{grid-template-columns:1fr;padding:0 16px 20px}.profile-edit-grid .span-two{grid-column:auto}.profile-business-content{padding:0 16px 20px}.profile-business-grid{padding:0}.profile-business-callout{padding:14px}.profile-country-options{width:calc(100% + 2px)}}
.funds-card{width:768px;height:755px;margin:0 auto;overflow:hidden;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:oklch(.13 .028 261.692);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.funds-card-header{height:109px;padding:32px 32px 16px;display:flex;align-items:flex-start;gap:12px}
.funds-heading-icon{width:32px;height:32px;flex:0 0 32px;margin-top:14px;display:grid;place-items:center;color:#194BFB}
.funds-heading-icon>.icon{width:32px;height:32px}
.funds-card-header>div:last-child{width:267.3px}
.funds-card-header h3{margin:0;color:oklch(.13 .028 261.692);font-size:30px;font-weight:700;line-height:36px;letter-spacing:-.025em}
.funds-card-header p{margin:4px 0 0;color:#4A5568;font-size:14px;font-weight:400;line-height:20px}
.funds-form{height:644px;padding:32px;display:flex;flex-direction:column;gap:32px;box-sizing:border-box}
.funds-form>.form-feedback:empty{display:none}
.funds-balance-card{height:126px;min-height:126px;padding:24px;border:1px solid #e2e8f0;border-radius:16px;background:rgba(241,245,249,.5);text-align:center}
.funds-balance-value{height:48px;margin:0 0 8px;display:flex;align-items:center;justify-content:center;color:#1A202C;font-size:48px;font-weight:700;line-height:48px}
.funds-balance-value>span{align-self:flex-start;margin:0 4px 0 0;color:#1A202C;font-size:24px;font-weight:700;line-height:32px}
.funds-balance-value>strong{color:#1A202C;font-size:48px;font-weight:700;line-height:48px}
.funds-balance-card>p{margin:0;color:#4A5568;font-size:14px;font-weight:500;line-height:20px}
.funds-separator{height:8px;min-height:8px;border-top:1px solid #e2e8f0}
.funds-presets{height:80px;min-height:80px}
.funds-presets h4{height:20px;margin:0 0 12px;color:#1A202C;font-size:14px;font-weight:500;line-height:20px}
.funds-amount-grid{height:48px;display:grid;grid-template-columns:repeat(6,96px);gap:12px}
.funds-amount-choice{position:relative;width:96px;height:48px;cursor:pointer}
.funds-amount-choice input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.funds-amount-choice span{width:96px;height:48px;border:1px solid #e2e8f0;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#F6F9FC;color:#1A202C;font-size:16px;font-weight:600;line-height:24px}
.funds-amount-choice input:checked+span{border-color:#194BFB;background:#EDF1FF;color:#1446F2}
.funds-custom{height:92px;min-height:92px}
.funds-custom>label{height:20px;margin:0 0 16px;display:block;color:#1A202C;font-size:14px;font-weight:500;line-height:20px}
.funds-amount-field{position:relative;height:56px}
.funds-amount-field>input{width:100%;height:56px;min-height:56px;padding:8px 12px 8px 36px!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff;color:#1A202C;font-size:18px!important;font-weight:600;line-height:28px}
.funds-currency-prefix{position:absolute;z-index:1;top:12px;left:12px;color:#1A202C;font-size:18px;font-weight:600;line-height:28px;pointer-events:none}
.funds-currency-suffix{position:absolute;top:18px;right:14px;color:#718096;font-size:14px;font-weight:500;line-height:20px;pointer-events:none}
.funds-submit{height:56px;min-height:56px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:12px;background:#1A202C;color:#fff;font-size:18px;font-weight:600;line-height:28px;cursor:pointer}
.funds-submit:hover{background:#1A202C}
.funds-note{height:58px;min-height:58px;padding:16px;border-radius:8px;display:flex;align-items:center;background:rgba(241,245,249,.5);color:#4A5568;font-size:14px;font-weight:400;line-height:20px;text-align:center}
@media(max-width:760px){.funds-card{width:100%;height:auto;min-height:755px}.funds-card-header{padding-right:20px;padding-left:20px}.funds-form{height:auto;min-height:644px;padding:24px 20px}.funds-amount-grid{height:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.funds-amount-choice,.funds-amount-choice span{width:100%}.funds-presets{height:auto;min-height:80px}.funds-note{height:auto;min-height:58px}}
.payment-methods-wrap{padding:32px}
.payment-methods-card{height:240px;overflow:hidden;border:1px solid #E2E8F1;border-radius:8px;background:#fff;color:#1A202C;font-size:16px;line-height:24px;box-sizing:border-box}
.payment-methods-head{height:98px;padding:24px;box-sizing:border-box}
.payment-methods-head h3{margin:0 0 6px;color:#1A202C;font-size:24px;font-weight:600;line-height:24px;letter-spacing:-.025em}
.payment-methods-head p{margin:0;color:#718096;font-size:14px;font-weight:400;line-height:20px}
.payment-methods-body{height:140px;padding:0 24px 24px;box-sizing:border-box}
.payment-methods-body-content{display:flex;flex-direction:column;gap:16px}
.payment-methods-manage{width:100%;height:40px;min-height:40px;padding:8px 16px;border:0;border-radius:6px;background:#1A202C;color:#f8fafc;font-family:inherit;font-size:14px;font-weight:500;line-height:20px;cursor:pointer}
.payment-methods-manage:hover{background:#1A202C}
.payment-methods-manage:disabled{opacity:.6;cursor:not-allowed}
.payment-methods-note{display:flex;flex-direction:column;color:#718096;font-size:14px;font-weight:400;line-height:20px}
.payment-methods-note p{height:20px;margin:0;color:#718096;line-height:20px}
@media(max-width:760px){.payment-methods-wrap{padding:12px}.payment-methods-card{height:auto;min-height:240px}.payment-methods-head{height:auto;min-height:98px}.payment-methods-body{height:auto;min-height:140px;padding-bottom:24px}.payment-methods-note p{height:auto}}
.auto-recharge-page{padding:24px 32px}
.auto-recharge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}
.auto-recharge-card{overflow:hidden;border:1px solid #E2E8F1;border-radius:8px;background:#fff;color:#1A202C;font-size:16px;line-height:24px;box-sizing:border-box}
.auto-settings-card{height:760px;display:grid;grid-template-rows:98px 596px 64px}
.auto-recharge-head{height:98px;padding:24px;box-sizing:border-box}
.auto-recharge-head h3,.auto-about-head h3{margin:0 0 6px;color:#1A202C;font-size:24px;font-weight:600;line-height:24px;letter-spacing:-.025em}
.auto-recharge-head p{margin:0;color:#718096;font-size:14px;font-weight:400;line-height:20px}
.auto-recharge-body{height:596px;padding:0 24px 24px;display:flex;flex-direction:column;gap:24px;box-sizing:border-box}
.auto-enable-row{height:44px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.auto-enable-copy{height:44px;display:flex;flex-direction:column;justify-content:flex-start;gap:3px;padding-top:3px;box-sizing:border-box}
.auto-enable-copy label{height:18px;color:#1A202C;font-size:14px;font-weight:500;line-height:18px}
.auto-enable-copy p{height:20px;margin:0;color:#718096;font-size:14px;font-weight:400;line-height:20px}
.auto-recharge-toggle{width:44px;height:24px;min-height:24px;padding:2px;border:0;border-radius:999px;display:flex;align-items:center;background:#e2e8f0;cursor:pointer;transition:background .18s}
.auto-recharge-toggle>span{width:20px;height:20px;border:1px solid #e2e8f0;border-radius:50%;display:block;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12);transition:transform .18s}
.auto-recharge-toggle.is-enabled{background:#1A202C}
.auto-recharge-toggle.is-enabled>span{transform:translateX(20px)}
.auto-setting-field{height:92px;min-height:92px}
.auto-setting-field>label{height:17px;margin:4px 0 3px;display:block;color:#1A202C;font-size:14px;font-weight:500;line-height:17px}
.auto-range-row{height:40px;display:flex;align-items:center;gap:16px}
.auto-range{position:relative;width:478px;height:40px;flex:none}
.auto-range-track{position:absolute;top:16px;left:0;width:478px;height:8px;overflow:hidden;border-radius:999px;display:block;background:#e2e8f0}
.auto-range-fill{width:19px;height:8px;display:block;background:#1A202C}
.auto-range-thumb{position:absolute;top:10px;left:19px;width:20px;height:20px;border:2px solid #1A202C;border-radius:50%;display:block;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.auto-number-input{width:80px;height:40px;min-height:40px;padding:0 12px;border:1px solid #e2e8f0!important;border-radius:6px!important;background:#fff;color:#1A202C;font-size:14px;line-height:20px}
.auto-setting-field>p{height:16px;margin:12px 0 0;color:#718096;font-size:12px;font-weight:400;line-height:16px}
.auto-payment-wrapper{height:170px;min-height:170px;padding-top:8px;box-sizing:border-box}
.auto-payment-fieldset{width:100%;height:162px;min-width:0;margin:0;padding:0;border:0;display:flex;flex-direction:column;box-sizing:border-box}
.auto-payment-fieldset legend{height:24px;margin:0 0 12px;padding:0;color:#1A202C;font-size:16px;font-weight:500;line-height:24px}
.auto-payment-options{height:98px;display:flex;flex-direction:column;gap:16px}
.auto-saved-payment{height:42px;padding:0 12px;border:1px solid #E2E8F1;border-radius:6px;display:flex;align-items:center;gap:8px;color:#1A202C;font-size:14px;line-height:20px}
.auto-saved-payment input{width:16px;height:16px;margin:0;accent-color:#1A202C}
.auto-add-payment{width:100%;height:40px;min-height:40px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1A202C;font-family:inherit;font-size:14px;font-weight:500;line-height:20px;cursor:pointer}
.auto-add-payment:hover{background:#f8fafc}
.auto-payment-fieldset>p{height:16px;margin:12px 0 0;color:#718096;font-size:12px;line-height:16px}
.auto-recharge-warning{height:78px;min-height:78px;padding:16px;border:1px solid #fde68a;border-radius:6px;display:flex;align-items:flex-start;gap:8px;background:#fffbeb;color:#92400e;box-sizing:border-box}
.auto-recharge-warning>span{width:18px;height:18px;flex:none;margin-top:1px;display:inline-flex}
.auto-recharge-warning>span .icon{width:18px;height:18px}
.auto-recharge-warning p{margin:0;color:#92400e;font-size:14px;font-weight:400;line-height:20px}
.auto-recharge-toggle:disabled,.auto-add-payment:disabled,.auto-save-button:disabled{opacity:.55;cursor:not-allowed}
.auto-recharge-footer{height:64px;padding:0 24px 24px;box-sizing:border-box}
.auto-save-button{width:100%;height:40px;min-height:40px;padding:8px 16px;border:0;border-radius:6px;background:#1A202C;color:#f8fafc;font-family:inherit;font-size:14px;font-weight:500;line-height:20px;cursor:pointer}
.auto-save-button:hover{background:#1A202C}
.auto-history-card{height:252px}
.auto-history-body{height:152px;padding:0 24px 24px;box-sizing:border-box}
.auto-history-empty{height:128px;padding:32px 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:#718096;text-align:center;box-sizing:border-box}
.auto-history-empty>.icon{width:32px;height:32px;margin:0 auto 8px;opacity:.5}
.auto-history-empty p{height:24px;margin:0;color:#718096;font-size:16px;font-weight:400;line-height:24px}
.auto-about-card{height:264px;margin-top:32px}
.auto-about-head{height:72px;padding:24px;box-sizing:border-box}
.auto-about-head h3{margin:0}
.auto-about-body{height:190px;padding:0 24px 24px;box-sizing:border-box}
.auto-about-body>p{height:24px;margin:0 0 16px;color:#718096;font-size:14px;font-weight:400;line-height:24px}
.auto-about-grid{height:126px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.auto-about-grid article{height:126px;padding:16px;border:1px solid #E2E8F1;border-radius:6px;box-sizing:border-box}
.auto-about-grid h3{height:24px;margin:0 0 8px;color:#1A202C;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.025em}
.auto-about-grid p{margin:0;color:#718096;font-size:14px;font-weight:400;line-height:20px}
.auto-recharge-warning[hidden]{display:none}
@media(max-width:900px){.auto-recharge-page{padding:16px}.auto-recharge-grid{grid-template-columns:1fr}.auto-about-card{height:auto;min-height:264px}.auto-about-body{height:auto}.auto-about-grid{height:auto;grid-template-columns:1fr}.auto-about-grid article{height:auto;min-height:126px}.auto-settings-card{height:auto;min-height:760px;grid-template-rows:98px auto 64px}.auto-recharge-body{height:auto;min-height:596px}.auto-range{width:auto;flex:1}.auto-range-track{width:100%}.auto-number-input{width:80px;flex:none}}

.ticket-detail-shell{width:min(100%,1024px);margin:0 auto;padding:24px}
.ticket-detail-back{width:174px;height:44px;margin:0 0 24px;padding:0 12px;border-radius:8px;display:flex;align-items:center;gap:10px;color:#4A5568;font-size:14px;font-weight:500;line-height:20px}
.ticket-detail-back>.icon{transform:rotate(180deg);color:#718096}
.ticket-detail-back:hover{background:#f8fafc}
.ticket-detail-summary{height:452px;padding:23px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.05)}
.ticket-detail-summary-head{height:100px;margin:0 0 24px;display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:16px}
.ticket-detail-summary-head>div:first-child{min-width:0;align-self:start}
.ticket-detail-summary-head h1{margin:0;background:linear-gradient(to right,oklch(.278 .033 256.848),oklch(.446 .03 256.802));background-clip:text;-webkit-background-clip:text;color:transparent;font-size:24px;font-weight:700;line-height:32px;letter-spacing:-.025em;overflow-wrap:anywhere}
.ticket-detail-badges{height:28px;margin-top:8px;display:flex;align-items:center;gap:8px}
.ticket-detail-status{height:24px;padding:2px 10px;border-radius:999px;display:inline-flex;align-items:center;background:#718096;color:#fff;font-size:12px;font-weight:600;line-height:20px}
.ticket-detail-status.status-open,.ticket-detail-status.status-answered{background:#194BFB}
.ticket-detail-status.status-in-progress,.ticket-detail-status.status-customer-reply{background:#f59e0b}
.ticket-detail-summary .ticket-priority{height:24px;padding:2px 9px;border-radius:999px;background:#fff1f2;font-size:12px;line-height:20px}
.ticket-detail-summary .ticket-priority.priority-medium{background:#fffbeb}
.ticket-detail-summary .ticket-priority.priority-low{background:#EDF1FF}
.ticket-detail-reopen{width:150px;height:40px;padding:0 12px;border:1px solid #e2e8f0;border-radius:12px;background:#F6F9FC;color:#1A202C;font-size:14px;font-weight:500;line-height:20px;cursor:pointer}
.ticket-detail-reopen:hover{background:#e2e8f0}
.ticket-detail-meta-grid{height:280px;padding:16px;border-radius:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,72px);gap:16px;background:rgba(249,250,251,.7)}
.ticket-detail-meta-card{height:72px;min-width:0;padding:12px;border-radius:8px;display:flex;align-items:center;gap:12px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.08)}
.ticket-detail-meta-icon{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#F6F9FC;color:#718096}
.ticket-detail-meta-card>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.ticket-detail-meta-card>div>span{color:#718096;font-size:12px;font-weight:400;line-height:16px}
.ticket-detail-meta-card strong{overflow:hidden;color:#1A202C;font-size:14px;font-weight:500;line-height:20px;text-overflow:ellipsis;white-space:nowrap}
.ticket-detail-conversation{margin-top:24px;display:grid;gap:24px}
.ticket-detail-reply{min-height:151px;padding:23px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.05)}
.ticket-detail-reply>header{height:48px;display:flex;align-items:center;gap:12px}
.ticket-detail-reply-avatar{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:#F6F9FC;color:#4A5568;font-size:14px;font-weight:600}
.ticket-detail-reply-author{min-width:0;display:flex;flex-direction:column;gap:2px}
.ticket-detail-reply-author strong{color:#1A202C;font-size:14px;font-weight:600;line-height:20px}
.ticket-detail-reply-author span{color:#718096;font-size:12px;line-height:16px}
.ticket-detail-reply>header time{margin-left:auto;color:#718096;font-size:12px;line-height:18px}
.ticket-detail-reply-body{margin:16px 0 14px;color:#4A5568;font-size:14px;font-weight:400;line-height:23px;overflow-wrap:anywhere}
.ticket-detail-reply:first-child{min-height:467px}
.ticket-detail-reply:first-child>header{height:50px}
.ticket-detail-reply:first-child .ticket-detail-reply-body{min-height:337px}
.ticket-detail-empty-reply p{margin:16px 0 14px;color:#718096;font-size:14px;line-height:23px}
@media(max-width:760px){.ticket-detail-shell{padding:16px}.ticket-detail-summary{height:auto;padding:16px}.ticket-detail-summary-head{height:auto;min-height:100px;grid-template-columns:minmax(0,1fr);gap:16px}.ticket-detail-reopen{grid-row:2}.ticket-detail-meta-grid{height:auto;padding:12px;grid-template-columns:1fr;grid-template-rows:none;gap:10px}.ticket-detail-conversation{gap:16px}.ticket-detail-reply{min-height:0;padding:16px}.ticket-detail-reply:first-child{min-height:0}.ticket-detail-reply:first-child .ticket-detail-reply-body{min-height:0}.ticket-detail-reply>header time{font-size:11px}}

/* Cloud VPS order flow, matched to the original dashboard component styling. */
.dashboard-content:has(.vps-order-root){max-width:1352px;padding-top:24px;padding-bottom:48px}
.vps-order-root{color:#1A202C;font-family:-apple-system,"system-ui","Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}
.vps-order-page{display:grid;gap:24px;padding-bottom:30px}
.vps-order-heading{margin:0 0 12px;text-align:center}
.vps-order-heading h1{margin:0;background:linear-gradient(90deg,#1446F2,#194BFB);background-clip:text;color:transparent;font-size:30px;font-weight:700;letter-spacing:-.035em;line-height:36px}
.vps-order-heading p{margin:8px 0 0;color:#718096;font-size:16px;line-height:24px}
.vps-stepper{position:relative;width:min(100%,768px);margin:0 auto 4px;padding:0 0 4px}
.vps-step-track,.vps-step-progress{position:absolute;z-index:0;top:22px;left:0;height:6px;border-radius:8px}
.vps-step-track{width:100%;background:#E2E8F1}
.vps-step-progress{background:linear-gradient(90deg,#194BFB99,#194BFBCC,#194BFB99);box-shadow:0 1px 2px #194BFB33;transition:width .35s ease}
.vps-step-row{position:relative;z-index:1;display:flex;justify-content:space-between}
.vps-step{display:flex;min-width:150px;flex-direction:column;align-items:center;gap:12px;color:#718096;text-align:center}
.vps-step>span{width:56px;height:56px;border:2px solid #E2E8F1;border-radius:16px;display:grid;place-items:center;background:#fff;color:#718096;transition:all .25s}
.vps-step.is-active>span{border-color:#194BFB;background:#194BFB1A;color:#194BFB;box-shadow:0 0 0 2px #fff,0 0 0 4px #194BFB}
.vps-step.is-complete>span{border-color:#194BFB;background:#194BFB;color:white;box-shadow:0 8px 18px #194BFB33}
.vps-step>strong{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap}
.vps-step.is-active>strong{color:#1A202C;font-weight:650}
.vps-step.is-complete>strong{color:#194BFB}
.vps-step>strong i{display:flex;gap:4px}
.vps-step>strong i b{width:6px;height:6px;border-radius:50%;background:#194BFB;animation:vps-pulse 1.2s ease-in-out infinite}
.vps-step>strong i b:nth-child(2){animation-delay:.18s}.vps-step>strong i b:nth-child(3){animation-delay:.36s}
@keyframes vps-pulse{0%,100%{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}
.vps-order-card{min-width:0;overflow:hidden;border:2px solid #E2E8F1;border-radius:9px;background:#fff;color:#1A202C;box-shadow:0 1px 2px #0000000d}
.vps-order-card-head{padding:20px 24px 12px}
.vps-order-card-head h2{display:flex;align-items:center;gap:10px;margin:0;color:#1A202C;font-size:24px;font-weight:700;letter-spacing:-.025em;line-height:30px}
.vps-order-card-head h2 .icon{color:#194BFB}
.vps-order-card-head p{margin:7px 0 0;color:#718096;font-size:16px;line-height:24px}
.vps-order-card-body{padding:12px 24px 24px}
.vps-location-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vps-location-card{position:relative;min-width:0;min-height:64px;padding:8px;border:2px solid #E2E8F1;border-radius:12px;display:flex;align-items:center;text-align:left;background:#fff;color:#1A202C;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.vps-location-card:hover{border-color:#E2E8F1;box-shadow:0 2px 5px #00000014}
.vps-location-card.is-selected{border-color:#194BFB;background:#194BFB0D;box-shadow:0 0 0 2px #194BFB33}
.vps-location-card.is-discount{border-color:#D0E2FF;background:#EDF1FF}
.vps-location-card.is-new{border-color:#D0E2FF;background:#EDF1FF}
.vps-location-card.is-unavailable{cursor:not-allowed;filter:grayscale(1);opacity:.55}
.vps-location-main{min-width:0;display:flex;align-items:center;gap:12px}
.vps-location-flag{width:40px;height:40px;flex:none;border:1px solid #E2E8F1;border-radius:9px;display:grid;place-items:center;background:#f8fafc}
.vps-location-flag img{width:24px;height:24px;object-fit:contain;border-radius:3px}
.vps-location-main>span:last-child{min-width:0}
.vps-location-main strong,.vps-location-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vps-location-main strong{font-size:16px;font-weight:600;line-height:22px}
.vps-location-main small{margin-top:1px;color:#718096;font-size:14px;line-height:20px}
.vps-location-status{position:absolute;top:7px;right:8px;padding:2px 7px;border:1px solid #D0E2FF;border-radius:999px;background:#194BFB1A;color:#1446F2;font-size:11px;font-weight:600;line-height:17px}
.vps-table-scroll{overflow-x:auto}
.vps-plan-table{width:100%;min-width:780px;border-collapse:collapse;text-align:left}
.vps-plan-table th{padding:12px 16px;border-bottom:1px solid #E2E8F1;background:#f8fafc;color:#4A5568;font-size:14px;font-weight:600;white-space:nowrap}
.vps-plan-table th:first-child{width:170px}
.vps-plan-table td{padding:13px 16px;border-bottom:1px solid #E2E8F1;color:#4A5568;font-size:14px;white-space:nowrap}
.vps-plan-table tbody tr:last-child td{border-bottom:0}
.vps-plan-row{cursor:pointer;transition:background .15s}
.vps-plan-row:hover{background:#f8fafc}
.vps-plan-row.is-selected{background:#194BFB0D}
.vps-plan-row td strong{color:#1A202C;font-size:16px;font-weight:650}
.vps-plan-row td small{margin-left:3px;color:#718096;font-size:13px}
.vps-plan-adjustment{display:inline-block;margin-left:7px;padding:2px 7px;border:1px solid #E2E8F1;border-radius:999px;color:#718096;font-size:11px}
.vps-plan-select{display:flex;align-items:center;gap:10px;min-width:138px}
.vps-plan-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;color:#1A202C;font-size:14px;font-weight:600;white-space:nowrap}
.vps-plan-radio{width:18px;height:18px;flex:none;border:1.5px solid #E2E8F1;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px}
.vps-plan-row.is-selected .vps-plan-radio{border-color:#194BFB;background:#194BFB}
.vps-os-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vps-os-card{min-width:0;padding:16px;border:2px solid #E2E8F1;border-radius:9px;background:#fff;transition:all .2s}
.vps-os-card:hover{border-color:#A5BFFF;box-shadow:0 8px 18px #1A202C12;transform:translateY(-2px)}
.vps-os-card.is-selected{border-color:#194BFB;background:#194BFB12}
.vps-os-choice{width:100%;min-height:40px;padding:0;border:0;display:flex;align-items:center;gap:12px;background:transparent;color:#1A202C;text-align:left;cursor:pointer}
.vps-os-choice img{width:40px;height:40px;object-fit:contain}
.vps-os-choice strong{font-size:16px;font-weight:600}
.vps-radio-mark{width:16px;height:16px;flex:none;border:1.5px solid #94a3b8;border-radius:50%;display:grid;place-items:center}
.vps-os-choice[aria-checked="true"] .vps-radio-mark{border:5px solid #194BFB}
.vps-os-card select,.vps-config-field select{width:100%;height:40px;margin-top:16px;padding:0 12px;border:1px solid #D8DCEB;border-radius:6px;background:#fff;color:#1A202C;font-size:14px}
.vps-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.vps-config-panel{min-width:0;padding:16px;border:1px solid #E2E8F1;border-radius:9px;display:flex;flex-direction:column;gap:16px;background:#fff}
.vps-config-panel h3,.vps-price-breakdown h3{margin:0;color:#718096;font-size:14px;font-weight:600;letter-spacing:0;line-height:20px}
.vps-detail-line{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#718096;font-size:14px}
.vps-detail-line>span,.vps-detail-line>strong{display:flex;align-items:center;gap:8px}
.vps-detail-line strong{color:#1A202C;font-weight:500;text-align:right}
.vps-detail-line .icon{color:#718096}
.vps-detail-line img{width:16px;height:16px;object-fit:contain}
.vps-toggle{position:relative;width:44px;height:24px;padding:2px;border:0;border-radius:999px;background:#D8DCEB;cursor:pointer;transition:background .2s}
.vps-toggle span{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .2s}
.vps-toggle.is-on{background:#194BFB}.vps-toggle.is-on span{transform:translateX(20px)}
.vps-config-field{display:block;color:#1A202C;font-size:14px;font-weight:500}
.vps-quantity{height:40px;margin-top:7px;display:flex;align-items:center;justify-content:space-between;border:1px solid #D8DCEB;border-radius:6px}
.vps-quantity button{width:40px;height:38px;border:0;background:transparent;color:#4A5568;font-size:20px;cursor:pointer}
.vps-quantity output{font-size:14px;font-weight:600}
.vps-price-breakdown{padding-top:4px;display:grid;gap:12px}
.vps-price-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#718096;font-size:14px}
.vps-price-breakdown>div strong{color:#1A202C;font-size:14px;font-weight:500;text-align:right}
.vps-price-breakdown .vps-total-line{margin-top:4px;padding-top:14px;border-top:1px solid #E2E8F1;color:#1A202C}
.vps-price-breakdown .vps-total-line span{font-size:18px;font-weight:600}
.vps-price-breakdown .vps-total-line strong{color:#194BFB;font-size:30px;font-weight:700}
.vps-price-breakdown>p{margin:0;color:#718096;font-size:12px;line-height:18px}
.vps-config-actions{display:flex;justify-content:flex-end;margin-top:24px}
.vps-primary-button{min-height:40px;padding:0 22px;border:1px solid #194BFB;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#194BFB;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s}
.vps-primary-button:hover{background:#1446F2;box-shadow:0 3px 10px #194BFB33}
.vps-primary-button:disabled{cursor:wait;opacity:.65}
.vps-order-error{margin:12px 0 0;padding:10px 12px;border:1px solid #fecaca;border-radius:7px;background:#fef2f2;color:#b91c1c;font-size:13px}
.vps-review-page{gap:18px}
.vps-back-button{width:max-content;min-height:36px;padding:0 12px;border:0;border-radius:6px;display:inline-flex;align-items:center;gap:8px;background:transparent;color:#4A5568;font-size:14px;font-weight:500;cursor:pointer}
.vps-back-button:hover{background:#E2E8F1;color:#1A202C}
.vps-review-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:24px}
.vps-review-main{min-width:0}
.vps-review-payment{position:sticky;top:24px;min-width:0}
.vps-summary-card{margin-bottom:24px}
.vps-summary-head{padding:22px 24px 18px;border-bottom:1px solid #E2E8F1;display:flex;align-items:center;justify-content:space-between;gap:20px}
.vps-summary-head>div{min-width:0}
.vps-summary-head h2{font-size:18px;line-height:25px}
.vps-title-badges{display:flex;align-items:center;gap:9px}
.vps-title-badges h2{margin:0}
.vps-ready-badge,.vps-plan-badge,.vps-subtle-badge{width:max-content;padding:4px 9px;border:1px solid #e2e8f0;border-radius:999px;display:inline-flex;align-items:center;background:#EDF1FF;color:#194BFB;font-size:12px;font-weight:500;line-height:18px;white-space:nowrap}
.vps-plan-badge{background:#fff;color:#194BFB;border-color:#A5BFFF}
.vps-subtle-badge{padding:3px 8px;background:#F6F9FC;color:#4A5568;border:0;font-size:12px}
.vps-summary-head p{margin:5px 0 0;color:#718096;font-size:14px;line-height:20px}
.vps-review-body{padding-top:20px}
.vps-review-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.vps-review-column{min-width:0;display:flex;flex-direction:column;gap:24px}
.vps-review-section{min-width:0;display:grid;gap:14px}
.vps-review-section>h3{margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#718096;font-size:14px;font-weight:600;letter-spacing:0;line-height:20px}
.vps-review-info{min-height:68px;padding:12px;border:1px solid #E2E8F1;border-radius:9px;display:flex;align-items:center;gap:12px;background:#f8fafc}
.vps-review-info>span{width:40px;height:40px;flex:none;border:1px solid #E2E8F1;border-radius:9px;display:grid;place-items:center;background:#fff}
.vps-review-info img{width:24px;height:24px;object-fit:contain;border-radius:3px}
.vps-review-info strong,.vps-review-info small{display:block}
.vps-review-info strong{font-size:14px;font-weight:600;line-height:20px}
.vps-review-info small{margin-top:2px;color:#718096;font-size:13px;line-height:18px}
.vps-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vps-spec-grid article{min-width:0;padding:12px;border:1px solid #E2E8F1;border-radius:9px;background:#f8fafc}
.vps-spec-grid article span{display:flex;align-items:center;gap:8px;color:#718096;font-size:13px}
.vps-spec-grid article span .icon{flex:none}
.vps-spec-grid article strong{display:block;margin:5px 0 0 24px;color:#1A202C;font-size:14px;font-weight:600}
.vps-order-detail-card{min-height:46px;padding:10px 12px;border:1px solid #E2E8F1;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8fafc}
.vps-order-detail-card>span{display:flex;align-items:center;gap:8px;color:#718096;font-size:14px}
.vps-order-detail-card>strong{padding:3px 9px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#1A202C;font-size:13px;font-weight:600;white-space:nowrap}
.vps-order-detail-card .icon{color:#718096}
.vps-order-detail-card.vps-ipv6-detail>strong{border-color:#D0E2FF;background:#EDF1FF;color:#194BFB}
.vps-review-prices{gap:14px}
.vps-review-prices>div{display:flex;justify-content:space-between;gap:12px;color:#718096;font-size:14px}
.vps-review-prices>div strong{color:#1A202C;font-weight:500;text-align:right}
.vps-review-prices .vps-review-total{align-items:flex-end;margin-top:4px;padding-top:14px;border-top:1px solid #E2E8F1}
.vps-review-total>span strong,.vps-review-total>span small{display:block}
.vps-review-total>span strong{color:#1A202C;font-size:18px;font-weight:600}
.vps-review-total>span small{margin-top:3px;color:#718096;font-size:12px}
.vps-review-total>strong{color:#194BFB!important;font-size:30px;font-weight:700!important}
.vps-review-prices>p{margin:0;color:#718096;font-size:12px;line-height:18px}
.vps-features{margin-top:24px;padding:20px 24px;border:1px solid #D0E2FF;border-radius:9px;background:#EDF1FF80}
.vps-features>h3{margin:0 0 12px;display:flex;align-items:center;gap:8px;color:#1A202C;font-size:16px;font-weight:600;letter-spacing:0}
.vps-features>h3 .icon{color:#194BFB}
.vps-features>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
.vps-features article{min-width:0;padding:10px;border-radius:8px;display:flex;align-items:flex-start;gap:10px;transition:background .2s}
.vps-features article:hover{background:#194BFB12}
.vps-features article>span{width:20px;height:20px;flex:none;margin-top:1px;color:#194BFB}
.vps-features article strong{display:block;color:#1A202C;font-size:14px;font-weight:600;line-height:20px}
.vps-features article p{margin:3px 0 0;color:#718096;font-size:13px;line-height:19px}
.vps-payment-card .vps-order-card-head{padding-top:22px}
.vps-payment-shell{padding:24px;border:1px solid #E2E8F1;border-radius:8px;overflow:visible;box-shadow:none}
.vps-payment-card{width:100%;max-width:350px;margin:0 auto;border:1px solid #E2E8F1;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}
.vps-payment-card .vps-order-card-head{padding:24px}
.vps-payment-card .vps-order-card-head h2{font-size:20px;line-height:28px}
.vps-payment-card .vps-order-card-head p{margin-top:6px;font-size:14px;line-height:20px}
.vps-payment-card .vps-order-card-body{padding:24px}
.vps-payment-card .vps-payment-body{padding:0 24px 24px;display:flex;flex-direction:column;gap:24px}
.vps-payment-total{margin:0;padding:16px 16px 24px;border:1px solid #e2e8f080;border-radius:8px;display:flex;align-items:center;justify-content:space-between;background:#f8fafc}
.vps-payment-total span{color:#718096;font-size:14px;font-weight:400;line-height:20px}
.vps-payment-total strong{color:#194BFB;font-size:24px;font-weight:700;line-height:32px}
.vps-payment-method{display:block;line-height:24px}
.vps-payment-method>label,.vps-terms-title{color:#1A202C;font-size:14px;font-weight:500;line-height:20px}
.vps-payment-options{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.vps-payment-option{box-sizing:border-box;position:relative;width:auto;min-height:50px;padding:16px;border:1px solid #e2e8f0;border-radius:8px;display:flex;align-items:center;gap:12px;background:transparent;color:#1A202C;text-align:left;cursor:pointer;transition:background .18s}
.vps-payment-option:hover{background:#f8fafc}
.vps-payment-option.is-selected{border-color:#e2e8f0;background:transparent;box-shadow:none}
.vps-payment-option .vps-radio-mark{position:relative;width:16px;height:16px;flex:none;border:1px solid #1A202C}
.vps-payment-option.is-selected .vps-radio-mark{border:1px solid #1A202C}
.vps-payment-option.is-selected .vps-radio-mark:after{position:absolute;inset:3px;border-radius:50%;background:#1A202C;content:""}
.vps-payment-label{min-width:0;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:14px}
.vps-payment-symbol{width:14px;height:14px;flex:none;display:grid;place-items:center;color:#194BFB}
.vps-payment-symbol svg{display:block;width:14px;height:14px;overflow:visible}
.vps-payment-label>strong{flex:none;font-size:14px;font-weight:500;line-height:14px;white-space:nowrap}
.vps-payment-label>small{margin-left:0;padding:2px 10px;border:1px solid #194BFB33;border-radius:999px;background:#194BFB12;color:#194BFB;font-size:12px;font-weight:600;line-height:16px;white-space:nowrap}
.vps-payment-option[data-cloud-payment="stripe"] .vps-payment-label>small{padding:3px 10px;line-height:20px}
.vps-payment-option[data-cloud-payment="cryptomus"] .vps-payment-label>small{border-color:#194BFB33;background:#194BFB1A;color:#194BFB}
.vps-payment-separator{height:1px;flex:none;background:#E2E8F1}
.vps-terms{margin:0;padding:0;border:0;border-radius:0;display:block;line-height:24px;background:transparent}
.vps-terms-title{display:inline}
.vps-terms-alert-group{margin:16px 0 0}
.vps-terms-alert{padding:16px;border:1px solid #E2E8F1;border-radius:8px;display:flex;align-items:flex-start;gap:12px}
.vps-terms-alert>svg{width:20px;height:20px;flex:0 1 20px;margin-top:2px;fill:none;stroke:#718096;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vps-terms-alert>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.vps-terms-alert-title,.vps-terms-alert-copy,.vps-terms-agreement{margin:0;color:#718096;font-size:14px;line-height:20px}
.vps-terms-alert-title{color:#1A202C;font-weight:500}
.vps-terms-alert-copy{color:#718096}
.vps-terms-agreement a{color:#194BFB;text-decoration:none}
.vps-terms-agreement a:hover{text-decoration:underline}
.vps-payment-submit-wrap{display:flex;justify-content:flex-end}
.vps-payment-submit{width:auto;height:40px;min-height:40px;padding:8px 16px;border:0;border-radius:6px;gap:8px;font-weight:500;line-height:20px}
.vps-payment-submit svg{width:16px;height:16px;margin-right:8px;fill:currentColor}
.vps-table-heading{padding:0;border:0;display:inline-flex;align-items:center;gap:10px;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:left;white-space:nowrap}
.vps-table-heading>span{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#194BFB1A;color:#194BFB}
.vps-table-heading .icon{width:16px;height:16px}
.vps-price-breakdown .vps-total-line .vps-config-total-label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:18px}
.vps-config-total-label b{font-weight:600}
.vps-config-total-label small{color:#718096;font-size:12px;font-weight:400;line-height:18px}
.vps-price-breakdown .vps-savings-line{color:#194BFB}
.vps-price-breakdown .vps-savings-line strong{color:#194BFB}
.vps-price-note{min-height:42px;padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:8px;background:#194BFB0D;color:#194BFB}
.vps-price-note .icon{flex:none}
.vps-price-breakdown .vps-price-note p{margin:0;color:#718096;font-size:12px;line-height:18px}
@media(max-width:1100px){.vps-location-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vps-review-grid{grid-template-columns:minmax(0,1fr) 360px}.vps-review-columns{gap:22px}}
@media(max-width:900px){.vps-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vps-review-grid{grid-template-columns:1fr}.vps-review-payment{position:static}.vps-review-payment .vps-order-card{max-width:none}}
@media(max-width:760px){.dashboard-content:has(.vps-order-root){max-width:none;padding:20px 14px 36px}.vps-order-page{gap:18px}.vps-order-heading{margin-bottom:2px}.vps-order-heading h1{font-size:25px;line-height:32px}.vps-order-heading p{font-size:14px}.vps-stepper{margin-bottom:0}.vps-step{min-width:0;gap:8px}.vps-step>span{width:44px;height:44px;border-radius:13px}.vps-step-track,.vps-step-progress{top:19px;height:5px}.vps-step>strong{font-size:11px;white-space:normal}.vps-order-card-head{padding:16px 16px 8px}.vps-order-card-head h2{font-size:20px}.vps-order-card-head p{font-size:13px;line-height:19px}.vps-order-card-body{padding:10px 16px 16px}.vps-location-grid,.vps-os-grid{grid-template-columns:1fr}.vps-plan-table{min-width:720px}.vps-config-grid,.vps-review-columns{grid-template-columns:1fr;gap:18px}.vps-config-actions{margin-top:16px}.vps-config-actions .vps-primary-button{width:100%}.vps-summary-head{padding:16px;align-items:flex-start}.vps-plan-badge{display:none}.vps-review-body{padding-top:16px}.vps-review-grid{gap:16px}.vps-features{padding:16px}.vps-features>div{grid-template-columns:1fr}.vps-payment-shell{padding:16px}.vps-payment-card{max-width:none}.vps-payment-card .vps-order-card-head,.vps-payment-card .vps-order-card-body{padding:16px}.vps-payment-submit{width:100%}.vps-back-button{font-size:13px}}
@media(max-width:760px){.vps-payment-card .vps-order-card-head{padding:16px}.vps-payment-card .vps-payment-body{padding:0 16px 16px;gap:16px}.vps-payment-submit{width:100%}.vps-payment-submit-wrap{justify-content:stretch}.vps-payment-submit{justify-content:center}}

.domain-order-page{color:#1A202C}
.domain-order-page>*+*{margin-top:32px}
.domain-order-page h1,.domain-order-page h2,.domain-order-page h3,.domain-order-page h4{color:#1A202C;letter-spacing:normal}
.domain-order-page h1{height:36px;margin-bottom:0;color:#1A202C;font-size:30px;font-weight:700;line-height:36px}
.domain-search-card h3,.domain-order-summary-card h3,.domain-complete-payment-card h3,.domain-search-results h2{letter-spacing:-.025em}
.domain-order-page>p{height:24px;margin-bottom:0;color:#718096;line-height:24px}
.domain-order-page p{color:#718096}
.domain-order-stepper{height:32px;gap:16px}
.domain-step-item{height:32px;flex:none}
.domain-step-1{width:185.81px}.domain-step-2{width:207.23px}.domain-step-3{width:143.23px}
.domain-step-item>span:first-child{width:32px;height:32px;flex:none;border-radius:999px}
.domain-search-card{min-height:680px}
.domain-search-card.domain-transfer-mode{min-height:0}
.domain-search-card>.flex.flex-col{height:98px;justify-content:flex-start}
.domain-search-card>.flex.flex-col>*+*{margin-top:6px}
.domain-search-card h3,.domain-order-summary-card h3,.domain-complete-payment-card h3{margin:0}
.domain-search-card>.domain-search-content{padding:0 24px 24px}
.domain-mode-switch{height:40px;gap:16px}
.domain-mode-button{height:40px;min-height:40px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;line-height:20px}
.domain-search-form{margin-top:16px;display:grid;gap:8px}
.domain-search-form>label{height:14px;line-height:14px}
.domain-search-form>div{height:40px;gap:8px}
.domain-search-input{height:40px;min-height:40px;flex:1;font-size:14px}
.domain-search-submit{width:110px;height:40px;min-height:40px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;line-height:20px}
.domain-search-form>p{height:20px;margin:0;color:#718096;font-size:14px;line-height:20px}
.domain-transfer-panel{margin-top:16px;display:flex;flex-direction:column;gap:16px}
.domain-transfer-requirements{height:182px;padding:16px;border-color:#e2e8f0;border-radius:8px;background:#fff;color:#1A202C}
.domain-transfer-requirements h5{height:16px;margin:0 0 4px;font-size:14px;font-weight:500;line-height:16px}
.domain-transfer-instructions{height:128px;color:#718096;font-size:14px;line-height:20px}
.domain-transfer-instructions>p{height:20px;margin:0;line-height:20px}
.domain-transfer-instructions ul{height:100px;margin:8px 0 0;padding:0;list-style:disc inside}
.domain-transfer-instructions li{height:20px;line-height:20px}
.domain-transfer-search-form{height:90px;display:grid;gap:8px}
.domain-transfer-search-form>label{height:14px;line-height:14px}
.domain-transfer-search-form>div{height:40px;gap:8px}
.domain-transfer-search-form .domain-search-input{flex:1;height:40px;min-height:40px;font-size:14px}
.domain-transfer-submit{width:160px;height:40px;min-height:40px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;line-height:20px}
.domain-transfer-search-form>p{height:20px;margin:0;color:#718096;font-size:14px;line-height:20px}
.domain-order-error{margin:8px 0 0;color:#dc2626}
.domain-search-results{margin-top:20px}
.domain-search-results.domain-transfer-results{margin-top:32px}
.domain-search-results h2,.domain-search-results h3{margin:0}
.domain-result-card{min-height:82px}
.domain-result-price{min-width:280px}
.domain-transfer-results{display:flex;flex-direction:column;gap:24px}
.domain-transfer-results h2{height:28px;margin:0;font-size:18px;font-weight:600;line-height:28px}
.domain-transfer-result-group{display:flex;flex-direction:column;gap:16px}
.domain-transfer-result-group>h3{height:24px;margin:0;color:#194BFB;font-size:16px;font-weight:500;line-height:24px}
.domain-transfer-result-card{height:192px;border-color:#e2e8f0;border-radius:8px;background:#fff;color:#1A202C}
.domain-transfer-result-body{height:190px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.domain-transfer-result-info{width:327px;flex:none;display:flex;flex-direction:column;gap:8px}
.domain-transfer-domain-row{height:48px;display:flex;align-items:flex-start;gap:16px}
.domain-transfer-status-dot{width:12px;height:12px;margin-top:8px;border-radius:50%;background:#ef4444;flex:none}
.domain-transfer-status-dot.is-eligible{background:#194BFB}
.domain-transfer-domain-copy{min-width:0;flex:1}
.domain-transfer-badges{height:28px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.domain-transfer-badges>strong{color:#1A202C;font-size:18px;font-weight:600;line-height:28px;overflow-wrap:anywhere}
.domain-transfer-ready-badge,.domain-transfer-popular-badge{display:inline-flex;height:20px;align-items:center;padding:2px 10px;border:1px solid #e2e8f0;border-radius:999px;font-size:12px;font-weight:600;line-height:16px;white-space:nowrap}
.domain-transfer-ready-badge{border-color:#D0E2FF;background:#EDF1FF;color:#1446F2}
.domain-transfer-popular-badge{background:#F6F9FC;color:#1A202C}
.domain-transfer-eligibility{height:20px;margin:0;color:#194BFB;font-size:14px;line-height:20px}
.domain-transfer-fees{height:46px;display:flex;flex-direction:column;gap:4px;color:#1A202C;font-size:14px;line-height:20px}
.domain-transfer-fees strong{font-weight:600}
.domain-transfer-period{height:48px;display:flex;flex-direction:column;gap:8px;color:#1A202C;font-size:14px;line-height:20px}
.domain-transfer-period>span{font-weight:500}
.domain-transfer-period p{height:20px;margin:0;color:#718096;font-size:14px;line-height:20px}
.domain-transfer-actions{width:202px;height:48px;flex:none;display:flex;align-items:center;gap:16px}
.domain-transfer-total{width:86px;height:48px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;white-space:nowrap}
.domain-transfer-total strong{color:#1A202C;font-size:18px;font-weight:700;line-height:24px}
.domain-transfer-total span{color:#718096;font-size:12px;line-height:16px}
.domain-transfer-actions>button{width:100px;min-width:100px;height:40px;min-height:40px;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;line-height:20px}
.domain-extension-heading{height:40px;margin-top:16px}
.domain-extension-heading h2{margin:0;font-size:18px;font-weight:600;line-height:28px}
.domain-extension-filter{width:192px;height:40px;min-height:40px;flex:none;border-radius:6px;font-size:14px}
.domain-show-all{width:83px;height:36px;min-height:36px;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;line-height:20px}
.domain-popular-section,.domain-all-section{margin-top:16px}
.domain-popular-section h3,.domain-all-section h3{height:20px;margin:0;font-size:14px;font-weight:600;line-height:20px}
.domain-popular-grid,.domain-extension-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.domain-popular-card{height:66px;padding:12px 16px;border-radius:6px;background:#fff;color:#1A202C}
.domain-extension-card{height:96px;padding:16px;border-radius:6px;background:#fff;color:#1A202C}
.domain-popular-section>.domain-popular-grid,.domain-all-section>.domain-extension-grid{margin-top:8px}
.domain-extension-card .text-sm{font-size:14px;line-height:20px}
.domain-order-summary-card{height:240px}
.domain-order-summary-card>.flex.flex-col{height:98px;justify-content:flex-start}
.domain-order-summary-card>.flex.flex-col>*+*{margin-top:6px}
.domain-order-summary-content{height:140px;padding:0 24px 24px;display:flex;flex-direction:column;gap:16px}
.domain-summary-row{height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#1A202C;font-size:18px;line-height:28px}
.domain-summary-row>span{color:#1A202C}
.domain-summary-row>strong{font-weight:500;text-align:right}
.domain-summary-total{font-weight:600}
.domain-summary-total>strong{font-size:16px;font-weight:700}
.domain-epp-code-card{padding:16px;border:2px solid #1A202C;border-radius:8px;color:#1A202C}
.domain-epp-code-label{height:28px;display:block;font-size:18px;font-weight:600;line-height:28px}
.domain-epp-code-input{height:40px;min-height:40px;margin-top:8px;font-size:18px;line-height:28px}
.domain-epp-code-help{margin-top:8px;color:#718096}
.domain-epp-code-help p{margin:0;color:#718096;font-size:14px;line-height:20px}
.domain-epp-code-help ul{margin:0;padding:0;list-style:disc inside;color:#718096;font-size:14px;line-height:20px}
.domain-epp-code-help li{line-height:20px}
.domain-back-search{width:max-content;padding:0 8px;color:#4A5568}
.domain-back-search .icon{transform:rotate(180deg)}
.domain-complete-payment-card{height:687px}
.domain-complete-payment-card>.flex.flex-col{height:102px;justify-content:flex-start}
.domain-complete-payment-card>.flex.flex-col>*+*{margin-top:6px}
.domain-payment-content{height:583px;padding:0 24px 24px;display:flex;flex-direction:column;gap:24px}
.domain-total-amount{height:74px;flex:none;padding:16px;border-radius:8px;background:rgba(241,245,249,.5);color:#1A202C}
.domain-total-amount>div{height:40px}
.domain-total-amount span{color:#718096;font-size:14px;line-height:20px}
.domain-total-amount strong{color:#1A202C;font-size:24px;font-weight:700;line-height:32px}
.domain-payment-methods{height:210px;flex:none;color:#1A202C}
.domain-payment-method-title{height:20px;display:block;color:#1A202C;font-size:14px;font-weight:500;line-height:20px}
.domain-method-rows{height:186px;margin-top:4px;display:flex;flex-direction:column;gap:12px}
.domain-payment-option{height:56px;flex:none;padding:16px;border-color:#e2e8f0;border-radius:8px;color:#1A202C}
.domain-payment-option:nth-child(2){height:50px}
.domain-payment-option>input{width:16px;height:16px;margin:0;accent-color:#1A202C;flex:none}
.domain-payment-label{min-width:0;gap:8px}
.domain-payment-label strong{font-size:14px;font-weight:500;line-height:20px}
.domain-payment-label small{padding:2px 8px;border:1px solid #e2e8f0;border-radius:999px;color:#718096;font-size:12px;font-weight:400;line-height:16px;white-space:nowrap}
.domain-payment-separator{height:1px;flex:none;background:#e2e8f0}
.domain-terms-section{height:138px;flex:none;color:#1A202C}
.domain-terms-title{height:20px;display:block;font-size:14px;font-weight:500;line-height:20px}
.domain-abuse-notice{height:78px;margin-top:4px;padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:transparent}
.domain-abuse-inner{height:44px;display:flex;align-items:flex-start;gap:12px}
.domain-abuse-icon{width:20px;height:20px;flex:none;color:#718096}
.domain-abuse-icon .icon{width:20px;height:20px}
.domain-abuse-copy-wrap{width:722px;display:flex;flex-direction:column;gap:4px}
.domain-abuse-copy-wrap p{margin:0;font-size:14px;line-height:20px}
.domain-abuse-title{color:#1A202C;font-weight:500}
.domain-abuse-copy{color:#718096;font-weight:400}
.domain-terms-copy{height:20px;margin:16px 0 0;color:#718096;font-size:14px;line-height:20px}
.domain-terms-copy a{color:#1A202C;text-decoration:underline;text-underline-offset:3px}
.domain-payment-feedback{margin:0;color:#718096;line-height:20px}
.domain-payment-submit-wrap{height:40px;flex:none;display:flex;justify-content:flex-end}
.domain-complete-payment{height:40px;min-height:40px;align-self:flex-end;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;line-height:20px}
.domain-complete-payment>.icon{margin-right:8px}
.domain-back-row{height:40px}
.domain-order-created{margin:0;border:1px solid #D0E2FF;color:#1446F2}
@media(max-width:760px){
  .dashboard-content:has(.domain-order-page){max-width:none;padding:20px 14px 36px}
  .domain-order-page{padding:16px!important;gap:20px}
  .domain-order-page>*+*{margin-top:20px}
  .domain-order-page>h1{height:auto;font-size:24px;line-height:32px}
  .domain-order-page>p{height:auto;font-size:14px;line-height:20px}
  .domain-order-stepper{height:auto;gap:4px;justify-content:space-between}
  .domain-step-1,.domain-step-2,.domain-step-3{width:auto;flex:1}
  .domain-step-item{gap:6px;font-size:11px}
  .domain-step-item>span:first-child{width:28px;height:28px}
  .domain-search-card,.domain-order-summary-card,.domain-complete-payment-card{height:auto;min-height:0}
  .domain-epp-code-card{height:auto}
  .domain-transfer-requirements,.domain-transfer-instructions,.domain-transfer-search-form{height:auto}
  .domain-search-card>.flex.flex-col,.domain-order-summary-card>.flex.flex-col,.domain-complete-payment-card>.flex.flex-col{height:auto;padding:16px}
  .domain-search-card>.domain-search-content,.domain-order-summary-content,.domain-payment-content{height:auto;padding:0 16px 16px}
  .domain-transfer-result-card{height:auto;min-height:192px}
  .domain-transfer-result-body{height:auto;min-height:190px;align-items:stretch;flex-direction:column;gap:16px}
  .domain-transfer-result-info{width:100%}
  .domain-transfer-actions{width:100%;justify-content:space-between}
  .domain-search-form>div{height:auto;align-items:stretch;flex-direction:column}
  .domain-search-submit{width:100%}
  .domain-extension-heading{height:auto;align-items:flex-start;flex-direction:column;margin-top:20px}
  .domain-extension-heading>div{width:100%}
  .domain-extension-filter{flex:1;min-width:0}
  .domain-popular-grid,.domain-extension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .domain-result-price{min-width:0;width:100%}
  .domain-payment-option{height:auto;min-height:56px}
  .domain-terms-section,.domain-abuse-notice,.domain-terms-copy{height:auto}
  .domain-abuse-copy-wrap{width:auto;flex:1}
  .domain-complete-payment{width:100%}
}

.service-detail-overview{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.service-detail-overview h2{margin:3px 0;font-size:20px;overflow-wrap:anywhere}
.service-detail-overview p{margin:0;color:var(--muted);font-size:10px}
.service-detail-label{color:var(--muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.service-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}
.service-detail-card h2,.service-detail-help h2{margin:0 0 13px;font-size:13px}
.service-detail-list{margin:0}
.service-detail-row{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px}
.service-detail-row:last-child{border-bottom:0}
.service-detail-row dt{color:var(--muted)}
.service-detail-row dd{margin:0;color:var(--ink);font-weight:600;overflow-wrap:anywhere;white-space:pre-wrap}
.service-detail-description{margin:0;color:var(--muted);font-size:10px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.service-detail-help{display:flex;align-items:center;gap:13px;margin-top:14px}
.service-detail-help .empty-illustration{width:42px;height:42px;flex:none;margin:0;border-radius:12px}
.service-detail-help h2{margin:0 0 3px}
.service-detail-help p{margin:0;color:var(--muted);font-size:10px}
.service-detail-help>div:nth-child(2){flex:1}
@media(max-width:760px){
  .service-detail-grid{grid-template-columns:1fr}
  .service-detail-overview{align-items:flex-start}
  .service-detail-help{align-items:flex-start;flex-wrap:wrap}
  .service-detail-help>div:nth-child(2){min-width:calc(100% - 60px)}
  .service-detail-help>.button{margin-left:55px}
}
.funds-card.has-payment-choices{height:auto;min-height:755px}
.funds-card.has-payment-choices .funds-form{height:auto;min-height:644px}
.funds-payment-wrap{display:grid;gap:8px}
.funds-payment-label{color:#1A202C;font-size:14px;font-weight:500}
.funds-payment-method{width:100%;height:44px;min-height:44px;padding:0 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1A202C;font-size:14px}
.funds-submit:disabled{opacity:.55;cursor:not-allowed}
.hosting-order-form{display:grid;gap:17px}
.hosting-order-form>label,.hosting-option-group label:not(.checkline){display:grid;gap:6px;color:var(--ink);font-size:11px;font-weight:700}
.hosting-order-form input:not([type=checkbox]):not([type=radio]),.hosting-order-form select{width:100%;min-height:43px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:12px}
.hosting-option-group{display:grid;gap:12px;margin:0;padding:14px;border:1px solid var(--line);border-radius:10px}
.hosting-option-group legend{padding:0 5px;color:var(--ink);font-size:11px;font-weight:700}
.hosting-option-group label small{color:var(--muted);font-size:9px;font-weight:400}
.hosting-order-form .button:disabled{opacity:.55;cursor:not-allowed}
.dashboard-data-warning{margin:0 32px 16px;padding:12px 16px;border:1px solid #fde68a;border-radius:6px;background:#fffbeb;color:#92400e;font-size:13px;line-height:20px}
.profile-overview .dashboard-data-warning{margin:0 0 16px}
@media(max-width:760px){.dashboard-data-warning{margin-right:16px;margin-left:16px}}
.auth-social-options{display:grid;gap:14px}.auth-social-options[hidden]{display:none}
@media(max-width:760px){.header-actions [data-theme-toggle]{display:none}.header-actions .button-small{padding:0 9px;font-size:10px}}
.notification-menu-wrap{position:relative;flex:none}
.dashboard-layout .dashboard-notification-toggle{position:relative;width:42px;height:42px;padding:0;border:1px solid transparent;border-radius:12px;background:transparent;color:#4A5568;cursor:pointer}
.dashboard-layout .dashboard-notification-toggle:hover,.dashboard-layout .dashboard-notification-toggle[aria-expanded="true"]{background:#F6F9FC}
.notification-count{position:absolute;top:1px;right:0;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:10px;display:grid;place-items:center;background:#e53e3e;color:#fff;font-size:9px;font-weight:700;line-height:1}
.notification-count[hidden]{display:none}
.notification-popover{position:absolute;top:calc(100% + 10px);right:-8px;z-index:120;width:360px;max-width:calc(100vw - 24px);overflow:hidden;border:1px solid #E2E8F1;border-radius:10px;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.16);color:#1A202C}
.notification-popover[hidden]{display:none}
.notification-popover-head{min-height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #E2E8F1}
.notification-popover-head>b{font-size:14px;font-weight:600}
.notification-popover-head>button,.notification-item-actions button,.notification-state button{padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#194BFB;font:inherit;font-size:11px;font-weight:500;cursor:pointer}
.notification-popover-head>button:disabled{color:#A0AEC0;cursor:default}
.notification-list{max-height:390px;overflow:auto}
.notification-item{padding:13px 15px;display:flex;gap:12px;border-bottom:1px solid #EDF0F5}
.notification-item:last-child{border-bottom:0}
.notification-item.is-unread{background:#F8FAFF}
.notification-item-copy{min-width:0;flex:1}
.notification-item-title{display:flex;align-items:center;gap:7px}
.notification-item-title>b{overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.notification-unread-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#194BFB}
.notification-item-copy>p{margin:5px 0;color:#4A5568;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.notification-item-copy>time{color:#718096;font-size:10px}
.notification-item-actions{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:3px}
.notification-item-actions button{padding:3px 0;white-space:nowrap}
.notification-item-actions .notification-delete{color:#718096}
.notification-item-actions button:disabled{opacity:.5;cursor:wait}
.notification-state{margin:0;padding:28px 18px;color:#718096;font-size:12px;line-height:1.5;text-align:center}
.notification-error p{margin:0 0 8px;color:#9B2C2C}
.notification-error button{border:1px solid #E2E8F1}
@media(max-width:760px){.dashboard-layout .dashboard-topbar{padding:0 10px}.dashboard-layout .dashboard-top-actions{width:100%;justify-content:flex-end;gap:6px;padding:0;border:0}.dashboard-layout .dashboard-top-actions .order-top{width:36px;height:36px;min-height:36px;flex:none;padding:0;border-radius:8px;font-size:0}.dashboard-layout .dashboard-top-actions .credit-pill{width:auto;max-width:118px;height:36px;padding:0 8px;flex:none;font-size:11px}.dashboard-layout .dashboard-top-actions .credit-pill>span{font-size:11px}.dashboard-layout .account-menu-wrap{display:none}.dashboard-layout .dashboard-notification-toggle{width:36px;height:36px}.notification-popover{position:fixed;top:64px;left:10px;right:10px;width:auto;max-width:none}.notification-item{padding:11px 12px}}

/* Component public content pages. These mounts are rendered by app.js and load their data from WHMCS APIs. */
.live-page{min-height:calc(100vh - 76px)}
.live-hero{min-height:360px;padding-top:62px;padding-bottom:62px}
.status-panel{max-width:760px;margin:auto;text-align:center}
.status-panel h1{margin:16px 0 12px;font-size:42px}
.status-panel p{margin:0 auto 24px;max-width:560px}
.blog-grid,.help-grid,.help-category-grid,.legal-grid{max-width:1120px;margin:0 auto;display:grid;gap:18px}
.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.blog-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(26,32,44,.12)}
.blog-card>a{display:flex;height:100%;flex-direction:column}.blog-card img,.blog-card-art{width:100%;height:170px;object-fit:cover;background:var(--brand-blue-soft);color:var(--brand-blue);display:grid;place-items:center}.blog-card-body{display:flex;min-height:190px;flex:1;flex-direction:column;padding:22px}.blog-card-body h2{margin:10px 0 8px;font-size:20px}.blog-card-body p{margin:0 0 16px;font-size:13px;line-height:1.7}.blog-card-body time,.live-article time,.article-meta{margin-top:auto;color:var(--muted);font-size:12px}
.live-empty{padding:28px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}.live-empty h2{margin-bottom:6px;color:var(--ink);font-size:18px}.live-empty p{margin:0}
.live-article{width:min(920px,100%);margin:0 auto;padding:54px 24px 90px}.live-article header{padding:24px 0 30px;border-bottom:1px solid var(--line)}.live-article h1{margin:14px 0;font-size:clamp(34px,5vw,54px)}.article-summary{max-width:760px;margin:0 0 16px;font-size:17px;line-height:1.7}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;color:var(--brand-blue);font-size:13px;font-weight:700}.article-content{padding-top:34px}.prose-content{color:var(--ink);font-size:16px;line-height:1.85}.prose-content h2,.prose-content h3{margin:30px 0 12px}.prose-content p{margin:0 0 20px;color:var(--ink)}.prose-content ul,.prose-content ol{margin:0 0 22px;padding-left:28px}.prose-content li{margin:8px 0}.prose-content a{color:var(--brand-blue);text-decoration:underline}.prose-content img{border-radius:12px}.related-articles{margin-top:46px;padding-top:24px;border-top:1px solid var(--line)}.related-articles h2{font-size:20px}.related-articles ul{margin:0;padding-left:20px}.related-articles li{margin:8px 0;color:var(--brand-blue)}
.help-search{display:flex;max-width:580px;gap:9px;margin-top:26px}.help-search input{min-height:46px;min-width:0;flex:1;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}.help-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.help-category{display:flex;min-height:104px;flex-direction:column;justify-content:center;gap:7px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.help-category strong{font-size:16px}.help-category span{color:var(--muted);font-size:12px}.help-results-heading{margin-top:82px}.help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.help-card h3{margin:0 0 9px;font-size:18px}.help-card h3 a{color:var(--ink)}.help-card h3 a:hover{color:var(--brand-blue)}.help-card p{margin:0 0 15px;font-size:13px;line-height:1.7}.help-card>span{color:var(--brand-blue);font-size:11px;font-weight:700}.legal-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.legal-grid a{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-weight:700}.legal-grid a:hover{border-color:var(--brand-blue);color:var(--brand-blue)}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.blog-grid,.help-grid,.help-category-grid,.legal-grid{grid-template-columns:1fr}.live-article{padding:34px 18px 60px}.live-hero{padding-top:38px;padding-bottom:38px}.help-search{flex-direction:column}.help-search .button{width:100%}}