body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-blue:#1e3c72;--secondary-blue:#2a5298;--accent-gold:gold;--accent-gold-dark:#d4af37;--success-green:#28a745;--warning-orange:#ffc107;--danger-red:#dc3545;--light-bg:#f8f9fa;--dark-bg:#1a1a2e;--sidebar-width:280px;--sidebar-collapsed:80px;--header-height:70px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fb;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.app-header{background:linear-gradient(135deg,#1e3c72,#2a5298);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);box-shadow:0 4px 20px #0000001a;left:0;padding:0 1.5rem;position:fixed;top:0;width:100%;z-index:1030}.app-header,.app-header .navbar{height:70px;height:var(--header-height)}.app-header .navbar{background:#0000!important;min-height:70px;min-height:var(--header-height);padding:0!important}.app-header .container-fluid{align-items:center;display:flex;height:100%;padding:0!important}.header-left{flex:1 1}.header-left,.menu-toggle-btn{align-items:center;display:flex}.menu-toggle-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;height:45px;justify-content:center;margin-right:15px;transition:all .3s ease;width:45px}.menu-toggle-btn:hover{background:#fff3;transform:translateY(-2px)}.brand-logo,.brand-section{align-items:center;display:flex}.brand-logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;height:48px;justify-content:center;margin-right:12px;width:48px}.brand-logo svg{color:gold;color:var(--accent-gold)}.brand-text h2{font-size:1.5rem;font-weight:700;margin:0}.brand-text p{font-size:.8rem;margin:0;opacity:.8}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#d4af37);background:linear-gradient(45deg,var(--accent-gold),var(--accent-gold-dark));-webkit-background-clip:text;background-clip:text}.header-right{align-items:center;display:flex;gap:15px}.quick-stats{display:flex;gap:10px}.stat-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .3s ease}.stat-badge:hover{background:#fff3;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-badge svg{font-size:1rem}.notification-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;position:relative;transition:all .3s ease;width:45px}.notification-btn:hover{background:#fff3;transform:translateY(-2px)}.notification-badge{align-items:center;background:#dc3545;background:var(--danger-red);border-radius:10px;color:#fff;display:flex;font-size:.7rem;height:20px;justify-content:center;min-width:20px;padding:0 5px;position:absolute;right:-5px;top:-5px}.user-profile{align-items:center;border-radius:25px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;position:relative;transition:all .3s ease}.user-profile:hover{background:#ffffff1a}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.user-info{display:flex;flex-direction:column}.user-name{color:#fff;font-size:.9rem;font-weight:600}.user-role{color:#fffc;font-size:.75rem}.user-dropdown{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;margin-top:10px;min-width:200px;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transform:translateY(10px);transition:all .3s ease;visibility:hidden;z-index:1000}.user-profile:focus-within .user-dropdown,.user-profile:hover .user-dropdown{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{align-items:center;color:#333;display:flex;gap:10px;padding:12px 16px;text-decoration:none;transition:all .2s}.dropdown-item:hover{background-color:#f8f9fa;color:#1e3c72;color:var(--primary-blue)}.dropdown-item svg{color:#666;width:16px}.dropdown-divider{background-color:#f0f0f0;height:1px;margin:8px 0}.dropdown-item.logout,.dropdown-item.logout svg{color:#dc3545;color:var(--danger-red)}@media (max-width:992px){.app-header{padding:0 1rem}.quick-stats,.user-info{display:none}.user-profile{padding:6px}}@media (max-width:768px){.app-header{height:60px}.brand-logo,.menu-toggle-btn{height:40px;width:40px}.brand-text h2{font-size:1.2rem}.brand-text p{font-size:.7rem}}.dashboard{min-height:100vh;padding-top:70px;padding-top:var(--header-height);position:relative}.main-container{display:flex;min-height:calc(100vh - 70px);min-height:calc(100vh - var(--header-height))}.ps-sidebar-root{background:linear-gradient(180deg,#1e3c72,#2a5298)!important;background:linear-gradient(180deg,var(--primary-blue) 0,var(--secondary-blue) 100%)!important}.ps-sidebar-container{background:#0000!important}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:1.5rem}.logo-container{align-items:center;background:linear-gradient(135deg,gold,#d4af37);background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-dark));border-radius:15px;box-shadow:0 4px 15px #d4af374d;display:flex;height:60px;justify-content:center;margin:0 auto;width:60px}.logo-icon{color:#fff;font-size:28px}.btn-sidebar-action{background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:8px!important;color:#fff!important;padding:8px 16px!important;transition:all .3s ease!important;width:100%}.btn-sidebar-action:hover{background:#fff3!important;transform:translateY(-2px)}.sidebar-footer{border-top:1px solid #ffffff1a}.ps-menuitem-root{margin:2px 0!important}.ps-submenu-content{background:#0000001a!important;border-left:3px solid #ffd7004d!important}.ps-menu-button:hover{background:#ffffff0d!important}.ps-menu-button.ps-active{background:#ffd70033!important;border-left:4px solid gold!important;border-left:4px solid var(--accent-gold)!important}.main-content{background-color:#f8f9fa;background-color:var(--light-bg);flex:1 1;margin-left:280px;margin-left:var(--sidebar-width);min-height:calc(100vh - 70px);min-height:calc(100vh - var(--header-height));transition:margin-left .3s ease}.main-content.collapsed{margin-left:80px;margin-left:var(--sidebar-collapsed)}.main-content.toggled{margin-left:0}@media (max-width:992px){.main-content{margin-left:0!important}}.tab-bar-container{background:#fff;border-bottom:1px solid #eaeaea;box-shadow:0 2px 10px #0000000d;padding:0 2rem;position:-webkit-sticky;position:sticky;top:70px;top:var(--header-height);z-index:100}.tab-bar{display:flex;gap:4px;overflow-x:auto;padding:1rem 0}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-weight:500;padding:12px 24px;position:relative;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background:#f8f9fa;color:#1e3c72;color:var(--primary-blue)}.tab-button.active{background:linear-gradient(135deg,#1e3c72,#2a5298);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);box-shadow:0 4px 15px #1e3c7233;color:#fff}.tab-button.active:after{background:gold;background:var(--accent-gold);border-radius:3px;bottom:-1px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.tab-icon{font-size:16px;margin-right:8px}.tab-label{font-size:14px}.content-area{padding:2rem}@media (max-width:768px){.content-area{padding:1rem!important}.tab-bar-container{padding:0 1rem}.tab-button{padding:10px 16px}}@media (max-width:576px){.tab-label{display:none}.tab-icon{font-size:18px;margin-right:0}.tab-button{padding:10px}}.suppliers-container{margin:0 auto;max-width:1400px;padding:20px}.page-header{margin-bottom:30px}.header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.header-actions,.header-left{align-items:center;display:flex;gap:15px}.page-title{align-items:center;color:#1e3c72;display:flex;font-size:28px;gap:12px;margin:0}.title-icon{color:#1e3c72;font-size:32px}.page-subtitle{color:#666;font-size:16px;margin:0}.btn-back{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;color:#333;display:inline-flex;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.btn-back:hover{background:#e9ecef;border-color:#1e3c72;color:#1e3c72}.btn-danger,.btn-outline,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #1e3c724d;transform:translateY(-2px)}.btn-secondary{background:#f8f9fa;border:2px solid #e0e0e0;color:#333}.btn-secondary:hover:not(:disabled){background:#e9ecef;border-color:#666}.btn-danger{background:#dc3545;border:2px solid #dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333;border-color:#c82333}.btn-outline{background:#0000;border:2px solid #1e3c72;color:#1e3c72}.btn-outline:hover:not(:disabled){background:#1e3c72;color:#fff}.alert{align-items:center;display:flex;justify-content:space-between}.alert-success{background:#4caf501a;border:1px solid #4caf5033}.alert-content{flex:1 1}.alert-success .alert-icon{background:#4caf50;color:#fff}.alert-error .alert-icon{background:#dc3545;color:#fff}.alert-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}.alert-close:hover{color:#333}.filters-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.filters-form{flex-wrap:wrap;gap:15px}.filter-group,.filters-form{align-items:center;display:flex}.filter-group{gap:10px}.search-box{min-width:300px;position:relative}.search-icon{color:#666;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 12px 12px 40px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}.filter-icon{color:#666}.per-page-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;min-width:120px;padding:10px 12px}.per-page-select:focus{border-color:#1e3c72;outline:none}.table-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.empty-state,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner{border:4px solid #1e3c721a;border-top-color:#1e3c72;height:40px;margin-bottom:20px;width:40px}.empty-state .empty-icon{color:#ccc;font-size:48px;margin-bottom:20px}.empty-state h3{color:#666;margin:0 0 10px}.empty-state p{color:#999;margin:0 0 20px}.table-responsive{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f8f9fa}.data-table th{border-bottom:2px solid #e0e0e0;color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #eee;padding:16px 20px;vertical-align:middle}.data-table tbody tr:hover,.id-cell .badge{background:#f8f9fa}.id-cell .badge{border:1px solid #e0e0e0;border-radius:4px;color:#666;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.date-cell,.gst-cell,.mobile-cell,.supplier-info{align-items:center;display:flex;gap:8px}.supplier-icon{color:#1e3c72}.supplier-name{font-weight:500}.date-cell svg,.gst-cell svg,.mobile-cell svg{color:#666;font-size:14px}.action-buttons{gap:8px}.btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.btn-action.view{background:#007bff1a;color:#007bff}.btn-action.view:hover{background:#007bff;color:#fff}.btn-action.edit{background:#ffc1071a;color:#ffc107}.btn-action.edit:hover{background:#ffc107;color:#333}.btn-action.delete{background:#dc35451a;color:#dc3545}.btn-action.delete:hover{background:#dc3545;color:#fff}.pagination{border-top:1px solid #eee;gap:8px;padding:20px}.pagination,.pagination-btn,.pagination-nav{align-items:center;display:flex;justify-content:center}.pagination-btn,.pagination-nav{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;height:36px;transition:all .3s ease;width:36px}.pagination-btn:hover:not(.active),.pagination-nav:hover:not(:disabled){border-color:#1e3c72;color:#1e3c72}.pagination-nav:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.active{background:#1e3c72;border-color:#1e3c72;color:#fff}.pagination-info{color:#666;font-size:14px;margin-left:16px}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-lg{max-width:800px}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#333;font-size:20px;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:4px;width:32px}.modal-close:hover{background:#f8f9fa;color:#333}.modal-body{padding:24px}.modal-footer{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{margin-bottom:20px}.form-input,.input-icon{font-size:14px}.form-input{border-radius:8px;padding:12px}.error-message{align-items:center;display:flex;gap:6px}.form-hint{color:#666;font-size:12px;margin-top:6px}.supplier-detail-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px}.supplier-avatar{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:50%;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;width:60px}.supplier-title h2{color:#333;margin:0 0 4px}.supplier-id{color:#666;font-size:14px;margin:0}.status-badge{align-items:center;background:#4caf501a;border-radius:20px;color:#4caf50;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px}.detail-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-section{margin-bottom:20px}.section-title{align-items:center;border-bottom:1px solid #eee;color:#333;display:flex;font-size:16px;gap:10px;margin:0 0 16px;padding-bottom:10px}.detail-item{justify-content:space-between;margin-bottom:12px}.detail-label{color:#666;font-weight:500}.detail-value{color:#333;text-align:right}.text-muted{color:#999;font-style:italic}.warning-text{background:#dc35451a;border-left:3px solid #dc3545;border-radius:6px;color:#dc3545;font-weight:500;margin-top:10px;padding:10px}@media (max-width:768px){.suppliers-container{padding:15px}.header-content{align-items:stretch;flex-direction:column;gap:15px}.header-actions{justify-content:flex-start}.filters-form{align-items:stretch;flex-direction:column}.filter-group{width:100%}.search-box{min-width:100%}.data-table{min-width:600px}.pagination{flex-wrap:wrap}.modal{max-height:80vh}.detail-grid,.form-grid{grid-template-columns:1fr}.detail-item{flex-direction:column;gap:4px}.detail-label{min-width:auto}.detail-value{text-align:left}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-background{background:linear-gradient(135deg,#1e3c72,#2a5298);bottom:0;z-index:1}.auth-background,.auth-gradient{left:0;position:absolute;right:0;top:0}.auth-gradient{background:linear-gradient(135deg,#ffd7001a,#d4af370d);height:40%}.auth-pattern{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}.auth-wrapper{background:#fffffff2;border-radius:24px;box-shadow:0 20px 60px #0000004d;display:flex;margin:0 auto;max-width:1200px;min-height:90vh;overflow:hidden;padding:20px;position:relative;width:100%;z-index:2}.auth-card{max-width:500px;min-width:450px;padding:40px}.auth-card,.auth-promo{display:flex;flex:1 1;flex-direction:column}.auth-promo{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;justify-content:center;overflow:hidden;padding:60px 40px;position:relative}.auth-promo:before{background:linear-gradient(45deg,#ffd7001a,#d4af370d);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.promo-content{position:relative;z-index:2}.auth-header{margin-bottom:40px;text-align:center}.auth-logo{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:24px}.logo-icon{color:var(--accent-gold);font-size:32px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#1e3c72,#2a5298);-webkit-background-clip:text;background-clip:text;margin:0}.auth-title,.logo-text{font-size:28px;font-weight:700}.auth-title{color:#1e3c72;margin:0 0 8px}.auth-subtitle{color:#666;font-size:16px;margin:0}.social-login{margin-bottom:32px}.social-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#333;cursor:pointer;display:flex;font-weight:500;gap:12px;justify-content:center;margin-bottom:12px;padding:14px 20px;transition:all .3s ease;width:100%}.social-btn:hover{background:#f8f9fa;border-color:#1e3c72;transform:translateY(-2px)}.social-btn.google .social-icon{color:#db4437}.social-btn.facebook .social-icon{color:#4267b2}.social-icon{font-size:20px}.divider{align-items:center;display:flex;margin:24px 0}.divider:after,.divider:before{background:#e0e0e0;content:"";flex:1 1;height:1px}.divider-text{color:#666;font-size:14px;padding:0 16px}.auth-form{flex:1 1}.form-row{display:flex;gap:20px;margin-bottom:6px}.form-row .form-group{flex:1 1}.form-group{margin-bottom:8px}.form-input{background:#fff;border-radius:12px;padding:16px}.form-input.error{border-color:var(--danger-red)}.form-input.error:focus{box-shadow:0 0 0 3px #dc35451a}.error-message{color:var(--danger-red);font-size:13px;margin-top:6px}.password-toggle{font-size:18px;right:16px}.password-hints{display:flex;gap:12px;margin-top:8px}.hint{color:#666;font-size:12px}.form-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.checkbox-label{gap:8px;-webkit-user-select:none;user-select:none}.checkbox-label .checkmark{border-radius:6px;height:20px;width:20px}.checkbox-label.error .checkmark{border-color:var(--danger-red)}.forgot-link{color:#1e3c72;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:#2a5298;text-decoration:underline}.terms-link{color:#1e3c72;font-weight:500;text-decoration:none}.terms-link:hover{text-decoration:underline}.auth-button{border-radius:12px;display:flex;font-size:16px;gap:10px;margin-bottom:20px;padding:16px;width:100%}.auth-button.primary:hover:not(:disabled){box-shadow:0 8px 25px #1e3c724d}.btn-icon{font-size:18px}.spinner{height:20px;margin-right:10px;width:20px}.alert{border-radius:12px;margin-bottom:24px;padding:16px}.alert-content{gap:12px}.alert-icon{background:var(--danger-red);font-size:14px;height:24px;width:24px}.alert-message{color:var(--danger-red)}.auth-footer{border-top:1px solid #e0e0e0;margin-top:auto;padding-top:24px;text-align:center}.footer-text{color:#666;font-size:14px;margin:8px 0}.footer-link{color:#1e3c72;font-weight:500;text-decoration:none}.footer-link:hover{text-decoration:underline}.promo-logo{align-items:center;display:flex;gap:12px;margin-bottom:24px}.promo-logo-icon{color:var(--accent-gold);font-size:40px}.promo-title{color:#fff;font-size:32px;font-weight:700;margin:0 0 8px}.promo-subtitle{color:#fffc;font-size:16px}.promo-features,.promo-subtitle{margin-bottom:40px}.feature{align-items:flex-start;display:flex;gap:16px;margin-bottom:24px}.feature-icon{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;font-size:24px;height:40px;justify-content:center;min-width:40px}.feature-text h4{font-size:16px;margin:0 0 4px}.register-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px}.register-wrapper{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:1000px;overflow:hidden;width:100%}.progress-steps{background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;padding:30px 40px}.step-item{flex:1 1;position:relative}.step-item,.step-number{align-items:center;display:flex}.step-number{background:#e0e0e0;border-radius:50%;color:#666;font-size:18px;height:40px;justify-content:center;transition:all .3s ease;width:40px;z-index:2}.step-item.active .step-number{background:#1e3c72;color:#fff;transform:scale(1.1)}.step-item.completed .step-number{background:#4caf50;color:#fff}.step-info{margin-left:12px;min-width:100px}.step-number-text{color:#666;font-size:12px;font-weight:500}.step-title-text{color:#333;font-size:14px;font-weight:600}.step-connector{background:#e0e0e0;flex:1 1;height:2px;margin:0 20px;position:relative;top:-1px}.step-item.completed .step-connector{background:#4caf50}.form-container{padding:40px}.step-content{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.step-title{color:#1e3c72;font-size:24px;margin-bottom:8px}.step-description{color:#666;font-size:14px;margin-bottom:30px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.form-group.full-width{grid-column:1/-1}.form-label{align-items:center;color:#333;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:8px}.input-icon{color:#666;font-size:16px}.form-input{border:2px solid #e0e0e0;border-radius:10px;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}.form-input.error{border-color:#dc3545}.error-message{color:#dc3545;display:block;font-size:12px;margin-top:5px}.password-input{position:relative}.password-toggle{background:none;border:none;color:#666;cursor:pointer;font-size:16px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.checkbox-label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px}.checkbox-label input{display:none}.checkbox-label .checkmark{align-items:center;border:2px solid #e0e0e0;border-radius:4px;display:flex;height:18px;justify-content:center;transition:all .3s ease;width:18px}.checkbox-label input:checked+.checkmark{background:#1e3c72;border-color:#1e3c72}.checkbox-label input:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.checkbox-label.error .checkmark{border-color:#dc3545}.navigation-buttons{border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding-top:20px}.auth-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s ease}.auth-button.primary{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff}.auth-button.primary:hover:not(:disabled){box-shadow:0 5px 15px #1e3c724d;transform:translateY(-2px)}.auth-button.secondary{background:#fff;border:2px solid #1e3c72;color:#1e3c72}.auth-button.secondary:hover:not(:disabled){background:#f8f9fa}.auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-icon{font-size:14px}.success-step{text-align:center}.success-icon{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.success-email{color:#1e3c72;display:inline-block;font-weight:600;margin:20px 0;padding:12px 20px}.success-details,.success-email{background:#f8f9fa;border-radius:10px}.success-details{margin:30px 0;padding:20px;text-align:left}.detail-item{display:flex;margin-bottom:15px}.detail-item:last-child{margin-bottom:0}.detail-label{color:#333;font-weight:600;min-width:120px}.detail-value{color:#666;flex:1 1}.status-pending{color:#ff9800;font-weight:600}.action-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;margin-right:8px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.alert{animation:slideIn .3s ease;border-radius:8px;margin-bottom:20px;padding:12px 16px}.alert-error{background:#dc35451a;border:1px solid #dc354533}.alert-content{gap:10px}.alert-content,.alert-icon{align-items:center;display:flex}.alert-icon{background:#dc3545;border-radius:50%;color:#fff;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.alert-message{color:#dc3545;flex:1 1;font-size:14px}@media (max-width:768px){.register-wrapper{border-radius:10px}.progress-steps{flex-direction:column;gap:20px;padding:20px}.step-item{width:100%}.step-connector{display:none}.form-container{padding:20px}.form-grid{grid-template-columns:1fr}.navigation-buttons{flex-direction:column;gap:10px}.auth-button{width:100%}.action-buttons{flex-direction:column}}
/*# sourceMappingURL=main.976258e0.css.map*/