:root{--blue:#1388ff;--ink:#101828;--muted:#667085;--bg:#f7f9fc;--card:#fff;--line:#e6eaf0;--good:#0f9f6e;--warn:#c98200;--bad:#c2413a;--radius:22px;--shadow:0 18px 48px rgba(16,24,40,.10)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem clamp(1rem,4vw,4rem)}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{height:54px;width:auto;display:block}.nav{display:flex;align-items:center;gap:1rem;font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.82rem 1.1rem;font-weight:700;border:1px solid transparent;min-height:44px}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(19,136,255,.28)}.btn-outline{border-color:var(--line);background:#fff}.hero,.page-hero{padding:clamp(3rem,8vw,7rem) clamp(1rem,5vw,5rem);display:grid;gap:2rem}.hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center}.hero h1,.page-hero h1{font-size:clamp(2.35rem,6vw,5rem);line-height:1.02;margin:.2rem 0 1rem;letter-spacing:-.05em}.hero p,.page-hero p{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:760px}.eyebrow{color:var(--blue)!important;text-transform:uppercase;font-weight:800;font-size:.8rem!important;letter-spacing:.14em}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.hero-card,.service-card,.metric,.form-panel,.auth-panel,.empty,.notice,.list-card,.price-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:2rem}.hero-card li{margin:.7rem 0}.section{padding:clamp(2rem,5vw,5rem) clamp(1rem,5vw,5rem)}.section-heading{max-width:760px;margin-bottom:1.8rem}.section-heading h2,.cta h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.08;letter-spacing:-.04em}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.service-card{padding:1.4rem;transition:.18s transform,.18s box-shadow}.service-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(16,24,40,.14)}.service-card p{color:var(--muted)}.service-card span{color:var(--blue);font-weight:800}.cta{margin:2rem clamp(1rem,5vw,5rem) 4rem;padding:2rem;border-radius:calc(var(--radius) + 10px);background:linear-gradient(135deg,#101828,#17365f);color:white}.cta p{color:#d7e3f5}.feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem;display:flex;align-items:flex-start;gap:.85rem}.feature-icon{width:24px;height:24px;margin-top:.18rem;flex:0 0 auto;color:var(--blue);font-size:1.25rem;text-align:center;line-height:1}.feature span{width:12px;height:12px;background:var(--blue);border-radius:50%;margin-top:.45rem;flex:0 0 auto}.form-panel,.auth-panel{max-width:760px;margin:0 auto 4rem;padding:1.5rem}.form-panel p,.auth-panel p{display:flex;flex-direction:column;gap:.35rem}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:.85rem 1rem;font:inherit;background:#fff}.dashboard-grid{padding:0 clamp(1rem,5vw,5rem) 2rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.metric{padding:1.2rem}.metric span{color:var(--muted);font-size:.9rem}.metric strong{display:block;font-size:2rem}.attention{border-color:#ffd58a}.danger{border-color:#ffb4ae}.responsive-list{display:grid;gap:.8rem}.list-card{display:flex;justify-content:space-between;gap:1rem;padding:1rem}.messages{padding:1rem clamp(1rem,5vw,5rem)}.alert{background:#eaf4ff;border:1px solid #b9dcff;padding:1rem;border-radius:16px}.site-footer{border-top:1px solid var(--line);padding:2rem clamp(1rem,5vw,5rem);display:flex;justify-content:space-between;gap:1rem;color:var(--muted)}@media(max-width:900px){.nav{overflow:auto;justify-content:flex-start;width:100%;padding-bottom:.3rem}.site-header{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr}.card-grid,.feature-list,.dashboard-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.card-grid,.feature-list,.dashboard-grid{grid-template-columns:1fr}.hero,.page-hero{padding-top:2.4rem}.site-footer{flex-direction:column}.list-card{flex-direction:column}.brand img{height:28px}}

.subnav{display:flex;gap:.6rem;overflow:auto;padding:1rem clamp(1rem,5vw,5rem);border-bottom:1px solid var(--line);background:#fff}.subnav a{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:.55rem .85rem;color:var(--muted);font-weight:700}.filter-bar{display:flex;gap:.75rem;align-items:center;padding:0 clamp(1rem,5vw,5rem) 1rem;flex-wrap:wrap}.filter-bar input,.filter-bar select{min-height:44px;border:1px solid var(--line);border-radius:999px;padding:.7rem 1rem;background:#fff}.status-badge{display:inline-flex;border-radius:999px;background:#eef6ff;color:#0b63c7;padding:.25rem .65rem;font-size:.82rem;font-weight:800}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pagination{display:flex;align-items:center;gap:.7rem;margin-top:1rem;color:var(--muted)}@media(max-width:900px){.split-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.split-grid{grid-template-columns:1fr}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar input,.filter-bar select,.filter-bar .btn{width:100%}}

@media(max-width:720px){.site-header{align-items:flex-start;gap:.75rem}.brand img{height:44px}.nav{gap:.55rem;font-size:.88rem}}

.legal-copy{max-width:920px;margin:0 auto}.legal-copy h2{margin-top:2rem;font-size:1.35rem}.legal-copy p{color:var(--muted);font-size:1rem}.legal-copy strong{color:var(--ink)}

.action-card{align-items:center}.action-card>div{display:flex;flex-direction:column;gap:.25rem}.compact-actions{margin-top:0;justify-content:flex-end}.compact-actions .btn{padding:.65rem .9rem;min-height:38px}.subscription-card{border-left:4px solid var(--blue)}.cancellation-notice ul{margin:.75rem 0 0;padding-left:1.2rem}.cancellation-notice li{margin:.35rem 0}

.nav-logout{display:inline;margin:0}.nav-logout button{background:transparent;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}.nav-logout button:hover{text-decoration:underline}

.btn-danger{background:var(--bad);color:#fff;box-shadow:0 10px 24px rgba(194,65,58,.24)}.btn-danger:hover{filter:brightness(.95)}