:root{--bg:#F3F5F9;--sf:#fff;--ink:#101828;--mu:#4B5565;--ln:#D5DBE6;--ac:#2540D9;--ai:#fff;--so:#DDE4FF;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0E1320;--sf:#171E30;--ink:#E8ECF5;--mu:#9AA6BD;--ln:#2A3350;--ac:#8DA0FF;--ai:#0E1320;--so:#222C52;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0E1320;--sf:#171E30;--ink:#E8ECF5;--mu:#9AA6BD;--ln:#2A3350;--ac:#8DA0FF;--ai:#0E1320;--so:#222C52;color-scheme:dark}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h3{margin:0 0 .75rem;line-height:1.15}h1{font-size:1.8rem}
.mu{color:var(--mu);margin:.25rem 0 1rem}.err{color:#C0263A;font-weight:600}
:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
.shell{display:grid;grid-template-columns:300px 1fr;min-height:100vh}
.side{background:var(--sf);border-right:1px solid var(--ln);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.35rem}
.logo{font-weight:800;letter-spacing:.03em;font-size:1.15rem;margin-bottom:1rem}
.nv{text-align:left;background:none;border:0;color:var(--ink);font:inherit;padding:.55rem .7rem;border-radius:8px;cursor:pointer}
.nv.on{background:var(--so);font-weight:600}.nv:disabled{color:var(--mu);cursor:default;opacity:.7}
.nv small{font-size:.75rem;margin-left:.3rem}
.lock{margin-top:.75rem;border-top:1px solid var(--ln);padding-top:.75rem;display:flex;flex-direction:column;gap:.2rem}
.cr{margin-top:auto;font-weight:600}.tag{color:var(--mu);font-size:.85rem}
.main{padding:1.5rem;min-width:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}
.card{background:var(--sf);border:1px solid var(--ln);border-radius:12px;padding:1.1rem}
.form{max-width:520px}
label{display:block;font-weight:600;margin-bottom:1rem}
input,textarea,select{display:block;width:100%;margin-top:.3rem;padding:.65rem .8rem;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--ln);border-radius:8px}
textarea{min-height:90px;resize:vertical}
.btn{background:var(--ac);color:var(--ai);border:1px solid var(--ac);font:inherit;font-weight:600;padding:.55rem 1rem;border-radius:8px;cursor:pointer}
.btn.ghost{background:none;color:var(--ink);border-color:var(--ln)}.btn:disabled{opacity:.5;cursor:default}
.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.empty{max-width:440px;padding:2rem 0}
.bar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.sp{flex:1}
.ed{display:grid;grid-template-columns:340px 1fr;gap:1rem;height:70vh;min-height:520px}
.chat{display:flex;flex-direction:column;background:var(--sf);border:1px solid var(--ln);border-radius:12px;padding:.8rem;min-height:0}
.msgs{flex:1;overflow:auto;display:flex;flex-direction:column;gap:.5rem;padding-bottom:.5rem}
.m{max-width:88%;padding:.5rem .75rem;border-radius:12px;background:var(--bg)}
.m.u{align-self:flex-end;background:var(--ac);color:var(--ai)}
.chips{display:flex;gap:.35rem;flex-wrap:wrap;margin:.4rem 0 .6rem}
.chip{background:none;border:1px solid var(--ln);color:var(--ink);border-radius:99px;padding:.25rem .65rem;font:inherit;font-size:.85rem;cursor:pointer}
.chat .row input{margin:0;flex:1}
.pv{display:flex;justify-content:center;min-height:0}
iframe{width:100%;height:100%;border:1px solid var(--ln);border-radius:12px;background:#fff}
iframe.mobile{width:390px;max-width:100%}
.nv{display:flex;justify-content:space-between;width:100%;padding:.65rem .9rem;font-size:.96rem}
.grp{font-size:.74rem;font-weight:700;color:var(--mu);margin:1rem .9rem .25rem;letter-spacing:.04em}
.who{margin-top:auto;border-top:1px solid var(--ln);padding-top:.8rem;font-size:.92rem}
.badge{display:inline-block;background:var(--so);border-radius:99px;padding:.1rem .6rem;font-size:.78rem;font-weight:700}
table{width:100%;border-collapse:collapse;background:var(--sf);border-radius:10px}th,td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--ln);vertical-align:middle}
.bar2{height:10px;border-radius:6px;background:var(--ac);min-width:2px;margin-bottom:.2rem}
.ck{display:flex;gap:.6rem;margin:.25rem 0}.ok{color:#1E8E5A;font-weight:700}
textarea.code{min-height:200px;font-family:ui-monospace,Consolas,monospace;font-size:.82rem}
.stack>*{margin-bottom:1rem}
@media(max-width:820px){.nv{width:auto}.grp{width:100%;margin:.5rem 0 0}.who{margin:0;border:0;padding:0}
 .shell{grid-template-columns:1fr}.side{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--ln)}
 .logo{width:100%;margin-bottom:.25rem}.lock,.cr{margin:0;border:0;padding:0}
 .ed{grid-template-columns:1fr;height:auto}.chat{height:380px}.pv{height:520px}
}

.side{padding:1.5rem 1rem;gap:.1rem}
.logo{font-size:1.3rem}
.gp{margin-top:.5rem}
.gh{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;color:var(--mu);font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.55rem .9rem;cursor:pointer;border-radius:8px}
.gh:hover{background:var(--bg)}
.gp .nv{padding:.7rem .9rem .7rem 1.4rem;font-size:1rem}
@media(max-width:820px){.gp{width:100%}.gp .nv{display:inline-flex;width:auto;padding:.5rem .8rem}}

.sw{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
.swb{width:30px;height:30px;border-radius:50%;border:2px solid var(--ln);cursor:pointer;padding:0}
.swb[aria-pressed="true"]{outline:3px solid var(--ink);outline-offset:2px}
.sw input[type=color]{width:34px;height:34px;padding:0;border:0;background:none;margin:0;display:inline-block;cursor:pointer}

.side{position:sticky;top:0;height:100vh;overflow-y:auto}
.ms{margin:0 0 .6rem;padding:.6rem .8rem}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--gc);margin-right:.5rem}
.nv.on{box-shadow:inset 3px 0 0 var(--gc,var(--ac))}
.ct{background:var(--bg);border:1px solid var(--ln);border-radius:99px;font-size:.75rem;padding:0 .5rem;font-weight:600}
@media(max-width:820px){.side{position:static;height:auto}}

.nv.par{font-weight:600}
.nv.kid{padding-left:2.5rem;font-size:.95rem}
.gp .ms{margin:.3rem 0 .4rem}

