:root{--ink:#13233b;--muted:#6b7b8e;--brand:#0cbaa4;--brand-dark:#162c45;--soft:#eef7f6;--line:#dfe9e9;--danger:#bd3846;--warning:#c8850e;--surface:#fff;--shadow:0 20px 65px rgba(12,32,55,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7fbfb;color:var(--ink);font-family:Tajawal,Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{height:82px;display:flex;align-items:center;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);border-bottom:1px solid #e8eeee;backdrop-filter:blur(15px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;line-height:1.05;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,var(--brand),#62d8c8);color:#fff;font-size:23px;box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 30%,transparent)}.brand small{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:700}.main-nav{display:flex;gap:25px;font-size:14px;font-weight:800;color:#41526a}.main-nav a{position:relative}.main-nav a:after{position:absolute;content:"";right:0;bottom:-7px;width:0;height:2px;background:var(--brand);transition:.2s}.main-nav a:hover{color:var(--brand)}.main-nav a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:8px}.nav-actions form{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 17px;border:1px solid transparent;border-radius:10px;font-size:13px;font-weight:900;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 9px 18px color-mix(in srgb,var(--brand) 22%,transparent)}.btn-primary:hover{background:color-mix(in srgb,var(--brand) 85%,#000)}.btn-ghost{border-color:#bfd1d2;background:#fff;color:var(--brand-dark)}.btn-text{background:transparent;border-color:transparent;color:#41526a}.btn-block{width:100%}.flash{padding:11px 0;font-size:13px;font-weight:800}.flash.success{background:#e6faf5;color:#0b7565}.flash.danger{background:#fff1f2;color:#a32b3b}.flash ul{margin:4px 0 0;padding-right:19px}.hero{overflow:hidden;padding:92px 0 78px;background:radial-gradient(circle at 82% 22%,#d7f8f2,transparent 27%),linear-gradient(135deg,#fff 0%,#f3fbfa 100%)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.eyebrow{color:var(--brand);font-size:12px;font-weight:900;letter-spacing:.2px}.hero h1{max-width:690px;margin:12px 0 15px;font-size:clamp(38px,4.3vw,62px);line-height:1.18;letter-spacing:-1px}.hero p{max-width:650px;margin:0;color:var(--muted);font-size:18px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:23px;color:#496071;font-size:13px;font-weight:800}.hero-visual{height:350px;position:relative;display:grid;place-items:center}.server-orb{width:260px;height:260px;display:grid;align-content:center;gap:12px;padding:42px;border-radius:49% 51% 46% 54%;background:linear-gradient(150deg,var(--brand-dark),#091a2d);color:#fff;text-align:center;transform:rotate(-8deg);box-shadow:inset 16px 15px 38px rgba(255,255,255,.08),0 29px 58px rgba(14,43,69,.28)}.server-orb b{font-size:25px}.server-orb i{display:block;height:13px;border-radius:11px;background:linear-gradient(90deg,var(--brand) 0 22%,#36546e 22%)}.floating-card{position:absolute;min-width:132px;padding:11px 16px;border:1px solid #dceaea;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}.floating-card small{display:block;color:var(--muted);font-size:11px}.floating-card b{display:block;color:var(--brand-dark);font-size:20px}.c1{right:0;top:60px}.c2{left:5px;bottom:48px}.domain-strip{padding:22px 0;background:var(--brand-dark);color:#fff}.domain-strip form{display:flex;align-items:center;justify-content:space-between;gap:25px}.domain-strip b,.domain-strip span{display:block}.domain-strip b{font-size:18px}.domain-strip span{color:#bcd1e0;font-size:12px}.domain-inline{display:flex;min-width:min(100%,480px);gap:8px}.domain-inline input{background:#fff}.section{padding:80px 0}.soft-section{background:#edf8f6}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head h2{margin:0;font-size:31px;line-height:1.3}.text-link{color:var(--brand-dark);font-size:13px;font-weight:900}.text-link:hover{color:var(--brand)}.plans-grid,.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;align-items:stretch}.plan-card,.offer-card{display:flex;flex-direction:column;padding:27px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 6px 22px rgba(17,43,64,.035)}.plan-card.featured,.offer-card.featured{border:2px solid var(--brand);box-shadow:0 20px 45px color-mix(in srgb,var(--brand) 16%,transparent);transform:translateY(-7px)}.plan-top{min-height:117px}.plan-top h3,.offer-card h3{margin:0 0 7px;font-size:24px;line-height:1.3}.plan-top p,.offer-card p{margin:0;color:var(--muted);font-size:13px}.badge{display:inline-block;margin-bottom:9px;padding:4px 10px;border-radius:20px;background:#dcfbf5;color:#087668;font-size:11px;font-weight:900}.badge-dark{background:#e8eef5;color:var(--brand-dark)}.price,.offer-price{margin:20px 0 14px}.price strong,.offer-price strong{display:block;font-size:30px;line-height:1.1}.price span,.price small,.offer-price small{display:block;color:var(--muted);font-size:12px}.offer-price del{display:block;color:#8491a1;font-size:12px}.feature-list{flex:1;margin:0 0 22px;padding:0;list-style:none}.feature-list li{padding:7px 0;border-bottom:1px dashed #e4ecec;font-size:13px}.feature-list li:before{content:"✓";margin-left:7px;color:var(--brand);font-weight:900}.band{padding:39px 0;background:var(--brand-dark);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.stats-grid b{display:block;color:#7be7d8;font-size:27px}.stats-grid span{font-size:12px;color:#c6d4df}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{padding:23px;border:1px solid var(--line);border-radius:16px;background:#fff}.article-card>span{color:var(--brand);font-size:12px;font-weight:900}.article-card h3{margin:8px 0;font-size:20px;line-height:1.45}.article-card p{margin:0;color:var(--muted);font-size:13px}.site-footer{padding-top:54px;background:#0e1c2d;color:#dce5ed}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px}.footer-grid h4{margin:0 0 13px;color:#fff}.footer-grid p{max-width:340px;color:#b7c5d1;font-size:13px}.footer-grid a,.footer-grid span{display:block;margin:8px 0;color:#b7c5d1;font-size:13px}.footer-grid a:hover{color:#fff}.footer-brand{color:#fff}.footer-bottom{margin-top:39px;padding:17px 0;border-top:1px solid rgba(255,255,255,.1);color:#94a6b6;font-size:12px}.footer-bottom a{color:#6fded0;font-weight:900}.page-hero{padding:68px 0 54px;border-bottom:1px solid #e0eeee;background:linear-gradient(135deg,#edf9f7,#fff)}.page-hero h1{margin:7px 0;font-size:40px;line-height:1.25}.page-hero p{margin:0;color:var(--muted)}.wordpress-hero{background:radial-gradient(circle at 15% 30%,#d5f7f1,transparent 26%),linear-gradient(135deg,#effbfa,#fff)}.offers-hero{background:radial-gradient(circle at 83% 20%,#e1ecff,transparent 28%),linear-gradient(135deg,#f7fbff,#fff)}.narrow{max-width:850px}.panel{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(17,43,64,.035)}.domain-panel{box-shadow:var(--shadow)}.domain-search{display:flex;gap:10px}.domain-search input{flex:1}.domain-result{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:15px;border-radius:12px}.domain-result strong,.domain-result span{display:block}.domain-result span{max-width:640px;font-size:12px}.domain-result.available{background:#e7fbf6;color:#087263}.domain-result.unavailable{background:#fff0f2;color:#a32b3b}.domain-order-form{display:flex;align-items:end;gap:12px;margin-top:16px}.domain-order-form>div{flex:1}.tld-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tld-card{padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff}.tld-card b,.tld-card span,.tld-card strong{display:block}.tld-card b{color:var(--brand-dark);font-size:21px}.tld-card span{color:var(--muted);font-size:12px}.tld-card strong{margin-top:9px;font-size:15px}.tld-card small{color:var(--muted);font-size:11px}.filter-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.filter-tabs a{padding:7px 13px;border:1px solid var(--line);border-radius:20px;background:#fff;font-size:13px;font-weight:900}.filter-tabs a.active,.filter-tabs a:hover{border-color:var(--brand);background:#e4faf6;color:#087768}.checkout-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start}.summary-card{padding:24px;border-radius:16px;background:var(--brand-dark);color:#fff}.summary-card>span{color:#80e8d8;font-size:12px;font-weight:900}.summary-card h3{margin:6px 0;font-size:24px;line-height:1.3}.summary-card p{color:#cbd8e2;font-size:13px}.summary-card>div{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12)}.summary-card b,.summary-card small{display:block}.summary-card b{font-size:20px}.summary-card small{color:#bfd0dc;font-size:12px}.summary-card .feature-list{margin-top:15px}.summary-card .feature-list li{border-color:rgba(255,255,255,.12)}.summary-card .feature-list li:before{color:#72e2d3}.muted{color:var(--muted);font-size:13px}.auth-section{display:grid;min-height:calc(100vh - 205px);place-items:center;padding:65px 20px;background:radial-gradient(circle at top,#def8f3,transparent 42%)}.auth-card{width:min(100%,460px);padding:34px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.auth-card.wide{width:min(100%,670px)}.auth-card h1{margin:0 0 25px;font-size:31px}.auth-switch{text-align:center;margin:18px 0 0;color:var(--muted);font-size:13px}.auth-switch a{color:var(--brand-dark);font-weight:900}.label{display:block;margin:14px 0 6px;color:#34475c;font-size:13px;font-weight:900}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #cfdcdc;border-radius:10px;background:#fff;outline:none;color:var(--ink)}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}textarea{resize:vertical}.checkbox-group{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.checkbox{display:flex;align-items:center;gap:8px;margin:12px 0;color:#4c5c6c;font-size:13px}.checkbox input{width:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.dashboard-shell{display:grid;grid-template-columns:240px 1fr;gap:25px;min-height:670px;padding-top:33px;padding-bottom:70px}.sidebar{position:sticky;top:105px;height:max-content;padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff}.sidebar-title{padding:9px 10px 14px;color:var(--muted);font-size:12px;font-weight:900}.sidebar a{display:block;padding:10px;border-radius:9px;font-size:13px;font-weight:900}.sidebar a:hover{background:#e8faf7;color:#087768}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.dashboard-header h1{margin:0;font-size:28px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.metric{padding:19px;border:1px solid var(--line);border-radius:15px;background:#fff}.metric span{display:block;color:var(--muted);font-size:12px}.metric b{display:block;margin-top:4px;font-size:27px;line-height:1.1}.metric small{font-size:11px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-head h3{margin:0}.list-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #edf2f2}.list-row b,.list-row small,table b,table small{display:block}.list-row small,table small{color:var(--muted);font-size:11px}.status{display:inline-flex;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:900}.status.active,.status.paid,.status.answered{background:#e6faf5;color:#087263}.status.pending,.status.unpaid,.status.open,.status.customer_reply{background:#fff5dc;color:#9d6900}.status.failed,.status.overdue,.status.terminated,.status.cancelled{background:#fff0f1;color:#a32b3b}.status.suspended,.status.maintenance{background:#e8f0ff;color:#315ba2}.table-wrap{overflow:auto}table{width:100%;min-width:620px;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid #edf2f2;text-align:right;vertical-align:middle;font-size:13px}th{background:#fbfdfd;color:#6d7b8d;font-size:11px;font-weight:900}.empty-cell{padding:28px;text-align:center;color:var(--muted)}.actions{display:flex;align-items:center;gap:8px}.actions form,.inline-form{display:flex;align-items:center;gap:7px;margin:0}.danger-text{color:var(--danger)}.details dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.details dt,.details dd{margin:0;padding:10px 0;border-bottom:1px solid #edf2f2;font-size:13px}.details dt{color:var(--muted);font-weight:900}.invoice-meta{display:flex;justify-content:space-between;margin-bottom:20px;color:var(--muted);font-size:13px}.invoice-total{padding:22px 0 8px;text-align:left;font-size:18px}.payment-actions{margin-top:15px;padding-top:16px;border-top:1px solid var(--line)}.form-panel{max-width:880px}.ticket-thread{display:grid;gap:13px}.reply{padding:15px;border:1px solid #e1e9e9;border-radius:13px;background:#fff}.reply.staff{border-color:#c9eee7;background:#eefbf8}.reply-meta{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--muted);font-size:11px}.reply-meta b{color:var(--ink);font-size:13px}.reply p{margin:0;font-size:14px}.pagination{display:flex;gap:5px;flex-wrap:wrap;margin-top:18px}.pagination a,.pagination span{padding:5px 9px;border:1px solid var(--line);border-radius:7px;font-size:12px}.pagination .active span{border-color:var(--brand);background:var(--brand);color:#fff}@media(max-width:900px){.main-nav{display:none}.hero-grid,.dashboard-shell,.checkout-layout{grid-template-columns:1fr}.hero{padding-top:58px}.hero-visual{height:260px}.plans-grid,.offer-grid,.article-grid,.stats-grid{grid-template-columns:1fr 1fr}.plan-card.featured,.offer-card.featured{transform:none}.dashboard-shell{padding-top:20px}.sidebar{position:static;display:flex;gap:3px;overflow:auto;white-space:nowrap}.sidebar-title{display:none}.sidebar a{display:inline-block}.metric-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.tld-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.site-header{height:70px}.brand{font-size:16px}.brand-mark{width:35px;height:35px}.nav-actions .btn-text{display:none}.hero h1{font-size:37px}.hero-visual{display:none}.hero{padding:54px 0}.hero p{font-size:16px}.domain-strip form,.domain-order-form{align-items:stretch;flex-direction:column}.domain-inline,.domain-search{flex-direction:column}.section{padding:55px 0}.plans-grid,.offer-grid,.article-grid,.stats-grid,.metric-grid,.form-grid,.tld-grid{grid-template-columns:1fr}.section-head,.dashboard-header{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.dashboard-header h1{font-size:24px}.auth-card{padding:25px 20px}.invoice-meta{gap:8px;flex-direction:column}.domain-result{align-items:flex-start;flex-direction:column}}
/* v1.1 Admin Suite */
.brand-logo{width:42px;height:42px;object-fit:contain;border-radius:12px;background:#fff;padding:2px}.announcement-wrap{position:relative;z-index:25}.announcement{padding:8px 0;font-size:12px;font-weight:800}.announcement .container{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap}.announcement.info{background:#e8f0ff;color:#315ba2}.announcement.success{background:#e6faf5;color:#087263}.announcement.warning{background:#fff5dc;color:#946100}.whatsapp-float{position:fixed;left:22px;bottom:22px;z-index:35;padding:12px 16px;border-radius:99px;background:#1eae65;color:#fff;font-size:12px;font-weight:900;box-shadow:0 13px 30px rgba(30,174,101,.3)}.side-group{padding:8px 0;border-bottom:1px solid #eef3f3}.side-group:last-child{border-bottom:0}.side-group>span{display:block;padding:7px 10px 5px;color:#93a2af;font-size:10px;font-weight:900}.side-profile{margin-top:6px}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.metric-grid-six{grid-template-columns:repeat(6,1fr)}.alert-card{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 18px;padding:16px 18px;border-radius:14px}.alert-card b,.alert-card span{display:block}.alert-card span{font-size:12px}.alert-card.warning{background:#fff8e7;border:1px solid #f4dfaa;color:#825609}.settings-section{padding:18px 0 24px;margin-bottom:22px;border-bottom:1px solid var(--line)}.settings-section:last-of-type{border-bottom:0}.settings-section h3{margin:0 0 8px}.current-brand{display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--muted);font-size:11px}.current-brand img{width:48px;height:48px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}.form-actions{padding-top:4px}.full-width{grid-column:1/-1}.payment-gateways{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:15px}.payment-option{padding:15px;border:1px solid var(--line);border-radius:12px;background:#fbfefe;transition:.2s}.payment-option:hover{border-color:var(--brand);transform:translateY(-1px)}.payment-option b,.payment-option span{display:block}.payment-option span{margin-top:3px;color:var(--muted);font-size:11px}.payment-option.manual{background:#f0fbf8}.manual-payment-box{margin-top:18px;padding:18px;border:1px solid #ccece6;border-radius:14px;background:#f9fefd}.manual-payment-box h3{margin:0}.manual-method-list{display:grid;gap:7px;margin-top:18px}.manual-method-list details{border:1px solid var(--line);border-radius:10px;background:#fff}.manual-method-list summary{padding:10px 12px;font-size:13px;font-weight:900;cursor:pointer}.manual-method-list summary span{color:var(--brand);font-size:12px}.manual-method-list details>div{padding:0 12px 12px;font-size:12px;color:var(--muted)}.manual-method-list p{margin:5px 0 0;white-space:pre-line}.payment-history{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.payment-history h3{margin:0 0 8px}.action-stack{display:grid;gap:7px;min-width:220px}.reject-form{display:flex;gap:6px}.reject-form input{padding:7px;font-size:11px}.btn-danger{background:var(--danger);color:#fff}.btn-small{min-height:34px;padding:6px 10px;font-size:11px}.filter-panel{margin-bottom:16px}.search-form{display:flex;gap:8px}.search-form input{flex:1}.search-form select{max-width:170px}.profile-grid .panel{align-self:start}.security-note{margin-top:22px;padding:14px;border-radius:12px;background:#f5f9fa}.security-note b,.security-note span{display:block}.security-note span{color:var(--muted);font-size:12px}.printable{background:#fff}code{padding:2px 5px;border-radius:4px;background:#f1f5f5;color:#425368;font-size:11px}.feature-icon{display:grid;place-items:center;width:37px;height:37px;margin-bottom:12px;border-radius:12px;background:#dff8f3;color:#087768;font-weight:900}@media print{.site-header,.site-footer,.sidebar,.dashboard-header .header-actions,.flash,.announcement-wrap,.whatsapp-float{display:none!important}.dashboard-shell{display:block;padding:0}.panel{border:0;box-shadow:none}.dashboard-content{width:100%}body{background:#fff}.printable{padding:0}}
@media(max-width:1100px){.metric-grid-six{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.side-group{display:contents}.side-group>span{display:none}.metric-grid-six{grid-template-columns:repeat(2,1fr)}.payment-gateways{grid-template-columns:1fr}}@media(max-width:560px){.metric-grid-six{grid-template-columns:1fr}.search-form{flex-direction:column}.search-form select{max-width:none}.brand-logo{width:35px;height:35px}.whatsapp-float{left:14px;bottom:14px}.alert-card{align-items:flex-start;flex-direction:column}}