:root{--color-text: #0F172A;--color-text-secondary: #475569;--color-page-bg: #F8FAFC;--color-surface: #FFFFFF;--color-border: #E2E8F0;--brand-primary: #4D83F8;--brand-secondary: #E6E6E6;--brand-gradient: linear-gradient(135deg, #4D83F8 0%, #3569D4 100%)}body{color:#0f172a;background:#f8fafc}.saas-page{min-height:100vh;padding:24px}.saas-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;box-shadow:0 1px 3px #0f172a0f}.saas-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:0;border-radius:10px;font-weight:600;cursor:pointer;transition:filter .16s ease,transform .16s ease}.saas-button:hover{filter:brightness(.96)}.saas-button:focus-visible{outline:3px solid rgba(77,131,248,.24);outline-offset:2px}.saas-button--primary{color:#fff;background:linear-gradient(135deg,#4d83f8,#3569d4)}.saas-button--secondary{color:#0f172a;background:#fff;border:1px solid #E2E8F0}.saas-input{width:100%;padding:10px 12px;color:#0f172a;background:#fff;border:1px solid #E2E8F0;border-radius:10px}.saas-input:focus{border-color:#4d83f8;outline:3px solid rgba(77,131,248,.24);outline-offset:1px}.saas-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:.75rem;font-weight:600}.saas-badge--success{color:#15803d;background:#f0fdf4}.saas-badge--warning{color:#b45309;background:#fffbeb}.saas-badge--error{color:#b91c1c;background:#fef2f2}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr);background:#fff;color:#0f172a}.login-brand{display:flex;flex-direction:column;justify-content:space-between;padding:48px;color:#fff;background:linear-gradient(135deg,#4d83f8,#3569d4)}.login-logo-link{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:12px;border-radius:14px;background:#fff}.login-logo{display:block;width:180px;max-width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.login-brand-copy{max-width:440px;padding:64px 0}.login-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.16em;opacity:.9}.login-brand-copy h1{margin-top:20px;font-size:clamp(2.5rem,4vw,4rem);line-height:1.1;font-weight:700;letter-spacing:-.04em}.login-brand-copy p{margin-top:20px;max-width:360px;font-size:1.05rem;line-height:1.8;color:#ffffffe6}.login-brand-footer{font-size:.8rem;color:#ffffffd9}.login-panel{display:flex;align-items:center;justify-content:center;padding:48px 32px;background:#f8fafc}.login-panel-inner{width:100%;max-width:420px;padding:36px;border:1px solid #E2E8F0;border-radius:18px;background:#fff;box-shadow:0 1px 3px #0f172a0f}.login-mobile-logo{display:none;margin-bottom:32px}.login-mobile-logo img{display:block;width:160px;max-width:100%;height:auto}.login-heading h2{font-size:1.8rem;line-height:1.3;font-weight:700;letter-spacing:-.03em}.login-heading p{margin-top:8px;color:#475569;font-size:.9rem;line-height:1.6}.login-form-content{margin-top:28px}.login-form-content input[type=email],.login-form-content input[type=password],.login-form-content input[type=text]{width:100%;min-height:46px;padding:10px 12px;border:1px solid #E2E8F0;border-radius:10px;background:#fff;color:#0f172a;font-size:.9rem}.login-form-content input:focus{border-color:#4d83f8;outline:3px solid rgba(77,131,248,.24);outline-offset:1px}.login-form-content input[type=checkbox]{color:#4d83f8;accent-color:#4D83F8}.login-form-content button[type=submit]{min-height:44px;padding:10px 20px;border:0;border-radius:10px;background:linear-gradient(135deg,#4d83f8,#3569d4);color:#fff;font-weight:600;transition:filter .15s ease,transform .15s ease}.login-form-content button[type=submit]:hover{filter:brightness(.96)}.login-form-content a{color:#4d83f8}.login-security-note{margin-top:28px;padding-top:18px;border-top:1px solid #E2E8F0;color:#475569;font-size:.75rem;line-height:1.6}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:24px 16px}.login-panel-inner{padding:28px 22px}.login-mobile-logo{display:block}}.dashboard-page{padding:36px 24px}.dashboard-container{width:100%;max-width:1440px;margin:0 auto}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}.dashboard-eyebrow{color:var(--brand-primary);font-size:.72rem;font-weight:700;letter-spacing:.14em}.dashboard-welcome h1{margin-top:10px;color:var(--color-text);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;letter-spacing:-.04em;line-height:1.2}.dashboard-welcome p,.dashboard-section-heading p,.dashboard-card-heading p{margin-top:8px;color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.dashboard-date{display:flex;flex-shrink:0;flex-direction:column;gap:5px;padding:14px 18px;border:1px solid var(--color-border);border-radius:12px;background:#fff}.dashboard-date span,.dashboard-stat-label,.dashboard-setup-row span{color:var(--color-text-secondary);font-size:.8rem}.dashboard-date strong{color:var(--color-text);font-size:.95rem}.dashboard-section{margin-bottom:30px}.dashboard-section-heading,.dashboard-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.dashboard-section-heading h2,.dashboard-card-heading h2,.dashboard-setup h2{color:var(--color-text);font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.dashboard-status,.dashboard-muted-label{display:inline-flex;align-items:center;flex-shrink:0;padding:6px 10px;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:.72rem;font-weight:600}.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dashboard-stat{min-width:0;padding:24px}.dashboard-stat-top{display:flex;align-items:center;gap:12px}.dashboard-stat-icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;font-size:1.25rem;font-weight:700}.dashboard-stat-icon--red,.dashboard-stat-icon--orange{background:#eff5ff;color:#4d83f8}.dashboard-stat-icon--slate{background:#f1f5f9;color:#475569}.dashboard-stat-value{margin-top:24px;color:var(--color-text);font-size:2rem;font-weight:700;letter-spacing:-.04em;line-height:1.1}.dashboard-stat-note{margin-top:10px;color:var(--color-text-secondary);font-size:.78rem}.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);align-items:stretch;gap:20px}.dashboard-activity,.dashboard-setup{min-width:0;padding:24px}.dashboard-empty-state{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;text-align:center}.dashboard-empty-icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px;background:#f1f5f9;color:#64748b;font-size:1.5rem}.dashboard-empty-state h3{margin-top:16px;color:var(--color-text);font-size:.95rem;font-weight:700}.dashboard-empty-state p{max-width:360px;margin-top:8px;color:var(--color-text-secondary);font-size:.82rem;line-height:1.7}.dashboard-setup-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;margin-bottom:18px;border-radius:12px;background:var(--brand-gradient);color:#fff;font-size:1.2rem}.dashboard-setup>p{margin-top:10px;color:var(--color-text-secondary);font-size:.85rem;line-height:1.7}.dashboard-setup-divider{height:1px;margin:22px 0;background:var(--color-border)}.dashboard-setup-row{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.dashboard-setup-row strong{overflow-wrap:anywhere;color:var(--color-text);font-size:.88rem;font-weight:600}.dashboard-email{font-size:.8rem!important}.dashboard-profile-link{display:flex;justify-content:space-between;width:100%;margin-top:22px;text-decoration:none}.dashboard-footer{display:flex;justify-content:space-between;gap:16px;margin-top:28px;padding:18px 2px 0;border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.75rem}@media(max-width:900px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-lower-grid{grid-template-columns:1fr}}@media(max-width:600px){.dashboard-page{padding:24px 16px}.dashboard-welcome{align-items:flex-start;flex-direction:column;margin-bottom:28px}.dashboard-date{width:100%}.dashboard-stats{grid-template-columns:1fr;gap:14px}.dashboard-stat,.dashboard-activity,.dashboard-setup{padding:20px}.dashboard-section-heading{align-items:flex-start;flex-direction:column}.dashboard-footer{flex-direction:column;gap:8px}}.ds-navigation{position:relative;z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0f172a08}.ds-navigation__inner{width:100%;max-width:1440px;min-height:76px;margin:0 auto;padding:12px 32px;display:flex;align-items:center;gap:40px}.ds-brand{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none}.ds-brand__logo{display:block;width:172px;max-width:100%;height:44px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.ds-navigation__links{display:flex;align-items:stretch;align-self:stretch;gap:8px;flex:1}.ds-navigation__link{position:relative;display:inline-flex;align-items:center;gap:10px;padding:0 16px;color:#475569;font-size:14px;font-weight:600;text-decoration:none;transition:color .16s ease,background .16s ease}.ds-navigation__link svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7}.ds-navigation__link:hover{color:#4d83f8;background:#eff5ff}.ds-navigation__link.is-active{color:#4d83f8}.ds-navigation__link.is-active:after{content:"";position:absolute;bottom:-1px;left:16px;right:16px;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#4d83f8,#3569d4)}.ds-navigation__account{display:flex;align-items:center;flex-shrink:0}.ds-account-trigger{display:flex;align-items:center;gap:11px;padding:7px 10px;border:1px solid transparent;border-radius:12px;background:#fff;color:#0f172a;text-align:left;transition:background .16s ease,border-color .16s ease}.ds-account-trigger:hover,.ds-account-trigger:focus-visible{background:#f8fafc;border-color:#e2e8f0;outline:none}.ds-account-avatar{display:inline-flex;width:40px;height:40px;flex-shrink:0;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#4d83f8,#3569d4);color:#fff;font-size:16px;font-weight:700;box-shadow:0 2px 5px #4d83f82e}.ds-account-details{display:flex;flex-direction:column;gap:3px}.ds-account-name{color:#0f172a;font-size:13px;font-weight:650;line-height:1.3}.ds-account-label{color:#64748b;font-size:11px;line-height:1.3}.ds-account-chevron{width:16px;height:16px;margin-left:5px;stroke:#64748b;stroke-width:1.7}.ds-mobile-toggle,.ds-mobile-menu{display:none}.ds-mobile-toggle svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ds-mobile-menu{padding:10px 20px 18px;border-top:1px solid #f1f5f9;background:#fff}.ds-mobile-link{display:flex;width:100%;align-items:center;padding:12px 14px;border:0;border-radius:9px;background:transparent;color:#475569;font-size:14px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer}.ds-mobile-link:hover,.ds-mobile-link.is-active{background:#eff5ff;color:#4d83f8}.ds-mobile-account{display:flex;align-items:center;gap:12px;margin:12px 0;padding:16px 12px;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.ds-mobile-account__details{min-width:0}.ds-mobile-email{margin-top:4px;overflow-wrap:anywhere;color:#64748b;font-size:12px}.ds-mobile-logout{font:inherit}[x-cloak]{display:none!important}@media(max-width:767px){.ds-navigation__inner{min-height:68px;padding:10px 18px;gap:16px}.ds-brand__logo{width:145px;height:40px}.ds-navigation__links,.ds-navigation__account{display:none}.ds-mobile-toggle{display:inline-flex;width:42px;height:42px;margin-left:auto;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:11px;background:#fff;color:#334155;cursor:pointer}.ds-mobile-toggle:hover{border-color:#bfd3ff;color:#4d83f8}.ds-mobile-menu{display:block}}@media(min-width:768px)and (max-width:1024px){.ds-navigation__inner{padding-right:20px;padding-left:20px;gap:18px}.ds-brand__logo{width:145px}.ds-navigation__link{padding-right:10px;padding-left:10px}.ds-account-label{display:none}}.ds-app-body{margin:0;background:#f8fafc;color:#334155;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.ds-app-shell{min-height:100vh;background:radial-gradient(ellipse at 90% 0%,rgba(77,131,248,.035),transparent 34%),#f8fafc}.ds-page-heading{background:#ffffffeb;border-bottom:1px solid #e2e8f0}.ds-page-heading__inner{max-width:1440px;margin:0 auto;padding:24px 32px}.ds-main-content{width:100%;max-width:1440px;margin:0 auto;padding:32px}@media(max-width:767px){.ds-page-heading__inner{padding:20px 18px}.ds-main-content{padding:22px 18px}}@media(min-width:768px){.ds-app-shell{display:flex;align-items:stretch}.ds-navigation{position:sticky;top:0;flex:0 0 260px;width:260px;height:100vh;overflow-y:visible;border-right:1px solid #e2e8f0;border-bottom:0;box-shadow:2px 0 8px #0f172a06}.ds-navigation__inner{width:100%;max-width:none;min-height:100vh;margin:0;padding:28px 16px 20px;flex-direction:column;align-items:stretch;gap:32px}.ds-brand{padding:0 8px}.ds-brand__logo{width:180px;height:44px}.ds-navigation__links{flex:1;align-self:auto;flex-direction:column;gap:6px}.ds-navigation__link{min-height:46px;padding:0 14px;border-radius:10px}.ds-navigation__link.is-active{background:#eff5ff}.ds-navigation__link.is-active:after{top:8px;right:auto;bottom:8px;left:0;width:3px;height:auto;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#4d83f8,#3569d4)}.ds-navigation__account{width:100%;margin-top:auto}.ds-account-trigger{width:100%;gap:9px;padding:8px 6px}.ds-account-details{min-width:0;overflow-wrap:anywhere}.ds-account-chevron{flex-shrink:0;margin-left:auto}.ds-app-workspace{flex:1;min-width:0}.ds-page-heading__inner,.ds-main-content{max-width:none}}@media(max-width:767px){.ds-app-shell{display:block}.ds-navigation{position:relative;width:100%;height:auto;overflow:visible;border-right:0;border-bottom:1px solid #e2e8f0}.ds-navigation__inner{width:100%;max-width:1440px;min-height:68px;margin:0 auto;padding:10px 18px;flex-direction:row;align-items:center;gap:16px}.ds-brand{padding:0}.ds-brand__logo{width:145px;height:40px}.ds-navigation__links,.ds-navigation__account{display:none}.ds-mobile-toggle{display:inline-flex}.ds-mobile-menu{display:block}}