.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;border:none;border-radius:var(--gabai-radius-md);transition:var(--gabai-transition);cursor:pointer;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:14px}.btn-md{padding:10px 20px;font-size:15px}.btn-lg{padding:14px 28px;font-size:16px}.btn-primary{background-color:var(--gabai-blue);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--gabai-blue-dark);box-shadow:var(--gabai-shadow-primary)}.btn-secondary{background-color:var(--gabai-bg-secondary);color:var(--gabai-text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--gabai-border)}.btn-outline{background-color:transparent;border:1px solid var(--gabai-blue);color:var(--gabai-blue)}.btn-outline:hover:not(:disabled){background-color:var(--gabai-blue);color:#fff}.btn-ghost{background-color:transparent;color:var(--gabai-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--gabai-bg-secondary);color:var(--gabai-text-primary)}.btn-danger{background-color:var(--gabai-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#ef4444}.btn-success{background-color:var(--gabai-success);color:#fff}.btn-success:hover:not(:disabled){background-color:#059669}.btn-warning{background-color:var(--gabai-warning);color:#fff}.btn-warning:hover:not(:disabled){background-color:#d97706}.btn-loading{display:inline-flex;align-items:center;gap:8px}.spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.input-wrapper{display:flex;flex-direction:column;gap:6px}.input-label{font-size:14px;font-weight:500;color:var(--gabai-text-primary)}.input-label .required{color:var(--gabai-danger);margin-right:4px}.input{width:100%;padding:12px 16px;font-size:15px;font-family:inherit;border:1px solid var(--gabai-border);border-radius:var(--gabai-radius-md);background-color:var(--gabai-bg-primary);color:var(--gabai-text-primary);transition:var(--gabai-transition)}.input::placeholder{color:var(--gabai-text-muted)}.input:focus{outline:none;border-color:var(--gabai-blue);box-shadow:0 0 0 3px #4a90d926}.input:disabled{background-color:var(--gabai-bg-tertiary);cursor:not-allowed}.input-error{border-color:var(--gabai-danger)}.input-error:focus{box-shadow:0 0 0 3px #f8717126}.error-message{font-size:13px;color:var(--gabai-danger)}.helper-text{font-size:13px;color:var(--gabai-text-muted)}.card{background-color:var(--gabai-bg-primary);border-radius:var(--gabai-radius-lg);box-shadow:var(--gabai-shadow-sm);border:1px solid var(--gabai-border-light)}.card-padding-none{padding:0}.card-padding-sm{padding:16px}.card-padding-md{padding:24px}.card-padding-lg{padding:32px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--gabai-border-light);margin-bottom:16px}.card-header-content{flex:1}.card-title{font-size:18px;font-weight:600;color:var(--gabai-text-primary);margin:0}.card-subtitle{font-size:14px;color:var(--gabai-text-secondary);margin:4px 0 0}.card-header-action{flex-shrink:0}.card-footer{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--gabai-border-light);margin-top:16px}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:var(--gabai-radius-full);white-space:nowrap}.badge-sm{padding:2px 8px;font-size:12px}.badge-md{padding:4px 12px;font-size:13px}.badge-default{background-color:var(--gabai-bg-secondary);color:var(--gabai-text-secondary)}.badge-success{background-color:var(--gabai-success-light);color:var(--gabai-success)}.badge-warning{background-color:var(--gabai-warning-light);color:#b45309}.badge-danger{background-color:var(--gabai-danger-light);color:#dc2626}.badge-info{background-color:var(--gabai-info-light);color:var(--gabai-blue)}.select{width:100%;font-size:14px;font-family:inherit;color:var(--gabai-text-primary);background-color:#fff;border:1px solid var(--gabai-border-default);border-radius:var(--gabai-radius-md);transition:var(--gabai-transition);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding:8px 12px 8px 36px}.select:hover{border-color:var(--gabai-blue-light)}.select:focus{outline:none;border-color:var(--gabai-blue);box-shadow:0 0 0 3px var(--gabai-blue-lightest)}.select-error{border-color:var(--gabai-danger)}.select-error:focus{border-color:var(--gabai-danger);box-shadow:0 0 0 3px #ef44441a}.select:disabled{background-color:var(--gabai-bg-secondary);color:var(--gabai-text-tertiary);cursor:not-allowed}.toast-container{position:fixed;top:20px;left:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;background:#fff;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-right:4px solid var(--gabai-success, #10b981)}.toast-error{border-right:4px solid var(--gabai-danger, #ef4444)}.toast-warning{border-right:4px solid var(--gabai-warning, #f59e0b)}.toast-info{border-right:4px solid var(--gabai-blue, #4a90d9)}.toast-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;font-weight:700;flex-shrink:0}.toast-success .toast-icon{background:#d1fae5;color:#059669}.toast-error .toast-icon{background:#fee2e2;color:#dc2626}.toast-warning .toast-icon{background:#fef3c7;color:#d97706}.toast-info .toast-icon{background:#dbeafe;color:#2563eb}.toast-message{flex:1;font-size:14px;color:#1e3a5f}.toast-close{background:none;border:none;font-size:20px;color:#94a3b8;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.toast-close:hover{background:#f1f5f9;color:#64748b}@media(max-width:480px){.toast-container{left:10px;right:10px;max-width:none}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;display:flex;flex-direction:column;width:100%}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gabai-border)}.modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--gabai-blue-dark)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gabai-text-muted);padding:0;line-height:1;transition:color .2s}.modal-close:hover{color:var(--gabai-text)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--gabai-border)}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--gabai-text)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-error{color:var(--gabai-danger);font-size:.875rem;margin-top:.25rem}.customer-select{position:relative;width:100%}.customer-select-control{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;background:#fff;cursor:pointer;min-height:2.75rem;transition:border-color .2s,box-shadow .2s}.customer-select:not(.is-disabled) .customer-select-control:hover{border-color:var(--gabai-blue, #4A90D9)}.customer-select.is-open .customer-select-control{border-color:var(--gabai-blue, #4A90D9);box-shadow:0 0 0 3px #4a90d926}.customer-select.has-error .customer-select-control{border-color:var(--danger-color, #ef4444)}.customer-select.is-disabled .customer-select-control{background:var(--bg-muted, #f3f4f6);cursor:not-allowed;opacity:.7}.customer-select-input{flex:1;border:none;outline:none;font-size:.9375rem;background:transparent;color:var(--text-color, #1f2937);min-width:0}.customer-select-input::placeholder{color:var(--text-muted, #9ca3af)}.customer-select-input:disabled{cursor:not-allowed}.customer-select-value{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.customer-select-avatar{width:1.75rem;height:1.75rem;border-radius:50%;background:var(--gabai-blue, #4A90D9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.customer-select-name{font-size:.9375rem;color:var(--text-color, #1f2937);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-select-clear{padding:.25rem;border:none;background:var(--bg-muted, #f3f4f6);color:var(--text-muted, #6b7280);border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s,color .2s}.customer-select-clear:hover{background:var(--danger-color, #ef4444);color:#fff}.customer-select-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-muted, #9ca3af);flex-shrink:0;transition:transform .2s}.customer-select.is-open .customer-select-arrow{transform:rotate(180deg)}.customer-select-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--border-color, #d1d5db);border-top-color:var(--gabai-blue, #4A90D9);border-radius:50%;animation:customer-select-spin .6s linear infinite}@keyframes customer-select-spin{to{transform:rotate(360deg)}}.customer-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;box-shadow:0 10px 25px #00000026;z-index:1000;max-height:300px;display:flex;flex-direction:column;overflow:hidden}.customer-select-search-wrapper{padding:.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.customer-select-search{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color, #d1d5db);border-radius:.375rem;font-size:.875rem;outline:none;transition:border-color .2s}.customer-select-search:focus{border-color:var(--gabai-blue, #4A90D9)}.customer-select-list{list-style:none;margin:0;padding:.25rem;overflow-y:auto;flex:1}.customer-select-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.375rem;cursor:pointer;transition:background-color .15s}.customer-select-item:hover,.customer-select-item.is-highlighted{background:var(--bg-muted, #f3f4f6)}.customer-select-item.is-selected{background:#4a90d91a}.customer-select-item-avatar{width:2.25rem;height:2.25rem;border-radius:50%;background:var(--gabai-blue-light, #e0edfa);color:var(--gabai-blue, #4A90D9);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.customer-select-item.is-selected .customer-select-item-avatar{background:var(--gabai-blue, #4A90D9);color:#fff}.customer-select-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.customer-select-item-name{font-size:.9375rem;font-weight:500;color:var(--text-color, #1f2937);display:flex;align-items:center;gap:.5rem}.customer-blocked-badge{font-size:.625rem;font-weight:600;background:var(--danger-color, #ef4444);color:#fff;padding:.125rem .375rem;border-radius:.25rem}.customer-select-item-details{font-size:.8125rem;color:var(--text-muted, #6b7280);display:flex;gap:.75rem;overflow:hidden}.customer-select-item-details span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-select-item-debt{font-size:.8125rem;font-weight:600;color:var(--danger-color, #ef4444);flex-shrink:0}.customer-select-loading,.customer-select-empty{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;color:var(--text-muted, #6b7280);font-size:.875rem}.oauth-buttons{margin-top:24px}.oauth-divider{display:flex;align-items:center;margin:16px 0;color:var(--gabai-text-secondary)}.oauth-divider:before,.oauth-divider:after{content:"";flex:1;border-bottom:1px solid var(--gabai-border)}.oauth-divider span{padding:0 16px;font-size:14px;white-space:nowrap}.oauth-error{background-color:var(--gabai-danger-light);color:#dc2626;padding:12px 16px;border-radius:var(--gabai-radius-md);font-size:14px;margin-bottom:16px;text-align:center}.oauth-providers{display:flex;flex-direction:column;gap:12px}.oauth-google-container{display:flex;justify-content:center}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border:1px solid var(--gabai-border);border-radius:var(--gabai-radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:#fff;color:var(--gabai-text-primary)}.oauth-btn:hover:not(:disabled){background-color:var(--gabai-bg-secondary);border-color:var(--gabai-border-dark)}.oauth-btn:disabled{opacity:.6;cursor:not-allowed}.oauth-btn.google{border-color:#dadce0}.oauth-btn.google:hover:not(:disabled){background-color:#f8f9fa}.oauth-btn.facebook{background-color:#1877f2;color:#fff;border-color:#1877f2}.oauth-btn.facebook:hover:not(:disabled){background-color:#166fe5}.oauth-btn.microsoft{background-color:#2f2f2f;color:#fff;border-color:#2f2f2f}.oauth-btn.microsoft:hover:not(:disabled){background-color:#1a1a1a}.oauth-btn svg{flex-shrink:0}.auth-form{text-align:center}.auth-title{font-size:24px;font-weight:600;color:var(--gabai-text-primary);margin:0 0 8px}.auth-subtitle{font-size:14px;color:var(--gabai-text-secondary);margin:0 0 24px}.auth-error{background-color:var(--gabai-danger-light);color:#dc2626;padding:12px 16px;border-radius:var(--gabai-radius-md);font-size:14px;margin-bottom:16px;text-align:right}.form{display:flex;flex-direction:column;gap:16px;text-align:right}.submit-btn{width:100%;margin-top:8px}.auth-links{margin-top:24px;font-size:14px;color:var(--gabai-text-secondary)}.auth-link{color:var(--gabai-blue);text-decoration:none;transition:var(--gabai-transition)}.auth-link:hover{color:var(--gabai-blue-dark);text-decoration:underline}.auth-divider{margin:0 12px;color:var(--gabai-border)}.auth-link-btn{background:none;border:none;padding:0;color:var(--gabai-blue);font-size:14px;cursor:pointer;transition:var(--gabai-transition)}.auth-link-btn:hover{color:var(--gabai-blue-dark);text-decoration:underline}.code-input input{text-align:center;font-size:24px;letter-spacing:8px;font-family:monospace}.auth-success-icon,.auth-error-icon{display:flex;justify-content:center;margin-bottom:24px}.auth-success-icon svg{color:var(--gabai-success)}.auth-error-icon svg{color:#dc2626}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 0}.auth-loading .spinner{width:40px;height:40px;border:3px solid var(--gabai-border);border-top-color:var(--gabai-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.password-requirements{font-size:13px;color:var(--gabai-text-secondary);text-align:right;background:var(--gabai-bg-light);padding:12px 16px;border-radius:var(--gabai-radius-md)}.password-requirements p{margin:0 0 8px;font-weight:500}.password-requirements ul{margin:0;padding:0 20px 0 0;list-style:none}.password-requirements li{margin:4px 0;position:relative;padding-right:20px}.password-requirements li:before{content:"•";position:absolute;right:0;color:var(--gabai-text-secondary)}.password-requirements li.valid{color:var(--gabai-success)}.password-requirements li.valid:before{content:"✓";color:var(--gabai-success)}