:root{--bg:#f7f8fb;--surface:#fff;--surface-muted:#f8fafc;--surface-dark:#0b1324;--text:#0f172a;--muted:#64748b;--primary:#2563eb;--primary-strong:#1d4ed8;--border:#e2e8f0;--ring:rgba(37,99,235,.28);--success:#16a34a;--warning:#d97706;--danger:#dc2626;--shadow-sm:0 6px 18px rgba(15,23,42,.06);--shadow-md:0 20px 40px rgba(15,23,42,.08);--radius:16px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 0 0,#eef4ff 0,#f7f8fb 45%)}a{color:inherit;text-decoration:none}h1{font-size:clamp(1.8rem,3vw,2.35rem);margin:0 0 .5rem;line-height:1.1}h1,h2{letter-spacing:-.02em}h2{margin:0 0 .45rem;font-size:clamp(1.25rem,2vw,1.7rem)}h3{margin:0 0 .35rem;font-size:1rem}p{margin:0}.muted{color:var(--muted)}.text-right{text-align:right}.grid{display:grid;grid-gap:1rem;gap:1rem}.two-col{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.row-between{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.card,.subcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm)}.subcard{background:var(--surface-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--border);border-radius:12px;padding:.65rem .95rem;font-size:.92rem;font-weight:600;background:var(--surface);color:var(--text);transition:.18s ease;cursor:pointer}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;border-color:transparent}.btn-secondary{background:#eef2ff;border-color:#dbe3ff;color:#1e3a8a}.btn-ghost{background:transparent}.btn-lg{padding:.85rem 1.1rem}.btn-sm{padding:.5rem .75rem;font-size:.82rem}.btn-block{width:100%}input,select,textarea{width:100%;border:1px solid var(--border);background:#fff;border-radius:12px;padding:.7rem .8rem;color:var(--text);font:inherit}textarea{resize:vertical;min-height:100px}.readonly{background:#f8fafc;color:#64748b}.field{display:grid;grid-gap:.45rem;gap:.45rem}.field>label,.field>span,label{font-size:.82rem;font-weight:600;color:#334155}.helper,small.helper{color:#64748b;font-size:.75rem;line-height:1.4}.badge{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:.2rem .65rem;font-size:.72rem;font-weight:600;background:#f8fafc}.badge.ok{color:#166534;border-color:#bbf7d0;background:#f0fdf4}.badge.warn{color:#92400e;border-color:#fde68a;background:#fffbeb}.table-container{margin-top:1rem;border:1px solid var(--border);border-radius:14px;overflow:hidden}.table{width:100%;border-collapse:collapse;background:#fff}.table td,.table th{border-bottom:1px solid var(--border);text-align:left;padding:.75rem .8rem;font-size:.88rem}.table th{background:#f8fafc;font-size:.75rem;color:#475569;text-transform:uppercase;letter-spacing:.04em}.table tr:last-child td{border-bottom:0}.eyebrow-pill,.section-kicker{display:inline-flex;border:1px solid #dbe3ff;background:#eef2ff;color:#1e3a8a;border-radius:999px;padding:.28rem .7rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.8rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}.status-banner{display:inline-flex;align-items:center;gap:.45rem;border-radius:12px;border:1px solid;padding:.65rem .8rem;margin-bottom:1rem;font-size:.88rem}.status-banner.success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.status-banner.error{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.empty-state{border:1px dashed #cbd5e1;border-radius:14px;padding:2rem 1rem;color:#64748b;display:flex;justify-content:center;align-items:center;gap:.5rem;text-align:center}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.app-sidebar{border-right:1px solid var(--border);background:#ffffffd4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.1rem .9rem;display:flex;flex-direction:column;gap:1rem}.sidebar-brand{display:flex;gap:.65rem;align-items:center;padding:.4rem}.brand-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),#4338ca)}.brand-title{font-weight:800;line-height:1}.brand-subtitle{color:var(--muted);font-size:.7rem;margin-top:.2rem}.sidebar-nav{display:grid;grid-gap:.25rem;gap:.25rem}.sidebar-link{display:flex;align-items:center;gap:.55rem;border-radius:10px;padding:.62rem .68rem;color:#334155;font-size:.89rem;font-weight:600;transition:.15s ease}.sidebar-link:hover{background:#eef2ff;color:#1e3a8a}.sidebar-link.active{background:linear-gradient(90deg,#e0e7ff,#eff6ff);color:#1e3a8a;border:1px solid #c7d2fe}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding-top:.8rem;display:grid;grid-gap:.6rem;gap:.6rem}.user-mini-card{display:flex;align-items:center;gap:.6rem}.avatar-pill{width:28px;height:28px;border-radius:50%;background:#e2e8f0;color:#1e293b;font-weight:700;display:grid;place-items:center;font-size:.75rem}.user-email{font-size:.78rem;font-weight:700;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:.67rem;color:#64748b;text-transform:uppercase}.app-main{padding:1.6rem}.app-main-inner,.landing-page{max-width:1180px;margin:0 auto}.landing-page{padding:2.2rem 1.25rem 3rem;display:grid;grid-gap:1.15rem;gap:1.15rem}.hero-surface{border-radius:24px;border:1px solid #dbe5ff;background:linear-gradient(120deg,#0f172a,#1e293b 45%,#111827);color:#f8fafc;padding:clamp(1.2rem,3vw,2.2rem);display:grid;grid-template-columns:1.15fr 1fr;grid-gap:1.2rem;gap:1.2rem}.hero-heading{color:#fff;font-size:clamp(2rem,5vw,3rem);max-width:15ch}.hero-lead{color:#cbd5e1;max-width:58ch;line-height:1.5}.hero-actions{gap:.6rem}.chip-row,.hero-actions{margin-top:1rem;display:flex;flex-wrap:wrap}.chip-row{gap:.45rem}.chip{border:1px solid #334155;background:rgba(15,23,42,.8);border-radius:999px;padding:.26rem .56rem;font-size:.72rem;color:#bfdbfe}.hero-visual{position:relative;min-height:320px;display:flex;align-items:stretch}.hero-image-wrapper{flex:1 1;position:relative;border-radius:18px;overflow:hidden;border:1px solid hsla(0,0%,100%,.18);box-shadow:var(--shadow-md)}.hero-image{object-fit:cover;object-position:center;opacity:.8}.hero-dashboard-card{margin-top:1.5rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);border-radius:18px;padding:1.2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;grid-gap:.8rem;gap:.8rem}.card-title{font-size:.78rem;color:#cbd5e1}.hero-metrics{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.7rem;gap:.7rem}.metric-label{color:#cbd5e1;font-size:.74rem}.metric-value{font-size:1.4rem;font-weight:800;color:#fff}.activity-item-lite{display:flex;gap:.4rem;color:#dbeafe}.activity-item-lite,.floating-note{font-size:.76rem;align-items:center}.floating-note{position:absolute;right:-10px;bottom:-14px;background:#fff;color:#1e3a8a;border-radius:999px;border:1px solid #c7d2fe;padding:.4rem .75rem;display:inline-flex;gap:.3rem}.split-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;align-items:center;padding:1rem 0}.split-section.reverse .illustration-card{order:2}.illustration-card{min-height:260px;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow-md);overflow:hidden;background:#fff}.section-image{width:100%;height:100%;min-height:260px;object-fit:cover;object-position:center;display:block}.benefits-section{background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.2rem}.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.benefit-card{border:1px solid var(--border);border-radius:14px;padding:.95rem;background:#fbfdff;transition:.18s ease}.benefit-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.how-section{border:1px solid var(--border);border-radius:20px;background:#fff;padding:1.2rem}.steps-grid{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.steps-grid article{border:1px solid var(--border);border-radius:14px;padding:.95rem;background:#fafcff}.steps-grid span{display:inline-flex;width:24px;height:24px;border-radius:50%;background:#dbeafe;color:#1d4ed8;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;margin-bottom:.5rem}.steps-grid p{color:var(--muted);font-size:.86rem}.final-cta{border-radius:20px;background:linear-gradient(115deg,#1e3a8a,#2563eb);color:#fff;padding:1.4rem;text-align:center;display:grid;justify-items:center;grid-gap:.55rem;gap:.55rem}.final-cta h2{margin:0;color:#fff;max-width:24ch}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.metric-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1rem;box-shadow:var(--shadow-sm)}.metric-card p{color:#64748b;font-size:.8rem}.metric-card h3{font-size:1.65rem;margin:.5rem 0 .35rem}.metric-card span{color:#64748b;font-size:.76rem}.dashboard-grid{display:grid;grid-template-columns:1.8fr 1fr;grid-gap:1rem;gap:1rem}.activity-card,.onboarding-panel,.table-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1rem;box-shadow:var(--shadow-sm)}.activity-card ul{margin:.9rem 0;padding:0;list-style:none;display:grid;grid-gap:.6rem;gap:.6rem}.activity-card li{display:flex;gap:.4rem;color:#334155;font-size:.86rem}.dot{width:8px;height:8px;border-radius:50%;background:#2563eb;margin-top:.35rem}.onboarding-panel{text-align:center;display:grid;grid-gap:.9rem;gap:.9rem}.onboarding-panel>svg{margin:0 auto;color:#2563eb}.knowledge-grid{grid-template-columns:1.7fr 1fr}.knowledge-grid,.side-stack{display:grid;grid-gap:1rem;gap:1rem}.dropzone-premium{margin-top:1rem;border:1.5px dashed #93c5fd;border-radius:14px;background:linear-gradient(180deg,#f8fbff,#eff6ff);min-height:140px;display:grid;align-content:center;justify-items:center;text-align:center;grid-gap:.35rem;gap:.35rem;color:#1e3a8a;cursor:pointer}.dropzone-premium span{font-size:.74rem;color:#475569}.hidden-input{position:absolute;width:1px;height:1px;opacity:0}.upload-btn{position:relative;overflow:hidden}.file-cell{gap:.35rem}.file-cell,.status-inline{display:inline-flex;align-items:center}.status-inline{gap:.25rem;text-transform:capitalize;font-size:.8rem}.tip-card ul{margin:.7rem 0 0;padding-left:1.1rem;color:#475569;display:grid;grid-gap:.45rem;gap:.45rem}.btn-icon{border:0;background:transparent;cursor:pointer;color:#64748b;border-radius:8px;padding:.25rem}.btn-icon:hover{background:#f1f5f9}.settings-card,.settings-stack{display:grid;grid-gap:.9rem;gap:.9rem}.section-title{display:flex;align-items:center;gap:.45rem}.input-grid{display:grid;grid-gap:.75rem;gap:.75rem}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.fade-in-up{animation:fadeInUp .45s ease both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{max-width:1200px;margin:0 auto;padding:24px}.progress{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#38bdf8)}.wizard-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);display:grid;place-items:center;z-index:60;padding:16px}.wizard{width:min(900px,100%);max-height:92vh;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;display:grid;grid-gap:12px;gap:12px}.wizard-actions{display:flex;justify-content:space-between;gap:12px}.hint-wrapper{position:relative;display:inline-flex}.hint-button{width:21px;height:21px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;padding:0;display:inline-grid;place-items:center}.hint-popover{position:absolute;top:26px;right:0;z-index:30;width:240px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:9px;color:#334155;box-shadow:var(--shadow-md)}@media (max-width:1100px){.benefits-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3,.dashboard-grid,.hero-surface,.knowledge-grid,.split-section{grid-template-columns:1fr}.app-shell{grid-template-columns:78px 1fr}.brand-subtitle,.btn-ghost span,.sidebar-link span,.user-mini-card div{display:none}}@media (max-width:720px){.app-shell,.app-sidebar{grid-template-columns:1fr}.app-sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:grid}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-link{justify-content:center}.sidebar-footer{display:none}.benefits-grid,.cols-2,.stats-grid,.steps-grid{grid-template-columns:1fr}}