.nv.kid[aria-current="page"]{background:var(--so);font-weight:600;box-shadow:inset 3px 0 0 var(--gc,var(--ac))}
.nv.kid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Renere udtryk */
body{font-size:15px;line-height:1.55}
.main{padding:2rem 2.25rem;max-width:1240px}
h1{font-size:1.6rem;letter-spacing:-.01em;margin-bottom:1rem}
.card{border-radius:14px;padding:1.25rem;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.btn{border-radius:10px;padding:.6rem 1.1rem}
.nv{border-radius:10px}
.nv:hover:not(:disabled){background:var(--bg)}
input,textarea,select{border-radius:10px;padding:.7rem .9rem}
label{font-weight:600;font-size:.92rem}
th{font-size:.8rem;color:var(--mu);font-weight:600}
tr:hover td{background:var(--bg)}
.chat,.pv iframe{border-radius:14px}
input[type=file]{padding:.5rem;font-size:.88rem}
@media(max-width:820px){.main{padding:1.25rem}}


/* Sidebar navigation icons */
.nv-label,.gh-label{display:inline-flex;align-items:center;gap:.72rem;min-width:0}
.nav-icon{width:19px;height:19px;flex:0 0 19px;opacity:.86}
.nv .nav-icon{color:var(--ni,var(--mu));opacity:.95}.nv.on .nav-icon{color:var(--ni,var(--ac));opacity:1}
.nv.kid .nv-label{padding-left:.3rem}
.gh-label{gap:.55rem}
.gh .nav-icon{width:17px;height:17px;flex-basis:17px;color:var(--gc)}
@media(max-width:820px){.nv-label,.gh-label{gap:.5rem}.nav-icon{width:18px;height:18px;flex-basis:18px}}


/* Dashboard home: polished workspace overview */
.dash-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;overflow:hidden;margin:0 0 1.35rem;padding:1.8rem 2rem;border:1px solid rgba(91,111,220,.22);border-radius:20px;background:radial-gradient(ellipse at 88% 15%,rgba(139,112,255,.22),transparent 38%),linear-gradient(115deg,#172554 0%,#243B82 54%,#3B3B91 100%);color:#fff;box-shadow:0 14px 34px rgba(37,64,217,.13)}
.dash-hero:after{content:"";position:absolute;width:230px;height:230px;right:9%;bottom:-175px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 58px rgba(255,255,255,.025)}
.dash-hero-copy,.dash-hero-side{position:relative;z-index:1}
.dash-eyebrow,.dash-section-kicker{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:800;letter-spacing:.13em}
.dash-eyebrow{color:#C9D4FF;margin-bottom:.85rem}
.dash-eyebrow-sep{opacity:.5}
.dash-live-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#6EE7B7;box-shadow:0 0 0 4px rgba(110,231,183,.13)}
.dash-hero h1{font-size:clamp(1.55rem,3vw,2.15rem);letter-spacing:-.04em;margin:0 0 .5rem;color:#fff}
.dash-hero p{margin:0;color:#D5DDF8;max-width:560px}
.dash-hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:.9rem;flex-shrink:0}
.dash-status-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.42rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:rgba(255,255,255,.09);font-size:.75rem;color:#F2F5FF;white-space:nowrap}
.dash-hero-mark{font-size:2.1rem;line-height:1;font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.88)}
.dash-hero-mark span{color:#A5B4FC}
.dash-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.85rem;margin-bottom:1.1rem}
.dash-kpi{position:relative;overflow:hidden;min-height:112px;padding:1rem 1.1rem 1.15rem;border-radius:15px}
.dash-kpi-label{display:block;color:var(--mu);font-size:.8rem;font-weight:650;margin-bottom:.6rem}
.dash-kpi-value{display:block;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.1;letter-spacing:-.045em;font-weight:800;overflow-wrap:anywhere}
.dash-kpi-accent{position:absolute;left:1.1rem;right:1.1rem;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--ac),#8B7CFF 70%,transparent)}
.dash-actions{margin:0 0 1.8rem}
.dash-section-head{display:flex;align-items:end;justify-content:space-between;margin:0 0 .75rem}
.dash-section-kicker{color:var(--mu);font-size:.66rem;margin-bottom:.3rem}
.dash-section-head h3{margin:0;font-size:1.05rem;letter-spacing:-.02em}
.dash-projects{margin-bottom:1.4rem}
.dash-project-card{display:flex;align-items:center;gap:.8rem;min-width:0}
.dash-project-symbol,.dash-empty-symbol{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--so);color:var(--ac);font-size:1.1rem}
.dash-project-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.dash-project-card .btn{white-space:nowrap}
.dash-empty{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-bottom:1.4rem}
.dash-empty strong{font-size:.92rem}
.dash-empty p{width:100%;margin:-.4rem 0 0 3.2rem}
.dash-health{margin-top:1.5rem}
.dash-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:.5rem}
.dash-health-item{display:flex;align-items:flex-start;gap:.65rem;margin:0;padding:.75rem .85rem;border:1px solid var(--ln);border-radius:11px;background:var(--sf);font-size:.86rem}
.dash-check{font-weight:800;color:var(--mu);flex:0 0 auto}
.dash-check.ok{color:#1E8E5A}
@media(max-width:600px){.dash-hero{padding:1.35rem;min-height:180px}.dash-hero-side{gap:.6rem}.dash-hero-mark{font-size:1.5rem}.dash-status-pill{font-size:.68rem}.dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.dash-kpi{min-height:100px;padding:.85rem}.dash-kpi-label{font-size:.74rem}.dash-kpi-value{font-size:1.35rem}.dash-actions .btn{flex:1}.dash-project-card{flex-wrap:wrap}.dash-project-card .btn{margin-left:3.1rem}.dash-empty p{margin-left:0}}


/* Dashboard website library and streamlined builder entry */
.dash-project-card{align-items:center;gap:1rem}
.dash-project-info{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1}
.dash-project-info .mu{font-size:.78rem;margin:0}
.dash-project-card .row{flex:0 0 auto}
.dash-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin:0 0 1.8rem}
.dash-actions .btn{min-height:44px}
@media(max-width:650px){.dash-project-card{align-items:flex-start;flex-wrap:wrap}.dash-project-info{flex:1 1 calc(100% - 55px)}.dash-project-card>.row{width:100%;margin-left:3.2rem}.dash-project-card>.row .btn{flex:1}.dash-actions .btn{flex:1}}


/* Dashboard layout correction: one create action, clean website rows, no overlapping controls */
.dash-actions{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;flex-wrap:wrap;margin:1.15rem 0 1.8rem}
.dash-create-btn{min-height:48px;padding:.75rem 1.35rem;white-space:normal}
.dash-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.dash-project-card{display:flex;align-items:center;gap:1rem;min-width:0;padding:1.15rem}
.dash-project-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.35rem}
.dash-project-name{white-space:normal;overflow-wrap:anywhere}
.dash-project-meta{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;color:var(--mu);font-size:.78rem}
.dash-project-status{display:inline-flex;align-items:center;border-radius:999px;padding:.18rem .55rem;background:var(--so);color:var(--mu);font-weight:700}
.dash-project-status.is-active{background:#DCFCE7;color:#166534}
.dash-open-project{flex:0 0 auto;white-space:nowrap;min-height:40px}
@media(max-width:900px){.dash-projects{grid-template-columns:1fr}}
@media(max-width:600px){.dash-project-card{align-items:flex-start;flex-wrap:wrap}.dash-project-info{flex:1 1 calc(100% - 55px)}.dash-open-project{margin-left:3.2rem;width:calc(100% - 3.2rem)}.dash-project-meta{align-items:flex-start}}


/* Subscription pricing cards */
.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:stretch;margin:1.2rem 0}
.pricing-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:1.25rem;overflow:hidden}
.pricing-card h2{font-size:1.25rem;margin:0 0 1rem}
.pricing-featured{border:2px solid var(--ac);box-shadow:0 10px 28px rgba(37,64,217,.12)}
.pricing-popular{display:block;width:max-content;max-width:100%;margin:-.2rem 0 .85rem;padding:.3rem .55rem;border-radius:6px;background:var(--so);color:var(--ac);font-size:.65rem;font-weight:800;letter-spacing:.06em}
.pricing-price{display:flex;align-items:baseline;gap:.4rem;min-height:2.8rem}
.pricing-price strong{font-size:2rem;letter-spacing:-.05em;line-height:1.1}
.pricing-price span{font-size:.78rem;color:var(--mu)}
.pricing-annual{display:flex;flex-direction:column;gap:.15rem;padding:.7rem 0;border-bottom:1px solid var(--ln);font-size:.76rem;color:var(--mu)}
.pricing-annual strong{font-size:.9rem;color:var(--ink)}
.pricing-credit{display:flex;flex-direction:column;gap:0;margin:1rem 0 .65rem}
.pricing-credit strong{font-size:1.65rem;letter-spacing:-.04em}
.pricing-credit span{font-size:.78rem;color:var(--mu)}
.pricing-features{list-style:none;padding:0;margin:.4rem 0 1.2rem;display:grid;gap:.65rem;font-size:.82rem}
.pricing-cta{display:block;text-align:center;text-decoration:none;margin-top:auto;padding:.7rem .8rem}
.pricing-note{font-size:.78rem;line-height:1.5;margin:1rem 0 1.5rem}
.pricing-owner{max-width:720px;margin-top:1.5rem}
.pricing-usage{max-width:720px;padding:.4rem 1rem}
.pricing-usage p{display:flex;justify-content:space-between;gap:1rem}
@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:1.1rem}.pricing-price strong{font-size:2.2rem}}

.pricing-period{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 1.25rem}
.pricing-period .btn{min-width:112px}


