.app-shell{grid-template-columns:280px 1fr;gap:20px;min-height:100vh;padding:20px;display:grid}.sidebar{flex-direction:column;min-height:calc(100vh - 40px);padding:20px;display:flex}.sidebar-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.sidebar-brand span,.user-chip span,.app-header p{color:var(--color-muted);font-size:13px;display:block}.sidebar-nav{gap:8px;display:grid}.sidebar-nav a{color:var(--color-muted);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-weight:600;display:flex}.sidebar-nav a.active{color:var(--color-primary);background:#1e3a5f14}.sidebar-footer{gap:12px;margin-top:auto;display:grid}.user-chip{align-items:center;gap:10px;display:flex}.app-main{grid-template-rows:auto 1fr;gap:20px;display:grid}.app-header,.app-content{padding:24px}.app-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.app-header h1{margin:0 0 4px;font-size:24px}@media (width<=960px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{gap:14px;width:min(480px,100%);padding:28px;display:grid}.auth-card-wide{width:min(860px,100%)}.auth-card h1{margin:0}.auth-card p{color:var(--color-muted);margin:0 0 8px}.auth-links{color:var(--color-primary-light);justify-content:space-between;gap:12px;display:flex}.register-steps{color:var(--color-text);margin:0 0 12px;padding-left:20px}.register-steps li{margin-bottom:8px}.checkbox-row{align-items:center;gap:10px;display:flex}.landing{--landing-navy:#091d35;--landing-blue:#175cd3;--landing-cyan:#22b8cf;--landing-ink:#102a43;background:radial-gradient(circle at 75% 2%,#22b8cf14,#0000 24rem),linear-gradient(#fff 0,#f7f9fc 46rem,#fff 100%);padding-bottom:40px;overflow:hidden}.landing-header,.hero,.landing-footer,.cta{justify-content:space-between;align-items:center;display:flex}.landing-header{border-bottom:1px solid #94a3b838;gap:32px;min-height:82px}.landing-brand,.landing-actions,.hero-actions,.trust-row,.cta-actions{align-items:center;display:flex}.landing-brand{gap:12px}.landing-brand .brand-mark{background:var(--landing-navy);border-radius:10px;width:40px;height:40px;box-shadow:0 8px 24px #091d352e}.landing-brand strong{color:var(--landing-navy);letter-spacing:-.01em;font-size:16px;display:block}.landing-brand span{color:#718096;margin-top:1px;font-size:12px;display:block}.landing-header nav{color:#52657a;gap:30px;font-size:14px;font-weight:600;display:flex}.landing-header nav a,.landing-login{transition:color .2s}.landing-header nav a:hover,.landing-login:hover{color:var(--landing-blue)}.landing-actions{white-space:nowrap;gap:18px}.landing-login{color:var(--landing-ink);font-size:14px;font-weight:650}.landing .btn{white-space:nowrap;border-radius:9px;padding:11px 17px;font-size:14px}.landing .btn-primary{background:var(--landing-blue);box-shadow:0 8px 22px #175cd333}.landing .btn-primary:hover{background:#124db3;box-shadow:0 12px 28px #175cd342}.landing .btn-large{min-height:52px;padding:14px 22px;font-size:15px}.hero{gap:clamp(40px,6vw,88px);min-height:620px;padding:68px 0 78px}.hero-copy{flex:0 540px}.hero-label{color:#36536f;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:24px;font-size:13px;font-weight:700;display:inline-flex}.status-dot{background:var(--landing-cyan);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #22b8cf1f}.hero h1{color:var(--landing-navy);letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(42px,5vw,68px);font-weight:720;line-height:1.02}.hero h1 span{color:var(--landing-blue)}.hero-text{color:#52657a;max-width:590px;margin:0 0 32px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:22px}.text-link{color:var(--landing-ink);text-underline-offset:5px;font-size:15px;font-weight:700;-webkit-text-decoration:underline #a9bdd0;text-decoration:underline #a9bdd0}.trust-row{color:#52657a;flex-wrap:wrap;gap:22px;margin-top:34px;font-size:13px;font-weight:600}.trust-row span{align-items:center;gap:7px;display:inline-flex}.trust-row svg{color:var(--landing-blue)}.hero-art{flex:560px;max-width:640px;position:relative}.hero-art:before{z-index:0;content:"";background:linear-gradient(145deg,#175cd31a,#22b8cf0a);border-radius:34px;position:absolute;inset:-20px -26px;transform:rotate(2deg)}.hero-art img{z-index:1;border:1px solid #75b4ff47;border-radius:24px;width:100%;display:block;position:relative;box-shadow:0 34px 70px #091d353d}.live-card,.secure-card{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #fff9;align-items:center;display:flex;position:absolute;box-shadow:0 16px 36px #091d3533}.live-card{border-radius:14px;gap:12px;min-width:238px;padding:14px;bottom:38px;right:-22px}.live-card-icon{color:#fff;background:var(--landing-blue);border-radius:10px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.live-card span,.workflow-time span{color:#718096;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.live-card strong,.workflow-time strong{color:var(--landing-ink);font-size:14px}.secure-card{color:#08745e;border-radius:10px;gap:7px;padding:10px 13px;font-size:13px;font-weight:700;top:32px;left:-20px}.metrics{border-top:1px solid #dbe5ef;border-bottom:1px solid #dbe5ef;grid-template-columns:repeat(3,1fr);display:grid}.metrics div{padding:26px 32px}.metrics div+div{border-left:1px solid #dbe5ef}.metrics strong,.metrics span{display:block}.metrics strong{color:var(--landing-navy);margin-bottom:4px;font-size:15px}.metrics span{color:#718096;font-size:13px}.section-heading{justify-content:space-between;align-items:end;gap:40px;padding-top:108px;padding-bottom:34px;display:flex}.eyebrow{color:var(--landing-blue);letter-spacing:.12em;text-transform:uppercase;margin-bottom:11px;font-size:12px;font-weight:800;display:block}.section-heading h2,.workflow-copy h2,.cta h2{color:var(--landing-navy);letter-spacing:-.035em;margin:0;font-size:clamp(30px,3vw,44px);line-height:1.1}.section-heading>p{color:#63778c;max-width:480px;margin:0;font-size:16px;line-height:1.6}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.feature-card{background:#fff;border:1px solid #dde6ef;border-radius:18px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 14px 40px #102a430f}.feature-card:hover{transform:translateY(-3px);box-shadow:0 20px 46px #102a431a}.feature-visual{background:linear-gradient(145deg,#f7faff,#edf4fb);border-bottom:1px solid #e3eaf2;overflow:hidden}.landing-visual{width:100%;height:auto;display:block}.feature-copy{padding:25px 26px 28px}.feature-card h3,.faq h3{color:var(--landing-navy);letter-spacing:-.015em;margin:0 0 10px;font-size:18px}.feature-card p,.workflow-list p,.faq p,.cta p{color:#63778c;line-height:1.6}.feature-card p{margin:0;font-size:14px}.workflow-section{grid-template-columns:minmax(340px,.82fr) minmax(500px,1.18fr);align-items:center;gap:70px;padding-top:120px;padding-bottom:98px;display:grid}.workflow-intro{color:#63778c;margin:18px 0 30px;line-height:1.6}.workflow-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.workflow-list li{align-items:flex-start;gap:16px;padding:0 0 25px;display:flex;position:relative}.workflow-list li:not(:last-child):after{content:"";background:#d7e2ed;width:1px;position:absolute;top:34px;bottom:0;left:16px}.workflow-num{z-index:1;width:34px;height:34px;color:var(--landing-blue);background:#fff;border:1px solid #bfd0e2;border-radius:50%;flex:0 0 34px;place-items:center;font-size:13px;font-weight:800;display:grid;position:relative}.workflow-list strong{color:var(--landing-ink);font-size:15px}.workflow-list p{margin:4px 0 0;font-size:13px}.workflow-art{position:relative}.workflow-art img{border-radius:22px;width:100%;display:block;box-shadow:0 30px 68px #091d3533}.workflow-time{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:12px;padding:13px 16px;display:flex;position:absolute;bottom:20px;right:22px;box-shadow:0 14px 30px #000f2338}.workflow-time>svg{color:var(--landing-blue)}.faq-heading{padding-top:30px}.faq{border-top:1px solid #dbe5ef;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.faq article{padding:32px 34px 36px 0}.faq article+article{border-left:1px solid #dbe5ef;padding-left:34px}.faq article>span{color:#9aafc3;margin-bottom:24px;font-size:12px;font-weight:800;display:block}.faq p{margin:0;font-size:14px}.faq p a{color:var(--landing-blue);text-underline-offset:3px;text-decoration:underline}.cta{color:#fff;background:radial-gradient(circle at 90% 0, #22b8cf3d, transparent 18rem), var(--landing-navy);border-radius:22px;gap:48px;margin-top:112px;padding:54px 58px;box-shadow:0 24px 60px #091d3533}.cta .eyebrow{color:#73d7e4}.cta h2{color:#fff;max-width:650px}.cta p{color:#b9c8d7;max-width:670px;margin:15px 0 0;font-size:15px}.cta-actions{flex-direction:column;flex:none;gap:13px}.landing .btn-light{color:var(--landing-navy);background:#fff;box-shadow:0 10px 28px #0003}.cta-login{color:#d6e1ec;text-align:center;white-space:nowrap;font-size:13px;font-weight:650}.landing-footer{color:#7f91a3;gap:20px;margin-top:40px;font-size:12px}@media (width<=1060px){.landing-header nav{display:none}.hero{gap:42px}.hero h1{font-size:clamp(40px,5vw,54px)}.workflow-section{grid-template-columns:.9fr 1.1fr;gap:38px}}@media (width<=860px){.hero,.section-heading,.workflow-section,.cta{flex-direction:column;grid-template-columns:1fr}.hero{align-items:stretch;padding-top:52px}.hero-copy{flex-basis:auto}.hero-art{flex-basis:auto;align-self:center}.metrics{grid-template-columns:1fr}.metrics div{padding:18px 0}.metrics div+div{border-top:1px solid #dbe5ef;border-left:none}.section-heading{align-items:flex-start;padding-top:80px}.features,.faq{grid-template-columns:1fr}.feature-card{grid-template-columns:minmax(220px,.8fr) 1fr;display:grid}.feature-visual{border-bottom:none;border-right:1px solid #e3eaf2}.workflow-section{padding-top:90px}.faq article,.faq article+article{border-bottom:1px solid #dbe5ef;border-left:none;padding:26px 0}.faq article>span{margin-bottom:12px}.cta{align-items:flex-start;padding:44px}.cta-actions{align-items:flex-start}}@media (width<=600px){.landing-header{min-height:70px}.landing-brand span,.landing-login{display:none}.landing-actions{gap:0}.landing-header .btn{padding:10px 13px}.landing-header .btn svg{display:none}.hero{min-height:auto;padding:42px 0 60px}.hero-label{font-size:11px}.hero h1{font-size:40px}.hero-text{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-art:before{inset:-10px}.hero-art img{border-radius:16px}.live-card{min-width:210px;bottom:-24px;right:10px}.secure-card{top:12px;left:10px}.trust-row{flex-direction:column;align-items:flex-start;gap:10px}.section-heading{padding-top:70px}.section-heading h2,.workflow-copy h2,.cta h2{font-size:32px}.feature-card{display:block}.feature-visual{border-bottom:1px solid #e3eaf2;border-right:none}.workflow-section{padding-top:76px;padding-bottom:66px}.workflow-time{margin:-18px 12px 0;position:relative;bottom:auto;right:auto}.cta{border-radius:18px;gap:32px;margin-top:72px;padding:36px 26px}.cta-actions,.cta-actions .btn{width:100%}.cta-login{align-self:center}.landing-footer{flex-direction:column;align-items:flex-start}}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stat-card{padding:20px}.stat-card span{color:var(--color-muted);margin-bottom:8px;display:block}.stat-card strong{font-size:32px}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}}:root{--color-bg:#f4f7fb;--color-surface:#fff;--color-primary:#1e3a5f;--color-primary-light:#2f5d94;--color-accent:#0ea5a4;--color-text:#1f2937;--color-muted:#64748b;--color-border:#dbe3ef;--color-success:#059669;--color-warning:#d97706;--color-danger:#dc2626;--color-winning:#fef3c7;--shadow-sm:0 1px 2px #0f172a14;--shadow-md:0 10px 30px #0f172a14;--radius:14px;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Segoe UI,Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:var(--color-bg);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.container{width:min(1200px,100% - 32px);margin:0 auto}.btn{border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.input,.select,.textarea{border:1px solid var(--color-border);background:#fff;border-radius:10px;width:100%;padding:12px 14px}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-accent);outline:2px solid #0ea5a440}.label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.form-grid{gap:16px;display:grid}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=768px){.form-grid-2{grid-template-columns:1fr}}.badge{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-success{color:var(--color-success);background:#0596691f}.badge-warning{color:var(--color-warning);background:#d977061f}.badge-danger{color:var(--color-danger);background:#dc26261f}.badge-info{color:var(--color-primary-light);background:#2f5d941f}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius);overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;padding:12px 14px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);background:#f8fafc;font-size:13px;position:sticky;top:0}tr.winning{background:var(--color-winning)}.page-title{margin:0 0 8px;font-size:28px}.page-subtitle{color:var(--color-muted);margin:0 0 24px}.alert{border-radius:10px;margin-bottom:16px;padding:12px 14px}.alert-error{color:var(--color-danger);background:#dc262614}.alert-success{color:var(--color-success);background:#05966914}