html,body,#root{height:100%;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wizard-wrap{margin-top:18px;margin-bottom:18px}.wizard-card{border-radius:16px;border:1px solid var(--border);background:var(--surface);padding:18px;box-shadow:var(--shadow-md)}.wizard-badge{display:inline-block;font-size:12px;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);margin-bottom:10px}.wizard-title{margin:0;font-size:22px;font-weight:700;color:var(--text)}.wizard-subtitle{margin:8px 0 14px;color:var(--text-secondary);max-width:900px}.wizard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.wizard-step{display:flex;gap:10px;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2)}.wizard-step .dot{width:10px;height:10px;border-radius:999px;background:var(--text-muted);margin-top:4px}.wizard-step.active{border-color:var(--accent);background:var(--accent-soft)}.wizard-step.active .dot{background:var(--accent)}.wizard-step .label{font-size:11px;color:var(--text-muted);margin-bottom:2px}.wizard-step .text{font-size:13px;color:var(--text-secondary)}.wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.btn-primary{background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer}.btn-primary:hover{background:var(--accent-hover)}.wizard-progress{min-width:260px;flex:1;display:grid;gap:6px}.wizard-progress .pct{font-weight:700;color:var(--text)}.wizard-progress .bar{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.wizard-progress .fill{height:100%;background:var(--accent)}.wizard-progress .hint{font-size:12px;color:var(--text-muted)}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,input:focus,input:focus-visible,input:focus-within,input:-webkit-autofill,textarea,textarea:focus,textarea:focus-visible,select,select:focus,select:focus-visible{outline:0!important;outline-width:0!important;outline-style:none!important;outline-color:transparent!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}button{background:transparent;border:none;color:inherit;font-family:inherit}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px}[data-theme=dark] select option{background:#1a1f2e;color:#e5e7eb}[data-theme=light] select option{background:#fff;color:#0f172a}:root,[data-theme=light]{--bg: #ffffff;--bg-elevated: #ffffff;--bg-sunken: #fafafa;--surface: #ffffff;--surface-2: #fafafa;--surface-3: #f5f5f5;--surface-hover: #fafafa;--surface-active: #f5f5f5;--border: #e8e8e8;--border-strong: #c0c0c0;--border-subtle: #e8e8e8;--border-focus: #a3a3a3;--card-border: #d0d0d0;--text: #111111;--text-secondary: #222222;--text-muted: #444444;--text-disabled: #888888;--text-inverse: #ffffff;--heading: #111111;--accent: #4b7bec;--accent-hover: #3867d6;--accent-soft: #eff6ff;--accent-text: #1e40af;--success: #16a34a;--success-soft: #f0fdf4;--success-text: #166534;--warning: #ea580c;--warning-soft: #fff7ed;--warning-text: #333333;--danger: #dc2626;--danger-soft: #fef2f2;--danger-text: #b91c1c;--info: #0284c7;--info-soft: #f0f9ff;--info-text: #0369a1;--guidance-bg: #ffffff;--guidance-border: #d0d0d0;--guidance-text: #333333;--hero-bg: #ffffff;--hero-border: #d0d0d0;--next-bg: #f0f7ff;--next-bg-hover: #e8f2ff;--next-border: #bfdbfe;--card-shadow: 0 4px 20px rgba(0, 0, 0, .06);--ring-bg: #f0f0f0;--success-badge-bg: rgba(34, 197, 94, .1);--warning-badge-bg: rgba(245, 158, 11, .1);--danger-badge-bg: rgba(239, 68, 68, .1);--muted-badge-bg: rgba(107, 114, 128, .1);--next-card-bg: rgba(59, 130, 246, .06);--next-card-bg-hover: rgba(59, 130, 246, .1);--next-card-border: rgba(59, 130, 246, .15);--role-admin: #333333;--role-admin-soft: #f5f5f5;--role-user: #2563eb;--role-user-soft: #eff6ff;--role-auditor: #333333;--role-auditor-soft: #f5f5f5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .05);--shadow-xl: 0 8px 16px rgba(0, 0, 0, .06);--card-outer-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--overlay: rgba(0, 0, 0, .4);--overlay-heavy: rgba(0, 0, 0, .6);--input-bg: #ffffff;--input-border: #d0d0d0;--input-focus-ring: rgba(156, 163, 175, .2);--input-focus-border: #9ca3af;--dropdown-bg: #ffffff;--scrollbar-track: #f5f5f5;--scrollbar-thumb: #d4d4d4;--scrollbar-thumb-hover: #a3a3a3;color-scheme:light}[data-theme=dark]{--bg: #0a0f1a;--bg-elevated: #0a0f1a;--bg-sunken: #030712;--surface: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .05);--surface-3: rgba(255, 255, 255, .07);--surface-hover: rgba(255, 255, 255, .08);--surface-active: rgba(255, 255, 255, .12);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--border-subtle: rgba(255, 255, 255, .06);--border-focus: rgba(255, 255, 255, .3);--card-border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .72);--text-muted: rgba(255, 255, 255, .55);--text-disabled: rgba(255, 255, 255, .35);--text-inverse: #0f172a;--heading: rgba(255, 255, 255, .95);--accent: #3b82f6;--accent-hover: #60a5fa;--accent-soft: rgba(59, 130, 246, .18);--accent-text: #93c5fd;--success: #22c55e;--success-soft: rgba(34, 197, 94, .16);--success-text: #86efac;--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .14);--warning-text: #fcd34d;--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .14);--danger-text: #fca5a5;--info: #0ea5e9;--info-soft: rgba(14, 165, 233, .14);--info-text: #7dd3fc;--guidance-bg: rgba(255, 255, 255, .04);--guidance-border: rgba(255, 255, 255, .12);--guidance-text: var(--warning);--hero-bg: rgba(255, 255, 255, .03);--hero-border: rgba(255, 255, 255, .1);--next-bg: rgba(59, 130, 246, .12);--next-bg-hover: rgba(59, 130, 246, .18);--next-border: rgba(59, 130, 246, .3);--card-shadow: 0 4px 20px rgba(0, 0, 0, .3);--ring-bg: rgba(255, 255, 255, .1);--success-badge-bg: rgba(34, 197, 94, .15);--warning-badge-bg: rgba(245, 158, 11, .15);--danger-badge-bg: rgba(239, 68, 68, .15);--muted-badge-bg: rgba(107, 114, 128, .15);--next-card-bg: rgba(59, 130, 246, .08);--next-card-bg-hover: rgba(59, 130, 246, .14);--next-card-border: rgba(59, 130, 246, .2);--role-admin: #f59e0b;--role-admin-soft: rgba(245, 158, 11, .14);--role-user: #3b82f6;--role-user-soft: rgba(59, 130, 246, .18);--role-auditor: #a855f7;--role-auditor-soft: rgba(168, 85, 247, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4);--card-outer-shadow: none;--overlay: rgba(0, 0, 0, .5);--overlay-heavy: rgba(0, 0, 0, .75);--input-bg: rgba(255, 255, 255, .04);--input-border: rgba(255, 255, 255, .12);--input-focus-ring: rgba(59, 130, 246, .25);--input-focus-border: rgba(255, 255, 255, .3);--dropdown-bg: rgba(8, 12, 24, .98);--scrollbar-track: rgba(255, 255, 255, .03);--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .25);color-scheme:dark}html,body{background:var(--bg);color:var(--text);transition:background-color .2s ease,color .2s ease}body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea{background:var(--input-bg)!important;color:var(--text)!important;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus{box-shadow:none!important;outline:none!important}select{background:var(--input-bg)!important;color:var(--text)!important}select:focus{box-shadow:none!important;outline:none!important}input:focus,input:focus-visible,input:focus-within,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible,div:focus,div:focus-visible,*:focus{outline:0!important;outline-width:0!important;box-shadow:none!important;-webkit-box-shadow:none!important}input:focus,input:focus-visible,textarea:focus,select:focus{outline:0!important;outline-style:none!important;-webkit-appearance:none}input[type=text]:focus,input[type=search]:focus{border-color:inherit!important}input::placeholder,textarea::placeholder{color:var(--text-muted)}button{color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.fc-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--card-outer-shadow)}.fc-card-strong{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:16px}.fc-card-elevated{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-md)}.fc-btn-primary{background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:12px;font-weight:600;transition:background .15s,transform .1s}.fc-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.fc-btn-primary:active:not(:disabled){transform:scale(.98)}.fc-btn-secondary{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:12px;font-weight:600;transition:background .15s}.fc-btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.fc-btn-ghost{background:transparent;border:1px solid transparent;color:var(--text-secondary);border-radius:12px;font-weight:500;transition:background .15s,color .15s}.fc-btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.fc-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;font-weight:600;font-size:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.fc-pill-admin{background:var(--role-admin-soft);border-color:var(--role-admin);color:var(--role-admin)}.fc-pill-user{background:var(--role-user-soft);border-color:var(--role-user);color:var(--role-user)}.fc-pill-auditor{background:var(--role-auditor-soft);border-color:var(--role-auditor);color:var(--role-auditor)}.fc-pill-success{background:var(--success-soft);border-color:var(--success);color:var(--success)}.fc-pill-warning{background:var(--warning-soft);border-color:var(--warning);color:var(--warning)}.fc-pill-danger{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.fc-page{min-height:100vh;background:var(--bg);display:flex}.fc-sidebar{background:var(--bg-elevated);border-right:1px solid var(--border)}.fc-content{flex:1;background:var(--bg);color:var(--text);padding:24px 28px}.fc-modal-overlay{position:fixed;inset:0;z-index:9999;overflow-y:auto;padding:24px 16px;background:var(--overlay-heavy);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fc-modal-card{width:min(900px,96vw);margin:0 auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-xl);overflow:hidden;max-height:calc(100vh - 48px)}.fc-modal-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.fc-modal-body{padding:0 16px 16px;overflow-y:auto;max-height:calc(100vh - 150px)}.text-primary{color:var(--text)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.bg-surface{background:var(--surface)}.bg-surface-2{background:var(--surface-2)}.bg-elevated{background:var(--bg-elevated)}.bg-accent-soft{background:var(--accent-soft)}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning *:before,html.theme-transitioning *:after{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease!important}.landing-nav{position:sticky;top:0;z-index:100;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);transition:all .3s}.landing-nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;max-width:1200px;margin:0 auto}.landing-nav-links{display:flex;align-items:center;gap:32px}.landing-nav-links a{color:var(--text-muted);text-decoration:none;font-size:16px;font-weight:500}.landing-nav-auth{display:flex;gap:12px;align-items:center}.btn-theme-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .2s}.btn-signin{padding:10px 18px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:16px;font-weight:500;white-space:nowrap}.btn-get-started{padding:10px 20px;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;white-space:nowrap}.btn-hero-primary{padding:18px 36px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.btn-hero-secondary{padding:18px 32px;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-cta{padding:18px 44px;background:var(--accent);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.btn-auth-submit{width:100%;max-width:200px;margin:0 auto;display:block;padding:14px 20px;border-radius:10px;border:none;background:#3b82f6;color:#fff;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-auth-submit:disabled{cursor:not-allowed;opacity:.7}.btn-pricing{width:100%;padding:14px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap}@media(max-width:1023px){.landing-nav-inner{padding:16px 24px}.landing-nav-links{gap:20px}.landing-nav-links a{font-size:14px}.btn-signin,.btn-get-started{font-size:14px;padding:8px 14px}.landing-pricing-grid{grid-template-columns:repeat(2,1fr)!important;max-width:700px;margin:0 auto}.landing-solution-grid{grid-template-columns:repeat(2,1fr)!important}.landing-steps-grid{grid-template-columns:repeat(2,1fr)!important;gap:32px 24px!important}.landing-steps-line{display:none}.landing-features-grid{grid-template-columns:1fr!important;gap:32px!important}}@media(max-width:767px){.landing-nav-links{display:none}.landing-nav-inner{padding:12px 16px}.btn-signin{font-size:13px;padding:8px 12px}.btn-get-started{font-size:13px;padding:8px 14px}.btn-theme-toggle{width:34px;height:34px}.btn-hero-primary{padding:14px 24px;font-size:15px;gap:8px}.btn-hero-secondary{padding:14px 20px;font-size:15px}.btn-cta{padding:14px 28px;font-size:15px}.btn-auth-submit{font-size:14px;padding:12px 18px}.btn-pricing{font-size:14px;padding:12px 20px}.landing-hero{padding:60px 16px!important}.landing-hero-buttons{flex-direction:column;gap:12px!important;width:100%}.landing-hero-buttons button{width:100%;justify-content:center}.landing-pain-grid{grid-template-columns:1fr!important;gap:12px!important}.landing-solution-grid{grid-template-columns:1fr!important;gap:20px!important}.landing-pricing-grid{grid-template-columns:1fr!important;gap:20px!important;max-width:400px;margin:0 auto}.landing-steps-grid{grid-template-columns:1fr!important;gap:32px!important}.landing-auditor-grid{grid-template-columns:1fr!important;gap:12px!important}.landing-fit-grid{grid-template-columns:1fr!important;gap:16px!important}}@media(max-width:479px){.landing-nav-auth{gap:8px}.btn-signin{font-size:12px;padding:7px 10px}.btn-get-started{font-size:12px;padding:7px 12px}.btn-theme-toggle{width:32px;height:32px}.btn-hero-primary,.btn-hero-secondary{padding:12px 18px;font-size:14px}.btn-cta{padding:12px 22px;font-size:14px}.auth-container{padding:16px!important}.auth-card{border-radius:12px!important}.auth-header{padding:24px 20px 20px!important}.auth-form{padding:24px 20px!important}}.landing-logo{display:flex;align-items:center;gap:6px}.landing-logo-text{font-size:20px;font-weight:700;letter-spacing:-.5px}@media(max-width:479px){.landing-logo-text{font-size:17px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.min-h-screen{min-height:100vh}.p-4{padding:1rem}.pt-8{padding-top:2rem}.pb-8{padding-bottom:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.shadow-lg{box-shadow:var(--shadow-lg)}.w-full{width:100%}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-12{width:3rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-12{height:3rem}.flex{display:flex}.flex-1{flex:1 1 0%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.block{display:block}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s}button:disabled{cursor:not-allowed;opacity:.5}label.flex{cursor:pointer;transition:background-color .2s}label.flex:hover{background-color:var(--surface-hover)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.flex-col{flex-direction:column}.py-12{padding-top:3rem;padding-bottom:3rem}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.text-xs{font-size:.75rem;line-height:1rem}