:root{
  --bg:#f5f7fb;--surface:#ffffff;--surface-2:#f8fafc;--text:#0f172a;--muted:#64748b;
  --line:#e2e8f0;--primary:#2563eb;--primary-2:#1d4ed8;--success:#16a34a;
  --danger:#dc2626;--warning:#d97706;--sidebar:#0b1220;--shadow:0 10px 30px rgba(15,23,42,.07)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Cairo,Arial,sans-serif;background:var(--bg);color:var(--text);display:grid;grid-template-columns:260px 1fr;min-height:100vh}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
aside{background:linear-gradient(180deg,#0b1220,#111c31);color:#fff;padding:24px 18px;position:sticky;top:0;height:100vh;border-left:1px solid rgba(255,255,255,.06)}
.logo{font-size:28px;font-weight:900;display:flex;align-items:center;gap:12px;padding:6px}
.logo::first-letter{display:grid}
.logo>span{font-size:15px;line-height:1.45}
.logo small{color:#94a3b8;font-weight:600}
nav{display:grid;gap:6px;margin-top:28px}
nav a{color:#cbd5e1;padding:12px 14px;border-radius:12px;font-weight:700;transition:.2s}
nav a:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(-2px)}
.user-box{position:absolute;bottom:18px;right:18px;left:18px;background:rgba(255,255,255,.07);padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);font-weight:800}
.user-box small{display:block;color:#94a3b8;margin-top:2px;text-transform:capitalize}
main{padding:32px;max-width:1500px;width:100%;margin:auto}
.hero{background:linear-gradient(135deg,#ffffff,#eff6ff);border:1px solid #dbeafe;border-radius:24px;padding:32px;box-shadow:var(--shadow);margin-bottom:22px}
.hero>span{display:inline-flex;background:#dbeafe;color:#1d4ed8;padding:6px 12px;border-radius:999px;font-weight:900;font-size:13px}
.hero h1{font-size:clamp(2rem,4vw,3.4rem);margin:12px 0 4px;letter-spacing:-1px}
.hero p{color:var(--muted);margin:0}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:26px 0 8px}
.stats article,.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.stats article{padding:18px;position:relative;overflow:hidden}
.stats article::after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;background:#eff6ff;left:-20px;bottom:-24px}
.stats b,.stats small{display:block;position:relative;z-index:1}
.stats b{font-size:30px;line-height:1.2}
.stats small{color:var(--muted);font-weight:700;margin-top:5px}
.panel{padding:24px;margin-bottom:20px}
.panel h2,.panel h3{margin-top:0}
.charts,.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bar-row{display:grid;grid-template-columns:115px 1fr;gap:12px;align-items:center;margin:10px 0}
.bar-row span{color:var(--muted);font-weight:700}
.bar-row b{display:block;min-width:34px;background:linear-gradient(90deg,#dbeafe,#bfdbfe);color:#1d4ed8;padding:7px 10px;border-radius:9px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
label{display:grid;gap:7px;font-weight:800;font-size:13px;color:#334155}
input,select,textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--text);outline:none;transition:.2s}
input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(59,130,246,.10)}
textarea{min-height:95px;resize:vertical}
.full{grid-column:1/-1}
.cities{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px}
.cities input{display:none}
.cities span{display:block;border:1px solid var(--line);padding:10px;text-align:center;border-radius:10px;cursor:pointer;background:#fff;transition:.2s}
.cities span:hover{border-color:#93c5fd;background:#f8fbff}
.cities input:checked+span{background:#eff6ff;border-color:#60a5fa;color:#1d4ed8;box-shadow:0 0 0 3px rgba(59,130,246,.08)}
.primary,.secondary{border:0;border-radius:11px;padding:12px 18px;font:800 14px Cairo;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;transition:.2s}
.primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 8px 18px rgba(37,99,235,.22)}
.primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(37,99,235,.28)}
.secondary{background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe}
.secondary:hover{background:#dbeafe}
button:disabled{opacity:.65;cursor:not-allowed;transform:none!important}
.list,.log-list{display:grid;gap:10px;margin-top:14px}
.list article,.log-list article{border:1px solid var(--line);border-radius:13px;padding:14px;background:var(--surface-2)}
.list b,.list small,.log-list b,.log-list small{display:block}
.list small,.log-list small{color:var(--muted)}
.title{display:flex;justify-content:space-between;align-items:center;gap:15px}
.title p{color:var(--muted);margin:3px 0 0}
.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin:16px 0}
.lead-table{overflow:auto;border:1px solid var(--line);border-radius:14px}
.row{display:grid;grid-template-columns:1.1fr 1fr .8fr .5fr .9fr .9fr;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);align-items:center;min-width:950px;background:#fff}
.row:last-child{border-bottom:0}
.row:hover:not(.head){background:#f8fafc}
.row span b,.row span small{display:block}
.row small{color:var(--muted)}
.head{font-weight:900;background:#f1f5f9;position:sticky;top:0}
.score{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e2e8f0;font-weight:900}
.score.warm{background:#fef3c7;color:#92400e}
.score.hot{background:#fee2e2;color:#b91c1c}
.success{margin-top:15px;background:#dcfce7;color:#166534;padding:14px;border-radius:11px;border:1px solid #bbf7d0}
.error{background:#fee2e2;color:#b91c1c;padding:10px;border-radius:9px}
.api-key{margin-top:15px;background:#f8fafc;padding:14px;border-radius:12px;display:grid;gap:8px;border:1px solid var(--line)}
.api-key code{overflow:auto;background:#0f172a;color:#dbeafe;padding:10px;border-radius:8px;direction:ltr}
.api-key button{border:0;padding:9px;border-radius:8px;cursor:pointer}
.backup{display:block;text-align:center;margin-top:12px}
.toast{position:fixed;left:24px;bottom:24px;z-index:9999;min-width:260px;max-width:420px;padding:14px 16px;border-radius:12px;color:#fff;box-shadow:0 18px 45px rgba(15,23,42,.25);opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}
.toast.show{opacity:1;transform:translateY(0)}
.toast.success{background:#15803d}
.toast.error{background:#b91c1c}
.login-body{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at top right,#2563eb,#0f172a 55%)}
.login-card{width:min(430px,calc(100% - 30px));background:#fff;padding:34px;border-radius:24px;display:grid;gap:13px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.login-logo{width:70px;height:70px;border-radius:20px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:grid;place-items:center;margin:auto;font-size:32px;font-weight:900}
.login-card h1{margin:0}
.login-card p,.login-card small{color:var(--muted)}
@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.cities{grid-template-columns:repeat(4,1fr)}}
@media(max-width:950px){body{display:block}aside{height:auto;position:relative}.user-box,nav{display:none}main{padding:18px}.charts,.two{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.cities{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:1fr 1fr}.hero{padding:24px}}
@media(max-width:650px){.stats{grid-template-columns:1fr 1fr}.cities{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.title{align-items:flex-start;flex-direction:column}.panel{padding:18px}.hero h1{font-size:2rem}}

.extra-builder{margin-top:8px;padding:18px;border:1px dashed #bfdbfe;border-radius:14px;background:#f8fbff}.extra-builder h3{margin:0 0 14px;color:#1d4ed8}

.builder-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.builder-title h3{margin:0}.builder-title p{margin:3px 0 0;color:#64748b}.builder-title>span{background:#dbeafe;color:#1d4ed8;padding:6px 11px;border-radius:999px;font-weight:900}.extra-builder small{color:#64748b;font-weight:600}.extra-builder textarea{min-height:110px}

.media-field{display:grid;grid-template-columns:1fr 170px;gap:10px;align-items:stretch}.dropzone{border:2px dashed #93c5fd!important;border-radius:12px;padding:10px!important;display:grid!important;place-items:center;background:#eff6ff;color:#1d4ed8;cursor:pointer;text-align:center;font-weight:800}.dropzone.drag{background:#dbeafe;border-color:#2563eb!important}.dropzone input{display:none}.dropzone.multi{min-height:90px}.service-builder{display:grid;gap:10px}.service-row{display:grid;grid-template-columns:1fr 1.4fr 1.5fr auto;gap:9px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px}.repeater-wrap{border:1px solid #dbeafe;border-radius:15px;padding:15px;background:#fff}.repeater-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.repeater-title h4{margin:0}.compact{grid-template-columns:1fr 70px}.danger{border:0;border-radius:10px;background:#fee2e2;color:#b91c1c;padding:10px;cursor:pointer}@media(max-width:900px){.service-row{grid-template-columns:1fr}.media-field{grid-template-columns:1fr}}

.section-manager{padding:18px;border:1px solid #dbeafe;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff)}
.section-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.section-list>div{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:grab;transition:.2s}.section-list>div:hover{border-color:#93c5fd;box-shadow:0 8px 20px rgba(37,99,235,.08)}.section-list>div.dragging{opacity:.45;transform:scale(.98)}.section-list>div>b{color:#94a3b8;font-size:19px}.section-list label{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.section-list input{width:auto}
.preview-shell{margin-top:18px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.preview-head{display:flex;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-bottom:1px solid var(--line)}.preview-head span{color:var(--muted);font-size:12px}.preview-shell iframe{display:block;width:100%;height:680px;border:0;background:#fff}
.panel,.hero,.stats article{animation:panelIn .45s ease both}@keyframes panelIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:900px){.section-list{grid-template-columns:1fr}.preview-shell iframe{height:520px}}
/* SaaS v1.0 experience */
.premium-login{overflow:hidden;background:#07111f;position:relative}.login-layout{position:relative;z-index:2;width:min(1180px,calc(100% - 36px));display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.login-brand-panel{color:#fff}.login-brand-panel h1{font-size:clamp(2.5rem,5vw,5.4rem);line-height:1.08;margin:22px 0}.login-brand-panel p{font-size:18px;color:#cbd5e1;max-width:650px}.brand-chip{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#5b8cff,#7c3aed);font-size:30px;font-weight:900;box-shadow:0 20px 50px #2563eb55}.version-pill{display:inline-flex;padding:7px 12px;border-radius:999px;background:#eaf1ff;color:#1d4ed8;font-weight:900;font-size:12px}.login-features{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.login-features span{padding:10px 14px;border:1px solid #ffffff22;border-radius:12px;background:#ffffff0d}.glass{background:#ffffffee!important;backdrop-filter:blur(22px);text-align:initial!important}.login-bottom{display:flex;justify-content:space-between;font-weight:800}.login-glow{position:absolute;border-radius:50%;filter:blur(10px);opacity:.5}.glow-a{width:500px;height:500px;background:#2563eb;top:-240px;right:-160px}.glow-b{width:420px;height:420px;background:#7c3aed;bottom:-240px;left:-120px}
.workspace-body,.pricing-body{display:block;background:#f5f7fb;min-height:100vh}.workspace-top{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1400px)/2));position:sticky;top:0;z-index:50}.workspace-logo{display:flex;align-items:center;gap:12px;font-weight:900;font-size:18px}.workspace-logo:first-letter{background:#2563eb;color:#fff;padding:8px 13px;border-radius:12px}.workspace-actions{display:flex;align-items:center;gap:18px;font-weight:800}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0f172a;color:#fff}.workspace-main,.pricing-main{width:min(1400px,calc(100% - 36px));margin:36px auto}.workspace-hero{background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;padding:38px;border-radius:28px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 28px 70px #0f172a28}.workspace-hero h1{font-size:clamp(2rem,4vw,4rem);margin:12px 0 6px}.workspace-hero p{color:#cbd5e1}.big-cta{padding:16px 24px;background:#fff;color:#1d4ed8}.usage-card{margin:22px 0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.usage-card>div:first-child{display:flex;justify-content:space-between}.usage-track{height:10px;background:#e2e8f0;border-radius:99px;margin:12px 0;overflow:hidden}.usage-track i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:99px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 0 16px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card,.empty-project{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow);transition:.25s}.project-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px #0f172a18}.project-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#eaf1ff;color:#1d4ed8;font-size:22px;font-weight:900}.project-tag{font-size:11px;font-weight:900;color:#2563eb}.project-card h3{margin:9px 0 2px}.project-card p{color:var(--muted);margin:0}.project-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.project-actions a{padding:8px 11px;border-radius:9px;background:#f1f5f9;font-weight:800;font-size:12px}.empty-project{text-align:center;grid-column:1/-1;padding:60px}.empty-project>div{font-size:40px}.pricing-head{text-align:center;max-width:760px;margin:60px auto}.pricing-head h1{font-size:clamp(2.3rem,5vw,4.6rem);margin:14px 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow);display:flex;flex-direction:column}.price-card.featured{border:2px solid #2563eb;transform:translateY(-10px);box-shadow:0 30px 75px #2563eb22}.popular{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#2563eb;color:#fff;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:900}.price{display:flex;align-items:end;gap:8px;margin:20px 0}.price b{font-size:50px;line-height:1}.price span{color:var(--muted)}.price-card ul{list-style:none;padding:0;display:grid;gap:13px;margin-bottom:28px}.price-card button,.price-card>a{margin-top:auto}
@media(max-width:900px){.login-layout{grid-template-columns:1fr}.login-brand-panel{display:none}.project-grid,.pricing-grid{grid-template-columns:1fr}.workspace-hero{align-items:flex-start;flex-direction:column;gap:22px}.workspace-logo span{display:none}.price-card.featured{transform:none}}
/* Payless SaaS v2 */
.auth-page{margin:0;background:#07111f;font-family:Cairo,Arial;color:#0f172a}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.auth-showcase{position:relative;overflow:hidden;padding:42px 6vw;color:#fff;background:radial-gradient(circle at 20% 15%,#2563eb66,transparent 30%),radial-gradient(circle at 80% 80%,#7c3aed55,transparent 30%),#07111f}.auth-nav{display:flex;align-items:center;justify-content:space-between}.payless-mark{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.payless-mark b,.workspace-logo b{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:22px;box-shadow:0 15px 35px #2563eb55}.payless-mark small{opacity:.65}.lang-switch{color:#fff;border:1px solid #ffffff30;padding:9px 16px;border-radius:999px}.showcase-copy{max-width:680px;margin-top:15vh}.showcase-copy h1{font-size:clamp(3rem,6vw,6.5rem);line-height:1.08;margin:20px 0}.showcase-copy p{font-size:1.15rem;color:#cbd5e1;max-width:600px}.feature-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.feature-pills span{padding:9px 14px;background:#ffffff12;border:1px solid #ffffff18;border-radius:999px}.floating-ui .mini-card{position:absolute;right:8%;bottom:11%;background:#fff;color:#0f172a;padding:18px 24px;border-radius:20px;box-shadow:0 25px 60px #0005;animation:float 4s ease-in-out infinite}.floating-ui .mini-card.second{right:35%;bottom:5%;animation-delay:1s}.mini-card b{font-size:1.7rem;display:block}.mini-card span{color:#64748b}.auth-form-side{display:grid;place-items:center;background:#f8fafc;padding:35px}.auth-card{width:min(450px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:38px;box-shadow:0 30px 80px #0f172a14}.auth-card h2{font-size:2rem;margin:8px 0}.auth-card p{color:#64748b}.auth-card label{display:block;font-weight:700;margin:17px 0}.auth-card input,.auth-card select,.tool-card input,.settings-card input,.settings-card select{width:100%;padding:14px 16px;border:1px solid #dbe2ea;border-radius:14px;margin-top:7px;font:inherit;background:#fff}.auth-submit{width:100%;border:0;padding:15px}.form-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto!important;margin:0!important}.divider{display:flex;align-items:center;gap:12px;color:#94a3b8;margin:18px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#e2e8f0}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border:1px solid #dbe2ea;border-radius:14px;text-decoration:none;color:#0f172a;font-weight:800;background:#fff}.auth-card>.secondary-btn{width:100%}.terms{display:block;text-align:center;color:#94a3b8;margin-top:20px}.error{background:#fee2e2;color:#991b1b;padding:12px;border-radius:12px}.simple-auth{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 0,#dbeafe,transparent 35%),#f8fafc}.register-card{max-width:620px}.payless-mark.dark{color:#0f172a;margin-bottom:22px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.center{text-align:center}@keyframes float{50%{transform:translateY(-12px)}}
.workspace-top nav{display:flex;gap:20px}.workspace-top nav a{color:#475569;text-decoration:none;font-weight:700}.workspace-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0f172a;font-weight:900}.workspace-hero.modern{background:linear-gradient(135deg,#081426,#132c54);color:#fff;border-radius:30px;padding:42px;display:grid;grid-template-columns:1fr 290px;align-items:center}.workspace-hero.modern p{color:#cbd5e1}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.workspace-metric{background:#ffffff12;border:1px solid #ffffff18;border-radius:22px;padding:25px}.workspace-metric b{display:block;font-size:3.3rem}.quick-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0}.quick-tools a{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;text-decoration:none;color:#0f172a;box-shadow:0 12px 30px #0f172a08;transition:.2s}.quick-tools a:hover{transform:translateY(-4px)}.quick-tools b{width:43px;height:43px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;border-radius:13px}.page-title{padding:38px 0 22px}.page-title h1{font-size:clamp(2.1rem,4vw,4rem);margin:8px 0}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-card,.settings-card,.table-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:26px;box-shadow:0 12px 35px #0f172a08}.tool-card .primary{margin-top:14px}.tool-card pre{white-space:pre-wrap;background:#081426;color:#dbeafe;border-radius:16px;padding:18px;min-height:120px;overflow:auto}.generated-copy{margin-top:16px;line-height:1.8}.module-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.module-list article{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px}.module-list article>b{color:#2563eb;font-size:.8rem}.analytics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:22px}.analytics-grid article{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:22px}.analytics-grid b{display:block;font-size:2rem;margin-top:8px}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{padding:13px;border-bottom:1px solid #e2e8f0;text-align:start}.settings-card{max-width:900px}.settings-card .primary{margin-top:20px}
@media(max-width:950px){.auth-shell{grid-template-columns:1fr}.auth-showcase{min-height:520px}.auth-form-side{padding:22px}.workspace-top nav{display:none}.workspace-hero.modern{grid-template-columns:1fr}.quick-tools,.module-list,.analytics-grid{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:1fr}}@media(max-width:600px){.showcase-copy{margin-top:80px}.showcase-copy h1{font-size:2.7rem}.floating-ui{display:none}.grid-2,.quick-tools,.module-list,.analytics-grid{grid-template-columns:1fr}.auth-card{padding:25px}.workspace-hero.modern{padding:26px}}
.payment-panel{max-width:1050px;margin:30px auto;background:#fff;border:1px solid #e2e8f0;border-radius:25px;padding:28px}.payment-methods{display:flex;flex-wrap:wrap;gap:10px}.payment-methods span{padding:10px 14px;background:#f1f5f9;border-radius:12px;font-weight:800}.pay-dialog{min-width:min(430px,90vw);padding:25px;display:grid;gap:15px}.pay-dialog select{padding:13px;border-radius:12px;border:1px solid #dbe2ea}dialog{border:0;border-radius:24px;box-shadow:0 30px 90px #0005}
/* Auth V3 responsive redesign */
.auth-v3{margin:0;min-height:100vh;font-family:Cairo,Arial,sans-serif;color:#0f172a;background:#eef4ff;overflow-x:hidden;display:block;grid-template-columns:none}.auth-bg{position:fixed;inset:0;z-index:-1;background:linear-gradient(135deg,#f8fbff,#eef2ff)}.auth-bg i{position:absolute;border-radius:50%;filter:blur(2px);opacity:.45}.auth-bg i:nth-child(1){width:420px;height:420px;background:#60a5fa;top:-180px;right:-120px}.auth-bg i:nth-child(2){width:360px;height:360px;background:#a78bfa;bottom:-160px;left:-100px}.auth-bg i:nth-child(3){width:220px;height:220px;background:#22d3ee;top:42%;left:46%;opacity:.18}.auth-center{width:min(1180px,calc(100% - 32px));min-height:100vh;margin:auto;display:flex;flex-direction:column;justify-content:center;padding:28px 0}.auth-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.auth-brand>a:first-child{display:flex;align-items:center;gap:11px;color:#0f172a;text-decoration:none;font-weight:900}.auth-brand b,.mobile-auth-logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 15px 35px #4f46e555}.auth-brand small{display:block;color:#64748b;font-size:11px}.language-chip{padding:9px 14px;border-radius:999px;background:#fff;border:1px solid #dbe4f0;color:#1d4ed8;text-decoration:none;font-weight:900}.auth-panel{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid #dbe4f0;border-radius:32px;overflow:hidden;box-shadow:0 30px 90px #1e3a8a1f}.auth-intro{padding:64px;background:linear-gradient(145deg,#071426,#102a50);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:520px;position:relative}.auth-intro:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:#2563eb44;right:-80px;bottom:-100px}.auth-intro h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.15;margin:18px 0}.auth-intro p{color:#cbd5e1;font-size:1.05rem;max-width:560px}.auth-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.auth-benefits span{padding:9px 13px;border:1px solid #ffffff24;background:#ffffff0f;border-radius:999px}.auth-box{padding:52px;align-self:center}.auth-box h2{font-size:2rem;margin:8px 0}.auth-box p{color:#64748b}.auth-box label,.single-auth-card label{display:block;font-weight:800;margin:16px 0}.auth-box input,.single-auth-card input{width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid #dbe4f0;border-radius:14px;margin-top:7px;font:inherit;background:#f8fafc;outline:none;transition:.2s}.auth-box input:focus,.single-auth-card input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px #2563eb14}.mobile-auth-logo{display:none}.register-panel{background:#fff;border:1px solid #dbe4f0;border-radius:32px;box-shadow:0 30px 90px #1e3a8a1f;padding:42px}.register-heading{text-align:center;max-width:700px;margin:0 auto 24px}.register-heading h1{font-size:clamp(2rem,4vw,3.5rem);margin:12px 0}.register-box{max-width:760px;margin:auto;padding:0}.single-auth-card{width:min(460px,100%);margin:auto;background:#fff;border:1px solid #dbe4f0;border-radius:28px;padding:36px;box-shadow:0 30px 90px #1e3a8a1f}.success{padding:12px 14px;background:#dcfce7;color:#166534;border-radius:12px}.workspace-top{position:sticky;top:0;z-index:20}.workspace-actions>a:first-child{min-width:38px;text-align:center;border:1px solid #dbe4f0;background:#fff;padding:8px 10px;border-radius:10px}.table-card{overflow:auto}
@media(max-width:850px){.auth-center{width:min(100% - 20px,680px);padding:16px 0}.auth-panel{grid-template-columns:1fr}.auth-intro{min-height:auto;padding:32px}.auth-intro h1{font-size:2.3rem}.auth-box{padding:32px}.register-panel{padding:28px}.workspace-main,.pricing-main{width:min(100% - 20px,1400px);margin:20px auto}.workspace-top{padding:12px 16px;gap:10px}.workspace-top nav{display:none}.workspace-hero.modern{padding:24px;border-radius:22px}.project-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.auth-brand span{font-size:14px}.auth-intro{display:none}.auth-box{padding:25px}.mobile-auth-logo{display:grid;margin-bottom:18px}.grid-2{grid-template-columns:1fr}.register-panel{padding:22px}.quick-tools,.module-list,.analytics-grid{grid-template-columns:1fr}.workspace-hero h1{font-size:2rem}.workspace-actions{gap:7px}.workspace-logo span{display:none}}