/* Pricing page — branded hero, color and credit explainer */
.pricing-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;overflow:hidden;min-height:250px;margin:0 0 1.8rem;padding:2.2rem 2.4rem;border:1px solid rgba(135,151,255,.25);border-radius:22px;background:radial-gradient(ellipse at 82% 20%,rgba(121,105,255,.38),transparent 34%),radial-gradient(ellipse at 12% 110%,rgba(28,191,202,.22),transparent 42%),linear-gradient(115deg,#101936 0%,#1d3470 54%,#33266f 100%);color:#fff;box-shadow:0 18px 42px rgba(24,39,92,.2)}
.pricing-hero-copy{position:relative;z-index:2;max-width:690px}
.pricing-eyebrow{display:inline-block;color:#AFC4FF;font-size:.7rem;font-weight:850;letter-spacing:.14em;margin-bottom:.7rem}
.pricing-hero h1{max-width:650px;margin:0 0 .7rem;color:#fff;font-size:clamp(1.8rem,4vw,2.65rem);line-height:1.08;letter-spacing:-.045em}
.pricing-hero p{max-width:610px;margin:0;color:#D9E2FF;font-size:.98rem;line-height:1.65}
.pricing-hero-points{display:flex;gap:.55rem 1.1rem;flex-wrap:wrap;margin-top:1.2rem;color:#F1F5FF;font-size:.78rem;font-weight:650}
.pricing-hero-art{position:relative;display:grid;place-items:center;flex:0 0 190px;height:190px}
.pricing-orbit{position:absolute;width:165px;height:165px;border:1px solid rgba(198,210,255,.3);border-radius:50%;transform:rotate(-28deg) scaleY(.48)}
.pricing-orbit-one{box-shadow:0 0 0 18px rgba(255,255,255,.025)}
.pricing-orbit-two{transform:rotate(55deg) scaleY(.68);border-color:rgba(93,222,222,.38)}
.pricing-credit-orb{display:flex;flex-direction:column;align-items:center;justify-content:center;width:108px;height:108px;border:1px solid rgba(255,255,255,.48);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.07));box-shadow:0 12px 45px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.3);backdrop-filter:blur(12px);transform:rotate(-8deg)}
.pricing-credit-orb strong{font-size:2.2rem;line-height:1;color:#fff;letter-spacing:-.08em}
.pricing-credit-orb span{margin-top:.3rem;font-size:.57rem;letter-spacing:.2em;color:#C8D7FF;font-weight:800}
.pricing-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}
.pricing-heading h2,.pricing-how h2{margin:0 0 .35rem;font-size:1.45rem;letter-spacing:-.035em}
.pricing-heading p{margin:0}
.pricing-heading .pricing-period{margin:0}
.pricing-card{background:linear-gradient(155deg,var(--card),color-mix(in srgb,var(--card) 90%,var(--ac) 10%));border:1px solid var(--ln);box-shadow:0 8px 25px rgba(23,35,75,.055)}
.pricing-featured{background:linear-gradient(155deg,var(--card),color-mix(in srgb,var(--card) 82%,var(--ac) 18%));border:2px solid var(--ac);box-shadow:0 14px 34px rgba(37,64,217,.15)}
.pricing-credit{padding:.9rem;border-radius:12px;background:linear-gradient(120deg,rgba(37,64,217,.09),rgba(14,154,167,.1))}
.pricing-credit strong{color:var(--ac)}
.pricing-how{margin:2rem 0 1.5rem;padding:1.5rem;border:1px solid var(--ln);border-radius:18px;background:linear-gradient(135deg,rgba(37,64,217,.065),rgba(14,154,167,.07) 55%,rgba(139,92,246,.07))}
.pricing-how-intro{max-width:700px;margin-bottom:1.1rem}
.pricing-how-intro p{margin:.25rem 0 0;line-height:1.6}
.pricing-how-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.pricing-how-card{display:flex;gap:.9rem;align-items:flex-start;padding:1rem;border:1px solid var(--ln);border-radius:14px;background:var(--card)}
.pricing-how-card h3{margin:0 0 .35rem;font-size:1rem}
.pricing-how-card p{margin:0 0 .7rem;color:var(--mu);font-size:.86rem;line-height:1.55}
.pricing-how-card strong{font-size:.82rem;color:var(--ac)}
.pricing-how-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:var(--so);color:var(--ac);font-size:1.2rem;font-weight:900}
.pricing-how-foot{margin:.9rem 0 0;color:var(--mu);font-size:.77rem}
@media(max-width:650px){.pricing-hero{min-height:0;padding:1.45rem;gap:.4rem}.pricing-hero-art{flex-basis:82px;height:110px;opacity:.85}.pricing-credit-orb{width:72px;height:72px;border-radius:21px}.pricing-credit-orb strong{font-size:1.55rem}.pricing-credit-orb span{font-size:.43rem}.pricing-orbit{width:95px;height:95px}.pricing-hero-points{display:grid;gap:.45rem}.pricing-how{padding:1rem}.pricing-how-grid{grid-template-columns:1fr}.pricing-heading{align-items:flex-start}.pricing-heading .pricing-period{margin-top:.5rem}}

/* Modern analytics and finance presentation */
.insight-hero,.finance-hero{position:relative;overflow:hidden;margin:0 0 1.4rem;padding:2rem 2.2rem;border-radius:22px;color:#fff;box-shadow:0 16px 38px rgba(24,39,92,.15)}
.insight-hero{background:radial-gradient(ellipse at 85% 10%,rgba(82,205,231,.3),transparent 35%),linear-gradient(115deg,#101936,#1e3979 58%,#263b70)}
.finance-hero{background:radial-gradient(ellipse at 85% 10%,rgba(73,220,166,.3),transparent 35%),linear-gradient(115deg,#102b32,#145b58 56%,#1d4770)}
.insight-eyebrow,.finance-eyebrow{display:block;color:#B9D6FF;font-size:.7rem;font-weight:850;letter-spacing:.14em;margin-bottom:.7rem}
.finance-eyebrow{color:#B9F5DF}
.insight-hero h1,.finance-hero h1{color:#fff;font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:-.045em;margin:0 0 .65rem}
.insight-hero p,.finance-hero p{max-width:650px;color:#D9E5FF;margin:0;line-height:1.65}
.finance-hero p{color:#D3F4E9}
.insight-tags,.finance-tags{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;color:#F3F6FF;font-size:.78rem;font-weight:650}
.insight-head,.finance-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin:.6rem 0}
.insight-head h2,.finance-toolbar h2{margin:0;font-size:1.15rem}
.insight-head p,.finance-toolbar p{margin:.2rem 0;font-size:.83rem}
.insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0}
.insight-kpi,.finance-kpi{padding:1.15rem;border:1px solid var(--ln);border-radius:16px;background:linear-gradient(150deg,var(--sf),color-mix(in srgb,var(--sf) 90%,var(--ac) 10%));box-shadow:0 7px 22px rgba(20,35,75,.045)}
.insight-kpi .mu,.finance-kpi .mu{font-size:.78rem;margin:0 0 .35rem}
.insight-kpi strong,.finance-kpi strong{display:block;font-size:clamp(1.5rem,2.5vw,2rem);letter-spacing:-.04em;overflow-wrap:anywhere}
.insight-kpi small{display:block;color:var(--mu);font-size:.72rem;margin-top:.4rem}
.insight-panel,.finance-panel{padding:1.2rem;border:1px solid var(--ln);border-radius:17px;background:var(--sf);box-shadow:0 7px 22px rgba(20,35,75,.04);margin:1rem 0}
.insight-project{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center;padding:.85rem 0;border-top:1px solid var(--ln)}
.insight-project>div:first-child strong,.insight-project>div:first-child small{display:block}.insight-project small{color:var(--mu);font-size:.73rem}
.insight-meter-label{display:flex;justify-content:space-between;font-size:.76rem}
.insight-track{height:7px;background:var(--bg);border-radius:99px;overflow:hidden;margin-top:.4rem}
.insight-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#4385F5,#6C72E8,#35B9C5)}
.insight-foot{font-size:.76rem;color:var(--mu);margin-top:1rem}
.finance-toolbar{margin:1.2rem 0 .5rem}
.finance-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;margin:1rem 0}
.finance-kpi strong{font-size:clamp(1.25rem,2vw,1.8rem)}
.finance-period{display:flex;gap:.4rem;flex-wrap:wrap;margin:0 0 1rem}
.finance-period .btn{border-radius:10px}
.finance-panel h2{font-size:1.08rem;margin:0 0 .6rem}
.finance-subhead{margin:1.5rem 0 .7rem}
.finance-form-panel{max-width:760px}
.finance-panel table{border-radius:12px;overflow:hidden}
.finance-panel .bar2{border-radius:99px}
@media(max-width:1050px){.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.insight-hero,.finance-hero{padding:1.35rem}.insight-grid,.finance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.insight-kpi,.finance-kpi{padding:.85rem}.insight-project{grid-template-columns:1fr;gap:.55rem}.finance-period .btn{font-size:.75rem;padding:.45rem .65rem}}

/* Refined statistics project cards */
.insight-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.insight-hero-copy{max-width:720px}.insight-hero-graphic{position:relative;display:grid;place-items:center;flex:0 0 160px;height:130px}
.insight-hero-graphic .insight-bars{display:flex;align-items:end;gap:8px;height:88px}.insight-hero-graphic .insight-bars i{width:12px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#8BE7F3,#7890FF)}
.insight-hero-graphic .insight-bars i:nth-child(1){height:28%}.insight-hero-graphic .insight-bars i:nth-child(2){height:46%}.insight-hero-graphic .insight-bars i:nth-child(3){height:39%}.insight-hero-graphic .insight-bars i:nth-child(4){height:68%}.insight-hero-graphic .insight-bars i:nth-child(5){height:58%}.insight-hero-graphic .insight-bars i:nth-child(6){height:82%}.insight-hero-graphic .insight-bars i:nth-child(7){height:100%}
.insight-hero-graphic small{position:absolute;bottom:0;color:#C7D9FF;font-size:.58rem;letter-spacing:.2em;font-weight:800}
.insight-kpi-icon{display:grid;place-items:center;width:37px;height:37px;margin-bottom:.8rem;border-radius:12px;background:var(--so);color:var(--ac);font-size:1.1rem;font-weight:800}
.insight-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.insight-section-kicker,.finance-section-kicker{display:block;margin-bottom:.35rem;color:var(--ac);font-size:.64rem;font-weight:850;letter-spacing:.14em}
.insight-panel-head h2{margin:0;font-size:1.15rem}.insight-panel-head p{margin:.25rem 0 0;font-size:.82rem}
.insight-count,.finance-count{display:grid;place-items:center;min-width:38px;height:34px;padding:0 .65rem;border-radius:10px;background:var(--so);color:var(--ac);font-size:.76rem;font-weight:800}
.insight-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.insight-project-card{min-width:0;padding:1rem;border:1px solid var(--ln);border-radius:15px;background:linear-gradient(145deg,var(--sf),color-mix(in srgb,var(--sf) 92%,var(--ac) 8%));transition:transform .18s ease,box-shadow .18s ease}
.insight-project-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(30,55,100,.08)}
.insight-project-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.insight-project-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:var(--so);color:var(--ac);font-weight:900}
.insight-project-status{font-size:.68rem;color:var(--mu);font-weight:700}
.insight-project-card h3{margin:.8rem 0 .65rem;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.insight-project-stats{display:flex;gap:1.1rem;flex-wrap:wrap;padding:.65rem 0;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);font-size:.75rem;color:var(--mu)}
.insight-project-stats strong{color:var(--tx);font-size:.9rem}
.insight-project-progress{margin-top:.75rem}.insight-project-progress>div:first-child{display:flex;justify-content:space-between;font-size:.72rem;color:var(--mu)}
.insight-project-progress .insight-track{margin-top:.4rem}
.insight-empty{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:2rem 1rem;border:1px dashed var(--ln);border-radius:14px;text-align:center}
.insight-empty>span{font-size:1.5rem;color:var(--ac)}.insight-empty p{margin:0;font-size:.8rem}
.insight-local{font-size:.72rem;color:var(--mu)}
/* Finance chart, period controls and entry form */
.finance-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.finance-hero-copy{max-width:720px}.finance-hero-art{position:relative;display:grid;place-items:center;flex:0 0 150px;height:130px}
.finance-hero-ring{position:absolute;width:112px;height:112px;border:1px solid rgba(177,255,222,.45);border-radius:50%;box-shadow:0 0 0 14px rgba(255,255,255,.035),0 0 0 29px rgba(255,255,255,.025)}
.finance-hero-orb{display:grid;place-items:center;width:76px;height:76px;border:1px solid rgba(255,255,255,.45);border-radius:23px;background:rgba(255,255,255,.13);font-size:2rem;font-weight:800;transform:rotate(-8deg)}
.finance-hero-orb small{font-size:.43rem;letter-spacing:.18em;color:#C7F9E5}
.finance-toolbar{align-items:end}.finance-period-label{padding:.45rem .7rem;border-radius:9px;background:var(--so);color:var(--ac);font-size:.74rem;font-weight:750}
.finance-period{display:inline-flex;gap:.3rem;padding:.3rem;margin:.2rem 0 1rem;border:1px solid var(--ln);border-radius:12px;background:var(--sf)}
.finance-period-btn{appearance:none;border:0;border-radius:9px;padding:.58rem .9rem;background:transparent;color:var(--mu);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.finance-period-btn:hover{background:var(--so);color:var(--tx)}
.finance-period-btn.active{background:var(--ac);color:white;box-shadow:0 3px 9px rgba(30,70,160,.2)}
.finance-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin:.1rem 0 1rem}
.finance-kpi{position:relative;min-width:0;padding:1rem;border:1px solid var(--ln);border-radius:15px;background:var(--sf);box-shadow:0 7px 20px rgba(20,35,75,.04)}
.finance-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:.7rem;border-radius:11px;background:var(--so);color:var(--ac);font-size:1rem;font-weight:850}
.finance-kpi.income .finance-icon{background:rgba(16,163,112,.12);color:#15966B}.finance-kpi.expense .finance-icon{background:rgba(220,65,78,.11);color:#D04452}
.finance-kpi.income>strong,.finance-kpi.balance>strong{color:#15966B}.finance-kpi.expense>strong{color:#D04452}
.finance-kpi strong{display:block;overflow-wrap:anywhere;font-size:clamp(1.2rem,2vw,1.7rem);letter-spacing:-.04em}
.finance-kpi small{display:block;margin-top:.35rem;color:var(--mu);font-size:.68rem;line-height:1.4}
.finance-panel{padding:1.25rem;border:1px solid var(--ln);border-radius:17px;background:var(--sf);box-shadow:0 7px 22px rgba(20,35,75,.04)}
.finance-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.finance-panel-head h2{margin:0;font-size:1.1rem}.finance-panel-head p{margin:.25rem 0 0;font-size:.8rem}
.finance-legend{display:flex;gap:.9rem;flex-wrap:wrap;font-size:.73rem;color:var(--mu)}
.finance-legend span{display:flex;align-items:center;gap:.35rem}.finance-legend i{width:8px;height:8px;border-radius:50%}
.income-dot{background:#15966B}.expense-dot{background:#D04452}
.finance-chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;min-height:190px;padding:.5rem .2rem 0}
.finance-chart-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px;margin:auto}
.finance-chart-1{grid-template-columns:minmax(0,1fr);max-width:300px;margin:auto}
.finance-chart-col{display:flex;flex-direction:column;align-items:center;justify-content:end;min-width:0;gap:.55rem}
.finance-chart-values{display:flex;justify-content:center;gap:.35rem;flex-wrap:wrap;width:100%;font-size:.63rem;color:var(--mu);font-variant-numeric:tabular-nums}
.finance-chart-bars{display:flex;align-items:end;justify-content:center;gap:7px;width:100%;height:118px;padding:0 .4rem;border-bottom:1px solid var(--ln);background:repeating-linear-gradient(to top,transparent 0,transparent 28px,var(--ln) 29px)}
.finance-chart-bars i{display:block;width:min(34px,35%);min-height:0;border-radius:7px 7px 1px 1px;transition:height .25s ease}
.finance-income-bar{background:linear-gradient(180deg,#48C9A0,#15966B)}.finance-expense-bar{background:linear-gradient(180deg,#F28A92,#D04452)}
.finance-chart-col>small{color:var(--mu);font-size:.72rem}
.finance-chart-empty{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:2rem 1rem;border:1px dashed var(--ln);border-radius:13px;text-align:center}
.finance-chart-empty span{font-size:1.5rem;color:var(--ac)}.finance-chart-empty strong{font-size:.9rem}.finance-chart-empty p{margin:0;color:var(--mu);font-size:.78rem}
.finance-entry-panel{margin:1rem 0;padding:1.3rem;border:1px solid rgba(79,132,225,.2);border-radius:18px;background:linear-gradient(145deg,var(--sf),color-mix(in srgb,var(--sf) 93%,#5284e8 7%));box-shadow:0 9px 26px rgba(25,48,90,.055)}
.finance-entry-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}
.finance-entry-heading h2{margin:0;font-size:1.15rem}.finance-entry-heading p{margin:.25rem 0 0;color:var(--mu);font-size:.82rem}
.finance-entry-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:var(--so);color:var(--ac);font-size:1.35rem}
.finance-entry-type{display:flex;align-items:center;gap:1rem;max-width:360px;margin-bottom:1rem}
.finance-entry-type label{flex:0 0 auto;font-size:.78rem;font-weight:750}
.finance-entry-type select{margin:0;min-width:170px}
.finance-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem}
.finance-form-grid label{display:flex;flex-direction:column;gap:.4rem;min-width:0;font-size:.78rem;font-weight:700;color:var(--tx)}
.finance-form-grid input,.finance-form-grid select,.finance-entry-type select{width:100%;min-height:43px;padding:.65rem .75rem;border:1px solid var(--ln);border-radius:10px;background:var(--bg);color:var(--tx);font:inherit;font-size:.88rem;outline:none}
.finance-form-grid input:focus,.finance-form-grid select:focus,.finance-entry-type select:focus{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 14%,transparent)}
.finance-form-grid .finance-note-field{grid-column:1/-1}
.finance-entry-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--ln)}
.finance-entry-actions .mu{font-size:.72rem}
.finance-error{margin:.75rem 0 0}
.finance-lower{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem;align-items:start}
.finance-customer-list{display:grid;gap:.85rem}.finance-customer-row{display:grid;grid-template-columns:1fr auto;gap:.25rem .7rem;font-size:.82rem}
.finance-customer-track{grid-column:1/-1;height:7px;overflow:hidden;border-radius:99px;background:var(--bg)}
.finance-customer-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#4385F5,#35B9A0)}
.finance-table-wrap{overflow-x:auto;width:100%}
.finance-table-wrap table{width:100%;border-collapse:collapse;font-size:.78rem}
.finance-table-wrap th,.finance-table-wrap td{padding:.7rem .55rem;border-bottom:1px solid var(--ln);text-align:left;white-space:nowrap}
.finance-table-wrap th{color:var(--mu);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}
.finance-pill{display:inline-block;padding:.22rem .55rem;border-radius:99px;font-size:.68rem;font-weight:750;background:var(--so)}
.finance-pill.income{color:#15966B;background:rgba(16,163,112,.12)}.finance-pill.expense{color:#D04452;background:rgba(220,65,78,.11)}
.finance-amount{font-weight:800;font-variant-numeric:tabular-nums}.finance-amount.income{color:#15966B}.finance-amount.expense{color:#D04452}
.finance-empty-note{padding:.8rem;border-radius:10px;background:var(--bg);color:var(--mu);font-size:.78rem}
.finance-foot{margin-top:1rem;color:var(--mu);font-size:.74rem;line-height:1.5}
@media(max-width:1050px){.finance-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.insight-hero,.finance-hero{padding:1.35rem}.insight-hero-graphic,.finance-hero-art{flex-basis:85px;height:90px;opacity:.85}.insight-hero-graphic .insight-bars{height:65px;gap:5px}.insight-hero-graphic .insight-bars i{width:8px}.finance-hero-ring{width:82px;height:82px}.finance-hero-orb{width:56px;height:56px;border-radius:17px;font-size:1.5rem}.finance-hero-orb small{font-size:.36rem}.insight-project-grid{grid-template-columns:1fr}.finance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.finance-kpi{padding:.8rem}.finance-period{display:flex;width:100%}.finance-period-btn{flex:1;padding:.5rem .35rem;font-size:.7rem}.finance-chart{gap:.35rem}.finance-chart-values{font-size:.53rem}.finance-chart-bars{height:95px;padding:0}.finance-lower{grid-template-columns:1fr}.finance-form-grid{grid-template-columns:1fr}.finance-form-grid .finance-note-field{grid-column:auto}.finance-entry-type{max-width:none;justify-content:space-between}.finance-entry-type select{max-width:210px}.finance-entry-actions{align-items:stretch;flex-direction:column}.finance-entry-actions .btn{width:100%}}

/* Modern settings workspace */
.settings-hero{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-bottom:1.1rem;padding:1.5rem 1.6rem;border:1px solid rgba(91,133,231,.18);border-radius:20px;background:linear-gradient(120deg,#142B65 0%,#2549A8 55%,#526FE0 100%);color:white;box-shadow:0 12px 30px rgba(28,55,120,.13)}
.settings-hero h1{margin:.35rem 0;font-size:clamp(1.55rem,3vw,2rem);letter-spacing:-.04em}.settings-hero p{max-width:620px;margin:0;color:#D7E3FF;font-size:.88rem;line-height:1.55}
.settings-eyebrow,.settings-overline{font-size:.63rem;font-weight:850;letter-spacing:.15em;color:#AFC7FF}
.settings-hero-icon{display:grid;place-items:center;flex:0 0 62px;height:62px;border:1px solid rgba(255,255,255,.24);border-radius:19px;background:rgba(255,255,255,.12);font-size:1.8rem}
.settings-account{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem;padding:1rem 1.2rem;border:1px solid var(--ln);border-radius:16px;background:var(--sf)}
.settings-avatar{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:linear-gradient(140deg,#294BC1,#8299FF);color:#fff;font-size:.86rem;font-weight:900;letter-spacing:.04em}
.settings-account-copy{min-width:0;flex:1}.settings-account-copy .settings-overline{color:var(--mu);font-size:.58rem}.settings-account-copy h2{margin:.1rem 0;font-size:1rem}.settings-account-copy p{margin:0;color:var(--mu);font-size:.76rem;overflow-wrap:anywhere}
.settings-role{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border:1px solid rgba(21,150,107,.2);border-radius:99px;background:rgba(21,150,107,.09);color:#15966B;font-size:.72rem;font-weight:800}
.settings-role i,.settings-state i{width:7px;height:7px;border-radius:50%;background:currentColor}
.settings-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.8fr);gap:1rem;align-items:start}
.settings-main,.settings-side{display:grid;gap:1rem;min-width:0}
.settings-card{min-width:0;padding:1.2rem;border:1px solid var(--ln);border-radius:17px;background:var(--sf);box-shadow:0 7px 22px rgba(20,35,75,.035)}
.settings-card-head{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}
.settings-card-head>div{min-width:0;flex:1}.settings-card-head h2{margin:0;font-size:1rem}.settings-card-head p{margin:.22rem 0 0;color:var(--mu);font-size:.76rem;line-height:1.45}
.settings-card-icon{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:12px;font-size:1.1rem;font-weight:800}
.settings-card-icon.blue{background:rgba(57,111,226,.12);color:#4778DD}.settings-card-icon.violet{background:rgba(125,83,218,.12);color:#8259D6}.settings-card-icon.teal{background:rgba(21,160,151,.12);color:#159E95}
.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem}
.settings-field{display:flex;flex-direction:column;gap:.4rem;min-width:0;margin:0;color:var(--tx);font-size:.76rem;font-weight:750}
.settings-field input,.settings-field select{width:100%;min-height:43px;padding:.65rem .75rem;border:1px solid var(--ln);border-radius:10px;background:var(--bg);color:var(--tx);font:inherit;font-size:.86rem;outline:none}
.settings-field input:focus,.settings-field select:focus{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 14%,transparent)}
.settings-field small{color:var(--mu);font-size:.69rem;font-weight:450;line-height:1.5}
.settings-secret{margin-top:.3rem}.settings-info{margin-top:.85rem;padding:.85rem 1rem;border:1px solid rgba(77,119,218,.15);border-radius:11px;background:color-mix(in srgb,var(--sf) 90%,#4778DD 10%)}
.settings-info strong{font-size:.75rem}.settings-info p{margin:.3rem 0 0;color:var(--mu);font-size:.72rem;line-height:1.55}.settings-info code{font-size:.7rem}
.settings-state{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;padding:.35rem .55rem;border-radius:99px;background:rgba(21,150,107,.1);color:#15966B;font-size:.62rem;font-weight:800}
.settings-state.demo{background:rgba(210,130,30,.1);color:#B7791F}
.settings-status-card h3,.settings-help-card h3{margin:.45rem 0 .8rem;font-size:1rem}
.settings-status-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem 0;border-bottom:1px solid var(--ln);font-size:.75rem}
.settings-status-row:last-of-type{border-bottom:0}.settings-status-row b{font-size:.68rem}.status-neutral{color:#15966B}.status-demo{color:#B7791F}.status-muted{color:var(--mu)}
.settings-status-note{margin:.75rem 0 0;padding-top:.7rem;border-top:1px solid var(--ln);color:var(--mu);font-size:.68rem;line-height:1.55}
.settings-help-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--so);color:var(--ac);font-weight:900}
.settings-help-card p{margin:.45rem 0 0;color:var(--mu);font-size:.73rem;line-height:1.55}
@media(max-width:800px){.settings-layout{grid-template-columns:1fr}.settings-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.settings-hero{padding:1.2rem}.settings-hero-icon{flex-basis:48px;height:48px;border-radius:15px}.settings-account{padding:.85rem}.settings-fields{grid-template-columns:1fr}.settings-side{grid-template-columns:1fr}.settings-card{padding:1rem}.settings-card-head{align-items:flex-start;flex-wrap:wrap}.settings-state{margin-left:47px}}

/* Modernized settings, contact and dashboard appearance pages */
.settings-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.settings-theme-option{position:relative;display:flex;flex-direction:column;gap:.28rem;padding:.9rem;border:1px solid var(--ln);border-radius:13px;background:var(--bg);cursor:pointer}
.settings-theme-option:has(input:checked){border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 12%,transparent)}
.settings-theme-option input{position:absolute;opacity:0}.settings-theme-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--so);color:var(--ac);font-size:1.15rem}
.settings-theme-option strong{font-size:.8rem}.settings-theme-option small{color:var(--mu);font-size:.68rem}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:1rem;align-items:start}
.contact-profile-top{display:flex;align-items:center;gap:.9rem;padding-bottom:1rem;margin-bottom:.4rem;border-bottom:1px solid var(--ln)}
.contact-profile-top h2{margin:.18rem 0;font-size:1.12rem}.contact-profile-top p{margin:0;color:var(--mu);font-size:.75rem}
.contact-detail{display:flex;align-items:center;gap:.8rem;padding:.9rem .2rem;border-bottom:1px solid var(--ln);color:var(--ink);text-decoration:none;min-width:0}
.contact-detail:last-of-type{border-bottom:0}.contact-detail>span:nth-child(2){display:grid;gap:.2rem;min-width:0;flex:1}
.contact-detail small{font-size:.59rem;letter-spacing:.12em;color:var(--mu);font-weight:850}.contact-detail strong{font-size:.82rem;overflow-wrap:anywhere}.contact-detail>b{color:var(--ac)}
.contact-detail-icon{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:12px;background:var(--so);color:var(--ac);font-size:1.05rem}
.contact-message{display:grid;gap:.85rem}.contact-message .settings-card-head{margin-bottom:0}
.contact-message textarea{width:100%;min-height:130px;padding:.75rem;border:1px solid var(--ln);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;font-size:.85rem;resize:vertical}
.contact-send{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.85rem 1rem;border-radius:11px}
.colors-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.65rem}
.colors-choice{position:relative;display:grid;justify-items:center;gap:.4rem;min-width:0;padding:.55rem .2rem;border:1px solid var(--ln);border-radius:12px;background:var(--bg);color:var(--ink);cursor:pointer}
.colors-choice>span{width:29px;height:29px;border-radius:10px;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000012}
.colors-choice small{font-size:.62rem;color:var(--mu)}.colors-choice.active{border-color:var(--ac);box-shadow:0 0 0 2px color-mix(in srgb,var(--ac) 13%,transparent)}
.colors-choice>b{position:absolute;top:3px;right:5px;color:var(--ac);font-size:.7rem}
.settings-color-custom{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;border:1px solid var(--ln);border-radius:13px;background:var(--bg)}
.settings-color-custom .settings-field{width:112px;flex:0 0 112px}.settings-color-custom input[type=color]{height:43px;padding:.25rem}
.settings-color-custom strong{font-size:.8rem}.settings-color-custom p{margin:.25rem 0 0;color:var(--mu);font-size:.7rem}
.color-preview{overflow:hidden;border:1px solid var(--ln);border-radius:13px;background:var(--bg)}
.color-preview-top{display:flex;gap:5px;padding:.65rem;border-bottom:1px solid var(--ln)}.color-preview-top span{width:7px;height:7px;border-radius:50%;background:var(--mu);opacity:.45}
.color-preview-content{display:grid;grid-template-columns:48px 1fr;min-height:125px}.color-preview-nav{opacity:.95}
.color-preview-content>div:last-child{display:grid;align-content:start;gap:.6rem;padding:1rem}
.color-preview-content i{display:block;width:75%;height:8px;border-radius:5px;background:var(--ln)}.color-preview-content i:first-child{width:45%;height:11px}
.color-preview-content button{justify-self:start;border:0;border-radius:7px;padding:.45rem .85rem;color:#fff;font:inherit;font-size:.68rem;font-weight:750}
@media(max-width:700px){.contact-layout{grid-template-columns:1fr}.colors-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-theme-options{grid-template-columns:1fr}.settings-color-custom{align-items:flex-start}}

/* ===== Modern domains, admin roles and backup views ===== */
.modern-eyebrow,.modern-kicker{display:inline-block;font-size:.66rem;font-weight:850;letter-spacing:.13em;color:#8fb2ff;text-transform:uppercase}
.domains-hero,.admin-hero,.backup-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;overflow:hidden;margin:0 0 1.5rem;padding:clamp(1.4rem,3vw,2.2rem);border:1px solid rgba(112,145,255,.23);border-radius:22px;background:radial-gradient(circle at 82% 25%,rgba(75,111,255,.34),transparent 33%),linear-gradient(115deg,#101d43 0%,#172b60 55%,#20245c 100%);color:#fff;box-shadow:0 16px 40px rgba(18,36,91,.12)}
.domains-hero h1,.admin-hero h1,.backup-hero h1{margin:.45rem 0 .55rem;color:#fff;font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:-.04em}
.domains-hero p,.admin-hero p,.backup-hero p{max-width:650px;margin:0;color:#d3defb;line-height:1.65}
.modern-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}
.modern-tags span{padding:.42rem .7rem;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(255,255,255,.08);color:#e5edff;font-size:.72rem;font-weight:650}
.domains-hero-art,.admin-hero-art,.backup-hero-art{display:grid;place-items:center;flex:0 0 112px;width:112px;height:112px;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.04));color:#fff;font-size:2.7rem;font-weight:800;box-shadow:inset 0 1px rgba(255,255,255,.2)}
.domains-hero-art small,.admin-hero-art small,.backup-hero-art small{font-size:.57rem;letter-spacing:.16em;color:#cbd8ff}
.modern-section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:1.6rem 0 1rem}
.modern-section-head h2{margin:.3rem 0;font-size:1.25rem;letter-spacing:-.025em}
.modern-section-head p{margin:0;color:var(--mu);font-size:.84rem}
.modern-count{padding:.45rem .75rem;border:1px solid var(--ln);border-radius:999px;background:var(--card);font-size:.76rem;font-weight:750;white-space:nowrap}
.domains-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:1rem}
.domain-card,.admin-role-card,.backup-card{min-width:0;padding:1.2rem;border:1px solid var(--ln);border-radius:18px;background:var(--card);box-shadow:0 8px 26px rgba(20,35,70,.055)}
.domain-card-top,.admin-role-top{display:flex;justify-content:space-between;align-items:center;gap:.8rem}
.domain-icon,.admin-role-icon,.backup-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(57,103,231,.11);color:#4777ec;font-size:1.35rem;font-weight:800}
.domain-status{padding:.34rem .58rem;border:1px solid var(--ln);border-radius:999px;color:var(--mu);font-size:.68rem;font-weight:750}
.domain-status.ready{border-color:rgba(27,160,112,.22);background:rgba(27,160,112,.09);color:#15966c}
.domain-card h3,.admin-role-card h2,.backup-card h2{margin:1rem 0 .25rem;font-size:1.1rem;letter-spacing:-.02em}
.domain-project-note{margin:0 0 1rem;color:var(--mu);font-size:.76rem}
.domain-field{display:grid;gap:.45rem;font-size:.76rem;font-weight:750}
.domain-field input{width:100%;min-width:0;padding:.75rem .8rem;border:1px solid var(--ln);border-radius:10px;background:var(--bg);color:var(--tx);font:inherit}
.domain-connection{display:flex;align-items:center;gap:.5rem;margin:1rem 0;color:var(--mu);font-size:.75rem}
.domain-connection-dot{width:8px;height:8px;border-radius:50%;background:#e2a33b;box-shadow:0 0 0 3px rgba(226,163,59,.13)}
.domain-card-actions{padding-top:.8rem;border-top:1px solid var(--ln)}
.domain-card-actions .btn{width:100%}
.domain-code-label{display:grid;gap:.4rem;margin-top:1rem;font-size:.75rem}
.domain-empty{display:grid;justify-items:center;text-align:center;padding:2.5rem 1rem;border:1px dashed var(--ln);border-radius:18px;background:var(--card)}
.domain-empty>span{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:rgba(57,103,231,.1);color:#4777ec;font-size:1.8rem}
.domain-empty h3{margin:.8rem 0 .2rem}.domain-empty p{max-width:420px;color:var(--mu)}
.domain-info,.admin-notice,.backup-warning{display:flex;gap:.8rem;align-items:flex-start;margin-top:1rem;padding:1rem 1.1rem;border:1px solid rgba(65,119,225,.2);border-radius:14px;background:rgba(65,119,225,.065)}
.domain-info>span,.admin-notice>span,.backup-warning>span{font-size:1.15rem;font-weight:850;color:#4c7ce8}
.domain-info strong,.admin-notice strong,.backup-warning strong{font-size:.82rem}
.domain-info p,.admin-notice p,.backup-warning p{margin:.2rem 0 0;color:var(--mu);font-size:.77rem;line-height:1.55}
.admin-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1rem}
.admin-role-card.owner{border-color:rgba(65,119,225,.35);background:linear-gradient(150deg,rgba(65,119,225,.09),var(--card) 60%)}
.admin-role-card p,.backup-card p{color:var(--mu);font-size:.82rem;line-height:1.6}
.admin-role-card ul{display:grid;gap:.45rem;margin:1rem 0 0;padding-left:1.1rem;color:var(--mu);font-size:.76rem}
.backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.backup-card{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}
.backup-card-icon{margin-bottom:.35rem;background:rgba(27,160,112,.1);color:#15966c}
.backup-card.restore .backup-card-icon{background:rgba(65,119,225,.1);color:#4777ec}
.backup-card .btn{margin-top:.55rem}
.backup-card textarea{width:100%;min-height:125px}
.backup-card .backup-output{min-height:180px}
.backup-message{color:#15966c;font-size:.8rem}
.backup-warning{border-color:rgba(222,157,50,.25);background:rgba(222,157,50,.07)}
.backup-warning>span{color:#d28a20}
@media(max-width:650px){.domains-hero,.admin-hero,.backup-hero{align-items:flex-start}.domains-hero-art,.admin-hero-art,.backup-hero-art{flex-basis:72px;width:72px;height:72px;border-radius:19px;font-size:1.8rem}.modern-section-head{align-items:flex-start;flex-direction:column}.backup-grid{grid-template-columns:1fr}.modern-tags span{font-size:.66rem}}


/* ===== PRIME WEBS AI: cohesive dashboard refinement ===== */
.main:has(.dash-hero){max-width:1320px;padding:clamp(1.1rem,2.6vw,2.4rem)}
.dash-hero{min-height:190px;padding:clamp(1.45rem,3vw,2.35rem);border-radius:22px;background:radial-gradient(ellipse at 88% 12%,rgba(160,174,255,.25),transparent 36%),linear-gradient(118deg,#111d3d 0%,#1b3269 56%,#303b83 100%);box-shadow:0 18px 42px rgba(19,35,78,.16)}
.dash-hero h1{font-size:clamp(1.8rem,3.2vw,2.35rem);letter-spacing:-.045em}
.dash-hero p{font-size:.94rem;line-height:1.65}
.dash-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0 0 1.55rem}
.dash-kpi{min-width:0;min-height:128px;padding:1.2rem 1.25rem 1.35rem;border:1px solid var(--ln);border-radius:17px;background:var(--sf);box-shadow:0 5px 18px rgba(16,24,40,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.dash-kpi:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ac) 30%,var(--ln));box-shadow:0 10px 25px rgba(16,24,40,.075)}
.dash-kpi-label{font-size:.78rem;letter-spacing:.015em;font-weight:700;margin-bottom:.8rem}
.dash-kpi-value{font-size:clamp(1.65rem,2.5vw,2.15rem);line-height:1.08;letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-weight:850;color:var(--ink)}
.dash-kpi-accent{left:1.25rem;right:1.25rem;height:3px;opacity:.82}
.dash-actions{align-items:center;gap:.7rem;margin:0 0 2rem}
.dash-actions .btn,.dash-project-card .btn{min-height:44px;border-radius:11px;padding:.72rem 1.15rem;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.dash-actions .btn:hover,.dash-project-card .btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(37,64,217,.16)}
.dash-section-head{align-items:center;margin:0 0 .9rem}
.dash-section-head h3{font-size:1.12rem;letter-spacing:-.03em}
.dash-section-kicker{font-size:.64rem;letter-spacing:.14em}
.dash-projects{gap:1rem;margin-bottom:1.6rem}
.dash-project-card{min-height:100px;padding:1.2rem 1.25rem;border-radius:16px;box-shadow:0 4px 16px rgba(16,24,40,.04);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.dash-project-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ac) 28%,var(--ln));box-shadow:0 10px 24px rgba(16,24,40,.07)}
.dash-project-symbol,.dash-empty-symbol{width:42px;height:42px;flex-basis:42px;border-radius:13px}
.dash-project-name{font-size:.96rem;letter-spacing:-.015em}
.dash-project-meta{font-size:.74rem;gap:.6rem}
.dash-project-status{padding:.24rem .62rem;font-size:.68rem}
.dash-empty{padding:1.5rem;border-radius:16px}
.dash-health{padding-top:.25rem}
.dash-health-grid{gap:.65rem}
.dash-health-item{padding:.85rem 1rem;border-radius:12px;background:var(--sf);line-height:1.5}
@media(max-width:950px){.dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .main:has(.dash-hero){padding:1rem}
 .dash-hero{min-height:165px;padding:1.25rem;border-radius:17px}
 .dash-hero h1{font-size:1.55rem}
 .dash-hero p{font-size:.82rem}
 .dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
 .dash-kpi{min-height:105px;padding:.9rem;border-radius:13px}
 .dash-kpi-label{font-size:.7rem;margin-bottom:.65rem}
 .dash-kpi-value{font-size:clamp(1.3rem,6vw,1.65rem)}
 .dash-kpi-accent{left:.9rem;right:.9rem}
 .dash-actions{display:grid;grid-template-columns:1fr;width:100%;gap:.55rem;margin-bottom:1.5rem}
 .dash-actions .btn{width:100%;justify-content:center}
 .dash-project-card{padding:1rem;border-radius:14px}
}
@media(prefers-reduced-motion:reduce){.dash-kpi,.dash-project-card,.dash-actions .btn,.dash-project-card .btn{transition:none}.dash-kpi:hover,.dash-project-card:hover,.dash-actions .btn:hover,.dash-project-card .btn:hover{transform:none}}

/* ===== Premium domain storefront: prepared UI, integrations intentionally inactive ===== */
.domain-store-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:260px;overflow:hidden;margin:0 0 1.25rem;padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(117,139,255,.24);border-radius:26px;background:radial-gradient(circle at 76% 20%,rgba(91,121,255,.3),transparent 32%),linear-gradient(115deg,#101b3b 0%,#1b2d62 58%,#252d70 100%);color:#fff;box-shadow:0 20px 50px rgba(20,34,80,.16)}
.domain-store-copy{position:relative;z-index:1;max-width:690px}.domain-store-eyebrow,.domain-store-kicker{display:inline-flex;align-items:center;gap:.5rem;color:#91b5ff;font-size:.66rem;font-weight:850;letter-spacing:.14em}
.domain-store-eyebrow i,.domain-search-status i,.domain-coming-label i{width:7px;height:7px;border-radius:50%;background:#56d6ad;box-shadow:0 0 0 4px rgba(86,214,173,.12)}
.domain-store-hero h1{margin:.8rem 0 .65rem;color:#fff;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.06;letter-spacing:-.055em}
.domain-store-hero h1 em{color:#9db8ff;font-style:normal}.domain-store-hero p{max-width:580px;margin:0;color:#d0daf6;font-size:.94rem;line-height:1.7}
.domain-store-trust{display:flex;flex-wrap:wrap;gap:.65rem 1.1rem;margin-top:1.35rem;color:#dce5ff;font-size:.74rem;font-weight:650}
.domain-store-orbit{position:relative;flex:0 0 220px;width:220px;height:220px;margin-right:2%;display:grid;place-items:center}
.domain-orbit-ring{position:absolute;border:1px solid rgba(177,195,255,.23);border-radius:50%;transform:rotate(-25deg)}
.ring-one{width:195px;height:105px}.ring-two{width:175px;height:175px;border-style:dashed;transform:rotate(35deg)}
.domain-orbit-core{display:grid;place-items:center;width:92px;height:92px;border:1px solid rgba(255,255,255,.3);border-radius:27px;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.07));color:#fff;font-size:1.65rem;font-weight:850;box-shadow:0 14px 35px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.3)}
.domain-orbit-tag{position:absolute;padding:.4rem .65rem;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:.75rem;font-weight:800;backdrop-filter:blur(8px)}
.tag-one{top:24px;right:8px}.tag-two{bottom:25px;left:4px}
.domain-search-panel{margin-bottom:2rem;padding:clamp(1.15rem,2.6vw,1.8rem);border:1px solid var(--ln);border-radius:21px;background:var(--card);box-shadow:0 12px 32px rgba(18,32,66,.055)}
.domain-search-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}
.domain-search-heading h2,.domain-store-section-head h2{margin:.35rem 0 .25rem;font-size:1.28rem;letter-spacing:-.035em}
.domain-search-heading p,.domain-store-section-head p{margin:0;color:var(--mu);font-size:.82rem}
.domain-search-status{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .7rem;border:1px solid var(--ln);border-radius:999px;color:var(--mu);font-size:.68rem;font-weight:700;white-space:nowrap}
.domain-search-status i{background:#e7a943;box-shadow:0 0 0 4px rgba(231,169,67,.12)}
.domain-search-form{display:flex;align-items:center;gap:.8rem;min-height:68px;padding:.55rem .6rem .55rem 1rem;border:1.5px solid color-mix(in srgb,var(--ac) 34%,var(--ln));border-radius:15px;background:var(--bg);box-shadow:0 0 0 4px color-mix(in srgb,var(--ac) 6%,transparent)}
.domain-search-glass{color:var(--ac);font-size:1.8rem;line-height:1}.domain-search-form input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--ink);font:inherit;font-size:.95rem}
.domain-search-button{min-height:48px;white-space:nowrap;border-radius:11px;padding:.7rem 1.15rem}.domain-search-button span{margin-left:.4rem}
.domain-tld-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.domain-tld-row>span:first-child{margin-right:.25rem;color:var(--mu);font-size:.62rem;font-weight:850;letter-spacing:.1em}
.domain-tld{padding:.35rem .62rem;border:1px solid var(--ln);border-radius:8px;background:var(--sf);color:var(--ink);font-size:.74rem;font-weight:800}
.domain-no-results{display:flex;align-items:flex-start;gap:.9rem;margin-top:1.2rem;padding:1.1rem;border:1px solid rgba(224,165,67,.25);border-radius:14px;background:rgba(224,165,67,.055)}
.domain-no-results-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:rgba(224,165,67,.12);color:#c58a2c;font-size:1.5rem}
.domain-no-results strong{font-size:.9rem}.domain-no-results p{margin:.25rem 0 .6rem;color:var(--mu);font-size:.77rem;line-height:1.6}
.domain-coming-label{display:inline-flex;align-items:center;gap:.45rem;color:#b17b26;font-size:.68rem;font-weight:800}.domain-coming-label i{width:6px;height:6px;background:#e0a543;box-shadow:none}
.domain-store-section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1.5rem 0 1rem}
.domain-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:2rem}
.domain-feature-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:1.25rem;border:1px solid var(--ln);border-radius:18px;background:var(--card);box-shadow:0 6px 22px rgba(18,32,66,.04)}
.domain-feature-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:1rem;border-radius:14px;font-size:1.35rem;font-weight:800}
.domain-feature-icon.purple{background:rgba(123,63,209,.11);color:#8954d5}.domain-feature-icon.blue{background:rgba(57,103,231,.11);color:#4777ec}.domain-feature-icon.teal{background:rgba(14,154,167,.11);color:#0e9aa7}
.domain-feature-label{color:var(--mu);font-size:.6rem;font-weight:850;letter-spacing:.13em}.domain-feature-card h3{margin:.35rem 0;font-size:1rem;letter-spacing:-.02em}.domain-feature-card p{flex:1;margin:.2rem 0 1rem;color:var(--mu);font-size:.77rem;line-height:1.65}
.domain-feature-state{padding:.4rem .65rem;border:1px solid var(--ln);border-radius:8px;color:var(--mu);font-size:.67rem;font-weight:750}
.domain-buy-button{width:100%;justify-content:center;opacity:.58;cursor:not-allowed}.domain-buy-button span{margin-left:.35rem}
.domain-managed-section{margin-top:.5rem}.domain-managed-count{padding:.4rem .7rem;border:1px solid var(--ln);border-radius:999px;color:var(--mu);font-size:.7rem;font-weight:750;white-space:nowrap}
.domain-managed-card{box-shadow:0 6px 22px rgba(18,32,66,.04)}
.domain-store-note{display:flex;gap:.8rem;align-items:flex-start;margin-top:1.2rem;padding:1rem 1.1rem;border:1px solid rgba(65,119,225,.2);border-radius:14px;background:rgba(65,119,225,.055)}
.domain-store-note>span{color:#4c7ce8;font-size:1.1rem;font-weight:850}.domain-store-note strong{font-size:.8rem}.domain-store-note p{margin:.2rem 0 0;color:var(--mu);font-size:.75rem;line-height:1.6}
@media(max-width:760px){.domain-store-hero{min-height:0;padding:1.35rem;border-radius:19px}.domain-store-orbit{flex-basis:100px;width:100px;height:100px;margin:0 -1rem 0 0;transform:scale(.72)}.domain-store-hero h1{font-size:1.9rem}.domain-store-hero p{font-size:.82rem}.domain-store-trust{gap:.45rem .75rem;font-size:.65rem}.domain-search-heading{flex-direction:column}.domain-search-status{white-space:normal}.domain-search-form{gap:.45rem;padding:.45rem}.domain-search-form input{font-size:.82rem}.domain-search-button{padding:.65rem .7rem;font-size:.72rem}.domain-feature-grid{grid-template-columns:1fr}.domain-store-section-head{align-items:flex-start;flex-direction:column}}

/* Namecheap public-price reference cards; no live availability or checkout */
.domain-price-section{margin:1.8rem 0 2rem}.domain-price-currency{padding:.42rem .7rem;border:1px solid var(--ln);border-radius:999px;color:var(--mu);font-size:.66rem;font-weight:850;letter-spacing:.08em;white-space:nowrap}
.domain-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.domain-price-card{min-width:0;padding:1.1rem;border:1px solid var(--ln);border-radius:17px;background:var(--card);box-shadow:0 6px 20px rgba(18,32,66,.04);transition:transform .18s ease,border-color .18s ease}
.domain-price-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ac) 35%,var(--ln))}
.domain-price-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.9rem}
.domain-price-card-top>strong{font-size:1.35rem;letter-spacing:-.04em}.domain-price-ref{padding:.28rem .48rem;border-radius:7px;background:var(--sf);color:var(--mu);font-size:.58rem;font-weight:800}
.domain-price-reg,.domain-price-renew{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.48rem 0;border-bottom:1px solid var(--ln)}
.domain-price-reg span,.domain-price-renew span{color:var(--mu);font-size:.7rem}.domain-price-reg strong{font-size:1.1rem;letter-spacing:-.03em}.domain-price-renew strong{font-size:.83rem}
.domain-price-card>p{min-height:2.2em;margin:.65rem 0;color:var(--mu);font-size:.66rem;line-height:1.5}
.domain-price-card .domain-buy-button{margin-top:.3rem}
.domain-price-disclaimer{max-width:950px;margin:.8rem 0 0;color:var(--mu);font-size:.68rem;line-height:1.6}
@media(max-width:760px){.domain-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-price-card{padding:.9rem}.domain-price-card-top>strong{font-size:1.2rem}}
@media(max-width:420px){.domain-price-grid{grid-template-columns:1fr}}


/* Dashboard result trend */
.dash-kpi-trend{display:inline-flex;align-items:center;gap:.25rem;margin-top:.62rem;font-size:.72rem;line-height:1.25;font-weight:750;letter-spacing:.005em}
.dash-kpi-trend.up{color:#159653}
.dash-kpi-trend.down{color:#dc5252}
.dash-kpi-trend.flat{color:var(--mu)}

/* Dashboard AI prompt */
.dash-prompt-panel{margin:1.4rem 0 2.2rem;padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--ln);border-radius:22px;background:var(--card);box-shadow:0 12px 32px rgba(18,32,66,.055)}
.dash-prompt-heading h2{margin:.35rem 0 .35rem;font-size:clamp(1.35rem,2.5vw,1.8rem);letter-spacing:-.04em}
.dash-prompt-heading p{margin:0 0 1.1rem;color:var(--mu);font-size:.88rem}
.dash-prompt-input{display:block;width:100%;min-height:118px;resize:vertical;padding:1rem 1.05rem;border:1.5px solid color-mix(in srgb,var(--ac) 30%,var(--ln));border-radius:15px;background:var(--bg);color:var(--ink);font:inherit;line-height:1.6;outline:none}
.dash-prompt-input:focus{border-color:var(--ac);box-shadow:0 0 0 4px color-mix(in srgb,var(--ac) 9%,transparent)}
.dash-prompt-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.9rem}
.dash-prompt-footer .mu{font-size:.75rem}.dash-prompt-submit{min-height:46px;padding:.75rem 1.1rem;white-space:nowrap}
@media(max-width:600px){.dash-prompt-footer{align-items:stretch;flex-direction:column}.dash-prompt-submit{width:100%}}

/* Finance: expanded business intelligence and modern layout */
.finance-business-strip{margin:1rem 0;padding:1.25rem;border:1px solid var(--ln);border-radius:20px;background:linear-gradient(145deg,var(--sf),color-mix(in srgb,var(--sf) 92%,#4f83e8 8%));box-shadow:0 10px 28px rgba(20,35,75,.045)}
.finance-business-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.finance-business-heading h2{margin:0;font-size:1.1rem;letter-spacing:-.025em}.finance-business-heading p{margin:.25rem 0 0;font-size:.78rem}
.finance-business-badge{padding:.38rem .65rem;border:1px solid var(--ln);border-radius:99px;color:var(--ac);font-size:.62rem;font-weight:850;letter-spacing:.1em}
.finance-business-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
.finance-business-card{display:flex;align-items:center;gap:.75rem;min-width:0;padding:.9rem;border:1px solid var(--ln);border-radius:14px;background:var(--sf)}
.finance-business-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:var(--so);color:var(--ac);font-size:1.05rem;font-weight:800}
.finance-business-card div{display:flex;flex-direction:column;min-width:0}.finance-business-card small{color:var(--mu);font-size:.68rem}.finance-business-card strong{font-size:1.45rem;letter-spacing:-.04em}.finance-business-card span:last-child{color:var(--mu);font-size:.62rem}
.finance-insights-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:1rem;align-items:stretch;margin:1rem 0}
.finance-insights-grid .finance-panel{margin:0;height:100%}
.finance-category-group+.finance-category-group{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--ln)}
.finance-category-title{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.65rem}
.finance-category-row{margin:.7rem 0}.finance-category-row>div:first-child{display:flex;justify-content:space-between;gap:.7rem;margin-bottom:.35rem;font-size:.75rem}.finance-category-row strong{font-variant-numeric:tabular-nums}
.finance-category-track{height:8px;overflow:hidden;border-radius:99px;background:var(--bg)}.finance-category-track i{display:block;height:100%;border-radius:99px}.finance-category-track i.income{background:linear-gradient(90deg,#48C9A0,#15966B)}.finance-category-track i.expense{background:linear-gradient(90deg,#F28A92,#D04452)}
.finance-health-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--ln);font-size:.76rem}.finance-health-row strong{text-align:right;font-size:.86rem;font-variant-numeric:tabular-nums}
.finance-health-note{margin-top:1rem;padding:.75rem;border-radius:11px;background:var(--bg);color:var(--mu);font-size:.68rem;line-height:1.5}
@media(max-width:900px){.finance-business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-insights-grid{grid-template-columns:1fr}}
@media(max-width:560px){.finance-business-strip{padding:.9rem}.finance-business-grid{gap:.5rem}.finance-business-card{gap:.5rem;padding:.65rem}.finance-business-icon{flex-basis:31px;height:31px}.finance-business-card strong{font-size:1.2rem}.finance-business-card small{font-size:.62rem}.finance-business-card span:last-child{font-size:.56rem}.finance-business-heading{flex-direction:column}}