@font-face{font-family:Cairo;src:url('fonts/cairo-arabic.woff2') format('woff2');font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Cairo;src:url('fonts/cairo-latin.woff2') format('woff2');font-display:swap}
:root{--blue:#1062fe;--navy:#11213f;--ink:#172640;--muted:#78859c;--line:#e7edf5;--canvas:#f5f7fb;--green:#138568;--radius:16px;font-family:Cairo,Arial,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--canvas);font-size:14px;line-height:1.8}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #85b4ff;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.45;letter-spacing:-.8px}h2{font-size:19px;line-height:1.6}h3{font-size:24px}p{line-height:1.9}small{font-size:12px}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:#fff;border-inline-end:1px solid var(--line);padding:36px 22px 20px;display:flex;flex-direction:column;position:fixed;inset-block:0;inset-inline-start:0;z-index:20}.brand{display:flex;flex-direction:column;padding:0 12px 37px;gap:5px;color:var(--muted);font-size:12px}.brand img{width:175px;height:32px;object-fit:contain;object-position:left}.brand span{padding-inline-start:1px}.nav-label{display:block;font-size:10px;letter-spacing:1.4px;font-weight:700;color:#9ba7ba;padding:0 15px 14px}.nav-item{color:#72809a;display:flex;gap:13px;align-items:center;border-radius:10px;padding:12px 14px;font-size:13px;font-weight:600;margin-bottom:6px;white-space:nowrap;transition:background .16s,color .16s}.nav-item:hover{background:#f6f8ff;text-decoration:none;color:var(--blue)}.nav-item.selected{background:#eef4ff;color:var(--blue);position:relative}.nav-item.selected:before{content:'';position:absolute;inset-inline-start:-22px;top:14px;bottom:14px;width:3px;border-radius:4px;background:var(--blue)}.nav-divider{height:1px;background:var(--line);margin:20px 12px}.sidebar-bottom{margin-top:auto;padding-top:28px}.sidebar-bottom>small{display:block;color:#a2aec0;text-align:center;margin-top:20px}.help-card{padding:18px;background:linear-gradient(145deg,#f0f6ff,#f8faff);border:1px solid #e7efff;border-radius:12px;display:flex;flex-direction:column;gap:9px}.help-card>.icon{color:var(--blue);width:26px;height:26px}.help-card strong{font-size:12px;direction:ltr}.help-card a{font-size:12px}.workspace{margin-inline-start:248px;width:calc(100% - 248px);display:flex;flex-direction:column;min-height:100vh}.topbar{height:82px;border-bottom:1px solid var(--line);background:#ffffffed;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{color:#7e8ba2;font-size:12px}.breadcrumb>span{margin:0 12px;color:#b9c2d2}.top-actions{display:flex;align-items:center;gap:20px}.language{font-size:12px;color:#6e7c94;display:flex;align-items:center;gap:7px}.language .icon{width:17px;height:17px}.avatar{width:36px;height:36px;display:grid;place-items:center;background:#edf3ff;color:var(--blue);font-weight:700;border:1px solid #e1eaff;border-radius:50%}.top-actions form{display:flex}.icon-button{border:0;background:transparent;padding:0;color:#8a98ac;display:flex;align-items:center}.environment{padding:7px 40px;background:#edf4ff;border-bottom:1px solid #e3edff;font-size:11px;font-weight:600;color:#537398;display:flex;align-items:center;gap:9px}.environment-extra{font-weight:400;color:#7c91ad;margin-inline-start:auto}.pulse{width:6px;height:6px;border-radius:50%;background:#3b87fb;box-shadow:0 0 0 3px #dceaff}.main-content{width:100%;max-width:1490px;margin:0 auto;padding:35px 40px 45px;flex:1}.app-footer{padding:20px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#9ba6b7;font-size:11px}.app-footer>span:last-child{display:flex;align-items:center;gap:6px}.app-footer .icon{width:14px;height:14px}.button{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:9px;min-height:45px;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:700;font-size:13px;line-height:1.65;transition:background .16s,box-shadow .16s}.button:hover{background:#0756e6;text-decoration:none;box-shadow:0 4px 12px #1062fe20}.button .icon{width:18px;height:18px}[dir=rtl] .button .icon[name=arrow]{transform:rotate(180deg)}.button-outline{background:#fff;border-color:#d9e3f3;color:var(--blue)}.button-outline:hover{background:#f0f5ff}.button-light{background:#eef4ff;color:var(--blue);border-color:#e3ecff}.button-light:hover{background:#e3edff}.button-small{min-height:35px;padding:7px 13px;font-size:12px}.button-danger{color:#b34851;background:#fff5f5;border-color:#f1d9dd}.button-danger:hover{background:#ffebed}.full{width:100%}.text-button{border:0;padding:0;color:var(--blue);background:none}.danger{color:#bd4751}.muted{color:var(--muted)}.kicker{display:block;font-size:10px;font-weight:700;letter-spacing:1.7px;color:#94a1b5;margin-bottom:5px}.page-heading{margin-bottom:30px}.page-heading p,.welcome p{color:var(--muted);margin-top:7px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:0 0 30px}.welcome h1{font-size:28px}.hero{position:relative;overflow:hidden;background:var(--navy);border-radius:20px;color:#fff;min-height:300px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-copy{z-index:2;max-width:570px;flex:1}.hero h1{font-size:38px;margin:14px 0}.hero p{font-size:14px;color:#aebfdb;max-width:500px}.eyebrow{display:flex;gap:8px;align-items:center;font-size:10px;font-weight:700;letter-spacing:1.7px;color:#7fa9ff}.eyebrow>span{width:5px;height:5px;background:#6496ff;border-radius:50%}.hero-tags{display:flex;gap:23px;flex-wrap:wrap;margin-top:28px;color:#b3c4df;font-size:10px}.hero-tags>span{display:flex;gap:6px;align-items:center}.hero-tags .icon{width:15px;height:15px}.hero-art{position:relative;flex:0 0 270px;height:225px;display:grid;place-items:center;direction:ltr}.hero:after{content:'';position:absolute;inset-inline-end:-60px;top:-150px;width:550px;height:550px;background:radial-gradient(circle,#1a52b04a,transparent 67%)}.orbit{position:absolute;border:1px solid #4975b42d;border-radius:50%;width:205px;height:205px;transform:rotate(-25deg);box-shadow:0 0 0 24px #25466e16,0 0 0 50px #25466e13}.orbit-two{width:255px;height:150px;border-color:#2b5b9b40;transform:rotate(-35deg);box-shadow:none}.server-tower{width:140px;transform:rotate(-9deg);z-index:1;filter:drop-shadow(0 15px 25px #020e29);display:flex;flex-direction:column;gap:9px}.server-tower>div{height:41px;border:1px solid #547db4;background:linear-gradient(150deg,#2b527e,#162f54);border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 16px;box-shadow:inset 0 1px #779cd340}.server-tower i{width:7px;height:7px;background:#65d9c1;border-radius:50%;box-shadow:0 0 10px #55d1b9;margin-inline-end:auto}.server-tower b{height:13px;width:3px;border-radius:2px;background:#6589bb}.art-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#3284ff;box-shadow:0 0 0 6px #3284ff19}.dot-one{top:12px;left:55px}.dot-two{bottom:42px;right:5px;width:5px;height:5px;background:#74cfbc}.art-label{position:absolute;bottom:0;letter-spacing:2px;font-size:7px;color:#6a85ab}.section-heading{margin:32px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading h2{font-size:22px}.section-heading.compact{margin:0 0 24px}.section-heading.compact h2{font-size:18px}.section-heading.compact>.icon{color:#a0aec1}.filter-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.filter-form select{min-width:105px}.filter-form label{flex:1}.filter-form .button{min-height:40px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.plan-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 25px;position:relative;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.plan-card.featured{border-color:#75a2ff;box-shadow:0 8px 28px #235ed10b}.plan-badge{position:absolute;top:-15px;inset-inline:25px;background:var(--blue);border-radius:6px;padding:3px 12px;text-align:center;font-size:11px;color:#fff;font-weight:700}.plan-icon{width:43px;height:43px;border-radius:12px;background:#edf4ff;color:var(--blue);display:grid;place-items:center;margin-bottom:18px}.plan-card h3{font-size:22px;letter-spacing:-.4px;direction:ltr;text-align:start}.plan-description{font-size:11px;color:var(--muted);margin:6px 0 18px;min-height:22px}.plan-price{display:flex;gap:10px;align-items:center;direction:ltr;justify-content:flex-start}.plan-price b{font-size:43px;line-height:1.35;letter-spacing:-1px}.plan-price>span{font-size:12px;font-weight:700;color:#687993}.plan-price small{display:block;color:#9aa6ba;font-weight:400;font-size:10px}.saving{display:inline-block;color:#258a6b;font-size:10px;margin:12px 0 0;min-height:20px}.saving.muted{color:var(--muted);font-size:9px}.plan-line{height:1px;background:var(--line);margin:22px 0}.plan-features{display:flex;flex-direction:column;gap:12px;font-size:11px;color:#6b7b94;margin-bottom:28px}.plan-features span{display:flex;gap:8px;align-items:flex-start}.plan-features .icon{color:#4c99a2;width:15px;height:15px;margin-top:3px}.plan-card>.button{margin-top:auto}.payment-strip{display:flex;align-items:center;justify-content:center;gap:25px;padding:28px 0;color:#8d99ad;font-size:11px;flex-wrap:wrap}.payment-strip img{max-width:75px;max-height:25px;object-fit:contain}.payment-note{font-size:10px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin-bottom:24px;min-width:0}.panel h2{margin-bottom:12px}.panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}.panel-heading h2{margin:0;font-size:17px}.square-icon{width:43px;height:43px;display:grid;place-items:center;background:#eff4ff;border:1px solid #e5edff;color:var(--blue);border-radius:12px;flex-shrink:0}.square-icon.amber{background:#fff7e9;border-color:#fff0d4;color:#c79338}.square-icon.green{background:#edf8f3;border-color:#def0e7;color:#379f7f}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}.stat-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:16px;padding:23px;overflow:hidden}.stat-card>div>span{font-size:12px;color:var(--muted);display:block}.stat-card strong{font-size:28px;line-height:1.5;display:block}.stat-watermark{position:absolute;inset-inline-end:16px;bottom:-17px;font-size:75px;color:#f7f9fc;letter-spacing:-5px;font-weight:700;pointer-events:none}.stat-card>div{z-index:1}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:6px;font-size:10px;font-weight:700;background:#eef2f9;color:#61708c;white-space:nowrap}.badge:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.badge.large{padding:7px 16px;font-size:12px}.status-paid,.status-approved,.status-active{background:#eaf7f1;color:#238563}.status-pending,.status-unpaid,.status-provisioning{background:#fff6e6;color:#b58631}.status-sandbox{background:#eef2ff;color:#6676b5}.status-rejected,.status-needs_review{background:#fff0f1;color:#b65662}.service-row{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.service-row:last-child{border:0;padding-bottom:0}.service-info{display:flex;flex-direction:column;gap:2px;flex:1}.service-info>span{font-size:11px;color:var(--muted)}.service-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#f5f8ff;color:#6091da}.empty{text-align:center;padding:35px 20px;color:#8b98ad}.empty>p{font-size:12px;margin:12px 0}.empty>h2{font-size:15px;font-weight:500}.empty>a{font-size:12px}.empty>.icon{color:#b2c3dd}.empty-icon{width:60px;height:60px;border-radius:18px;background:#f1f6ff;color:#89a6d7;display:grid;place-items:center;margin:0 auto 16px}.empty-icon.green{background:#edf8f3;color:#59a78a}.empty-icon .icon{width:26px;height:26px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:start;color:#9ba7ba;font-size:10px;font-weight:600;border-bottom:1px solid var(--line);padding:0 14px 14px}td{padding:18px 14px;border-bottom:1px solid #f0f3f8;color:#6b7b94}tr:last-child td{border-bottom:0}th:first-child,td:first-child{padding-inline-start:0}th:last-child,td:last-child{padding-inline-end:0}.table-link{color:#344d71;font-weight:700}.text-link{font-size:11px}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:24px;align-items:start}.step{width:30px;height:30px;display:grid;place-items:center;background:#f0f5ff;color:var(--blue);font-size:11px;border-radius:8px}.order-summary{position:sticky;top:24px;padding:28px}.summary-plan{display:flex;align-items:center;gap:12px;margin:25px 0}.summary-plan h2{margin:0;font-size:23px}.summary-plan p{font-size:11px;color:var(--muted)}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:14px 0}dt{color:var(--muted)}dd{margin:0;font-weight:600}.summary-total{border-top:1px solid var(--line);padding-top:24px;margin:24px 0}.summary-total>span{font-size:11px;color:var(--muted);display:block}.summary-total strong{display:block;font-size:30px;line-height:1.5}.summary-total small{font-size:13px;color:#8e9bb0}.field-hint{font-size:11px;color:#8b98ad;margin-top:12px}.stack{display:flex;flex-direction:column;gap:18px}.stack h2{margin-bottom:0}label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:7px;color:#556680}input:not([type=checkbox],[type=radio]),select,textarea{width:100%;background:#fff;border:1px solid #dfe7f1;border-radius:8px;color:#263e5f;padding:10px 13px;min-height:43px;font-weight:400;font-size:12px;transition:border .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#6c9fff;box-shadow:0 0 0 3px #1062fe0a;outline:none}input::placeholder{color:#acb6c5}textarea{resize:vertical}select{padding-inline-end:28px}input[type=checkbox],input[type=radio]{accent-color:var(--blue);width:16px;height:16px;flex-shrink:0;margin:0}.check-label{display:flex;flex-direction:row;align-items:center;gap:9px;font-weight:400;line-height:1.7;font-size:11px}.form-between{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px}.notice{display:flex;align-items:center;gap:10px;padding:13px 17px;background:#eef4ff;border:1px solid #e1eaff;border-radius:10px;color:#5474a4;font-size:12px;margin-bottom:20px}.notice ul{margin:0;padding-inline-start:18px}.notice.success{background:#edf8f2;border-color:#dcf0e6;color:#3e8d70}.notice.error{background:#fff1f2;border-color:#f5dfe2;color:#b15864}.stack .notice{margin:0}.payment-options{display:flex;flex-direction:column;gap:12px}.payment-option{display:flex;flex-direction:row;align-items:center;border:1px solid #e0e8f4;border-radius:10px;padding:16px;gap:12px;cursor:pointer}.payment-option:has(input:checked){border-color:#78a5ff;background:#f9fbff;box-shadow:0 0 0 1px #78a5ff}.payment-option img{max-width:80px;max-height:28px;margin-inline-start:auto}.transfer-recipient{padding:15px;background:#f5f8fe;border:1px dashed #cbdaf1;border-radius:10px;text-align:center;font-weight:700;overflow-wrap:anywhere}.transfer-total{display:flex;justify-content:space-between;gap:10px;padding:0 0 18px;border-bottom:1px solid var(--line);font-size:12px}.gateway-logo{width:90px;max-height:40px;object-fit:contain;align-self:flex-start}.upload-area{border:1px dashed #c4d4ee;border-radius:12px;align-items:center;text-align:center;padding:25px 15px;background:#fcfdff;cursor:pointer;gap:12px}.upload-area>.icon{width:24px;height:24px;color:#79a2de}.upload-area input{padding:8px!important;font-size:10px!important;max-width:260px;background:transparent!important;border:0!important;min-height:0!important}.upload-area input::file-selector-button{background:#eaf1ff;color:#5479ae;border:0;padding:6px 10px;border-radius:5px;font:inherit;margin-inline-end:7px;cursor:pointer}.receipt-row{display:flex;justify-content:space-between;align-items:start;gap:15px;border-bottom:1px solid var(--line);padding:17px 0;font-size:12px}.receipt-row:last-child{border:0}.receipt-row small{display:block;color:#97a3b5;font-size:10px}.invoice-letterhead{display:flex;align-items:center;justify-content:space-between;margin:10px 0 35px}.invoice-letterhead img{width:150px;height:auto}.invoice-letterhead>span{font-size:11px;color:var(--muted);text-align:end}.invoice-letterhead strong{display:block;font-size:14px;color:#425a7d}.invoice-meta{display:flex;gap:35px;margin-bottom:35px}.invoice-meta>div{display:flex;flex-direction:column;gap:5px;margin:0}.invoice-product{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:flex;align-items:center;gap:15px}.invoice-product>div:nth-child(2){flex:1}.invoice-product h2{font-size:18px;margin:0}.invoice-product span{font-size:12px;color:var(--muted)}.invoice-product>strong{font-size:13px}.invoice-product .field-hint{margin-top:3px}.invoice-total{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 15px;font-size:12px}.invoice-total b{font-size:21px}.payment-complete{text-align:center}.payment-complete>p{font-size:12px;color:var(--muted);margin:14px 0 25px}.complete-icon{width:64px;height:64px;margin:10px auto 20px;border-radius:50%;background:#eaf8f0;color:#2a9b72;display:grid;place-items:center;box-shadow:0 0 0 8px #f5fbf8}.complete-icon .icon{width:30px;height:30px}.review-details{display:flex;flex-wrap:wrap;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:15px 0 25px;padding:12px 0}.review-details>div{flex-direction:column;margin:0;gap:3px;min-width:130px}.review-forms{align-items:start}.review-forms>form:first-child{padding-inline-end:24px;border-inline-end:1px solid var(--line)}.auth-layout{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;max-width:1050px;margin:15px auto}.auth-story{background:#11213f;position:relative;overflow:hidden;padding:70px 40px;display:flex;flex-direction:column;justify-content:center;color:white;min-height:520px}.auth-story>*:not(.auth-orb){position:relative;z-index:1}.auth-story h1{font-size:35px;margin:25px 0;max-width:320px}.auth-story>p{font-size:13px;color:#a6bad9}.auth-orb{position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid #456eac3b;top:-130px;inset-inline-end:-160px;box-shadow:0 0 0 40px #254a7c22,0 0 0 80px #254a7c17,0 0 0 120px #254a7c10}.auth-story-bottom{display:flex;align-items:center;gap:10px;font-size:11px;color:#84a7de;margin-top:55px}.auth-panel{border:0;border-radius:0;padding:45px 35px;margin:0;align-self:center}.auth-panel h2{font-size:24px;margin:5px 0 25px}.auth-panel>.muted{font-size:12px;margin:-10px 0 25px}.auth-switch{text-align:center;font-size:11px;margin-top:22px;color:#8795aa}.auth-switch a{font-weight:700;margin-inline-start:4px}.auth-panel>.notice{margin:20px 0 0;font-size:10px}.auth-panel summary{font-size:11px;color:var(--blue);cursor:pointer}.auth-panel details input{margin-top:10px}.qr-code{max-width:230px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px;direction:ltr}.qr-code svg{display:block;width:100%;height:auto}.secret-key{display:block;direction:ltr;overflow-wrap:anywhere;background:#f5f8fd;padding:10px;border-radius:8px;user-select:all;font-size:12px}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;background:#f6f8fc;padding:15px;border-radius:10px;text-align:center}.skip-link{position:fixed;inset-inline-start:10px;top:-70px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[dir=rtl] .brand img{object-position:right}[dir=rtl] .plan-card h3{text-align:right}[dir=rtl] .plan-price{justify-content:flex-end}[dir=rtl] .hero h1{font-size:36px;letter-spacing:0}[dir=rtl] h1{letter-spacing:0}
@media(min-width:1600px){.main-content{padding-top:44px}.hero{min-height:320px}.plan-card{padding:35px}.plan-features{font-size:12px}}
@media(max-width:1200px){.sidebar{width:215px;padding-inline:16px}.brand{padding-inline:8px}.brand img{width:165px}.workspace{margin-inline-start:215px;width:calc(100% - 215px)}.topbar{padding-inline:28px}.main-content{padding:28px}.environment{padding-inline:28px}.hero{padding:32px}.hero h1{font-size:31px}.hero-art{flex-basis:210px}.plan-grid{gap:14px}.plan-card{padding:27px 19px}.plan-price b{font-size:34px}.plan-description{font-size:10px}.checkout-grid{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:20px}.panel{padding:23px}.auth-story{padding:45px 28px}.auth-story h1{font-size:29px}.auth-panel{padding:35px 28px}.stat-card{padding:20px;gap:13px}.stat-card>div>span{font-size:11px}}
@media(max-width:980px){.sidebar{width:195px;padding-inline:12px}.brand img{width:145px}.brand{padding-inline:8px}.workspace{margin-inline-start:195px;width:calc(100% - 195px)}.nav-item{font-size:11px;padding:12px 11px;gap:9px}.nav-item .icon{width:18px;height:18px}.hero-art{display:none}.hero{min-height:260px}.hero-copy{max-width:none}.plan-grid{grid-template-columns:1fr}.plan-card{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;padding:27px}.plan-card .plan-price{grid-column:2;grid-row:1/3;justify-content:flex-end;align-self:center}.plan-card .plan-icon{margin-bottom:10px}.plan-card .plan-features{grid-column:1/3}.plan-card .plan-line{grid-column:1/3;margin:15px 0}.plan-card>.button{grid-column:2;grid-row:4/6;align-self:center}.plan-card .plan-description{grid-column:1/3}.plan-card .saving{grid-column:1;grid-row:4}.plan-badge{inset-inline:27px;top:-12px;margin:0 auto;width:140px}.plan-grid{gap:30px}.plan-features{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.stats-grid{gap:12px}.stat-card{padding:18px 13px;gap:10px;flex-direction:column;align-items:start}.stat-card .square-icon{width:32px;height:32px;border-radius:9px}.stat-card .icon{width:17px;height:17px}.stat-card strong{font-size:24px}.checkout-grid{grid-template-columns:1fr}.order-summary{position:static;grid-row:1}.order-summary .summary-plan{margin:18px 0}.order-summary dl{display:flex;justify-content:space-between;gap:15px}.order-summary dl>div{flex-direction:column;gap:4px}.order-summary .summary-total{margin:15px 0;padding-top:15px}.order-summary .summary-total>span{display:inline}.order-summary .summary-total strong{display:inline;font-size:23px;margin-inline-start:20px}.auth-layout{grid-template-columns:1fr;max-width:530px}.auth-story{min-height:210px;padding:30px}.auth-story h1{font-size:25px;max-width:none;margin:12px 0}.auth-story p{font-size:11px}.auth-story-bottom{display:none}.auth-panel{padding:30px}.two-column{grid-template-columns:1fr}.review-forms>form:first-child{border-inline-end:0;border-bottom:1px solid var(--line);padding:0 0 24px}.environment-extra{display:none}.section-heading h2{font-size:20px}.invoice-product{flex-wrap:wrap}.invoice-product>strong{margin-inline-start:auto}}
@media(max-width:700px){.app-shell{display:block}.sidebar{width:100%;position:static;padding:18px 20px 12px;border-inline-end:0;border-bottom:1px solid var(--line)}.brand{padding:0 0 17px;flex-direction:row;justify-content:space-between;align-items:center}.brand img{width:145px;height:30px}.brand span{font-size:10px}.sidebar>.nav-label,.sidebar-bottom,.nav-divider,nav>.nav-label{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.nav-item{margin:0;padding:9px 12px;font-size:11px}.nav-item.selected:before{display:none}.nav-item .icon{width:16px;height:16px}.workspace{margin:0;width:100%}.topbar{height:61px;padding:0 20px;background:#fff}.breadcrumb{font-size:10px}.breadcrumb>span{margin:0 7px}.top-actions{gap:13px}.avatar{width:29px;height:29px;font-size:12px}.language{font-size:10px}.language .icon{width:14px;height:14px}.icon-button .icon{width:17px;height:17px}.environment{font-size:9px;padding:7px 20px}.main-content{padding:24px 18px 30px}.hero{border-radius:15px;padding:28px 23px;min-height:260px}.hero h1,[dir=rtl] .hero h1{font-size:28px;line-height:1.6}.hero p{font-size:12px}.hero-tags{gap:17px;margin-top:22px;font-size:9px}.eyebrow{font-size:8px;letter-spacing:1.3px}.section-heading{flex-direction:column;align-items:stretch;margin:28px 0 20px;gap:15px}.filter-form{width:100%;gap:7px}.filter-form select{flex:1;min-width:0;max-width:140px;font-size:11px}.filter-form .button{min-height:43px}.plan-grid{margin-top:30px}.plan-card{padding:25px 22px;column-gap:12px}.plan-card .plan-price b{font-size:36px}.plan-card h3{font-size:23px}.plan-features{font-size:10px}.plan-card .plan-description{font-size:10px;min-height:0;margin:4px 0 7px}.plan-card .saving{font-size:9px;margin-top:0}.plan-card>.button{padding:9px 14px;font-size:11px;min-height:38px}.payment-strip{gap:18px;padding:25px 0 0;font-size:10px}.payment-strip img{max-width:64px;max-height:23px}.payment-note{width:100%;text-align:center;font-size:10px}.app-footer{padding:16px 20px;font-size:9px;gap:10px}.app-footer>span:last-child{font-size:0}.app-footer>span:last-child .icon{font-size:10px}.welcome{align-items:start;flex-direction:column;gap:18px;margin-bottom:24px}.welcome h1,h1{font-size:25px}.welcome p,.page-heading p{font-size:12px}.welcome .button{min-height:38px;font-size:11px}.kicker{font-size:9px}.stats-grid{gap:8px;margin-bottom:22px}.stat-card{padding:15px 10px;border-radius:12px;gap:10px}.stat-card>div>span{font-size:9px}.stat-watermark{font-size:60px}.stat-card strong{font-size:24px}.stat-card .square-icon{width:30px;height:30px}.panel{border-radius:13px;padding:22px 18px;margin-bottom:20px}.panel h2,.section-heading.compact h2{font-size:16px}.section-heading.compact{flex-direction:row;align-items:center;margin:0 0 18px}.table-wrap table{font-size:11px}td{padding:15px 10px}.empty{padding:23px 10px}.empty>p{font-size:11px}.service-row{flex-wrap:wrap;gap:10px}.service-info{min-width:100px}.service-info strong{font-size:12px}.service-info>span{font-size:10px}.service-mark{width:35px;height:35px}.service-row>.badge{font-size:9px;padding:3px 7px}.invoice-letterhead{margin:5px 0 28px}.invoice-letterhead img{width:125px}.invoice-letterhead strong{font-size:11px}.invoice-meta{gap:25px}.invoice-meta>div{font-size:11px}.invoice-product{gap:12px;padding:20px 0}.invoice-product>strong{font-size:12px}.invoice-product>div:nth-child(2){min-width:150px}.invoice-total b{font-size:17px}.invoice-total>span{font-size:11px}.panel-heading{margin-bottom:20px}.auth-layout{margin:0 auto;border-radius:15px}.auth-story{padding:25px 23px;min-height:190px}.auth-story h1{font-size:24px}.auth-panel{padding:28px 23px}.auth-panel h2{font-size:23px}.notice{font-size:11px;padding:12px}.review-details{gap:18px}.review-details>div{font-size:11px}.qr-code{max-width:220px}.recovery-codes{font-size:11px;gap:8px}.order-summary dl{flex-wrap:wrap}.field-hint{font-size:10px}.review-forms{gap:20px}.auth-switch{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.filter-form>select{width:auto;min-width:120px}.pager{display:flex;justify-content:center;align-items:center;gap:15px;margin:20px 0;font-size:12px}@media(max-width:700px){.filter-form>select{min-width:0;max-width:none}}
.error-page{max-width:650px;padding:50px 20px;margin:0 auto}.error-page>a{display:block;text-align:center;margin:35px 0}.error-number{display:block;font-size:80px;font-weight:700;color:#c4d8ff;line-height:1.4}.error-page h1{font-size:23px}

/* Infrastructure administration */
.sidebar{overflow-y:auto}.sidebar-bottom{margin-top:24px}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:18px 0}.metric-strip>div{display:flex;flex-direction:column;gap:8px}.metric-strip strong{font-size:25px}.metric-strip strong.small{font-size:14px}.form-actions,.filter-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.form-actions form{margin:0}.filter-row input{flex:1;min-width:180px}.filter-row select{width:auto;min-width:160px}.package-list{direction:ltr;text-align:left;max-height:300px;overflow:auto;background:#f4f7fc;padding:18px;border-radius:12px;font-size:13px}td small{display:block;color:#728099;margin-top:5px}.text-button{border:0;background:none;color:#bb3247;padding:8px 0;cursor:pointer;font:inherit;font-size:12px}.stats-grid:has(>.stat-card:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}select[multiple]{min-height:110px}section+section{margin-top:24px}a.stat-card{color:inherit;text-decoration:none}.status-suspended,.status-cancelled{color:#99530b;background:#fff4df}@media(max-width:1000px){.stats-grid:has(>.stat-card:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.form-actions>*{max-width:100%}.metric-strip strong{font-size:20px}}

.dns-value{max-width:340px;overflow-wrap:anywhere;white-space:normal}.domain-list{display:grid;gap:16px}

/* Domain ordering */
.domain-hero{min-height:230px}.domain-orbit{width:150px;height:150px;border:1px solid #ffffff38;border-radius:50%;display:grid;place-items:center;margin-inline:35px;box-shadow:0 0 0 22px #ffffff08}.domain-orbit .icon{width:75px;height:75px;stroke-width:1;color:#b9d5ff}.domain-search-form{display:flex;align-items:end;gap:16px;margin-top:24px}.domain-search-name{flex:1}.domain-search-form input{font-size:16px}.domain-search-form>label:not(:first-child){width:110px}.domain-result{display:flex;align-items:center;gap:25px}.domain-result>div:first-child{flex:1}.domain-result h2{font-size:25px;margin-top:12px;overflow-wrap:anywhere}.domain-result-price{display:flex;flex-direction:column;gap:4px}.domain-result-price strong{font-size:22px}.domain-result-price small{color:var(--muted)}.domain-pricing-table td{padding-block:22px}.domain-pricing-table td:first-child strong{font-size:20px;color:#16487e}.domain-saving{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:10px}.domain-saving s{color:#9aa5b6}.domain-saving>span{color:#1b9568;background:#edf9f2;padding:1px 6px;border-radius:4px}.domain-price-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.domain-price-list summary{cursor:pointer;font-size:14px}.domain-price-list details[open] summary{margin-bottom:22px}.domain-contact{margin:0}.domain-contact>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.domain-contact dd{margin:0;overflow-wrap:anywhere}
@media(max-width:980px){.domain-search-form{flex-wrap:wrap}.domain-search-name{flex-basis:100%}.domain-result{flex-wrap:wrap}.domain-result>div:first-child{flex-basis:100%}}@media(max-width:700px){.domain-orbit{display:none}.domain-hero{min-height:190px}.domain-search-form{gap:10px}.domain-search-form>label:not(:first-child){width:calc(50% - 5px)}.domain-search-form>.button{width:100%}.domain-result h2{font-size:21px}.domain-price-fields{grid-template-columns:1fr}.domain-contact>div{grid-template-columns:1fr;gap:4px}}