:root{--bg:#f8fafc;--surface:#fff;--surface-alt:#e2e8f0;--text:#0f172a;--muted:#475569;--primary:#2563eb;--primary-dark:#1d4ed8;--accent:#0f766e;--danger:#b91c1c;--border:#dbe3ef;--shadow:0 18px 45px #0f172a14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:linear-gradient(#f8fafc 0%,#eef4ff 100%);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a,button,input,textarea,select{transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s}:focus-visible{outline-offset:3px;outline:3px solid #2563eb47}.skip-link{z-index:100;color:#fff;background:#0f172a;border-radius:14px;padding:.8rem 1rem;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,input,select,textarea{font:inherit}.site-shell{max-width:1180px;margin:0 auto;padding:0 1.25rem}.marketing-page{background:radial-gradient(circle at top,#2563eb33,#0000 28%),linear-gradient(#f7f9ff 0%,#fff 58%,#f3f7ff 100%);min-height:100vh}.marketing-nav,.trust-row,.cta-inline,.hero-stat-row,.tab-row,.risk-row,.setup-actions,.footer-grid,.marketing-actions{align-items:center;display:flex}.marketing-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #dbe3efcc;position:sticky;top:0}.marketing-nav{justify-content:space-between;gap:1rem;min-height:76px}.brand{color:#3877ea;align-items:center;gap:.65rem;display:inline-flex}.brand-badge{color:#fff;background:linear-gradient(135deg,#53c7ff,#3676ff);border-radius:10px;place-items:center;width:1.8rem;height:1.8rem;font-size:.78rem;font-weight:700;display:inline-grid}.marketing-links,.footer-grid{gap:1.5rem}.marketing-links{color:#6f7ea9;align-items:center;font-size:.95rem;display:flex}.marketing-links a:hover,.ghost-link:hover{color:#325ecf}.marketing-actions{gap:1rem}.ghost-link{color:#7584af}.marketing-main{padding-top:2rem;padding-bottom:4rem}.hero{align-items:center;gap:2rem;padding:5rem 0 4rem;display:grid}.hero-marketing{text-align:center;justify-items:center;min-height:58vh;padding-top:2.5rem}.hero-copy{max-width:820px}.hero-tag{color:#4999f8;background:#41a0ff1a;border-radius:999px;align-items:center;gap:.45rem;margin:0 0 1rem;padding:.35rem .8rem;font-size:.9rem;display:inline-flex}.hero-marketing h1{background:linear-gradient(135deg,#5764a9 0%,#4489ff 45%,#45d3ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.9rem,6vw,5.2rem)}.cta-inline{justify-content:center;gap:.85rem;margin:1.5rem 0 1rem}.trust-row{color:#93a4c7;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:.95rem}.trust-row span:before{content:"";background:#b9d9ff;border-radius:999px;width:.45rem;height:.45rem;margin-right:.5rem;display:inline-block}.hero-card,.panel,.stat-card,.feature-card,.login-card,.register-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffeb;border-radius:24px}.hero-card,.panel,.login-card,.register-card{padding:1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin:0 0 .5rem;font-size:.8rem;font-weight:700}.hero h1,.page-title{margin:0;font-size:clamp(2.3rem,5vw,4rem);line-height:1.05}.hero p,.page-subtitle,.muted,td span,.user-card span{color:var(--muted)}.cta-row,.feature-grid,.grid,.settings-grid{gap:1rem;display:grid}.primary-button,.secondary-button,.secondary-link{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.2rem;transition:all .2s;display:inline-flex}.primary-button{background:var(--primary);color:#fff}.primary-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.secondary-button,.secondary-link{color:var(--text);border:1px solid var(--border);background:#fff}.secondary-button:hover,.secondary-link:hover,.ghost-link:hover{border-color:#bfd4ff;box-shadow:0 8px 20px #2563eb14}.metric-list{gap:.85rem;display:grid}.metric-row{border-bottom:1px solid var(--surface-alt);justify-content:space-between;gap:1rem;padding-bottom:.75rem;display:flex}.feature-card,.stat-card{padding:1.25rem}.feature-card:hover,.stat-card:hover,.panel:hover,.register-card:hover,.login-card:hover{transform:translateY(-2px);box-shadow:0 22px 55px #0f172a1a}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.marketing-features{margin-top:2rem}.hero-metrics-strip{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin:-.75rem 0 3rem;display:grid}.hero-metric{padding:1rem .5rem}.hero-metric strong{color:#7180be;margin-bottom:.35rem;font-size:clamp(2rem,3vw,2.6rem);display:block}.hero-metric span{color:#9aa7c7;font-size:.95rem}.showcase-stack{margin-bottom:1.5rem}.showcase-grid{grid-template-columns:1.2fr .8fr;gap:1.25rem;margin-bottom:2rem;display:grid}.secondary-grid{grid-template-columns:1fr 1fr}.showcase-card{padding:1.75rem}.showcase-primary{padding-bottom:1.5rem}.panel-actions{align-items:center;gap:.8rem;display:flex}.icon-button,.inline-action,.report-button{color:#7b88ae;cursor:pointer;background:#fff;border:1px solid #d8e3ff;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.icon-button{width:2.1rem;height:2.1rem}.inline-action,.report-button{padding:.7rem 1rem;font-weight:600}.chart-shell{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.chart-copy h3{margin:0;font-size:1rem}.align-right{text-align:right}.trend-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:.8rem;height:170px;margin-top:1rem;padding:1.25rem .5rem 0;display:grid}.trend-bars span{background:linear-gradient(#6fb4ff66,#5876ffe6);border-radius:999px 999px 12px 12px;display:block}.tab-row{color:#8b96b7;gap:1.5rem;margin:1rem 0 1.5rem;font-size:.95rem}.tab.active{color:#3b6fff;border-bottom:2px solid #7ab1ff;padding-bottom:.45rem}.slim-stat small,.marketing-stat span,.risk-row span{color:#8b96b7}.slim-stat strong,.marketing-stat strong{font-size:2rem}.marketing-stat{text-align:center;min-width:0}.risk-list{gap:1rem;display:grid}.risk-row{background:linear-gradient(#fff,#f8fbff);border:1px solid #edf3ff;border-radius:18px;justify-content:space-between;gap:1rem;padding:1rem 1.1rem}.risk-row b{font-size:2rem}.risk-row.high strong,.risk-row.high b{color:#ff7e8f}.risk-row.medium strong,.risk-row.medium b{color:#d3a348}.risk-row.low strong,.risk-row.low b{color:#41bdb3}.activity-list{gap:1rem;display:grid}.activity-row{align-items:flex-start;gap:.9rem;display:flex}.activity-row strong{color:#677396;margin-bottom:.2rem;font-size:.98rem;display:block}.activity-row span{color:#a3afc8;font-size:.9rem}.activity-icon{color:#7da5e9;background:#eef5ff;border-radius:999px;flex-shrink:0;place-items:center;width:1.8rem;height:1.8rem;display:inline-grid}.report-button{width:100%;margin-top:1.25rem}.setup-grid{grid-template-columns:1.15fr 1fr .45fr .45fr;align-items:stretch;gap:1rem;margin:2rem 0 3rem;display:grid}.setup-copy,.setup-form-card{min-width:0}.setup-checklist{gap:.85rem;display:grid}.setup-checklist h3{margin:0}.setup-checklist-list{color:var(--text);gap:.55rem;margin:0;padding-left:1.1rem;display:grid}.setup-highlights{color:#9db1d5;flex-wrap:wrap;gap:1rem;margin-top:1.25rem;display:flex}.setup-highlights span{align-items:center;gap:.45rem;display:inline-flex}.support-card{color:#fff;min-height:148px;box-shadow:var(--shadow);text-align:center;background:linear-gradient(135deg,#0c89ff,#1de0ff);border-radius:24px;place-items:center;padding:1.25rem;display:grid}.support-card strong{font-size:clamp(2rem,4vw,2.5rem)}.support-card span{color:#ffffffe6;font-size:1rem}.full-span{grid-column:1/-1}.setup-cta-row{grid-column:1/-1;justify-content:center;gap:1rem;padding-top:.25rem;display:flex}.marketing-footer{color:#fff;background:linear-gradient(#3551b0 0%,#283d93 100%);padding:3rem 0}.footer-grid{justify-content:space-between;align-items:flex-start}.footer-grid>div{gap:.6rem;min-width:0;display:grid}.footer-grid p,.footer-grid a{color:#ffffffc7}.footer-brand{color:#fff}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0f172a;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.skip-link-shell{top:-4rem}.nav-list{gap:.4rem;display:grid}.nav-link{color:#cbd5e1;border-radius:14px;align-items:center;gap:.75rem;padding:.8rem .95rem;display:flex}.nav-link:hover,.nav-link[aria-current=page]{color:#fff;background:#ffffff14}.breadcrumb-nav{margin-bottom:1rem}.breadcrumb-list{color:#475569;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-list li{align-items:center;gap:.5rem;display:inline-flex}.breadcrumb-list li+li:before{content:"/";color:#64748b}.breadcrumb-list [aria-current=page]{color:#0f172a;font-weight:700}.content{padding:1.5rem}.page-header,.panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}.input,.textarea{border:1px solid var(--border);background:#fff;border-radius:14px;width:100%;padding:.85rem 1rem}.input:focus,.textarea:focus{border-color:#84aefb;outline:none;box-shadow:0 0 0 4px #2563eb1f}.field{gap:.45rem;display:grid}.field-group{align-content:start;gap:.35rem;display:grid}.field span{color:#30405f;font-size:.92rem;font-weight:600}.form-grid>.field{min-width:0}.field-hint{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}.input[aria-invalid=true]{border-color:#dc2626;box-shadow:0 0 0 4px #dc26261f}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.72;transform:none}.textarea{resize:vertical;min-height:120px}.compact-form{gap:1rem;display:grid}.form-instructions,.table-summary{color:var(--muted);margin:0;line-height:1.5}.empty-state{background:linear-gradient(#fff,#f8fbff);border:1px dashed #bfd4ff;border-radius:18px;gap:.6rem;padding:1rem 1.1rem;display:grid}.empty-state strong{color:var(--text);font-size:1rem}.empty-state p{color:var(--muted);margin:0;line-height:1.5}.table-wrapper{overflow-x:auto}.table-wrapper-accessible{border-radius:18px}.table-wrapper-accessible:focus-visible{outline-offset:3px;outline:3px solid #2563eb59}.data-table{border-collapse:collapse;width:100%}.data-table caption{text-align:left;color:var(--text);padding:0 0 .85rem;font-weight:700}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--surface-alt);vertical-align:top;padding:.9rem}.data-table th{color:#0f172a;font-weight:700}.data-table tbody tr:focus-within,.data-table tbody tr:hover{background:#2563eb0d}.filter-toolbar{gap:.75rem;display:grid}.filter-toolbar-actions{justify-items:start;gap:.35rem;display:grid}.live-region-status{min-height:1.5rem}.data-table td strong,.user-card strong{display:block}.login-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card,.register-card{gap:1rem;display:grid}.login-card{width:min(100%,440px)}.register-page{background:radial-gradient(circle at 0 0,#4489ff33,#0000 30%),linear-gradient(#f6f9ff 0%,#eef6ff 100%);grid-template-columns:1fr minmax(320px,620px);align-items:center;gap:2rem;min-height:100vh;padding:2rem max(1.25rem,5vw);display:grid}.register-hero{max-width:620px}.register-hero h1{margin:0 0 1rem;font-size:clamp(2.4rem,5vw,4rem)}.register-card{width:100%}.error-text{color:var(--danger);margin:0;font-weight:600;line-height:1.45}.badge{color:#1d4ed8;background:#dbeafe;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.85rem;font-weight:700;display:inline-flex}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:960px){.marketing-links,.setup-cta-row,.marketing-actions,.footer-grid,.showcase-grid,.register-page{display:grid}.marketing-links{grid-auto-flow:row}.marketing-nav{flex-wrap:wrap;min-height:auto;padding:1rem 0}.showcase-grid,.register-page,.setup-grid{grid-template-columns:1fr}.hero-metrics-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{grid-template-columns:1fr}.sidebar{z-index:10;position:sticky;top:0}.grid.four-cols,.grid.three-cols,.grid.two-cols{grid-template-columns:1fr}}@media (max-width:640px){.marketing-nav,.hero-metrics-strip{display:grid}.hero-marketing h1{font-size:2.4rem}.chart-shell,.panel-actions,.setup-highlights{display:grid}.align-right{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}