html,body{box-sizing:border-box;width:100vw;height:100%;margin:0;padding:0;overflow-x:hidden}.auth-wrapper{background-color:#0000;background-image:radial-gradient(#d8daf0 1px,#0000 1px);background-size:20px 20px;flex-direction:column;justify-content:flex-start;align-items:center;height:100vh;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden auto}.brand{color:#111;z-index:9999;font-size:18px;font-weight:700;position:fixed;top:24px;left:26px}.signup-wrapper{width:100vw;min-height:100vh;overflow:hidden auto}.brand img{width:auto;height:28px;display:block}.auth-card{width:644px;box-shadow:0 0 2px #1414141a, 0 6px 6px var(--bg-surface-secondary);background:#fff;border-radius:12px;margin-top:96px;margin-bottom:40px;padding:32px}.auth-card-signup{width:644px;box-shadow:0 0 2px #1414141a, 0 6px 6px var(--bg-surface-secondary);background:#fff;border-radius:12px;flex-shrink:0;margin-top:96px;margin-bottom:40px;padding:32px}.auth-card h2{color:var(--text-primary);margin:0 0 8px;font-family:sans-serif;font-size:20px;font-weight:600}.auth-card .subtitle{color:var(--text-secondary);margin:0 0 24px;font-size:14px;font-weight:400}.auth-card-signup h2{color:var(--text-primary);margin:0 0 8px;font-family:sans-serif;font-size:24px;font-weight:600}.subtitle{color:#6b7280;margin:0 0 24px;font-size:14px}.form-group{margin-bottom:16px}.form-group-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group label span{color:#ef4444}.form-group input{width:100%;height:44px;color:var(--text-primary);background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:0 14px;font-size:14px;transition:border-color .15s}.form-group input::placeholder{color:#9ca3af}.form-group input:focus{border-color:#2b4eff}.form-group input:disabled{cursor:not-allowed;background:#f9fafb}.input-error{border-color:#dc2626!important}.field-error{color:#dc2626;letter-spacing:.25px;margin:4px 0 0;font-size:13px;font-weight:500}.auth-title{color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:600}.auth-subtitle{color:#6b7280;letter-spacing:.25px;margin:0 0 24px;font-size:14px;font-weight:400}.auth-footer{text-align:center;color:#6b7280;margin-top:24px;font-size:14px}.auth-link{color:#2b4eff;cursor:pointer;font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.form-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.checkbox{color:#374151;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox input[type=checkbox]{cursor:pointer;accent-color:#2b4eff;width:16px;height:16px}.link{color:#2b4eff;font-size:14px;font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}.btn-primary{color:#fff;cursor:pointer;background:#2b4eff;border:none;border-radius:8px;width:100%;height:44px;margin-bottom:16px;font-size:15px;font-weight:600;transition:background .15s}.btn-primary:hover{background:#1e3fe0}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-google{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;height:44px;margin-bottom:12px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.btn-google:hover{background:#f9fafb;border-color:#9ca3af}.btn-google:disabled{opacity:.7;cursor:not-allowed}.footer-text{text-align:center;color:#6b7280;margin-top:12px;margin-bottom:0;font-size:14px}.footer-text a,.footer-text .link{color:#2b4eff;font-weight:600;text-decoration:none}.auth-card-signup .subtitle{color:#6b7280;margin:0 0 24px;font-size:14px}.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{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.auth-card-signup .form-group label span{color:#ef4444}.auth-card-signup .form-group input{width:100%;height:44px;color:var(--text-primary);background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:0 14px;font-size:14px;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{cursor:not-allowed;background:#f9fafb}.auth-card-signup .form-row{justify-content:flex-start;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.auth-card-signup .form-row>div{flex:0 0 282px;width: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{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}@media (width<=700px){.auth-card-signup .form-row{flex-direction:column;gap:0}.auth-card-signup .form-row>div{flex:auto;width:100%}}.otp-box{justify-content:center;gap:16px;margin:24px 0 16px;display:flex}.otp-input{text-align:center;width:60px;height:60px;color:var(--text-primary);background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;font-size:24px;font-weight:700;transition:border-color .15s}.otp-input:focus{border-width:2px;border-color:#2b4eff}.otp-input.filled{border-color:#d1d5db}.verify-email-card{padding:32px}.verify-email-card .verify-title{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:600}.verify-email-card .verify-description{color:var(--text-secondary);margin:0 0 24px;font-size:18px;font-weight:400;line-height:24px}.verify-email-card .otp-box{gap:12px;margin:0 0 16px}.verify-email-card .otp-input{width:calc(16.6667% - 10px);min-width:70px;max-width:90px;height:60px;padding:16px;font-size:26px;font-weight:600;line-height:125%}.verify-email-card .verify-timer{text-align:center;margin:0 0 32px}.verify-email-card .verify-resend-button{color:#1d4ed8;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:400}.verify-email-card .verify-resend-button:disabled{opacity:1;cursor:default}.verify-email-card .verify-btn{width:100%;height:44px;margin-bottom:16px;font-size:14px;font-weight:500}.verify-email-card .verify-footer-text{color:#6b7280;text-align:center;margin:0;font-size:14px;font-weight:400}@media (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;margin:0 0 40px;padding:32px}.onboarding-title{letter-spacing:1px;color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:600}.onboarding-subtitle{letter-spacing:1px;color:var(--text-secondary);margin:0 0 24px;font-size:14px;font-weight:400;line-height:18px}.onboarding-section-title{color:var(--text-primary);margin:0 0 12px;font-size:14px;font-weight:600}.onboarding-card .form-group{margin-bottom:16px}.onboarding-card .form-group:last-of-type{margin-bottom:24px}.onboarding-card .form-group label{color:var(--text-primary);font-size:14px;font-weight:400}.onboarding-card .form-group input,.onboarding-card .form-group select{height:44px}.onboarding-select-wrap{position:relative}.onboarding-select{color:#a8a8af;appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:0 40px 0 14px;font-size:14px;font-weight:400}.onboarding-select-wrap:after{content:"";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;width:10px;height:6px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.onboarding-input-error{border-color:#dc2626!important}.onboarding-field-error{color:#dc2626;margin:6px 0 0;font-size:12px;line-height:1.2}.onboarding-phone-wrapper{background:#fff;border:1px solid #d1d5db;border-radius:12px;align-items:stretch;gap:0;height:44px;display:flex;overflow:hidden}.onboarding-country-group{border-right:1px solid #e5e7eb;align-items:center;height:100%;display:flex}.onboarding-flag-select-wrap{background:0 0;flex:0 0 72px;justify-content:center;align-items:center;width:72px;height:100%;display:flex;position:relative}.onboarding-country-select{opacity:0;appearance:none;cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:100%;position:absolute;inset:0}.onboarding-flag-image{object-fit:cover;border-radius:2px;width:30px;height:20px}.onboarding-flag-caret{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;width:10px;height:6px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.onboarding-code-input{color:#6b7280;height:100%;box-shadow:none;background:0 0;border-right:none;outline:none;flex:0 0 76px;padding:0 8px 0 4px;font-size:14px;border:none!important;width:76px!important}.onboarding-phone-input{color:#6b7280;min-width:0;height:100%;box-shadow:none;background:0 0;border-radius:0;outline:none;flex:1;padding:0 14px;font-size:14px;border:none!important;width:auto!important}.onboarding-phone-wrapper:focus-within{border-color:#2b4eff}.onboarding-phone-wrapper.onboarding-input-error{border-color:#dc2626!important}.onboarding-actions{justify-content:space-between;align-items:center;height:32px;margin-top:0;display:flex}.onboarding-right-actions{align-items:center;gap:24px;display:flex}.onboarding-link-button{color:#2b4eff;cursor:pointer;background:0 0;border:none;align-items:center;height:32px;padding:0;font-size:12px;font-weight:500;line-height:12px;display:inline-flex}.onboarding-next-btn{width:100px;height:32px;margin-bottom:0;font-size:12px;font-weight:500;line-height:12px}.onboarding-upload-area{text-align:center;cursor:pointer;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:280px;margin-bottom:16px;padding:24px 12px;transition:all .2s;display:flex}.onboarding-upload-area:hover,.onboarding-upload-area.drag-active{background-color:#f0f4ff;border-color:#2b4eff}.onboarding-upload-area.has-preview{min-height:auto;padding:24px}.upload-icon{color:#9ca3af;width:52px;height:52px;margin-bottom:8px}.upload-text{color:var(--text-secondary);margin:0;font-size:12px;font-weight:400}.upload-hint{color:var(--text-secondary);margin:0;font-size:12px;font-style:italic;font-weight:300;line-height:60%}.upload-divider{color:var(--text-secondary);margin:0;font-size:12px;font-weight:500}.onboarding-browse-btn{color:#fff;cursor:pointer;letter-spacing:.25px;background:#2b4eff;border:none;border-radius:8px;height:32px;padding:0 24px;font-size:14px;font-weight:600;transition:background .15s}.onboarding-browse-btn:hover{background:#1e3fe0}.logo-preview-container{flex-direction:column;align-items:center;gap:16px;display:flex}.logo-preview-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:200px}.remove-logo-btn{color:#374151;cursor:pointer;letter-spacing:.25px;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:32px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s}.remove-logo-btn:hover{background:#f3f4f6;border-color:#9ca3af}.onboarding-label{color:#374151;letter-spacing:.25px;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.onboarding-optional{color:#9ca3af;font-size:14px;font-weight:400}.template-preview-container{flex-direction:column;align-items:center;gap:16px;display:flex}.pdf-icon{color:#dc2626;width:48px;height:48px}.template-name{color:#374151;text-align:center;word-break:break-word;letter-spacing:.25px;max-width:100%;margin:0;font-size:14px;font-weight:500}.remove-template-btn{color:#374151;cursor:pointer;letter-spacing:.25px;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:32px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s}.remove-template-btn:hover{background:#f3f4f6;border-color:#9ca3af}.onboarding-success-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:92px 32px;display:flex}.success-icon-container{margin-bottom:16px}.success-icon{width:80px;height:80px;animation:.5s ease-out scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-title{color:var(--text-primary);letter-spacing:0%;margin:0 0 15px;font-size:18px;font-weight:600}.success-subtitle{color:var(--text-secondary);letter-spacing:0%;margin:0 0 32px;font-size:14px;font-weight:400}.success-continue-btn{width:180px;height:32px;margin:0;font-size:12px;font-weight:500}@media (width<=700px){.onboarding-wrapper{align-items:center;padding-top:72px}.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:#fff;--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 #23203314;--shadow-floating:0 2px 8px #2c5fea40;--shadow-popover:0 24px 80px #1118273d;--shadow-overlay:0 10px 28px #0000000a;--focus-ring:0 0 0 3px #3f67e347;--overlay-scrim:#2320337a;--scrollbar-thumb:#5f5f6f52;--scrollbar-thumb-hover:#5f5f6f7a}*{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]{scrollbar-gutter:stable both-edges;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;min-height:0;overflow:hidden auto}.thin-overlay-scroll{overflow-y:auto;overflow-y:overlay;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;scrollbar-gutter:auto;overflow-x:hidden}.thin-overlay-scroll::-webkit-scrollbar{width:8px;height:8px}.main-content::-webkit-scrollbar{width:8px;height:8px}.scrollable-container::-webkit-scrollbar{width:8px;height:8px}[data-scrollable=true]::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar{width:8px;height:8px}.thin-overlay-scroll::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-track{background:0 0}.scrollable-container::-webkit-scrollbar-track{background:0 0}[data-scrollable=true]::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-track{background:0 0}.thin-overlay-scroll::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.main-content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.scrollable-container::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}[data-scrollable=true]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.thin-overlay-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.main-content::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.scrollable-container::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}[data-scrollable=true]::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:0 0}input::placeholder{color:var(--text-placeholder);opacity:1}input::-webkit-input-placeholder{color:var(--text-placeholder);opacity:1}input::-moz-placeholder{color:var(--text-placeholder);opacity:1}input:-ms-placeholder-shown{color:var(--text-placeholder);opacity:1}.assign-company-select{border:1px solid var(--border-input);outline:none;transition:border-color .16s,box-shadow .16s}.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{min-width:0;height:100vh;min-height:0;display:flex}