:root{--bg:#eef1f5;--panel:#fff;--panel2:#f7f9fb;--line:#e2e8ee;--text:#182236;--muted:#748094;--cyan:#18d5b3;--cyan2:#0da88d;--red:#e55262;--green:#0b947c;--amber:#c47a11;--navy:#071426;--navy2:#102842;color-scheme:light}
body,input,select,textarea,button{font-family:Manrope,"Segoe UI",sans-serif}.customer-body{background:#eef1f5;color:var(--text);font-family:Manrope,"Segoe UI",sans-serif}
.customer-topbar{height:78px;padding:0 30px;border-bottom:1px solid var(--line);background:#fff;color:var(--text);backdrop-filter:none;box-shadow:0 1px 0 rgba(7,20,38,.02)}.customer-brand{gap:11px;letter-spacing:0}.customer-brand>span:first-child{width:39px;height:39px;border-radius:12px;background:var(--cyan);color:#07382f;box-shadow:0 0 24px rgba(24,213,179,.2);font-size:12px;font-weight:800}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:15px;letter-spacing:.04em}.brand-copy small{color:#7f8da0;font-size:7px;font-weight:800;letter-spacing:.16em}.customer-top-actions{color:#657386;font-size:10px}.customer-top-actions button,.back-site{padding:9px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#536075;font-size:9px}.customer-top-actions button:hover,.back-site:hover{border-color:#b9c6d1;background:#f6f8fa}
.customer-shell{grid-template-columns:252px minmax(0,1fr);min-height:calc(100vh - 78px)}.customer-sidebar{top:78px;height:calc(100vh - 78px);padding:29px 20px;border-right:0;background:var(--navy);color:#fff}.sidebar-label{margin:0 12px 14px;color:#52647b;font-size:7px;letter-spacing:.18em}.customer-sidebar nav{gap:5px}.customer-sidebar nav a{position:relative;gap:12px;padding:12px;border:0;border-radius:10px;color:#8290a4;font-size:10px}.customer-sidebar nav a span{width:21px;color:#596b81;font-size:8px;text-align:center}.customer-sidebar nav a.active,.customer-sidebar nav a:hover{border:0;background:#102842;color:#fff}.customer-sidebar nav a.active:before{content:"";position:absolute;left:-20px;width:3px;height:24px;border-radius:0 3px 3px 0;background:var(--cyan)}.customer-sidebar nav a.active span{color:var(--cyan)}.sidebar-help{left:20px;right:20px;bottom:22px;padding:14px;border:1px solid #18344e;border-radius:12px;background:#0c2036}.sidebar-help strong{font-size:9px}.sidebar-help a,.sidebar-help span{color:#71849a!important;font-size:8px!important;line-height:1.55}
.customer-main{max-width:1500px;width:100%;padding:28px 30px 72px}.auth-main{position:relative;display:grid;place-items:center;width:100%;min-height:calc(100vh - 78px);padding:42px 20px;background:radial-gradient(circle at 75% 15%,#0e3b48,#071426 55%)}.auth-main:before{content:"IQMEDYA";position:fixed;left:5vw;bottom:2vh;color:rgba(255,255,255,.025);font-size:clamp(70px,13vw,190px);font-weight:800;letter-spacing:-.06em;pointer-events:none}.auth-card{position:relative;width:min(430px,100%);margin:auto;padding:30px;border:0;border-radius:20px;background:#fff;color:var(--text);box-shadow:0 35px 90px rgba(0,0,0,.38)}.auth-card-wide{width:min(860px,100%)}.auth-heading>span,.portal-page-head>div>span,.panel-head>div>span{color:var(--cyan2);font-size:7px;letter-spacing:.16em}.auth-heading h1{margin:9px 0 0;font-size:26px;letter-spacing:-.035em}.auth-heading p{margin:10px 0 22px;color:#7f8b9b;font-size:9px;line-height:1.65}.portal-form{gap:14px}.portal-form label{gap:6px;color:#667386;font-size:8px}.portal-form input,.portal-form select,.portal-form textarea{padding:11px;border:1px solid #dce2e8;border-radius:8px;background:#fff;color:#29364a;font-size:9px}.portal-form input:focus,.portal-form select:focus,.portal-form textarea:focus{border-color:var(--cyan2);box-shadow:0 0 0 3px rgba(13,168,141,.08)}.portal-form input:disabled,.portal-form input[readonly]{background:#f4f6f8;color:#8591a0}.portal-button{min-height:39px;padding:0 15px;border-radius:9px;background:var(--cyan);color:#07382f;font-size:9px}.portal-button:hover{background:#22e0bf}.portal-button.secondary{border-color:var(--line);background:#f5f7f9;color:#536075}.auth-switch{margin-top:18px;color:#7f8b9b;font-size:8px;line-height:1.8}.auth-switch a,.login-row a,.back-link,.panel-head>a{color:var(--cyan2)}.login-row{font-size:8px}
.portal-alert{margin-bottom:16px;padding:11px 13px;border-radius:9px;font-size:9px}.portal-alert.is-error{border-color:#ffd5d5;background:#fff0f0;color:#b42318}.portal-alert.is-success{border-color:#cdeee6;background:#e8f8f4;color:#087b68}.portal-alert.is-warning{border-color:#f1dfb5;background:#fff7e7;color:#8a5b0d}.portal-page-head{margin-bottom:22px}.portal-page-head h1{margin-top:9px;font-size:28px;letter-spacing:-.035em}.portal-page-head p{margin-top:8px;color:#7e899a;font-size:9px}.verified-mark{background:#e5f8f4;color:#087b68}
.stat-grid{gap:12px;margin-bottom:18px}.stat-grid article{min-height:135px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.stat-grid article.accent{border-color:var(--navy);background:var(--navy);color:#fff}.stat-grid span,.stat-grid small{color:#8994a4;font-size:7px;letter-spacing:.12em}.stat-grid strong{margin:17px 0 12px;font-size:24px}.portal-panel,.portal-domain-results{margin-bottom:15px;border:1px solid var(--line);border-radius:15px;background:#fff}.form-panel{padding:22px}.panel-head{padding:18px 20px;border-color:var(--line)}.panel-head h2{margin-top:5px;font-size:13px}.panel-head>a{font-size:8px}.portal-table th,.portal-table td{padding:11px 14px;border-color:#edf0f3;font-size:8px}.portal-table th{background:#f8f9fb;color:#8b95a4;font-size:6px;letter-spacing:.12em}.portal-table td small{color:#929ca9;font-size:7px}.status-badge{padding:5px 7px;border-radius:6px;background:#eef1f4;color:#657386;font-size:7px}.status-badge.is-registered,.status-badge.is-active,.status-badge.is-completed{background:#e5f8f4;color:#087b68}.status-badge.is-awaiting_payment{background:#fff3df;color:#a86a10}.empty-cell{color:#909ba9!important}
.quick-grid{gap:12px}.quick-grid a{padding:18px;border-color:var(--line);border-radius:13px;background:#fff}.quick-grid a:hover{border-color:#b9dfd8;box-shadow:0 10px 30px rgba(7,20,38,.05);transform:translateY(-1px)}.quick-grid a>span{color:var(--cyan2);font-size:7px}.quick-grid strong{margin-top:14px;color:#28364a;font-size:10px}.quick-grid p{color:#7f8b9b;font-size:8px}.mini-list>div,.portfolio-card{border-color:var(--line)}.portfolio-domain strong{color:#29364a}.portfolio-domain small,.portfolio-meta span,.mini-list span{color:#8591a1}.renew-form select{border-color:#dce2e8;background:#fff;color:#344258}.renew-form button{border-color:var(--cyan);background:var(--cyan);color:#07382f}
.domain-search-panel{padding:28px;border:0;border-radius:17px;background:linear-gradient(120deg,var(--navy),#0d2944);color:#fff}.portal-domain-form label{color:#9badbf;font-size:7px}.portal-domain-form>div{border-color:#28465d;border-radius:10px;background:#102943}.portal-domain-form input{color:#fff;font-size:12px}.portal-domain-form button{border-radius:8px;background:var(--cyan);color:#07382f;font-size:9px}.portal-tlds span{border-color:#28465d;color:#91a7ba;font-size:7px}.portal-result{border-color:var(--line);background:#fff}.portal-result>div strong{color:#29364a}.portal-result p{color:#7f8b9b}.portal-result>a{background:var(--cyan);color:#07382f}.order-summary{border-color:var(--line);background:#f8f9fb}.order-summary>div{border-color:var(--line)}.portal-details{border-color:var(--line)}
@media(max-width:1050px){.customer-shell{grid-template-columns:210px minmax(0,1fr)}.customer-sidebar nav a.active:before{left:-20px}}
@media(max-width:800px){.customer-topbar{height:68px}.customer-shell{display:block}.customer-sidebar{position:static;height:auto;padding:10px 15px;border-bottom:0}.customer-sidebar nav a.active:before{display:none}.customer-main{padding:22px 16px 60px}.auth-main{min-height:calc(100vh - 68px)}.portal-page-head h1{font-size:25px}}
@media(max-width:600px){.customer-topbar{padding:0 15px}.brand-copy small{display:none}.auth-main{padding:22px 15px}.auth-card{padding:24px 20px}.auth-heading h1{font-size:23px}.stat-grid{grid-template-columns:1fr}.portal-table th,.portal-table td{padding:11px 12px}}