*{box-sizing:border-box;font-family:sans-serif!important}html,body{height:100%;margin:0;padding:0;box-sizing:border-box;width:100vw;overflow-x:hidden}.auth-wrapper{min-height:100vh;height:100vh;overflow-y:auto;overflow-x:hidden;background-color:transparent;background-image:radial-gradient(#d8daf0 1px,transparent 1px);background-size:20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;padding:20px}.brand{position:fixed;top:24px;left:26px;font-weight:700;font-size:18px;color:#111;z-index:9999}.signup-wrapper{width:100vw;min-height:100vh;overflow-y:auto;overflow-x:hidden}.brand img{height:28px;width:auto;display:block}.auth-card{width:644px;background:#fff;border-radius:12px;padding:32px;margin-top:96px;margin-bottom:40px;box-shadow:0 0 2px #1414141a,0 6px 6px var(--bg-surface-secondary)}.auth-card-signup{width:644px;background:#fff;border-radius:12px;padding:32px;margin-top:96px;flex-shrink:0;margin-bottom:40px;box-shadow:0 0 2px #1414141a,0 6px 6px var(--bg-surface-secondary)}.auth-card h2{margin:0 0 8px;font-size:20px;font-weight:600;font-family:sans-serif;color:var(--text-primary)}.auth-card .subtitle{color:var(--text-secondary);font-size:14px;font-weight:400;margin:0 0 24px}.auth-card-signup h2{margin:0 0 8px;font-size:24px;font-weight:600;font-family:sans-serif;color:var(--text-primary)}.subtitle{color:#6b7280;font-size:14px;margin:0 0 24px}.form-group{margin-bottom:16px}.form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group label span{color:#ef4444}.form-group input{width:100%;height:44px;padding:0 14px;border-radius:8px;border:1px solid #d1d5db;font-size:14px;color:var(--text-primary);background:#fff;outline:none;transition:border-color .15s}.form-group input::placeholder{color:#9ca3af}.form-group input:focus{border-color:#2b4eff}.form-group input:disabled{background:#f9fafb;cursor:not-allowed}.input-error{border-color:#dc2626!important}.field-error{font-size:13px;color:#dc2626;margin:4px 0 0;font-weight:500;letter-spacing:.25px}.auth-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.auth-subtitle{font-size:14px;color:#6b7280;font-weight:400;margin:0 0 24px;letter-spacing:.25px}.auth-footer{text-align:center;font-size:14px;color:#6b7280;margin-top:24px}.auth-link{color:#2b4eff;text-decoration:none;font-weight:500;cursor:pointer}.auth-link:hover{text-decoration:underline}.form-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.checkbox{font-size:14px;color:#374151;display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#2b4eff}.link{font-size:14px;font-weight:500;color:#2b4eff;text-decoration:none}.link:hover{text-decoration:underline}.btn-primary{width:100%;height:44px;border-radius:8px;border:none;background:#2b4eff;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:16px;transition:background .15s}.btn-primary:hover{background:#1e3fe0}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-google{width:100%;height:44px;border-radius:8px;border:1px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:border-color .15s,background .15s;text-decoration:none;margin-bottom:12px}.btn-google:hover{border-color:#9ca3af;background:#f9fafb}.btn-google:disabled{opacity:.7;cursor:not-allowed}.footer-text{text-align:center;font-size:14px;color:#6b7280;margin-top:12px;margin-bottom:0}.footer-text a,.footer-text .link{color:#2b4eff;font-weight:600;text-decoration:none}.auth-card-signup .subtitle{color:#6b7280;font-size:14px;margin:0 0 24px}.auth-card-signup .form-group{margin-bottom:16px}.auth-card-signup .form-group:last-of-type{margin-bottom:24px}.auth-card-signup .form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.auth-card-signup .form-group label span{color:#ef4444}.auth-card-signup .form-group input{width:100%;height:44px;padding:0 14px;border-radius:8px;border:1px solid #d1d5db;font-size:14px;color:var(--text-primary);background:#fff;outline:none;transition:border-color .15s}.auth-card-signup .form-group input::placeholder{color:#9ca3af}.auth-card-signup .form-group input:focus{border-color:#2b4eff}.auth-card-signup .form-group input:disabled{background:#f9fafb;cursor:not-allowed}.auth-card-signup .form-row{display:flex;justify-content:flex-start;align-items:flex-start;gap:16px;margin-bottom:16px}.auth-card-signup .form-row>div{width:282px;flex:0 0 282px}.auth-card-signup .form-row .form-group{margin-bottom:0}.auth-card-signup .form-group input,.auth-card-signup .btn-primary,.auth-card-signup .btn-google{height:44px}.form-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:700px){.auth-card-signup .form-row{flex-direction:column;gap:0}.auth-card-signup .form-row>div{width:100%;flex:1 1 auto}}.otp-box{display:flex;gap:16px;justify-content:center;margin:24px 0 16px}.otp-input{width:60px;height:60px;font-size:24px;font-weight:700;text-align:center;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:var(--text-primary);outline:none;transition:border-color .15s}.otp-input:focus{border-color:#2b4eff;border-width:2px}.otp-input.filled{border-color:#d1d5db}.verify-email-card{padding:32px}.verify-email-card .verify-title{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--text-primary)}.verify-email-card .verify-description{margin:0 0 24px;font-size:18px;font-weight:400;color:var(--text-secondary);line-height:24px}.verify-email-card .otp-box{margin:0 0 16px;gap:12px}.verify-email-card .otp-input{width:calc((100% - 60px) / 6);max-width:90px;min-width:70px;height:60px;font-size:26px;font-weight:600;padding:16px;line-height:125%}.verify-email-card .verify-timer{margin:0 0 32px;text-align:center}.verify-email-card .verify-resend-button{border:none;background:transparent;font-size:14px;font-weight:400;color:#1d4ed8;cursor:pointer;padding:0}.verify-email-card .verify-resend-button:disabled{opacity:1;cursor:default}.verify-email-card .verify-btn{width:100%;height:44px;font-size:14px;font-weight:500;margin-bottom:16px}.verify-email-card .verify-footer-text{margin:0;font-size:14px;font-weight:400;color:#6b7280;text-align:center}@media(max-width:700px){.verify-email-card .verify-description{font-size:16px}.verify-email-card .otp-box{flex-wrap:wrap;justify-content:center}.verify-email-card .otp-input{width:48px;min-width:48px;max-width:48px}}.onboarding-wrapper{align-items:center;padding-top:96px}.onboarding-card{width:644px;padding:32px;margin:0 0 40px}.onboarding-title{margin:0 0 8px;font-size:20px;font-weight:600;letter-spacing:1px;color:var(--text-primary)}.onboarding-subtitle{margin:0 0 24px;font-size:14px;font-weight:400;letter-spacing:1px;line-height:18px;color:var(--text-secondary)}.onboarding-section-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.onboarding-card .form-group{margin-bottom:16px}.onboarding-card .form-group:last-of-type{margin-bottom:24px}.onboarding-card .form-group label{font-size:14px;font-weight:400;color:var(--text-primary)}.onboarding-card .form-group input,.onboarding-card .form-group select{height:44px}.onboarding-select-wrap{position:relative}.onboarding-select{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:0 40px 0 14px;font-size:14px;font-weight:400;color:#a8a8af;background:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none}.onboarding-select-wrap:after{content:"";position:absolute;right:14px;top:50%;width:10px;height:6px;transform:translateY(-50%);pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239CA3AF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:10px 6px}.onboarding-input-error{border-color:#dc2626!important}.onboarding-field-error{margin:6px 0 0;font-size:12px;color:#dc2626;line-height:1.2}.onboarding-phone-wrapper{display:flex;gap:0;align-items:stretch;height:44px;border:1px solid #d1d5db;border-radius:12px;background:#fff;overflow:hidden}.onboarding-country-group{display:flex;align-items:center;height:100%;border-right:1px solid #e5e7eb}.onboarding-flag-select-wrap{position:relative;width:72px;flex:0 0 72px;height:100%;background:transparent;display:flex;align-items:center;justify-content:center}.onboarding-country-select{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:none;background:transparent;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;outline:none}.onboarding-flag-image{width:30px;height:20px;object-fit:cover;border-radius:2px}.onboarding-flag-caret{position:absolute;right:8px;top:50%;width:10px;height:6px;transform:translateY(-50%);pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23374151' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:10px 6px}.onboarding-code-input{width:76px!important;flex:0 0 76px;border:none!important;border-right:none;padding:0 8px 0 4px;font-size:14px;color:#6b7280;height:100%;outline:none;background:transparent;box-shadow:none}.onboarding-phone-input{flex:1;width:auto!important;min-width:0;border:none!important;border-radius:0;padding:0 14px;font-size:14px;height:100%;outline:none;background:transparent;color:#6b7280;box-shadow:none}.onboarding-phone-wrapper:focus-within{border-color:#2b4eff}.onboarding-phone-wrapper.onboarding-input-error{border-color:#dc2626!important}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;height:32px;margin-top:0}.onboarding-right-actions{display:flex;align-items:center;gap:24px}.onboarding-link-button{border:none;background:transparent;color:#2b4eff;font-size:12px;font-weight:500;line-height:12px;cursor:pointer;padding:0;height:32px;display:inline-flex;align-items:center}.onboarding-next-btn{width:100px;height:32px;margin-bottom:0;font-size:12px;font-weight:500;line-height:12px}.onboarding-upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:24px 12px;text-align:center;cursor:pointer;transition:all .2s;background-color:#f9fafb;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.onboarding-upload-area:hover,.onboarding-upload-area.drag-active{border-color:#2b4eff;background-color:#f0f4ff}.onboarding-upload-area.has-preview{min-height:auto;padding:24px}.upload-icon{color:#9ca3af;width:52px;height:52px;margin-bottom:8px}.upload-text{font-size:12px;font-weight:400;color:var(--text-secondary);margin:0}.upload-hint{font-size:12px;font-weight:300;color:var(--text-secondary);margin:0;line-height:60%;font-style:italic}.upload-divider{font-size:12px;font-weight:500;color:var(--text-secondary);margin:0}.onboarding-browse-btn{height:32px;padding:0 24px;border:none;border-radius:8px;background:#2b4eff;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;letter-spacing:.25px}.onboarding-browse-btn:hover{background:#1e3fe0}.logo-preview-container{display:flex;flex-direction:column;align-items:center;gap:16px}.logo-preview-image{max-width:100%;max-height:200px;object-fit:contain;border-radius:4px}.remove-logo-btn{height:32px;padding:0 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;letter-spacing:.25px}.remove-logo-btn:hover{background:#f3f4f6;border-color:#9ca3af}.onboarding-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px;letter-spacing:.25px}.onboarding-optional{font-size:14px;font-weight:400;color:#9ca3af}.template-preview-container{display:flex;flex-direction:column;align-items:center;gap:16px}.pdf-icon{color:#dc2626;width:48px;height:48px}.template-name{font-size:14px;font-weight:500;color:#374151;margin:0;text-align:center;word-break:break-word;max-width:100%;letter-spacing:.25px}.remove-template-btn{height:32px;padding:0 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;letter-spacing:.25px}.remove-template-btn:hover{background:#f3f4f6;border-color:#9ca3af}.onboarding-success-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:92px 32px;text-align:center;min-height:400px}.success-icon-container{margin-bottom:16px}.success-icon{width:80px;height:80px;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.success-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 15px;letter-spacing:0%}.success-subtitle{font-size:14px;font-weight:400;color:var(--text-secondary);margin:0 0 32px;letter-spacing:0%}.success-continue-btn{width:180px;height:32px;font-size:12px;font-weight:500;margin:0}@media(max-width:700px){.onboarding-wrapper{padding-top:72px;align-items:center}.onboarding-card{width:calc(100% - 32px)}.onboarding-title{font-size:20px}.onboarding-subtitle,.onboarding-link-button,.onboarding-next-btn{font-size:14px}.onboarding-next-btn{width:88px}}:root{--color-primary: #1D4ED8;--color-primary-hover: #173DB1;--color-primary-active: #102D89;--color-primary-pressed: #091B5F;--color-primary-focus: #3F67E3;--color-primary-contrast: #FFFFFF;--text-primary: #232033;--text-secondary: #514A75;--text-tertiary: #9187B2;--text-placeholder: #9187B2;--text-disabled: #B9B0D3;--text-inverse: #F5F4FA;--bg-canvas: #F5F4FA;--bg-surface: #FAF9FF;--bg-surface-secondary: #F5F4FA;--bg-surface-tertiary: #EAE7F3;--bg-elevated: #FAF9FF;--border-card: #EAE7F3;--border-card-hover: #D7D1E8;--border-card-selected: #1D4ED8;--border-input: #EAE7F3;--border-input-hover: #D7D1E8;--border-input-focus: #514A75;--border-input-selected: #1D4ED8;--border-divider: #EAE7F3;--border-separator: #D7D1E8;--color-success: #1F8A55;--color-warning: #A86500;--color-error: #B4232C;--color-info: #1D4ED8;--bg-success-soft: #EDF8F2;--bg-warning-soft: #FFF7E8;--bg-error-soft: #FFF1F1;--bg-info-soft: #EEF4FF;--shadow-soft: 0 0 2px 0 rgba(35, 32, 51, .08);--shadow-floating: 0 2px 8px rgba(44, 95, 234, .25);--shadow-popover: 0 24px 80px rgba(17, 24, 39, .24);--shadow-overlay: 0 10px 28px rgba(0, 0, 0, .04);--focus-ring: 0 0 0 3px rgba(63, 103, 227, .28);--overlay-scrim: rgba(35, 32, 51, .48);--scrollbar-thumb: rgba(95, 95, 111, .32);--scrollbar-thumb-hover: rgba(95, 95, 111, .48)}*{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg-canvas);color:var(--text-primary)}.main-content,.scrollable-container,[data-scrollable=true]{overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-gutter:stable both-edges;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.thin-overlay-scroll{overflow-y:auto;overflow-y:overlay;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;scrollbar-gutter:auto}.thin-overlay-scroll::-webkit-scrollbar,.main-content::-webkit-scrollbar,.scrollable-container::-webkit-scrollbar,[data-scrollable=true]::-webkit-scrollbar,*::-webkit-scrollbar{width:8px;height:8px}.thin-overlay-scroll::-webkit-scrollbar-track,.main-content::-webkit-scrollbar-track,.scrollable-container::-webkit-scrollbar-track,[data-scrollable=true]::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:transparent}.thin-overlay-scroll::-webkit-scrollbar-thumb,.main-content::-webkit-scrollbar-thumb,.scrollable-container::-webkit-scrollbar-thumb,[data-scrollable=true]::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.thin-overlay-scroll::-webkit-scrollbar-thumb:hover,.main-content::-webkit-scrollbar-thumb:hover,.scrollable-container::-webkit-scrollbar-thumb:hover,[data-scrollable=true]::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-corner{background:transparent}input::placeholder,input::-webkit-input-placeholder,input::-moz-placeholder,input:-ms-input-placeholder{color:var(--text-placeholder);opacity:1}.assign-company-select{border:1px solid var(--border-input);transition:border-color .16s ease,box-shadow .16s ease;outline:none}.assign-company-select:hover{border-color:var(--border-input-hover)}.assign-company-select:focus,.assign-company-select:focus-visible{border-color:var(--border-input-selected);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.bg-surface{background-color:var(--bg-surface)}.bg-canvas{background-color:var(--bg-canvas)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.border-card{border-color:var(--border-card)}.border-input{border-color:var(--border-input)}.app-container{height:100vh;display:flex;min-height:0;min-width:0}