@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.modal-overlay.modal-fullscreen{position:fixed!important;top:0;left:0;width:100vw;height:100vh;z-index:1000!important;display:flex;justify-content:center;align-items:center;background-color:var(--modal-overlay-background);animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--modal-content-background);border-radius:16px;box-shadow:0 25px 50px var(--modal-content-shadow);max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s ease;border:1px solid var(--modal-content-border)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:500px}.modal-large{width:100%;max-width:800px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid var(--modal-header-border);margin-bottom:0}.modal-title{font-size:20px;font-weight:600;color:var(--modal-title-color);margin:0;flex:1}.modal-close-button{background:none;border:none;font-size:24px;color:var(--modal-close-button-color);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-left:16px}.modal-close-button:hover{background-color:var(--modal-close-button-hover-background);color:var(--modal-close-button-hover-color)}.modal-close-button:active{transform:scale(.95)}.modal-body{padding:24px}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:var(--modal-scrollbar-track);border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:var(--modal-scrollbar-thumb);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--modal-scrollbar-thumb-hover)}.modal-overlay.modal-fullscreen{position:fixed}.modal-overlay.modal-contained{position:absolute}.modal-overlay.modal-contained:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header{padding:20px 20px 0}.modal-body{padding:20px}.modal-title{font-size:18px}}@media (max-width: 480px){.modal-overlay{padding:5px}.modal-small,.modal-medium,.modal-large{max-width:none;width:100%}.modal-header{padding:16px 16px 0}.modal-body{padding:16px}}.otp-input-container{display:flex;justify-content:space-between;gap:.5rem;margin:1rem 0}.otp-input-container .otp-input{width:2.8rem;height:2.8rem;font-size:1.2rem;text-align:center;border:2px solid #ddd;border-radius:5px;outline:none;transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease;animation:otpInputAppear .3s ease}.otp-input-container .otp-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.otp-input-container .otp-input.invalid{border-color:#ff4d4f;box-shadow:0 0 5px #ff4d4f80}.otp-input-container .otp-input:disabled{background-color:#f5f5f5;border-color:#ccc;cursor:not-allowed}.spinner{border-style:solid;border-radius:50%;animation:spin linear infinite;display:inline-block}.spinner-small{width:16px;height:16px}.spinner-medium{width:20px;height:20px}.spinner-large{width:32px;height:32px}.spinner-inline{margin-right:8px;vertical-align:middle}.spinner-center{display:block;margin:0 auto}.spinner-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner-primary{border-color:transparent transparent transparent #667eea}.spinner-success{border-color:transparent transparent transparent #28a745}.spinner-warning{border-color:transparent transparent transparent #ffc107}.spinner-error{border-color:transparent transparent transparent #dc3545}.spinner-white{border-color:transparent transparent transparent #ffffff}.spinner-dark{border-color:transparent transparent transparent #333333}.text-input{position:relative;min-width:150px}.text-input label{width:100%;margin-top:1em;font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--modal-label-color);pointer-events:none}.text-input{position:relative}.text-input input,.text-input textarea{width:100%;padding:14px 18px;border:2px solid var(--profile-edit-input-border-color);border-radius:12px;font-size:15px;transition:all .3s ease;background:var(--profile-edit-input-background);box-sizing:border-box;color:var(--text-color)}.text-input input:focus,.text-input textarea:focus{outline:none;border-color:var(--profile-edit-input-focus-border);background:var(--modal-content-background);box-shadow:0 0 0 4px var(--profile-edit-input-focus-shadow)}.text-input input::placeholder,.text-input textarea::placeholder{color:var(--profile-edit-placeholder-color);transition:all .3s ease}.text-input input:focus::placeholder,.text-input textarea:focus::placeholder{opacity:.7}.text-input input:-webkit-autofill,.text-input textarea:-webkit-autofill{background-color:transparent!important;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:var(--text-color)!important}.text-input-wrapper{position:relative;display:flex;align-items:center}.text-input.with-verify .text-input-wrapper input,.text-input.with-verify .text-input-wrapper textarea{padding-right:70px}.text-input .verify-button:hover:not(:disabled){background:var(--profile-edit-scrollbar-thumb-hover);transform:translateY(-50%) scale(1.05)}.text-input .verify-button:active{transform:translateY(-50%) scale(.95)}.text-input .verify-button:disabled{opacity:.6;cursor:not-allowed;transform:translateY(-50%)!important}.text-input .verify-button.verified{background:linear-gradient(135deg,#28a745,#20c997);cursor:default}.text-input .verify-button.verified:hover{background:linear-gradient(135deg,#28a745,#20c997);transform:translateY(-50%)}.text-input .verify-spinner{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.theme-switcher-container,.theme-dropdown{position:relative;display:inline-block}.theme-dropdown-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg-secondary, #f8f9fa);border:1px solid var(--color-border, #dee2e6);border-radius:8px;color:var(--color-text, #333);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:7.8rem;max-width:7.8rem;justify-content:space-between}.theme-dropdown-btn:hover{background:var(--color-bg-hover, #e9ecef);border-color:var(--color-border-hover, #adb5bd)}.theme-dropdown-btn:focus{outline:none;border-color:var(--color-primary, #0d6efd);box-shadow:0 0 0 2px var(--color-primary-alpha, rgba(13, 110, 253, .25))}.theme-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary, #6c757d)}.theme-label{flex:1;text-align:left}.dropdown-arrow{transition:transform .2s ease;color:var(--color-text-secondary, #6c757d)}.dropdown-arrow.open{transform:rotate(180deg)}.theme-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #dee2e6);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden;animation:dropdown-fade-in .15s ease-out}.theme-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--color-text, #333);font-size:14px;cursor:pointer;transition:background-color .15s ease;text-align:left}.theme-option:hover{background:var(--color-bg-hover, #f8f9fa)}.theme-option.active{background:var(--color-primary-light, #e7f3ff);color:var(--color-primary, #0d6efd)}.theme-option-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit}.theme-option-label{flex:1;display:flex;align-items:center}.check-icon{color:var(--color-primary, #0d6efd);width:16px;height:16px}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .theme-dropdown-btn{background:var(--color-bg-secondary-dark, #2d3748);border-color:var(--color-border-dark, #4a5568);color:var(--color-text-dark, #e2e8f0)}[data-theme=dark] .theme-dropdown-btn:hover{background:var(--color-bg-hover-dark, #4a5568);border-color:var(--color-border-hover-dark, #718096)}[data-theme=dark] .theme-dropdown-menu{background:var(--color-bg-primary-dark, #1a202c);border-color:var(--color-border-dark, #4a5568);box-shadow:0 4px 12px #0006}[data-theme=dark] .theme-option{color:var(--color-text-dark, #e2e8f0)}[data-theme=dark] .theme-option:hover{background:var(--color-bg-hover-dark, #2d3748)}[data-theme=dark] .theme-option.active{background:var(--color-primary-dark-light, #2b6cb0);color:var(--color-primary-light, #90cdf4)}.theme-icon-container{position:relative;display:flex;align-items:center;justify-content:center}.system-indicator{position:absolute;bottom:-2px;right:-2px;background:var(--color-bg-primary, #ffffff);border-radius:50%;padding:1px;box-shadow:0 0 0 1px var(--color-border, #dee2e6)}[data-theme=dark] .system-indicator{background:var(--color-bg-primary-dark, #1a202c);box-shadow:0 0 0 1px var(--color-border-dark, #4a5568)}.system-preference{font-size:12px;color:var(--color-text-secondary, #6c757d);margin-left:4px;font-weight:400}[data-theme=dark] .system-preference{color:var(--color-text-secondary-dark, #a0aec0)}.theme-option.active .system-preference{color:var(--color-primary, #0d6efd)}[data-theme=dark] .theme-option.active .system-preference{color:var(--color-primary-light, #90cdf4)}@media (max-width: 768px){.theme-dropdown-btn{min-width:100px;padding:6px 10px;font-size:13px}.theme-option{padding:8px 10px;font-size:13px}}@media (prefers-contrast: high){.theme-dropdown-btn,.theme-dropdown-menu{border-width:2px}}@media (prefers-reduced-motion: reduce){.theme-dropdown-btn,.dropdown-arrow,.theme-option{transition:none}.theme-dropdown-menu{animation:none}}.header{position:fixed;width:100%;height:var(--header-height);top:0;left:0;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;background-color:var(--header-background);box-shadow:0 0 10px #00000087;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.53);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,.53);z-index:999}.header .logo-container{position:relative;width:170px;height:45px;overflow:hidden}.header .logo-container img{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%)}.header .search-container{width:100%;max-width:32rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.2em}.header .search-container .search-input{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--search-bar-background);border:1px solid var(--search-bar-border);border-radius:.4em;overflow:hidden}.header .search-container .search-input .text-input{width:100%}.header .search-container .search-input .text-input input{margin-top:0;padding-left:.8em;background-color:transparent;border:none;outline:none;color:var(--text-color)}.header .search-container .search-input .text-input input:-webkit-autofill{color:var(--text-color)!important;-webkit-text-fill-color:var(--text-color)!important}.header .search-container .search-input .text-input input:focus{border:none;outline:none}.header .search-container .search-input .search-icon{margin:0 .5em;color:var(--search-icon-color);font-size:1.2em}.header .right-side{position:relative;display:flex;flex-direction:row;align-items:center;height:50%;justify-content:center;gap:.9em}.header .right-side .options-container{position:relative}.header .right-side .options-container .option-btn{padding:.4em .8em;display:flex;align-items:center;justify-content:center;background-color:var(--category-header-background);color:var(--option-btn-color);border:1px solid var(--category-header-border-bottom);font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:.85em;border-radius:.4rem;cursor:pointer;height:100%}.header .right-side .options-container .linking-options{position:absolute;top:120%;right:0;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:.5em;background-color:var(--sidebar-background);border-radius:.7rem;padding:1rem;border:1px solid var(--category-header-border-bottom);transform:translateY(-10px) scaleY(0);transform-origin:top;opacity:0;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,transform .3s ease}.header .right-side .options-container .linking-options.open{max-height:25em;transform:translateY(0) scaleY(1);opacity:1;overflow:hidden;box-shadow:0 0 10px #00000087;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.53);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,.53)}.header .right-side .options-container .linking-options .option-btn{width:100%;background-color:transparent;border:none;white-space:nowrap;display:flex;gap:1em;justify-content:space-between}.header .right-side .options-container .linking-options .option-btn:hover{background-color:var(--category-select-btn-hover-background);color:var(--category-select-btn-hover-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.header .right-side .options-container .linking-options .option-btn:hover svg{transform:translate(5px);transition:transform .3s ease}.header .right-side .options-container .linking-options .option-btn:not(:hover) svg{transition:transform .3s ease}.header .right-side .options-container .linking-options .option-btn span{width:100%}.header .right-side .user-btn{padding:0 1em;display:flex;flex-direction:row;align-items:center;gap:.6rem;background-color:var(--select-table-btn-background);color:var(--select-table-btn-color);border:1px solid var(--select-table-btn-border);font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:.85em;border-radius:.7rem;cursor:pointer;height:100%;max-width:200px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header .right-side .user-btn:hover{background-color:var(--select-table-btn-hover-background);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.header .right-side .user-dropdown{position:absolute;width:20em;max-height:25em;top:150%;right:0;transform:translateY(-10px) scaleY(0);transform-origin:top;padding:1em;display:flex;flex-direction:column;align-items:flex-start;gap:.2em;background-color:var(--table-dropdown-menu-bg);color:var(--table-dropdown-menu-color);border:1px solid var(--table-dropdown-menu-border);border-radius:.4em;opacity:0;z-index:60;overflow-y:auto;transition:max-height .3s ease,opacity .3s ease,transform .3s ease}.header .right-side .user-dropdown.open{max-height:25em;transform:scaleY(1);transform:translateY(0);opacity:1;overflow:auto;box-shadow:0 0 10px #00000087;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.53);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,.53)}.header .right-side .user-dropdown .user-details-item{width:100%;padding:.5em 1em;display:flex;flex-direction:row;align-items:center;gap:.6em;border-radius:.4em;transition:background-color .3s ease-in-out}.header .right-side .user-dropdown .user-details-item:hover{background-color:var(--table-dropdown-menu-item-hover-bg);color:var(--table-dropdown-menu-item-hover-color)}.header .right-side .user-dropdown .user-details-text{width:calc(100% - 1.2em);margin-bottom:.6em;margin-left:.6em;padding:.4em .8em;display:flex;align-items:center;justify-content:center;gap:.5em;font-size:1.1em;background-color:var(--category-select-btn-background);border:1px solid var(--category-select-btn-border);border-radius:.4em;color:var(--category-select-btn-color);transition:background-color .3s ease-in-out}.header .right-side .user-dropdown .user-details-text:hover{background-color:var(--category-select-btn-hover-background);color:var(--category-select-btn-hover-color)}.header .right-side .user-dropdown .logout-btn{width:calc(100% - 1.2em);margin-top:.6em;margin-left:.6em;padding:.4em .8em;display:flex;align-items:center;justify-content:center;gap:.5em;font-size:1.05em;background-color:var(--delete-button-bg);border:1px solid var(--delete-button-border);border-radius:.4em;color:var(--delete-button-text);transition:background-color .3s ease-in-out;cursor:pointer}.header .right-side .user-dropdown .logout-btn:hover{background-color:var(--delete-button-hover-bg)}.sidebar-container{position:fixed;min-width:var(--sidebar-width);max-width:var(--sidebar-width);height:calc(100vh - var(--header-height));top:0;left:0;margin-top:var(--header-height);padding:1em 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:var(--sidebar-background);z-index:1}.sidebar-container .sidebar-nav{width:100%}.sidebar-container .sidebar-nav .sidebar-list{list-style:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;overflow-y:auto}.sidebar-container .sidebar-nav .sidebar-list .sidebar-item,.sidebar-container .sidebar-footer .sidebar-item{width:4em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3em;border:1px solid var(--sidebar-avatar-border);border-radius:.4em;color:var(--sidebar-item-color);text-decoration:none;transition:all .3s ease;cursor:pointer}.sidebar-container .sidebar-nav .sidebar-list .sidebar-item:hover,.sidebar-container .sidebar-footer .sidebar-item:hover{background-color:var(--sidebar-hover-background);color:var(--sidebar-item-hover-color)}.sidebar-container .sidebar-nav .sidebar-list .sidebar-item.active,.sidebar-container .sidebar-footer .sidebar-item.active{background-color:var(--sidebar-item-selected-background);border:1px solid var(--sidebar-item-selected-border);color:var(--sidebar-item-hover-color)}.sidebar-container .sidebar-nav .sidebar-list .sidebar-item .sidebar-link,.sidebar-container .sidebar-footer .sidebar-item .sidebar-logout{width:100%;padding:.3em;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.4em;text-decoration:none;color:inherit}.sidebar-container .sidebar-nav .sidebar-list .sidebar-item .sidebar-link svg,.sidebar-container .sidebar-footer .sidebar-item .sidebar-logout svg{font-size:1.2em}.sidebar-container .sidebar-nav .sidebar-list .sidebar-item .sidebar-link .sidebar-link-text,.sidebar-container .sidebar-footer .sidebar-item .sidebar-logout .sidebar-link-text{font-size:.68em;text-align:center}.sidebar-container .sidebar-footer{margin-top:2em;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.sidebar-container .sidebar-footer .img-container{position:relative;width:3.2em;height:3.2em;margin-bottom:.5em;border-radius:50%;border:1px solid var(--sidebar-avatar-border);overflow:hidden;transition:all .3s ease}.sidebar-container .sidebar-footer .img-container img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover}.sidebar-container .sidebar-footer .img-container:hover{background-color:var(--sidebar-item-selected-background);border-color:var(--sidebar-avatar-hover-border)}.sidebar-container .sidebar-footer .sidebar-item .sidebar-logout{background:none;border:none;cursor:pointer;font-family:inherit;outline:none}.sidebar-container .sidebar-footer .sidebar-item .sidebar-logout:focus{outline:2px solid var(--focus-outline-color, #007bff);outline-offset:2px}.sidebar-container .profile-edit-form{display:none;flex-direction:column;align-items:center;justify-content:center;gap:.5em;width:100%}.profile-edit-modal,.modal-medium{max-width:40vw}.profile-edit-modal .modal-body{padding:0}.profile-edit-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;background:var(--modal-content-background)}.profile-edit-heading{margin:0 0 8px;color:var(--text-color);font-size:28px;font-weight:700;line-height:1.2}.profile-edit-subheading{font-size:15px;margin:0;color:var(--profile-edit-subheading-color);line-height:1.5}.profile-edit-modal .signup-form{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:start}.profile-edit-modal .text-input,.profile-edit-modal .password-input,.profile-edit-modal .phone-input,.profile-edit-modal .select-search-input,.profile-edit-modal .file-input{position:relative}.profile-edit-modal .file-input{grid-column:1 / -1;position:relative}.profile-edit-modal .text-input .text-input-wrapper{display:block}.profile-edit-modal .text-input input,.profile-edit-modal .password-input input,.profile-edit-modal .phone-input .phone-input-container,.profile-edit-modal .select-search-input input,.profile-edit-modal .file-input input{width:100%;padding:14px 18px;border:2px solid var(--profile-edit-input-border-color);border-radius:12px;font-size:15px;transition:all .3s ease;background:var(--profile-edit-input-background);box-sizing:border-box;color:var(--text-color)}.profile-edit-modal .phone-input .phone-input-container .phone-input-prefix{border-right:0;background-color:transparent}[data-theme=dark] .profile-edit-modal .text-input input,[data-theme=dark] .profile-edit-modal .password-input input,[data-theme=dark] .profile-edit-modal .phone-input .phone-input-container,[data-theme=dark] .profile-edit-modal .select-search-input input,[data-theme=dark] .profile-edit-modal .file-input input{background:var(--profile-edit-input-background);border-color:var(--profile-edit-input-border-color);color:var(--text-color)}[data-theme=dark] .profile-edit-modal .phone-input input,[data-theme=light] .profile-edit-modal .phone-input input{color:var(--text-color)}.profile-edit-modal .text-input input:focus,.profile-edit-modal .password-input input:focus,.profile-edit-modal .phone-input .phone-input-container:focus-within,.profile-edit-modal .select-search-input input:focus,.profile-edit-modal .file-input input:focus{outline:none;border-color:var(--profile-edit-input-focus-border);background:var(--modal-content-background);box-shadow:0 0 0 4px var(--profile-edit-input-focus-shadow)}.profile-edit-modal .text-input input::placeholder,.profile-edit-modal .password-input input::placeholder,.profile-edit-modal .phone-input input::placeholder,.profile-edit-modal .phone-input .phone-input-container .phone-input-prefix,.profile-edit-modal .select-search-input input::placeholder,.profile-edit-modal .file-input input::placeholder{color:var(--profile-edit-placeholder-color);transition:all .3s ease}[data-theme=dark] .profile-edit-modal .text-input input::placeholder,[data-theme=dark] .profile-edit-modal .password-input input::placeholder,[data-theme=dark] .profile-edit-modal .phone-input input::placeholder,[data-theme=dark] .profile-edit-modal .select-search-input input::placeholder,[data-theme=dark] .profile-edit-modal .file-input input::placeholder{color:var(--profile-edit-placeholder-color)}.profile-edit-modal .select-search-input,.profile-edit-modal .select-search-input .inputContainer{width:100%}.profile-edit-modal .select-search-input .inputContainer .select{width:100%;padding:13px 18px;border:2px solid var(--profile-edit-input-border-color);border-radius:12px;font-size:15px;transition:all .3s ease;background:var(--profile-edit-input-background);box-sizing:border-box;color:var(--text-color);text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.profile-edit-modal .select-search-input .inputContainer .select:hover,.profile-edit-modal .select-search-input .inputContainer .select:focus{outline:none;border-color:var(--profile-edit-input-focus-border);background:var(--modal-content-background)}.profile-edit-modal .select-search-input .inputContainer .select span{flex:1;text-align:left}.profile-edit-modal .select-search-input .inputContainer svg{margin-left:10px;color:var(--profile-edit-icon-button-color);transition:transform .3s ease}[data-theme=dark] .profile-edit-modal .select-search-input .inputContainer .select{background:var(--profile-edit-input-background);border-color:var(--profile-edit-input-border-color);color:var(--text-color)}[data-theme=dark] .profile-edit-modal .select-search-input .inputContainer svg{color:var(--profile-edit-icon-button-color)}.profile-edit-modal .select-search-input .dropdown{background:var(--profile-edit-dropdown-background);border-top:none;border-radius:0 0 12px 12px;z-index:1000;max-height:200px;overflow-y:auto;box-shadow:0 4px 6px #0000001a}[data-theme=dark] .profile-edit-modal .select-search-input .dropdown{background:var(--profile-edit-dropdown-background);border-color:var(--profile-edit-input-border-color)}.profile-edit-modal .select-search-input .dropdown.hidden{display:none}.profile-edit-modal .select-search-input .dropdown .dropdown-search{border:2px solid var(--search-bar-border);padding:12px 16px;background:transparent;font-size:14px;color:var(--text-color);outline:none}.profile-edit-modal .select-search-input .dropdown .dropdown-search::placeholder{color:var(--profile-edit-placeholder-color)}[data-theme=dark] .profile-edit-modal .select-search-input .dropdown .dropdown-search::placeholder{color:var(--profile-edit-placeholder-color)}.profile-edit-modal .select-search-input .dropdown .choice{width:100%;padding:12px 16px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:14px;color:var(--text-color);transition:background-color .2s ease;border-bottom:1px solid transparent}.profile-edit-modal .select-search-input .dropdown .choice:hover{background:var(--profile-edit-dropdown-choice-hover)}.profile-edit-modal .select-search-input .dropdown .choice.active{background:var(--profile-edit-dropdown-choice-active);color:var(--profile-edit-dropdown-choice-active-color);font-weight:500}[data-theme=dark] .profile-edit-modal .select-search-input .dropdown .choice:hover{background:var(--profile-edit-dropdown-choice-hover)}[data-theme=dark] .profile-edit-modal .select-search-input .dropdown .choice.active{background:var(--profile-edit-dropdown-choice-active);color:var(--profile-edit-dropdown-choice-active-color)}.profile-edit-modal .password-input .icon-button{position:absolute;right:15px;top:50%;background:none;border:none;cursor:pointer;color:var(--profile-edit-icon-button-color);font-size:18px;transition:color .3s ease}.profile-edit-modal .password-input .icon-button:hover{color:var(--profile-edit-icon-button-hover-color)}[data-theme=dark] .profile-edit-modal .password-input .icon-button{color:var(--profile-edit-icon-button-color)}[data-theme=dark] .profile-edit-modal .password-input .icon-button:hover{color:var(--profile-edit-icon-button-hover-color)}.profile-edit-modal .submit-button{grid-column:1 / -1;width:100%;padding:15px;margin-top:15px;font-size:16px;font-weight:600;background:var(--profile-edit-button-background);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.profile-edit-modal .submit-button:hover{box-shadow:0 10px 25px var(--profile-edit-button-shadow)}.profile-edit-modal .submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.profile-edit-modal .submit-button .button-spinner{margin-right:8px}.profile-edit-modal .modal-content::-webkit-scrollbar{width:6px}.profile-edit-modal .modal-content::-webkit-scrollbar-track{background:var(--profile-edit-scrollbar-track);border-radius:3px}.profile-edit-modal .modal-content::-webkit-scrollbar-thumb{background:var(--profile-edit-scrollbar-thumb);border-radius:3px}.profile-edit-modal .modal-content::-webkit-scrollbar-thumb:hover{background:var(--profile-edit-scrollbar-thumb-hover)}@media (max-width: 768px){.profile-edit-modal,.modal-medium{max-width:400px}.profile-edit-container{padding:15px}.profile-edit-heading{font-size:24px}.profile-edit-subheading{font-size:14px}.profile-edit-modal .signup-form{display:grid;grid-template-columns:1fr;gap:15px;align-items:start}.profile-edit-modal .submit-button{padding:14px;font-size:15px}}@media (max-width: 480px){.profile-edit-modal,.modal-medium{max-width:98vw}.profile-edit-container{padding:10px;gap:15px}.profile-edit-heading{font-size:22px}.profile-edit-subheading{font-size:13px}.profile-edit-modal .signup-form{gap:12px}.profile-edit-modal .submit-button{padding:12px;font-size:14px}}.password-input{position:relative;min-width:150px}.password-input label{width:100%;margin-top:1em;font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--modal-label-color);pointer-events:none}.password-input input{position:relative;display:block;width:100%;margin-top:.3em;padding:14px 45px 14px 18px;font-size:15px;color:var(--text-color);overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis;border:2px solid var(--profile-edit-input-border-color);border-radius:12px;background:var(--profile-edit-input-background);box-sizing:border-box;transition:all .3s ease}.password-input input:focus{outline:none;border-color:var(--profile-edit-input-focus-border);background:var(--modal-content-background);box-shadow:0 0 0 4px var(--profile-edit-input-focus-shadow)}.password-input input::placeholder{color:var(--profile-edit-placeholder-color);transition:all .3s ease}.password-input input:focus::placeholder{opacity:.7}.password-input input:-webkit-autofill{background-color:transparent!important;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:var(--text-color)!important}.password-input .icon-button{position:absolute;top:calc(50% + .15em);right:15px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--profile-edit-icon-button-color);transition:color .3s ease}.password-input .icon-button:hover{color:var(--profile-edit-icon-button-hover-color)}.phone-input{position:relative;min-width:150px}.phone-input label{width:100%;margin-top:1em;font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--modal-label-color);pointer-events:none}.phone-input-container{position:relative;display:flex;align-items:center;border:1px solid var(--profile-edit-input-border-color);border-radius:10px;overflow:hidden}.phone-input-container:focus-within{border:1px solid var(--profile-edit-input-focus-border)}.phone-input-prefix{padding:10px 12px;font-size:1rem;color:var(--text-color);background-color:var(--profile-edit-input-background);border-right:1px solid var(--profile-edit-input-border-color);white-space:nowrap;-webkit-user-select:none;user-select:none}.phone-input{position:relative}.text-input .text-input-wrapper{display:block}.phone-input .phone-input-container{padding:0!important}.phone-input .phone-input-container input{border:none;outline:none}.phone-input .phone-input-container input:focus{border:none;outline:none}.phone-input input,.phone-input .phone-input-container{width:100%;padding:14px 18px;border:2px solid var(--profile-edit-input-border-color);border-radius:12px;font-size:15px;transition:all .3s ease;background:var(--profile-edit-input-background);box-sizing:border-box;color:var(--text-color)}.phone-input input{border-radius:0}.phone-input .phone-input-container:focus-within{outline:none;border-color:var(--profile-edit-input-focus-border);background:var(--modal-content-background);box-shadow:0 0 0 4px var(--profile-edit-input-focus-shadow)}.phone-input input:focus::placeholder{opacity:.7}.verify-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--profile-edit-button-background);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center;min-width:50px;height:28px}.verify-button:hover:not(:disabled){background:var(--profile-edit-scrollbar-thumb-hover);transform:translateY(-50%) scale(1.05)}.verify-button:active{transform:translateY(-50%) scale(.95)}.verify-button:disabled{opacity:.6;cursor:not-allowed;transform:translateY(-50%)!important}.verify-button.verified{background:linear-gradient(135deg,#28a745,#20c997);cursor:default}.verify-button.verified:hover{background:linear-gradient(135deg,#28a745,#20c997);transform:translateY(-50%)}.verify-spinner{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.phone-input.with-verify .phone-input-container input{padding-right:70px}.phone-input.with-verify .phone-input-wrapper{position:relative;display:flex;align-items:center}.phone-input.with-verify .phone-input-wrapper input{padding-right:70px}.phone-input input:-webkit-autofill{background-color:transparent!important;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:var(--text-color)!important}.phone-input input:focus{outline:none}.phone-input.no-prefix .phone-input-container{display:block}.phone-input.no-prefix input{display:block;width:100%;padding:10px 20px;border:1px solid var(--profile-edit-input-border-color);border-radius:10px;color:var(--text-color)}.phone-input.no-prefix input:focus{border:1px solid var(--profile-edit-input-focus-border)}.otp-verification-content{text-align:center}.otp-instruction{font-size:14px;color:var(--modal-instruction-color);margin-bottom:20px;line-height:1.5}.otp-input-section{margin-bottom:25px}.otp-label{display:block;font-size:14px;font-weight:600;color:var(--modal-label-color);margin-bottom:10px}.otp-actions{display:flex;justify-content:center}.otp-verify-button{background:var(--profile-edit-button-background);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-width:120px}.otp-verify-button:hover:not(:disabled){background:var(--profile-edit-scrollbar-thumb-hover);transform:translateY(-2px);box-shadow:0 8px 20px var(--profile-edit-button-shadow)}.otp-verify-button:active{transform:translateY(0)}.otp-verify-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.file-input{width:100%;padding:0 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;border-radius:.5em;overflow:hidden}.file-input label{width:100%;display:block;font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--sidebar-item-color);pointer-events:none}.file-input .img-container{position:relative;width:300px;height:300px;overflow:hidden;border:1px solid var(--category-select-btn-border);border-radius:.4em}.file-input .img-container img,.file-input .display-image img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover}.file-input .overlay{display:none;position:absolute;width:100%;height:100%;background:#0000004d;border:none;cursor:pointer}.file-input .overlay.show{display:flex;align-items:center;justify-content:center}.file-input .overlay svg{color:#fff;font-weight:700;font-size:1.5em}.file-input input{width:100%;padding:.32em .9em;background-color:var(--category-select-btn-background);border:1px solid var(--category-select-btn-border);border-radius:.5em;color:var(--category-select-btn-color);font-size:.9rem;transition:border-color .3s ease-in-out;outline:none;cursor:pointer}.file-input input::-webkit-file-upload-button{padding:.31em .9em;background-color:var(--category-select-btn-background);border:1px solid var(--category-select-btn-border);border-radius:.5em;color:var(--category-select-btn-color);font-size:.9rem;transition:background-color .3s ease-in-out;cursor:pointer}.file-input input::-webkit-file-upload-button:hover{background-color:var(--category-select-btn-hover-background)}.file-input .display-image{position:fixed;width:300px;height:300px;background:var(--category-select-btn-background);border:1px solid var(--category-select-btn-border);border-radius:.5em;overflow:hidden;pointer-events:none;opacity:0;transition:.15s opacity ease-in;z-index:500}.select-search-input{position:relative;min-width:150px}.select-search-input .label{width:100%;margin-top:1em;margin-bottom:.3em;display:block;font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--sidebar-item-color);pointer-events:none}.select-search-input .inputContainer{position:relative;z-index:2}.select-search-input .select,.select-search-input .dropdown .dropdown-search{width:100%;padding:.6em 2em .6em .9em;background-color:var(--category-select-btn-background);border:1px solid var(--category-select-btn-border);border-radius:.5em;color:var(--category-select-btn-color);font-size:.9rem;text-align:left;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:background-color .3s ease-in-out;cursor:pointer}.select-search-input .select:disabled{background-color:#c8d9ec;cursor:not-allowed}.select-search-input .select:hover:not(:disabled){background-color:var(--category-select-btn-hover-background)}.select-search-input svg{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:1em;color:var(--category-select-btn-color);pointer-events:none}.select-search-dropdown{position:fixed;padding:.8em 0;width:200px;max-height:20em;display:block;background:var(--dropdown-background);border:none;border-radius:.5em;box-shadow:0 4px 6px #0000001a;font-size:1em;font-weight:400;text-wrap:nowrap;text-overflow:ellipsis;overflow-x:hidden;overflow-y:auto;z-index:1000}.select-search-dropdown-enter{opacity:0;transform:translateY(-10px);pointer-events:none}.select-search-dropdown-enter-active{opacity:1;transform:translateY(0);pointer-events:all;transition:all .3s ease-in-out}.select-search-dropdown-exit{opacity:1;transform:translateY(0);pointer-events:all}.select-search-dropdown-exit-active{opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .3s ease-in-out}.select-search-dropdown .dropdown-search{width:calc(100% - 1em);margin:0 .5em 1em;padding:10px 20px;background-color:var(--search-bar-background);border:1px solid var(--search-bar-border);border-radius:10px;font-size:1em;color:var(--text-color);overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}.select-search-dropdown .dropdown-search:focus{outline:none;border:1px solid rgb(169,179,156)}.select-search-dropdown .choice{width:100%;padding:8px 20px;display:flex;flex-direction:row;gap:10px;background:none;border:none;color:var(--text-color);font-size:.95em;text-align:left;text-wrap:wrap;cursor:pointer;transition:background-color .3s ease}.select-search-dropdown .choice:not(.disabled):not(.active):hover{background-color:var(--category-dropdown-item-hover)}.select-search-dropdown .choice.active{background-color:#dbecff;color:#0057ba}.loader-container{position:fixed;width:100%;height:100vh;background-color:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loader{position:relative;width:2.5em;height:2.5em;transform:rotate(165deg)}.loader:before,.loader:after{content:"";position:absolute;top:50%;left:50%;display:block;width:.5em;height:.5em;border-radius:.25em;transform:translate(-50%,-50%)}.loader:before{animation:before8 2s infinite}.loader:after{animation:after6 2s infinite}@keyframes before8{0%{width:.5em;box-shadow:1em -.5em #e11462bf,-1em .5em #6fcadcbf}35%{width:2.5em;box-shadow:0 -.5em #e11462bf,0 .5em #6fcadcbf}70%{width:.5em;box-shadow:-1em -.5em #e11462bf,1em .5em #6fcadcbf}to{box-shadow:1em -.5em #e11462bf,-1em .5em #6fcadcbf}}@keyframes after6{0%{height:.5em;box-shadow:.5em 1em #3db88fbf,-.5em -1em #e9a920bf}35%{height:2.5em;box-shadow:.5em 0 #3db88fbf,-.5em 0 #e9a920bf}70%{height:.5em;box-shadow:.5em -1em #3db88fbf,-.5em 1em #e9a920bf}to{box-shadow:.5em 1em #3db88fbf,-.5em -1em #e9a920bf}}.loader{position:absolute;top:calc(50% - 1.25em);left:calc(50% - 1.25em)}.outlet-container{width:calc(100%vw - var(--sidebar-width));height:calc(100vh - var(--header-height));margin-left:var(--sidebar-width);margin-top:var(--header-height)}.date-input{position:relative;min-width:100px}.date-input label{width:100%;margin-top:1em;margin-bottom:.3em;display:block;font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--sidebar-item-color);pointer-events:none}.date-input input{position:relative;width:100%;padding:.6em .9em;background-color:var(--category-select-btn-background);border:1px solid var(--category-select-btn-border);color:var(--category-select-btn-color);font-size:.9rem;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-radius:5px;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out;z-index:2}.date-input input:disabled{background-color:#c8d9ec;cursor:not-allowed}.date-input input:hover:not(:disabled){background-color:var(--category-select-btn-hover-background)}.date-input input::-webkit-calendar-picker-indicator{color:var(--category-select-btn-color);cursor:pointer}.multiple-select-input{position:relative;min-width:150px}.multiple-select-input .label{width:100%;margin-top:1em;margin-bottom:.3em;display:block;font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--sidebar-item-color);pointer-events:none}.multiple-select-input .input-display{position:relative;width:100%;padding:.6em 2em .6em .9em;background-color:var(--category-select-btn-background);border:1px solid var(--category-select-btn-border);border-radius:.5em;color:var(--category-select-btn-color);font-size:.9rem;text-align:left;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;z-index:2;transition:background-color .3s ease-in-out;cursor:pointer}.multiple-select-input .input-display:disabled{background-color:#c8d9ec;cursor:not-allowed}.multiple-select-input .input-display:hover:not(:disabled){background-color:var(--category-select-btn-hover-background)}.multiple-select-input svg{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:1em;color:var(--category-select-btn-color);pointer-events:none}.multiple-select-dropdown{position:fixed;display:block;width:200px;max-height:20em;padding:.8em 0;opacity:0;transform:translateY(-10px);background:var(--dropdown-background);border:none;border-radius:.5em;box-shadow:0 4px 6px #0000001a;font-size:1em;font-weight:400;text-wrap:nowrap;text-overflow:ellipsis;overflow-x:hidden;overflow-y:auto;z-index:1000;pointer-events:none;transition:all .3s ease-in-out}.multiple-select-dropdown.show{opacity:1;transform:translateY(0);pointer-events:all}.multiple-select-dropdown .choice{width:100%;padding:8px 20px;display:flex;flex-direction:row;gap:10px;background:none;border:none;color:var(--text-color);font-size:.95em;text-align:left;text-wrap:wrap;cursor:pointer;transition:background-color .3s ease}.multiple-select-dropdown .choice:not(.disabled):not(.active):hover{background-color:var(--category-dropdown-item-hover)}.multiple-select-dropdown .choice.active{background-color:#dbecff;color:#0057ba}.multiple-select-dropdown .choice input{pointer-events:none}.multiple-select-dropdown .choice .choice-label{width:100%}.currency-input{position:relative;min-width:150px}.currency-input label{display:block;width:100%;margin-top:1em;margin-bottom:.3em;font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--text-color);pointer-events:none}.currency-input .currency{position:absolute;left:.85em;color:var(--text-color);font-size:1em}.currency-input input{display:block;width:100%;padding:.56em .9em .56em 2em;background-color:var(--search-bar-background);border:1px solid var(--search-bar-border);border-radius:.5em;color:var(--text-color);font-size:1rem;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.currency-input input:-webkit-autofill{background-color:transparent!important;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:var(--text-color)!important}.currency-input input:focus{outline:none;border:1px solid var(--search-bar-hover-border)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-moz-appearance:textfield;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.unit-input{position:relative;min-width:120px}.unit-input label{display:block;width:100%;margin-top:1em;margin-bottom:.3em;font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--text-color);pointer-events:none}.unit-input input{display:block;width:100%;padding:.56em 2em .56em .9em;background-color:var(--search-bar-background);border:1px solid var(--search-bar-border);border-radius:.5em;color:var(--text-color);font-size:1rem;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.unit-input input:-webkit-autofill{background-color:transparent!important;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:var(--text-color)!important}.unit-input input:focus{outline:none;border:1px solid var(--search-bar-hover-border)}.unit-input .unit{position:absolute;bottom:.7em;right:.85em;color:var(--text-color);font-size:.9em}.volume-input{position:relative;min-width:150px}.volume-input .label{width:100%;margin-top:1em;margin-bottom:.3em;display:block;font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--sidebar-item-color);pointer-events:none}.volume-input .volume-input-container{position:relative;z-index:2}.volume-input .volume-input-container .input-toggle-btn{width:100%;padding:.6em 2em .6em .9em;background-color:var(--category-select-btn-background);border:1px solid var(--category-select-btn-border);border-radius:.5em;color:var(--category-select-btn-color);font-size:.9rem;text-align:left;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:background-color .3s ease-in-out;cursor:pointer}.volume-input .volume-input-container .input-toggle-btn:disabled{background-color:#c8d9ec;cursor:not-allowed}.volume-input .volume-input-container .input-toggle-btn:hover:not(:disabled){background-color:var(--category-select-btn-hover-background)}.volume-input .volume-input-container .input-toggle-btn svg{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:1em;color:var(--category-select-btn-color);pointer-events:none}.volume-dropdown{position:fixed;width:200px;padding:1em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;opacity:0;transform:translateY(-10px);background:var(--dropdown-background);border:none;border-radius:.5em;box-shadow:0 4px 6px #0000001a;font-size:1em;font-weight:400;text-wrap:nowrap;text-overflow:ellipsis;overflow-x:hidden;overflow-y:auto;z-index:5;pointer-events:none;transition:all .3s ease-in-out}.volume-dropdown.show{opacity:1;transform:translateY(0);pointer-events:all}.volume-dropdown .text-input,.volume-dropdown .select-search-input{width:100%}.volume-dropdown .add-volume-btn{min-width:8em;padding:.7em 1.2em;display:flex;justify-content:center;gap:.5em;background-color:var(--edit-button-bg);border:1px solid var(--edit-button-border);border-radius:.5em;color:var(--edit-button-text);text-decoration:none;cursor:pointer;transition:all .3s ease-in-out}.volume-dropdown .add-volume-btn:hover{background-color:var(--edit-button-hover-bg)}.transfer-item-input{position:relative;min-width:150px}.transfer-item-input .label{width:100%;margin-top:1em;margin-bottom:.3em;display:block;font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--sidebar-item-color);pointer-events:none}.transfer-item-input .input-toggle-btn{width:100%;padding:.3em 1.2em;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5em;background-color:var(--category-select-btn-background);border:1px solid var(--category-select-btn-border);border-radius:.5em;color:var(--category-select-btn-color);font-size:.9rem;text-align:left;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:background-color .3s ease-in-out;cursor:pointer}.transfer-item-input .input-toggle-btn:disabled{background-color:#c8d9ec;cursor:not-allowed}.transfer-item-input .input-toggle-btn:hover:not(:disabled){background-color:var(--category-select-btn-hover-background)}.transfer-item-modal{width:900px;max-width:none;height:600px;overflow:hidden}.datatable{width:100%;height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.datatable .table-label{margin-bottom:.5em;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.5em;font-weight:500;color:var(--inventory-heading-color);text-transform:uppercase}.datatable .top-actions{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:.5em}.datatable .top-actions .actionBtns{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:1em}.datatable .top-actions .actionBtns .add-new-btn,.datatable .top-actions .actionBtns .save-btn{min-width:8em;padding:.7em 1.5em;display:flex;justify-content:center;gap:.5em;background-color:var(--edit-button-bg);border:1px solid var(--edit-button-border);border-radius:.5em;color:var(--edit-button-text);text-decoration:none;cursor:pointer;transition:all .3s ease-in-out}.datatable .top-actions .actionBtns .save-btn{background:var(--select-table-btn-background);border:1px solid var(--select-table-btn-border);color:var(--select-table-btn-color)}.datatable .top-actions .actionBtns .add-new-btn:hover{background-color:var(--edit-button-hover-bg)}.datatable .top-actions .actionBtns .save-btn:hover{background-color:var(--select-table-btn-hover-background)}.datatable .top-actions .datatable-filters{position:relative;flex:1;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;font-size:.9em}.datatable .top-actions .datatable-filters .filters{position:relative;margin:0 .5em;display:flex;flex-direction:row;align-items:center;gap:.5em}.datatable .top-actions .datatable-filters .filters .filters-label{position:relative;margin-top:1em;margin-right:.8em;display:flex;flex-direction:row;align-items:center;gap:.3em}.datatable .top-actions .datatable-filters .filters .filters-label svg{font-size:.8em;color:var(--text-color)}.datatable .top-actions .datatable-filters .filters .select-search-input .label,.datatable .top-actions .datatable-filters .filters .date-input label{display:block;width:100%;margin-top:0;font-size:.9em;text-align:center}.datatable .top-actions .datatable-filters .filters .select-search-input{min-width:unset}.datatable .top-actions .datatable-filters .filters .select-search-input .select,.datatable .top-actions .datatable-filters .filters .date-input input{min-width:120px;max-width:120px}.datatable .top-actions .datatable-filters .filters .date-input input{min-width:130px;max-width:130px;padding:.5em;font-size:1.2em}.datatable .top-actions .datatable-filters .datatable-search{position:relative;display:flex;flex-direction:row;align-items:center;gap:.5em}.datatable .top-actions .datatable-filters .datatable-search .text-input{min-width:220px;padding-right:0}.datatable .top-actions .datatable-filters .datatable-search .text-input input{margin-top:0;padding:9px 30px 9px 10px;font-size:1em}.datatable .top-actions .datatable-filters .datatable-search .search-icon{position:absolute;top:50%;right:.4em;transform:translateY(-50%);font-size:1.2em;color:var(--search-icon-color)}.datatable .top-actions .datatable-filters .filters-reset{padding:.4em .5em;margin-left:.5em;display:flex;align-items:center;justify-content:center;background-color:var(--category-select-btn-background);border:1px solid var(--category-select-btn-border);border-radius:.4em;font-size:1.1rem;color:var(--category-select-btn-color);transition:background-color .3s ease-in-out;cursor:pointer}.datatable .top-actions .datatable-filters .filters-reset:hover{background:var(--category-select-btn-hover-background)}.datatable .table-wrapper{position:relative;display:block;width:100%;flex:1;background-color:var(--table-bg);border-radius:.5em;box-shadow:0 4px 10px #0000001a;overflow-x:auto;overflow-y:auto}.datatable .table-wrapper::-webkit-scrollbar{width:.6rem;height:.6rem;background-color:transparent}.datatable .table-wrapper::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:.3rem;border:2px solid transparent;background-clip:padding-box}.datatable .table-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color)}.datatable .table-wrapper table{border-collapse:collapse}.datatable .table-wrapper tr.unsynced{background:var(--table-row-unsynced-bg)}.datatable .table-wrapper thead th{position:sticky;top:0;padding:.6em 1em;background-color:var(--table-header-bg);font-size:.95em;font-weight:700;color:var(--table-header-text);text-transform:uppercase;z-index:4}.datatable .table-wrapper thead th .resizer{position:absolute;width:4px;height:100%;top:0;right:0;border-radius:2em;z-index:11;transition:.1s all ease-out}.datatable .table-wrapper thead th:hover .resizer{background:var(--table-text)}.datatable .table-wrapper thead th .resizer:hover,.datatable .table-wrapper thead th .resizer.isResizing{width:5px;cursor:col-resize}.datatable .table-wrapper thead th .resizer.isResizing{background:var(--table-header-text)}.datatable tr:nth-child(2n){background-color:var(--table-row-alt-bg)}.datatable td{border-top:1px solid var(--table-border)}.datatable th,.datatable td{text-align:center}.datatable th.actions,.datatable td.actions{width:150px;min-width:150px;max-width:150px}.datatable th.text,.datatable td.text,.datatable th.email,.datatable td.email,.datatable th.textarea,.datatable td.textarea{min-width:300px}.datatable th.timestamp,.datatable td.timestamp{min-width:180px}.datatable td .text{font-size:.9em}.datatable td input,.datatable td select,.datatable td .inputContainer,.datatable td .select-search-input .select,.datatable td .multiple-select-input .input-display,.datatable td .volume-input .input-toggle-btn{background:none;border:none}.datatable td .date-input input:hover,.datatable td .select-search-input .select:hover,.datatable td .volume-input .input-toggle-btn:hover{background:none!important}.datatable td .text-input .inputContainer{border:1px solid transparent}.datatable td .text-input .inputContainer .pre-text{padding:0;font-size:.9em;letter-spacing:.01em}.datatable td .text-input input,.datatable td .currency-input input,.datatable td .unit-input input{margin-top:0;padding:.6em .8em;border:1px solid transparent}.datatable td .text-input input{text-align:center}.datatable td.highlight{padding:.6em 1.5em;font-size:.9em}.datatable td.highlight .pill_highlight{color:var(--category-cell-value-color);background-color:var(--category-cell-value-bg);border:1px solid var(--category-cell-value-border);border-radius:1em;padding:.2em .6em;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.datatable td .currency-input input{padding:.6em .8em .6em 2.5em}.datatable td .unit-input input{padding:.6em 2.8em .6em .8em}.datatable td.select .select-input{min-width:100px}.datatable td input[type=number]{text-align:right}.datatable td.upload .file-input .img-container{position:relative;width:2em;height:2em;border-radius:50%;overflow:hidden}.datatable td.upload .file-input input{display:none}.datatable td.upload .file-input .overlay svg{color:#fff;font-size:1em}.datatable td.status.red .select-search-input .select{border:1px solid var(--delete-button-border);background-color:var(--delete-button-bg);color:var(--delete-button-text)}.datatable td.status.red .select-search-input svg{color:var(--delete-button-text)}.datatable td.status.green .select-search-input .select{border:1px solid var(--edit-button-border);background-color:var(--edit-button-bg);color:var(--edit-button-text)}.datatable td.status.green .select-search-input svg{color:var(--edit-button-text)}.datatable td.actions .action-buttons{padding:0 1em;display:flex;justify-content:space-evenly;background-color:transparent}.datatable td.actions .action-buttons .delete{padding:.3em 1.2em;display:flex;align-items:center;justify-content:center;gap:.3rem;background-color:var(--delete-button-bg);border:1px solid var(--delete-button-border);border-radius:.5em;color:var(--delete-button-text);font-size:.8rem;cursor:pointer;transition:.1s}.datatable td.actions .action-buttons .delete svg{font-size:1.5em}.datatable td.actions .action-buttons .delete:hover{background-color:var(--delete-button-hover-bg)}.datatable table tr td.empty-table{padding:.3em 1em;font-size:.9em;text-align:left}.datatable .bottom-actions{margin:.5em 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5em}.datatable .bottom-actions .columns-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5em}.datatable .bottom-actions .columns-actions .columns-text{font-size:.9em}.datatable .bottom-actions .columns-actions .multiple-select-input{min-width:120px}.datatable .bottom-actions .pagination-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.4em}.datatable .bottom-actions .pagination-actions .stats .record-stats,.datatable .bottom-actions .pagination-actions .rows-text{font-size:.9em}.datatable .bottom-actions .pagination-actions .select-search-input{min-width:80px}.datatable .bottom-actions .pagination-actions .navigation-btn{width:1.6em;height:1.6em;display:flex;align-items:center;justify-content:center;background-color:var(--pagination-arrow-bg);border:none;color:var(--pagination-arrow-color);border-radius:.2em;font-size:1em;cursor:pointer;transition:background-color .3s ease}.datatable .bottom-actions .pagination-actions .navigation-btn:disabled{background-color:var(--pagination-disabled-arrow-bg)!important;color:var(--pagination-disabled-arrow-color)!important;cursor:not-allowed}.datatable .bottom-actions .pagination-actions .navigation-btn:not(:disabled):hover{background-color:var(--pagination-hovered-arrow-bg)}.datatable .bottom-actions .pagination-actions .page-details{width:8em;font-size:.85em;text-align:center}.modal-content{width:350px;border-radius:.4em}.modal-body{padding:1em;text-align:center}.modal-body .btns-container{display:flex;justify-content:space-evenly;margin-top:20px}.modal-body .btns-container button{padding:.6em 1.8em;display:flex;align-items:center;justify-content:center;gap:.3rem;border-radius:.5em;font-size:.8rem;cursor:pointer;transition:.1s}.modal-body .btns-container button:first-child{background-color:var(--delete-button-bg);border:1px solid var(--delete-button-border);color:var(--delete-button-text)}.modal-body .btns-container button:first-child:hover{background-color:var(--delete-button-hover-bg)}.modal-body .btns-container button:last-child{background-color:var(--category-select-btn-background);border:1px solid var(--category-select-btn-border);color:var(--category-select-btn-color)}.modal-body .btns-container button:last-child:hover{background-color:var(--category-select-btn-hover-background)}.pos-bill-generator{position:relative;min-width:150px;overflow:hidden}.pos-bill-generator .label{width:100%;margin-top:1em;margin-bottom:.3em;display:block;font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--sidebar-item-color);pointer-events:none}.pos-bill-generator .pos-bill-btn{width:100%;padding:.3em 1em;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5em;background-color:var(--category-select-btn-background);border:1px solid var(--category-select-btn-border);border-radius:.5em;color:var(--category-select-btn-color);font-size:.9rem;text-align:left;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:background-color .3s ease-in-out;cursor:pointer}.pos-bill-generator .pos-bill-btn:disabled{background-color:#c8d9ec;cursor:not-allowed}.pos-bill-generator .pos-bill-btn:hover:not(:disabled){background-color:var(--category-select-btn-hover-background)}.receipt-container{position:fixed;left:200vw;top:200vh}.signin-section{width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbe1ff,#eedcff);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px;position:relative;overflow:hidden}.signin-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.signin-section .signin-form-container{display:flex;justify-content:center;flex-direction:row;height:600px;min-height:600px;max-width:1000px;width:100%;background-color:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 25px 50px #00000026;overflow:hidden;position:relative;animation:slideUp .8s ease;border:1px solid rgba(255,255,255,.2)}.signin-section .signin-form-container .left-section{width:50%;padding:50px 40px;display:flex;flex-direction:column;justify-content:center;background-color:#ffffffe6;position:relative;animation:slideInLeft .6s ease .2s both}.signin-section .signin-form-container .left-section .left-section-logo{font-size:28px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px;position:relative}.signin-section .signin-form-container .left-section .left-section-logo:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.signin-section .signin-form-container .left-section .heading{margin:0 0 10px;color:#333;font-size:32px;font-weight:700;line-height:1.2;animation:fadeInUp .6s ease .4s both}.signin-section .signin-form-container .left-section .subheading{font-size:16px;margin:0 0 40px;color:#666;line-height:1.5;animation:fadeInUp .6s ease .5s both}.signin-section .signin-form-container .left-section .signin-form{display:flex;flex-direction:column;gap:25px;animation:fadeInUp .6s ease .6s both}.signin-section .signin-form-container .left-section .signin-form .text-input input,.signin-section .signin-form-container .left-section .signin-form .password-input input{position:relative}.signin-section .signin-form-container .left-section .signin-form .text-input input,.signin-section .signin-form-container .left-section .signin-form .password-input input{width:100%;padding:16px 20px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;transition:all .3s ease;background:#f8fafccc;box-sizing:border-box}.signin-section .signin-form-container .left-section .signin-form .text-input input:focus,.signin-section .signin-form-container .left-section .signin-form .password-input input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.signin-section .signin-form-container .left-section .signin-form .text-input input::placeholder,.signin-section .signin-form-container .left-section .signin-form .password-input input::placeholder{color:#999;transition:all .3s ease}.signin-section .signin-form-container .left-section .signin-form .text-input input:focus::placeholder,.signin-section .signin-form-container .left-section .signin-form .password-input input:focus::placeholder{opacity:.7;transform:translateY(-2px)}.signin-section .signin-form-container .left-section .signin-form .password-input .icon-button{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666;font-size:18px;transition:color .3s ease}.signin-section .signin-form-container .left-section .signin-form .password-input .icon-button:hover{color:#667eea}.signin-section .signin-form-container .left-section .signin-form .submit-button{width:100%;padding:16px;margin-top:10px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.signin-section .signin-form-container .left-section .signin-form .submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.signin-section .signin-form-container .left-section .signin-form .submit-button:hover:before{left:100%}.signin-section .signin-form-container .left-section .signin-form .submit-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.signin-section .signin-form-container .left-section .signin-form .submit-button:active{transform:translateY(0)}.signin-section .signin-form-container .left-section .signin-form .submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.signin-section .signin-form-container .left-section .signin-form .submit-button .loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}.signin-section .signin-form-container .left-section .signin-form .submit-button .button-spinner{margin-right:8px}.signin-section .signin-form-container .left-section .redirection-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.signin-section .signin-form-container .left-section .redirection-container .footer-text{display:flex;gap:.5rem;margin-top:25px;margin-bottom:0;color:#666;font-size:14px;text-align:center;animation:fadeInUp .6s ease .8s both}.signin-section .signin-form-container .left-section .redirection-container .signup-redirect{margin-top:0}.signin-section .signin-form-container .left-section .redirection-container .footer-text .footer-link{color:#667eea;text-decoration:none;transform:translate(0);font-weight:600;transition:all .3s ease;position:relative}.signin-section .signin-form-container .left-section .redirection-container .footer-text .footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.signin-section .signin-form-container .left-section .redirection-container .footer-text .footer-link:hover:after{width:100%}.signin-section .signin-form-container .left-section .redirection-container .footer-text .footer-link:hover{color:#764ba2}.signin-section .signin-form-container .right-section{width:50%;height:100%;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;align-items:center;flex:1;padding:30px;box-sizing:border-box;position:relative;animation:slideInRight .6s ease .3s both}.signin-section .signin-form-container .right-section .image-container{width:100%;height:100%;display:flex;flex-grow:1;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px #0000001a;transition:transform .3s ease}.signin-section .signin-form-container .right-section .image-container:hover{transform:scale(1.02)}.signin-section .signin-form-container .right-section .image-container .image{height:100%;width:100%;object-fit:cover;transition:transform .3s ease}.signin-section .signin-form-container .right-section .image-container:hover .image{transform:scale(1.05)}.signin-section .signin-form-container .left-section .signin-form .error-message{color:#dc3545;font-size:14px;margin-top:8px;display:flex;align-items:center;gap:5px;animation:shake .5s ease}@media (max-width: 768px){.signin-section .signin-form-container{flex-direction:column;height:auto;min-height:auto;max-height:none;margin:10px}.signin-section .signin-form-container .left-section,.signin-section .signin-form-container .right-section{width:100%}.signin-section .signin-form-container .right-section{display:none}.signin-section .signin-form-container .left-section{padding:40px 30px}.signin-section .signin-form-container .left-section .heading{font-size:28px}.signin-section .signin-form-container .left-section .left-section-logo{font-size:24px}}@media (max-width: 480px){.signin-section{padding:10px}.signin-section .signin-form-container .left-section{padding:30px 20px}.signin-section .signin-form-container .left-section .heading{font-size:24px}.signin-section .signin-form-container .left-section .left-section-logo{font-size:20px}}.signin-section .signin-form-container .left-section .signin-form .form-input:focus-visible,.signin-section .signin-form-container .left-section .signin-form .submit-button:focus-visible,.signin-section .signin-form-container .left-section .footer-text .footer-link:focus-visible{outline:2px solid #667eea;outline-offset:2px}.signup-section{width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbe1ff,#eedcff);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px;position:relative;overflow:hidden}.signup-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.signup-section .signup-form-container{display:flex;justify-content:center;flex-direction:row;height:85vh;max-width:1000px;max-height:43rem;width:100%;background-color:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 25px 50px #00000026;overflow:hidden;position:relative;animation:slideUp .8s ease;border:1px solid rgba(255,255,255,.2)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.signup-section .signup-form-container .left-section{width:50%;padding:20px 40px;display:flex;flex-direction:column;justify-content:center;background-color:#ffffffe6;position:relative;animation:slideInLeft .6s ease .2s both;overflow-y:auto;scroll-behavior:smooth}.signup-section .signup-form-container .left-section::-webkit-scrollbar{width:6px}.signup-section .signup-form-container .left-section::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.signup-section .signup-form-container .left-section::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.signup-section .signup-form-container .left-section::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.signup-section .signup-form-container .left-section .left-section-logo{font-size:28px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:25px;position:relative}.signup-section .signup-form-container .left-section .left-section-logo:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.signup-section .signup-form-container .left-section .heading{margin:0 0 8px;color:#333;font-size:28px;font-weight:700;line-height:1.2;animation:fadeInUp .6s ease .4s both}.signup-section .signup-form-container .left-section .subheading{font-size:15px;margin:0 0 30px;color:#666;line-height:1.5;animation:fadeInUp .6s ease .5s both}.signup-section .signup-form-container .left-section .signup-form{display:flex;flex-direction:column;gap:20px;animation:fadeInUp .6s ease .6s both}.signup-section .signup-form-container .left-section .signup-form .text-input,.signup-section .signup-form-container .left-section .signup-form .password-input,.signup-section .signup-form-container .left-section .signup-form .phone-input{position:relative}.signup-section .signup-form-container .left-section .signup-form .text-input .text-input-wrapper{display:block}.signup-section .signup-form-container .left-section .signup-form .phone-input .phone-input-container{padding:0!important}.signup-section .signup-form-container .left-section .signup-form .phone-input .phone-input-container input{border:none;outline:none}.signup-section .signup-form-container .left-section .signup-form .phone-input .phone-input-container input:focus{border:none;outline:none}.signup-section .signup-form-container .left-section .signup-form .text-input input,.signup-section .signup-form-container .left-section .signup-form .password-input input,.signup-section .signup-form-container .left-section .signup-form .phone-input input,.signup-section .signup-form-container .left-section .signup-form .phone-input .phone-input-container{width:100%;padding:14px 18px;border:2px solid #e0e0e0;border-radius:12px;font-size:15px;transition:all .3s ease;background:#f8fafccc;box-sizing:border-box}.signup-section .signup-form-container .left-section .signup-form .text-input input:focus,.signup-section .signup-form-container .left-section .signup-form .password-input input:focus,.signup-section .signup-form-container .left-section .signup-form .phone-input .phone-input-container:focus-within{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.signup-section .signup-form-container .left-section .signup-form .text-input input::placeholder,.signup-section .signup-form-container .left-section .signup-form .password-input input::placeholder{color:#999;transition:all .3s ease}.signup-section .signup-form-container .left-section .signup-form .text-input input:focus::placeholder,.signup-section .signup-form-container .left-section .signup-form .password-input input:focus::placeholder,.signup-section .signup-form-container .left-section .signup-form .phone-input input:focus::placeholder{opacity:.7;transform:translateY(-2px)}.signup-section .signup-form-container .left-section .signup-form .password-input .icon-button{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666;font-size:18px;transition:color .3s ease}.signup-section .signup-form-container .left-section .signup-form .password-input .icon-button:hover{color:#667eea}.signup-section .signup-form-container .left-section .signup-form .submit-button{width:100%;padding:15px;margin-top:15px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.signup-section .signup-form-container .left-section .signup-form .submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.signup-section .signup-form-container .left-section .signup-form .submit-button:hover:before{left:100%}.signup-section .signup-form-container .left-section .signup-form .submit-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.signup-section .signup-form-container .left-section .signup-form .submit-button:active{transform:translateY(0)}.signup-section .signup-form-container .left-section .signup-form .submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.signup-section .signup-form-container .left-section .signup-form .submit-button .loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}.signup-section .signup-form-container .left-section .signup-form .submit-button .button-spinner{margin-right:8px}.signup-section .signup-form-container .left-section .footer-text{margin-top:20px;color:#666;font-size:14px;text-align:center;animation:fadeInUp .6s ease .8s both;margin-bottom:0;display:flex;justify-content:center;gap:.5rem}.signup-section .signup-form-container .left-section .footer-text .footer-link{color:#667eea;text-decoration:none;font-weight:600;transition:all .3s ease;transform:translate(0);position:relative}.signup-section .signup-form-container .left-section .footer-text .footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.signup-section .signup-form-container .left-section .footer-text .footer-link:hover:after{width:100%}.signup-section .signup-form-container .left-section .footer-text .footer-link:hover{color:#764ba2}.signup-section .signup-form-container .right-section{width:50%;height:100%;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;align-items:center;flex:1;padding:30px;box-sizing:border-box;position:relative;animation:slideInRight .6s ease .3s both}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.signup-section .signup-form-container .right-section .image-container{width:100%;height:100%;display:flex;flex-grow:1;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px #0000001a;transition:transform .3s ease}.signup-section .signup-form-container .right-section .image-container:hover{transform:scale(1.02)}.signup-section .signup-form-container .right-section .image-container .image{height:100%;width:100%;object-fit:cover;transition:transform .3s ease}.signup-section .signup-form-container .right-section .image-container:hover .image{transform:scale(1.05)}.signup-section .signup-form-container .left-section .signup-form .error-message{color:#dc3545;font-size:13px;margin-top:6px;display:flex;align-items:center;gap:5px;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.signup-section .signup-form-container .left-section .signup-form .text-input,.signup-section .signup-form-container .left-section .signup-form .password-input,.signup-section .signup-form-container .left-section .signup-form .phone-input{animation:fadeInUp .4s ease both}.signup-section .signup-form-container .left-section .signup-form .text-input:nth-child(1){animation-delay:.7s}.signup-section .signup-form-container .left-section .signup-form .text-input:nth-child(2),.signup-section .signup-form-container .left-section .signup-form .password-input:nth-child(2){animation-delay:.8s}.signup-section .signup-form-container .left-section .signup-form .text-input:nth-child(3),.signup-section .signup-form-container .left-section .signup-form .password-input:nth-child(3){animation-delay:.9s}.signup-section .signup-form-container .left-section .signup-form .text-input:nth-child(4),.signup-section .signup-form-container .left-section .signup-form .password-input:nth-child(4){animation-delay:1s}.signup-section .signup-form-container .left-section .signup-form .text-input:nth-child(5),.signup-section .signup-form-container .left-section .signup-form .password-input:nth-child(5){animation-delay:1.1s}.signup-section .signup-form-container .left-section .signup-form .text-input:nth-child(6),.signup-section .signup-form-container .left-section .signup-form .password-input:nth-child(6){animation-delay:1.2s}@media (max-width: 768px){.signup-section .signup-form-container{flex-direction:column;height:auto;min-height:auto;max-height:none;margin:10px}.signup-section .signup-form-container .left-section,.signup-section .signup-form-container .right-section{width:100%}.signup-section .signup-form-container .right-section{display:none}.signup-section .signup-form-container .left-section{padding:40px 30px;max-height:none;overflow-y:visible}.signup-section .signup-form-container .left-section .heading,.signup-section .signup-form-container .left-section .left-section-logo{font-size:24px}}@media (max-width: 480px){.signup-section{padding:10px}.signup-section .signup-form-container .left-section{padding:30px 20px}.signup-section .signup-form-container .left-section .heading{font-size:22px}.signup-section .signup-form-container .left-section .left-section-logo{font-size:20px}.signup-section .signup-form-container .left-section .signup-form .text-input input,.signup-section .signup-form-container .left-section .signup-form .password-input input,.signup-section .signup-form-container .left-section .signup-form .phone-input input,.signup-section .signup-form-container .left-section .signup-form .phone-input .phone-input-container{padding:12px 16px;font-size:14px}}.signup-section .signup-form-container .left-section .signup-form .text-input input:focus-visible,.signup-section .signup-form-container .left-section .signup-form .password-input input:focus-visible,.signup-section .signup-form-container .left-section .signup-form .phone-input input:focus-visible{outline:none}.signup-section .signup-form-container .left-section .signup-form .submit-button:focus-visible,.signup-section .signup-form-container .left-section .footer-text .footer-link:focus-visible{outline:2px solid #667eea;outline-offset:2px}.home-section{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.home-section .splash-container{position:relative;width:50em;height:15em;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.4em;overflow:hidden}.home-section .splash-container img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;opacity:.5}.main-set{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .5s ease-in-out}.main-set .sethead{font-size:2.8rem;font-weight:600;margin:40px 0;letter-spacing:.5px}.main-set .upload-row{max-width:60rem;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto;gap:30px;margin-bottom:40px}.main-set .upload-row .file-input{grid-column:span 2;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.main-set .upload-row .password-input,.main-set .upload-row .phone-input{grid-column:span 3;grid-row:2}.main-set .upload-row .phone-input-container{margin-top:.26rem}.main-set .upload-row .password-input .icon-button{position:absolute;top:2.9rem;right:1rem;height:fit-content;transform:translateY(0)}.main-set .upload-row .file-input .img-container{width:100%;height:200px;border-radius:12px;overflow:hidden;position:relative;background-color:var(--profile-edit-input-background);box-shadow:0 4px 10px #0000001a}.main-set .input-field{display:flex;flex-direction:row;gap:20px;width:100%}.main-set .save-button{position:relative;background:var(--profile-edit-button-background);box-shadow:0 4px 10px var(--profile-edit-button-shadow);border:none;color:#fff;padding:1rem 5rem;font-size:1rem;cursor:pointer;border-radius:12px;margin-top:10px;overflow:hidden;transition:background-color .3s,transform .2s}.main-set .save-button:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:#fff3;transform:skew(-20deg);transition:none;z-index:1}.main-set .save-button:hover:before{animation:shine .8s forwards}.main-set .save-button:hover{transform:scale(1.05);box-shadow:0 6px 16px var(--profile-edit-scrollbar-thumb)}@keyframes shine{0%{left:-75%}to{left:125%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.main-set .upload-row{max-width:100%;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;gap:20px;padding:0 20px}.main-set .upload-row .file-input,.main-set .upload-row .password-input,.main-set .upload-row .phone-input{grid-column:1;grid-row:auto}.main-set .upload-row .file-input .img-container{height:150px}.main-set .sethead{font-size:2rem;margin:20px 0}}@media (max-width: 1024px) and (min-width: 769px){.main-set .upload-row{max-width:50rem;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto auto}.main-set .upload-row .file-input:nth-child(1),.main-set .upload-row .file-input:nth-child(2){grid-column:span 1;grid-row:1}.main-set .upload-row .file-input:nth-child(3){grid-column:span 2;grid-row:2}.main-set .upload-row .password-input{grid-column:1;grid-row:3}.main-set .upload-row .phone-input{grid-column:2;grid-row:3}}.reset-password-container{width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbe1ff,#eedcff);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.reset-password-container .reset-password-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:450px;position:relative;overflow:hidden}.reset-password-container .reset-password-card .back-to-prev-page{position:absolute;top:20px;left:20px;cursor:pointer;background-color:#e3e9ff;color:#667eea;display:flex;align-items:center;justify-content:center;width:40px;aspect-ratio:1/1;border-radius:50%;font-size:larger;text-decoration:none;transition:color .3s ease}.reset-password-container .reset-password-card .card-header{text-align:center;margin-bottom:30px}.reset-password-container .reset-password-card .card-header .card-title{font-size:28px;font-weight:700;color:#333;margin-bottom:8px}.reset-password-container .reset-password-card .card-header .card-subtitle{color:#666;font-size:16px;line-height:1.5}.reset-password-container .reset-password-card .progress-bar{display:flex;justify-content:space-between;margin-bottom:40px;position:relative}.reset-password-container .reset-password-card .progress-bar:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#e0e0e0;transform:translateY(-50%);z-index:1}.reset-password-container .reset-password-card .progress-bar:after{content:"";position:absolute;top:50%;left:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transform:translateY(-50%);z-index:2;transition:width .3s ease}.reset-password-container .reset-password-card .progress-bar.step-1:after{width:0%}.reset-password-container .reset-password-card .progress-bar.step-2:after{width:50%}.reset-password-container .reset-password-card .progress-bar.step-3:after{width:100%}.reset-password-container .reset-password-card .progress-bar .progress-step{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;position:relative;z-index:3;transition:all .3s ease;background:#fff;border:3px solid #e0e0e0;color:#999}.reset-password-container .reset-password-card .progress-bar .progress-step.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;transform:scale(1.1)}.reset-password-container .reset-password-card .progress-bar .progress-step.completed{background:#28a745;border-color:#28a745;color:#fff}.reset-password-container .reset-password-card .step-content{animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.reset-password-container .reset-password-card .step-content .back-button{background:none;border:none;color:#667eea;font-size:14px;cursor:pointer;margin-bottom:20px;display:flex;align-items:center;gap:5px;transition:color .3s ease}.reset-password-container .reset-password-card .step-content .back-button:hover{color:#764ba2}.reset-password-container .reset-password-card .step-content form .form-group{margin-bottom:25px}.reset-password-container .reset-password-card .step-content form .form-group .confirm-pswd-container{position:relative;height:fit-content}.reset-password-container .reset-password-card .step-content form .form-group .confirm-pswd-container .password-visibility-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#999;font-size:20px;transition:color .3s ease}.reset-password-container .reset-password-card .step-content form .form-group .form-label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.reset-password-container .reset-password-card .step-content form .form-group .form-input{width:100%;padding:15px 20px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fafafa;box-sizing:border-box}.reset-password-container .reset-password-card .step-content form .form-group .form-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.reset-password-container .reset-password-card .step-content form .form-group .form-input.error{border-color:#dc3545;background:#fff5f5}.reset-password-container .reset-password-card .step-content form .form-group .error-message{color:#dc3545;font-size:14px;margin-top:5px;display:flex;align-items:center;gap:5px}.reset-password-container .reset-password-card .step-content form .form-group .otp-input-container{display:flex;justify-content:space-between;gap:.5rem;margin:1rem 0}.reset-password-container .reset-password-card .step-content form .form-group .otp-input-container .otp-input{width:2.8rem;height:2.8rem;font-size:1.2rem;text-align:center;border:2px solid #ddd;border-radius:5px;outline:none;transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease;animation:otpInputAppear .3s ease}@keyframes otpInputAppear{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.reset-password-container .reset-password-card .step-content form .form-group .otp-input-container .otp-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.reset-password-container .reset-password-card .step-content form .form-group .otp-input-container .otp-input.invalid{border-color:#ff4d4f;box-shadow:0 0 5px #ff4d4f80}.reset-password-container .reset-password-card .step-content form .form-group .otp-input-container .otp-input:disabled{background-color:#f5f5f5;border-color:#ccc;cursor:not-allowed}.reset-password-container .reset-password-card .step-content form .resend-code{text-align:center;margin-top:20px}.reset-password-container .reset-password-card .step-content form .resend-code .resend-link{color:#667eea;text-decoration:none;font-size:14px;cursor:pointer;padding:5px 10px;border-radius:5px;outline:none;border:none;margin-bottom:1rem;transition:background-color .3s ease,color .3s ease,text-decoration .3s ease}.reset-password-container .reset-password-card .step-content form .resend-code .resend-link:hover{text-decoration:underline}.reset-password-container .reset-password-card .step-content form .resend-code .resend-timer{color:#999;font-size:14px}.reset-password-container .reset-password-card .step-content form .password-requirements{background:#f8f9fa;border-radius:8px;padding:15px;margin-top:10px;font-size:14px;color:#667eea}.reset-password-container .reset-password-card .step-content form .password-requirements ul{margin:8px 0 0;padding-left:20px;color:#666}.reset-password-container .reset-password-card .step-content form .password-requirements ul li{margin-bottom:4px}.reset-password-container .reset-password-card .step-content form .btn,.reset-password-container .reset-password-card .step-content .btn{width:100%;padding:15px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.reset-password-container .reset-password-card .step-content form .btn.btn-primary,.reset-password-container .reset-password-card .step-content .btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.reset-password-container .reset-password-card .step-content form .btn.btn-primary:hover,.reset-password-container .reset-password-card .step-content .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.reset-password-container .reset-password-card .step-content form .btn.btn-primary:active,.reset-password-container .reset-password-card .step-content .btn.btn-primary:active{transform:translateY(0)}.reset-password-container .reset-password-card .step-content form .btn.btn-secondary,.reset-password-container .reset-password-card .step-content .btn.btn-secondary{background:#f8f9fa;color:#666;border:2px solid #e0e0e0}.reset-password-container .reset-password-card .step-content form .btn.btn-secondary:hover,.reset-password-container .reset-password-card .step-content .btn.btn-secondary:hover{background:#e9ecef;border-color:#ccc}.reset-password-container .reset-password-card .step-content form .btn:disabled,.reset-password-container .reset-password-card .step-content .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.reset-password-container .reset-password-card .step-content form .btn .loading-spinner,.reset-password-container .reset-password-card .step-content .btn .loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}.reset-password-container .reset-password-card .step-content form .btn .button-spinner,.reset-password-container .reset-password-card .step-content .btn .button-spinner{margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reset-password-container .reset-password-card .step-content .success-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px;animation:successPulse .6s ease}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@media (max-width: 480px){.reset-password-container .reset-password-card{padding:30px 20px;margin:10px}.reset-password-container .reset-password-card .card-header .card-title{font-size:24px}.reset-password-container .reset-password-card .progress-bar .progress-step{width:35px;height:35px;font-size:12px}.reset-password-container .reset-password-card .step-content form .form-group .otp-input-container .otp-input{width:2.2rem;height:2.2rem;font-size:1rem}}.step-form-container{height:calc(100vh - var(--header-height));overflow:hidden;background:var(--business-reg-bg-primary);color:var(--business-reg-text-primary);transition:all .3s ease;padding:20px}.separator{margin:0 8px}.step-form-wrapper{border:1px solid var(--business-reg-border-color);display:flex;height:calc(100vh - var(--header-height) - 40px);margin:0 auto;background:var(--business-reg-bg-secondary);border-radius:16px;box-shadow:var(--business-reg-shadow-lg);overflow:hidden;animation:slideInUp .8s ease-out}.steps-panel{flex:0 0 360px;background:var(--business-reg-bg-tertiary);padding:40px 30px;border-right:1px solid var(--business-reg-border-color);overflow:hidden;display:flex;flex-direction:column}.steps-container{position:relative}.step-wrapper{position:relative;margin-bottom:30px}.step-item{display:flex;align-items:flex-start;gap:16px;transition:all .3s ease}.step-item.active .step-title{color:var(--business-reg-accent-color);font-weight:600}.step-item.completed .step-title{color:var(--business-reg-success-color)}.step-indicator{display:flex;flex-direction:column;align-items:center;position:relative}.step-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .4s ease;position:relative;z-index:2}.step-item.pending .step-circle{background:var(--business-reg-bg-secondary);border:2px solid var(--business-reg-border-color);color:var(--business-reg-text-muted)}.step-item.active .step-circle{background:var(--business-reg-accent-color);color:#fff;animation:pulse 2s infinite;box-shadow:0 0 0 4px #3b82f633}.step-item.completed .step-circle{background:var(--business-reg-success-color);color:#fff;animation:checkmarkBounce .6s ease-out}.step-line{width:2px;height:60px;background:var(--business-reg-step-line-color);margin-top:8px;transition:all .3s ease}.step-item.completed+.step-wrapper .step-line,.step-item.active+.step-wrapper .step-line{background:var(--business-reg-success-color);animation:lineGrow .8s ease-out}.step-content{flex:1;padding-top:8px}.step-title{font-size:16px;font-weight:500;margin-bottom:4px;transition:all .3s ease}.step-description{font-size:13px;color:var(--business-reg-text-muted);line-height:1.4}.form-panel{flex:1;padding:40px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100%}.form-container{flex:1;display:flex;flex-direction:column}.form-header{margin-bottom:40px;animation:fadeInRight .6s ease-out}.form-header h1{font-size:32px;font-weight:700;margin-bottom:8px;color:var(--business-reg-text-primary)}.form-subtitle{color:var(--business-reg-text-secondary);font-size:16px}.form-body{flex:1;animation:fadeInUp .6s ease-out .2s both;overflow-y:auto;padding-right:8px}.form-content{max-width:500px}.form-content h2{font-size:24px;font-weight:600;margin-bottom:8px;color:var(--business-reg-text-primary)}.form-content p{color:var(--business-reg-text-secondary);margin-bottom:32px}.upload-business-docs{max-width:100%}.form-fields{display:flex;flex-direction:column;gap:24px;margin-bottom:2rem}.upload-business-docs .form-fields{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:24px}.form-fields .file-input{display:flex;align-items:start;padding:0}.form-fields .text-input .text-input-wrapper,.form-fields .file-input .img-container,.form-fields .phone-input .phone-input-container,.form-fields .select-search-input .inputContainer{margin-top:.4rem}.form-fields .phone-input .phone-input-container .phone-input-prefix,.form-fields .phone-input .phone-input-container input,.form-fields .select-search-input .inputContainer button{background-color:transparent}.form-fields .file-input .img-container{width:100%;height:200px;border:2px dashed var(--business-reg-border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--business-reg-bg-secondary);transition:all .3s ease}.form-fields label{font-weight:500;letter-spacing:.07rem;color:var(--business-reg-text-primary);font-size:15px;font-family:Inter,sans-serif;text-transform:none;padding-left:.4rem}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:var(--business-reg-text-primary);font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid var(--business-reg-border-color);border-radius:8px;background:var(--business-reg-bg-secondary);color:var(--business-reg-text-primary);font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--business-reg-accent-color);box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.form-group textarea{resize:vertical;min-height:100px}.resend-btn{background:none;border:none;color:var(--business-reg-accent-color);cursor:pointer;font-size:14px;text-decoration:underline;align-self:flex-start;transition:color .3s ease}.resend-btn:hover{color:var(--business-reg-accent-hover)}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:40px;animation:fadeInUp .6s ease-out .4s both}.back-btn,.next-btn{padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:14px}.back-btn{background:var(--business-reg-bg-tertiary);border:1px solid var(--business-reg-border-color);color:var(--business-reg-text-secondary)}.back-btn:hover{background:var(--business-reg-border-color);transform:translateY(-1px)}.next-btn{background:var(--business-reg-accent-color);border:none;color:#fff;min-width:120px}.next-btn:hover{background:var(--business-reg-accent-hover);transform:translateY(-2px);box-shadow:var(--business-reg-shadow-md)}.completion-content{text-align:center;padding:40px 0}.completion-icon{margin-bottom:24px}.warning-icon{font-size:6rem;animation:bounce 2s infinite}.completion-content h2{margin-bottom:16px}.completion-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.primary-btn,.secondary-btn{padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:14px}.primary-btn{background:var(--business-reg-accent-color);border:none;color:#fff}.primary-btn:hover{background:var(--business-reg-accent-hover);transform:translateY(-2px)}.secondary-btn{background:var(--business-reg-bg-tertiary);border:1px solid var(--business-reg-border-color);color:var(--business-reg-text-secondary)}.secondary-btn:hover{background:var(--business-reg-border-color);transform:translateY(-1px)}.upload-business-docs .form-fields .document-entry{padding:24px;border:1px solid var(--business-reg-border-color);border-radius:12px;background:var(--business-reg-bg-secondary);margin-bottom:20px;transition:all .3s ease}.upload-business-docs .form-fields .document-entry:hover{border-color:var(--business-reg-accent-color);box-shadow:0 2px 8px #3b82f61a}.document-type-title{font-size:18px;font-weight:600;color:var(--business-reg-text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--business-reg-border-color)}.form-field{margin-bottom:16px}.form-field:last-child{margin-bottom:0}.form-panel::-webkit-scrollbar{width:8px}.form-panel::-webkit-scrollbar-track{background:var(--business-reg-bg-tertiary);border-radius:4px}.form-panel::-webkit-scrollbar-thumb{background:var(--business-reg-border-color);border-radius:4px;transition:background .3s ease}.form-panel::-webkit-scrollbar-thumb:hover{background:var(--business-reg-accent-color)}.form-body::-webkit-scrollbar{width:6px}.form-body::-webkit-scrollbar-track{background:transparent}.form-body::-webkit-scrollbar-thumb{background:var(--business-reg-border-color);border-radius:3px}.form-body::-webkit-scrollbar-thumb:hover{background:var(--business-reg-accent-color)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes checkmarkBounce{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes lineGrow{0%{height:0}to{height:60px}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}@media (max-width: 1024px){.step-form-wrapper{flex-direction:column}.steps-panel{flex:none;padding:20px 10px}.steps-container{display:flex;overflow-x:auto;gap:20px;padding-bottom:10px}.step-wrapper{flex:0 0 10rem;margin-bottom:0}.step-item{flex-direction:column;align-items:center;text-align:center}.step-line{display:none}.form-panel{padding:30px 20px}}@media (max-width: 768px){.step-form-container{padding:10px}.form-header h1{font-size:24px}.form-actions{flex-direction:column}.back-btn,.next-btn{width:100%}.completion-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}}:root{--bg-primary: #fafbfc;--bg-secondary: #ffffff;--bg-tertiary: #f8fafc;--text-primary: #1a202c;--text-secondary: #4a5568;--text-muted: #718096;--border-color: #e2e8f0;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}[data-theme=dark]{--bg-primary: #0f1419;--bg-secondary: #1a202c;--bg-tertiary: #2d3748;--text-primary: #f7fafc;--text-secondary: #e2e8f0;--text-muted: #a0aec0;--border-color: #4a5568;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .3)}.premium-plans-container{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:all .6s cubic-bezier(.4,0,.2,1);padding:40px 20px;position:relative}.plans-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.plans-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(240,147,251,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(79,172,254,.05) 0%,transparent 50%);animation:backgroundShift 20s ease-in-out infinite}[data-theme=dark] .plans-background:before{background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(240,147,251,.05) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(79,172,254,.03) 0%,transparent 50%)}.floating-shapes{position:absolute;width:100%;height:100%}.floating-shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,#667eea1a,#f093fb1a);animation:floatShape 15s ease-in-out infinite}.shape-1{width:80px;height:80px;top:10%;left:10%;animation-delay:0s}.shape-2{width:60px;height:60px;top:20%;right:15%;animation-delay:2s}.shape-3{width:100px;height:100px;top:60%;left:5%;animation-delay:4s}.shape-4{width:40px;height:40px;bottom:30%;right:20%;animation-delay:6s}.shape-5{width:70px;height:70px;top:40%;left:80%;animation-delay:8s}.shape-6{width:90px;height:90px;bottom:20%;left:30%;animation-delay:10s}.shape-7{width:50px;height:50px;top:70%;right:10%;animation-delay:12s}.shape-8{width:120px;height:120px;top:30%;left:60%;animation-delay:14s}.shape-9{width:35px;height:35px;bottom:60%;left:15%;animation-delay:16s}.shape-10{width:65px;height:65px;top:80%;right:40%;animation-delay:18s}.shape-11{width:85px;height:85px;bottom:10%;right:60%;animation-delay:20s}.shape-12{width:45px;height:45px;top:50%;left:25%;animation-delay:22s}.theme-toggle{position:fixed;top:30px;right:30px;z-index:1000}.theme-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-btn:hover{transform:scale(1.1) rotate(10deg);box-shadow:var(--shadow-xl)}.plans-header{text-align:center;margin-bottom:80px;animation:fadeInUp 1s ease-out}.main-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:20px;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease-in-out infinite}.subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;animation:fadeInUp 1s ease-out .2s both}.plans-grid{display:flex;justify-content:center;align-items:flex-end;gap:40px;max-width:1400px;margin:0 auto 80px;flex-wrap:wrap;padding:20px 0}.plan-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:24px;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:visible;cursor:pointer}.plan-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient);opacity:0;transition:opacity .4s ease;z-index:-1}.plan-card:hover:before{opacity:.05}.plan-card.small{width:320px;padding:40px 30px;animation:slideInUp .8s ease-out .4s both}.plan-card.medium{width:360px;padding:50px 35px;animation:slideInUp .8s ease-out .2s both}.plan-card.large{width:400px;padding:60px 40px;transform:scale(1.05);border-color:var(--accent-color);box-shadow:var(--shadow-xl);animation:slideInUp .8s ease-out both}.plan-card:hover{transform:translateY(-20px) scale(1.02);box-shadow:0 30px 60px #00000026}.plan-card.large:hover{transform:translateY(-20px) scale(1.07)}.card-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient);border-radius:26px;z-index:-2;opacity:0;transition:opacity .4s ease}.plan-card:hover .card-glow{opacity:.6;animation:glowPulse 2s ease-in-out infinite}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient);color:#fff;padding:8px 20px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-md);animation:badgeBounce 2s ease-in-out infinite;z-index:10}.plan-header{text-align:center;margin-bottom:40px}.plan-icon{font-size:3rem;margin-bottom:20px;animation:iconFloat 3s ease-in-out infinite}.plan-name{font-size:1.75rem;font-weight:700;margin-bottom:15px;color:var(--accent-color)}.plan-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.plan-pricing{text-align:center;margin-bottom:40px;padding:30px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.price-container{display:flex;align-items:baseline;justify-content:center;margin-bottom:10px}.currency{font-size:1.5rem;font-weight:600;color:var(--accent-color);margin-right:5px}.price-amount{font-size:3rem;font-weight:800;color:var(--accent-color);line-height:1}.price-period{font-size:1rem;color:var(--text-muted);margin-left:5px}.price-note{color:var(--text-muted);font-size:.9rem}.plan-features{margin-bottom:40px}.features-list{list-style:none;padding:0}.feature-item{display:flex;align-items:center;margin-bottom:15px;animation:slideInLeft .6s ease-out both}.feature-item:nth-child(1){animation-delay:.1s}.feature-item:nth-child(2){animation-delay:.2s}.feature-item:nth-child(3){animation-delay:.3s}.feature-item:nth-child(4){animation-delay:.4s}.feature-item:nth-child(5){animation-delay:.5s}.feature-item:nth-child(6){animation-delay:.6s}.feature-item:nth-child(7){animation-delay:.7s}.feature-item:nth-child(8){animation-delay:.8s}.feature-check{width:24px;height:24px;background:var(--gradient);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-right:15px;flex-shrink:0}.feature-text{color:var(--text-secondary);font-size:.95rem}.plan-action{text-align:center}.select-plan-btn{width:100%;background:var(--gradient);border:none;border-radius:16px;padding:18px 24px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:10px}.select-plan-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.select-plan-btn:hover:before{left:100%}.select-plan-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--glow-color)}.btn-arrow{transition:transform .3s ease}.select-plan-btn:hover .btn-arrow{transform:translate(5px)}.trial-text{color:var(--text-muted);font-size:.8rem}.plans-footer{text-align:center;animation:fadeInUp 1s ease-out .6s both}.footer-text{color:var(--text-secondary);margin-bottom:30px;font-size:1.1rem}.trust-indicators{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.trust-item{color:var(--text-muted);font-size:.9rem;display:flex;align-items:center;gap:8px}.plan-card.premium{--accent-color: #667eea;--gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--glow-color: rgba(102, 126, 234, .4)}.plan-card.standard{--accent-color: #f093fb;--gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--glow-color: rgba(240, 147, 251, .4)}.plan-card.basic{--accent-color: #4facfe;--gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--glow-color: rgba(79, 172, 254, .4)}@media (max-width: 1200px){.plans-grid{gap:30px}.plan-card.large{transform:scale(1)}.plan-card.large:hover{transform:translateY(-20px) scale(1.02)}}@media (max-width: 768px){.premium-plans-container{padding:20px 15px}.plans-header{margin-bottom:60px}.main-title{font-size:2.5rem}.subtitle{font-size:1.1rem}.plans-grid{flex-direction:column;align-items:center;gap:30px}.plan-card.small,.plan-card.medium,.plan-card.large{width:100%;max-width:400px;transform:scale(1)}.trust-indicators{flex-direction:column;gap:20px}.floating-shapes{display:none}}@media (max-width: 480px){.plan-card.small,.plan-card.medium,.plan-card.large{padding:30px 20px}.price-amount{font-size:2.5rem}.plan-name{font-size:1.5rem}.theme-btn{width:50px;height:50px;font-size:20px}}.v0-container{font-family:Inter,sans-serif;padding:2rem;background-color:var(--modal-close-button-hover-background);height:100%;width:100%;overflow:auto}.v0-heading{font-size:2.5rem;font-weight:600;text-align:center;color:var(--business-reg-text-primary);margin-bottom:.5rem}.v0-subtitle{text-align:center;font-size:1rem;color:var(--business-reg-text-secondary);margin-bottom:3rem}.v0-timeline{position:relative;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.v0-timeline-item{position:relative;display:flex;align-items:flex-start}.v0-timeline-dot{flex-shrink:0;width:48px;height:48px;background:var(--business-reg-bg-secondary);border:2px solid var(--business-reg-accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--business-reg-accent-color);font-size:1.25rem;z-index:2;box-shadow:var(--business-reg-shadow-sm)}.v0-timeline-line{position:absolute;top:48px;left:23px;height:calc(100% - 48px);width:2px;background:var(--business-reg-step-line-color);z-index:1}.v0-timeline-card{margin-left:1.5rem;background:var(--business-reg-bg-secondary);padding:1.25rem 1.5rem;border-radius:1rem;box-shadow:var(--business-reg-shadow-md);transition:all .3s ease;border:1px solid var(--business-reg-border-color);width:500px}.v0-timeline-card:hover{transform:translateY(-2px);box-shadow:var(--business-reg-shadow-lg)}.v0-timeline-card h3{margin:0 0 .5rem;font-size:1.2rem;color:var(--business-reg-text-primary);font-weight:600;position:relative;cursor:pointer}.v0-timeline-card p{margin:0;color:var(--business-reg-text-secondary);font-size:.95rem}.v0-button-container{text-align:center;margin-top:3rem}.v0-btn{background-color:var(--business-reg-accent-color);color:#fff;padding:12px 24px;border-radius:999px;font-weight:500;text-decoration:none;transition:background .3s ease;box-shadow:0 6px 12px #3b82f633}.v0-btn:hover{background-color:var(--business-reg-accent-hover)}.v0-timeline-card h3:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background:var(--business-reg-accent-color);transition:width .3s ease}.v0-timeline-card:hover h3:after{width:100%}.addons-container{width:100%;height:100%;font-family:Segoe UI,Roboto,sans-serif;background-color:#f8fafc;color:#1e293b;padding:2rem;transition:all .3s ease;overflow:auto}.head-add{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:.5rem;color:inherit}.p-add{text-align:center;font-size:1.125rem;color:#64748b;margin-bottom:2rem}.addons-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 917px){.addons-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1320px){.addons-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1650px){.addons-grid{grid-template-columns:repeat(4,1fr)}}.addon-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s ease;position:relative;box-shadow:0 2px 8px #0000000d}.addon-card:hover{transform:translateY(-5px);border:2px solid #f59e0b;box-shadow:0 8px 20px #0000001a}.addon-card .addon-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.5em}.addon-card .addon-header .addon-image{width:3rem;height:3rem;transition:all .3s ease}.addon-card .addon-header:hover .addon-image{width:5rem;transform:scale(1.05)}.addon-card .addon-image img{width:100%;height:100%;object-fit:cover;border-radius:.5rem;margin-bottom:1rem}.featured-badge{position:absolute;top:1rem;right:1rem;background-color:#f59e0b;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.addon-icon{font-size:2.5rem;margin-bottom:1rem}.addon-name{font-size:1.25rem;font-weight:600;color:inherit;width:80%;max-width:calc(100% - 7rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.addon-description{color:#64748b;margin-bottom:1.5rem;line-height:1.5;height:3rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2}.addon-footer{display:flex;justify-content:space-between;align-items:center}.addon-price{font-size:1.125rem;font-weight:600;color:#1e40af}.install-btn{padding:.5rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:background .3s ease}.install-btn:hover{background-color:#2563eb}.addons-container.dark{background-color:#0f172a;color:#e2e8f0}.addons-container.dark .addon-card{background-color:#1e293b;border:1px solid #475569;box-shadow:0 2px 8px #ffffff0d}.addons-container.dark .addon-description{color:#94a3b8}.addons-container.dark .addon-price{color:#93c5fd}.addons-container.dark .install-btn{background-color:#6366f1}.addons-container.dark .install-btn:hover{background-color:#4f46e5}@media (max-width: 992px){.addons-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.addons-grid{grid-template-columns:1fr}.addon-footer{flex-direction:column;gap:1rem;align-items:stretch}.install-btn{width:100%}}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1a202c;--text-secondary: #4a5568;--text-muted: #718096;--border-color: #e2e8f0;--accent-primary: #667eea;--accent-secondary: #f093fb;--accent-tertiary: #4facfe;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-tertiary: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .3)}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.pos-landing{background:transparent;color:var(--text-primary);transition:all .3s ease}.navbar{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:1000;transition:all .3s ease}[data-theme=dark] .navbar{background:#0f172af2}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:70px}.nav-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.5rem;color:var(--text-primary);text-decoration:none}.logo-image{width:50px;height:50px;border-radius:10%}.logo-icon{font-size:2rem}.nav-menu{display:flex;align-items:center;gap:40px}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.nav-link:hover,.nav-link.active{color:var(--accent-primary)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{display:flex;align-items:center;gap:15px}.theme-toggle-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .3s ease}.theme-toggle-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.cta-btn{background:var(--gradient-primary);color:#fff;border:none;padding:10px 20px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.cta-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px}.menu-toggle span{width:25px;height:3px;background:var(--text-primary);margin:3px 0;transition:.3s;border-radius:2px}.menu-toggle.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:70px}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(240,147,251,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(79,172,254,.05) 0%,transparent 50%);animation:backgroundShift 20s ease-in-out infinite}.hero-shapes{position:absolute;width:100%;height:100%}.hero-shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,#667eea1a,#f093fb1a);animation:floatShape 15s ease-in-out infinite}.shape-1{width:100px;height:100px;top:10%;left:10%;animation-delay:0s}.shape-2{width:80px;height:80px;top:20%;right:15%;animation-delay:2s}.shape-3{width:120px;height:120px;top:60%;left:5%;animation-delay:4s}.shape-4{width:60px;height:60px;bottom:30%;right:20%;animation-delay:6s}.shape-5{width:90px;height:90px;top:40%;left:80%;animation-delay:8s}.shape-6{width:110px;height:110px;bottom:20%;left:30%;animation-delay:10s}.shape-7{width:70px;height:70px;top:70%;right:10%;animation-delay:12s}.shape-8{width:140px;height:140px;top:30%;left:60%;animation-delay:14s}.shape-9{width:50px;height:50px;bottom:60%;left:15%;animation-delay:16s}.shape-10{width:85px;height:85px;top:80%;right:40%;animation-delay:18s}.shape-11{width:105px;height:105px;bottom:10%;right:60%;animation-delay:20s}.shape-12{width:65px;height:65px;top:50%;left:25%;animation-delay:22s}.shape-13{width:95px;height:95px;top:15%;left:70%;animation-delay:24s}.shape-14{width:75px;height:75px;bottom:40%;left:80%;animation-delay:26s}.shape-15{width:115px;height:115px;top:25%;right:5%;animation-delay:28s}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-content{animation:fadeInUp 1s ease-out}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1;margin-bottom:30px}.gradient-text{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease-in-out infinite}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:40px;line-height:1.6}.hero-stats{display:flex;gap:40px;margin-bottom:40px}.stat-item{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:800;color:var(--accent-primary);line-height:1}.stat-label{font-size:.9rem;color:var(--text-muted)}.hero-actions{display:flex;gap:20px;align-items:center}.primary-btn{background:var(--gradient-primary);color:#fff;border:none;padding:16px 32px;border-radius:50px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-lg)}.primary-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.secondary-btn{background:transparent;color:var(--text-primary);border:2px solid var(--border-color);padding:14px 30px;border-radius:50px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.secondary-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.hero-visual{display:flex;justify-content:center;align-items:center;animation:fadeInUp 1s ease-out .3s both}.pos-mockup{position:relative;width:400px;height:500px;background:var(--bg-secondary);border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden;transform:perspective(1000px) rotateY(-15deg) rotateX(5deg);transition:transform .3s ease}.pos-mockup:hover{transform:perspective(1000px) rotateY(-10deg) rotateX(2deg) scale(1.05)}.mockup-screen{width:100%;height:100%;background:var(--bg-primary);border-radius:16px;margin:10px;width:calc(100% - 20px);height:calc(100% - 20px);overflow:hidden}.mockup-header{background:var(--bg-secondary);padding:15px 20px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--border-color)}.mockup-dots{display:flex;gap:8px}.mockup-dots span{width:12px;height:12px;border-radius:50%;background:var(--text-muted)}.mockup-dots span:nth-child(1){background:#ff5f57}.mockup-dots span:nth-child(2){background:#ffbd2e}.mockup-dots span:nth-child(3){background:#28ca42}.mockup-title{font-weight:600;color:var(--text-primary)}.mockup-content{padding:30px}.mockup-chart{background:var(--bg-secondary);border-radius:12px;padding:20px;margin-bottom:20px}.chart-bars{display:flex;align-items:end;gap:8px;height:100px}.bar{flex:1;background:var(--gradient-primary);border-radius:4px 4px 0 0;animation:barGrow 2s ease-out}.mockup-stats{display:flex;gap:15px}.stat-card{flex:1;background:var(--bg-secondary);padding:20px;border-radius:12px;text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--accent-primary);margin-bottom:5px}.stat-desc{font-size:.9rem;color:var(--text-muted)}.section-container{max-width:1200px;margin:0 auto;padding:100px 20px}.section-header{text-align:center;margin-bottom:80px}.section-title,.pos-landing .workflow-section .v0-container .v0-heading,.pos-landing .addons-section .addons-container .head-add{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:20px;line-height:1.2}.section-subtitle,.pos-landing .workflow-section .v0-container .v0-subtitle,.pos-landing .addons-section .addons-container .p-add{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.pos-landing .workflow-section .v0-container .v0-timeline,.pos-landing .addons-section .addons-container .addons-grid{margin-top:5rem}.features-section{background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.feature-card{background:var(--bg-primary);padding:40px 30px;border-radius:20px;text-align:center;transition:all .3s ease;border:1px solid var(--border-color);animation:fadeInUp .8s ease-out both}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-title{font-size:1.5rem;font-weight:700;margin-bottom:15px;color:var(--text-primary)}.feature-description{color:var(--text-secondary);line-height:1.6}.workflow-section{background:var(--bg-primary)}.workflow-timeline{max-width:800px;margin:0 auto 60px}.timeline-item{display:flex;align-items:flex-start;margin-bottom:40px;position:relative}.timeline-dot{flex-shrink:0;width:60px;height:60px;background:var(--bg-primary);border:3px solid var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:2;box-shadow:var(--shadow-md)}.timeline-line{position:absolute;top:60px;left:29px;width:2px;height:calc(100% - 20px);background:var(--border-color);z-index:1}.timeline-card{margin-left:30px;background:var(--bg-secondary);padding:30px;border-radius:16px;flex:1;box-shadow:var(--shadow-md);transition:all .3s ease;animation:slideInRight .8s ease-out both}.timeline-card:nth-child(1){animation-delay:.1s}.timeline-card:nth-child(2){animation-delay:.2s}.timeline-card:nth-child(3){animation-delay:.3s}.timeline-card:nth-child(4){animation-delay:.4s}.timeline-card:nth-child(5){animation-delay:.5s}.timeline-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.timeline-title{font-size:1.25rem;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.timeline-description{color:var(--text-secondary);line-height:1.6}.workflow-cta{text-align:center}.pricing-section{background:var(--bg-secondary);position:relative;overflow:hidden}.contact-section{background:var(--bg-primary)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact-info{animation:fadeInLeft 1s ease-out}.contact-title{font-size:2.5rem;font-weight:800;margin-bottom:20px;line-height:1.2}.contact-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:40px;line-height:1.6}.contact-stats{display:flex;flex-direction:column;gap:30px}.contact-stat{display:flex;align-items:center;gap:20px}.stat-icon{font-size:2rem;width:60px;height:60px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.stat-title{display:block;font-weight:700;font-size:1.1rem;color:var(--text-primary)}.stat-desc{color:var(--text-secondary);font-size:.95rem}.contact-form{background:var(--bg-secondary);padding:50px;border-radius:24px;box-shadow:var(--shadow-xl);animation:fadeInRight 1s ease-out}.form-title{font-size:1.75rem;font-weight:700;margin-bottom:30px;text-align:center;color:var(--text-primary)}.form{display:flex;flex-direction:column;gap:25px}.form-group{position:relative}.form-input{width:100%;padding:16px 20px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a;transform:translateY(-2px)}.form-submit-btn{background:var(--gradient-primary);color:#fff;border:none;padding:18px 24px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.form-submit-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.footer{background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.footer-container{max-width:1200px;margin:0 auto;padding:80px 20px 40px}.footer-content{display:grid;grid-template-columns:1fr 3fr;gap:80px;margin-bottom:60px}.footer-brand{animation:fadeInUp 1s ease-out}.footer-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.5rem;color:var(--text-primary);margin-bottom:20px}.footer-description{color:var(--text-secondary);line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.footer-column{animation:fadeInUp 1s ease-out}.footer-column:nth-child(1){animation-delay:.1s}.footer-column:nth-child(2){animation-delay:.2s}.footer-column:nth-child(3){animation-delay:.3s}.footer-column:nth-child(4){animation-delay:.4s}.footer-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:20px}.footer-link{display:block;color:var(--text-secondary);text-decoration:none;margin-bottom:12px;transition:all .3s ease}.footer-link:hover{color:var(--accent-primary);transform:translate(5px)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:40px;border-top:1px solid var(--border-color);animation:fadeInUp 1s ease-out .5s both}.footer-copyright{color:var(--text-muted)}.footer-social{display:flex;gap:15px}.social-link{width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.2rem;transition:all .3s ease}.social-link:hover{background:var(--accent-primary);color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-md)}@keyframes backgroundShift{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-20px) translateY(-10px)}50%{transform:translate(20px) translateY(10px)}75%{transform:translate(-10px) translateY(20px)}}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(-10px) rotate(180deg)}75%{transform:translateY(-30px) rotate(270deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:.8}}@keyframes badgeBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes barGrow{0%{height:0}to{height:var(--bar-height, 50%)}}@media (max-width: 1200px){.hero-container{gap:60px}.plans-grid{gap:30px}.plan-card.large{transform:scale(1)}.plan-card.large:hover{transform:translateY(-20px) scale(1.02)}}@media (max-width: 968px){.nav-menu{position:fixed;top:70px;left:0;right:0;background:var(--bg-primary);border-top:1px solid var(--border-color);flex-direction:column;padding:30px 20px;gap:20px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.menu-toggle{display:flex}.hero-container{grid-template-columns:1fr;gap:60px;text-align:center}.hero-stats,.hero-actions{justify-content:center}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.contact-content,.footer-content{grid-template-columns:1fr;gap:60px}.footer-links{grid-template-columns:repeat(2,1fr);gap:30px}}@media (max-width: 768px){.section-container{padding:80px 20px}.hero-title{font-size:2.5rem}.hero-stats{flex-direction:column;gap:20px}.hero-actions{flex-direction:column;gap:15px}.primary-btn,.secondary-btn{width:100%}.pos-mockup{width:300px;height:400px}.plans-grid{flex-direction:column;align-items:center;gap:30px}.plan-card.small,.plan-card.medium,.plan-card.large{width:100%;max-width:400px;transform:scale(1)}.trust-indicators{flex-direction:column;gap:20px}.timeline-item{flex-direction:column;text-align:center}.timeline-dot{margin-bottom:20px}.timeline-card{margin-left:0}.timeline-line{display:none}.contact-form{padding:30px}.footer-links{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column;gap:20px;text-align:center}}@media (max-width: 480px){.nav-container{padding:0 15px}.section-container{padding:60px 15px}.hero-title,.section-title{font-size:2rem}.plan-card.small,.plan-card.medium,.plan-card.large{padding:30px 20px}.price-amount{font-size:2.5rem}.plan-name{font-size:1.5rem}.contact-form{padding:20px}.pos-mockup{width:250px;height:320px}.hero-shapes{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.navbar,.hero-shapes,.floating-shapes,.theme-toggle-btn{display:none}.hero-section,.section-container{padding:20px 0}.plan-card{break-inside:avoid}}:root{--background-color: #f4f6f9;--text-color: #000;--search-bar-background: #fff;--search-bar-border: #e1eaf1;--search-icon-color: #403e3e;--select-table-btn-background: rgba(255, 248, 235, .742);--select-table-btn-color: rgb(231, 151, 4);--select-table-btn-border: rgb(255, 217, 146);--select-table-btn-hover-background: rgba(255, 239, 211, .742);--card-background: #fff;--card-shadow: rgba(0, 0, 0, .1);--card-hover-shadow: rgba(0, 0, 0, .2);--header-height: 4rem;--header-background: #fff;--cart-background: white;--main-outlet-background: white;--sidebar-width: 4.6rem;--sidebar-background: #fff;--sidebar-hover-background: rgba(254, 245, 227, .267);--sidebar-item-color: rgb(97, 106, 111);--sidebar-item-hover-color: orange;--sidebar-item-selected-background: rgba(255, 248, 235, .742);--sidebar-item-selected-border: rgb(255, 217, 147);--sidebar-avatar-border: rgb(235, 235, 235);--sidebar-avatar-hover-border: rgb(255, 217, 147);--category-header-background: #eef6ff;--category-header-border-bottom: rgb(225, 241, 255);--category-item-background: rgb(255, 255, 255);--category-item-border: rgb(228, 241, 255);--category-item-hover-background: rgba(255, 246, 232, .678);--category-item-hover-border: rgb(255, 195, 83);--category-item-selected-color: rgb(255, 183, 50);--category-item-hover-color: rgb(240, 166, 29);--category-item-selected-background: rgba(255, 246, 232, .678);--category-item-selected-border: rgb(255, 195, 83);--login-signup-background: #fff;--login-signup-shadow: rgba(0, 0, 0, .1);--login-signup-button-background: #4caf50;--login-signup-button-hover-background: #1d4ed8;--login-signup-button-color: #fff;--not-found-background: #f7fafc;--not-found-description-color: #4a5568;--cart-item-background: #fff7e6;--cart-item-border: #ffefd6;--cart-item-color: rgb(143, 105, 0);--cart-summary-background: #f9fff8;--cart-summary-border: #b1f4d7;--cart-summary-color: #006d18;--cart-button-background: rgba(229, 242, 255, .7);--cart-button-border: #cbdfff;--cart-button-color: #00588f;--cart-button-hover-background: #e0e0e0;--cart-button-hover-color: #000;--order-type-button-background: var(--cart-background);--order-type-button-color: #767676;--order-type-button-border: #f2f2f2;--order-type-button-active-border: #cdfff3;--order-type-button-active-background: #f2fffbae;--order-type-button-active-color: #01ccb8;--order-type-button-hover-border: #e9f50b;--order-type-button-hover-background: #fcffe9;--order-type-button-hover-color: #8d9200;--hold-payment-background: #f2f8ff;--hold-payment-border: #c9e3ff;--hold-payment-color: rgb(0, 63, 188);--hold-payment-hover-background: #e0eeff;--hold-payment-hover-color: #003fbc;--proceed-background: rgba(227, 255, 230, .7);--proceed-border: #b1f4d7;--proceed-color: #006d18;--proceed-hover-background: rgba(200, 255, 200, .7);--proceed-hover-color: #004d12;--food-card-background: #fff;--food-card-hover-shadow: rgba(0, 0, 0, .1);--food-card-price-color: rgb(255, 139, 77);--food-card-title-color: rgb(187, 95, 46);--food-card-category-color: rgb(234, 88, 12);--food-card-category-background: rgba(255, 242, 215, .762);--food-card-category-border: rgb(255, 202, 173);--info-text-color: #b9ad00;--info-shadow: rgba(0, 0, 0, .1);--dropdown-background: #fff;--dropdown-item-shadow: rgba(0, 0, 0, .2);--dropdown-hover-background: #eff9ff;--chart-background: #fff;--chart-bar-color: #f1c40f;--chart-label-color: #000;--category-select-btn-background: #daebff5c;--category-select-btn-color: rgb(0, 63, 188);--category-select-btn-border: #c4e1ff;--category-select-btn-hover-background: #c9e2ff5c;--category-select-btn-hover-color: var(--hold-payment-hover-color);--category-dropdown-item-hover: #eaedffe8;--add-foods-background: rgb(254, 255, 248);--add-foods-border: rgb(255, 237, 207);--add-foods-input-background: rgba(255, 241, 215, .511);--add-foods-input-color: rgb(136, 122, 0);--add-foods-button-background: #f2f8ff;--add-foods-button-border: #c9e3ff;--add-foods-button-color: rgb(0, 63, 188);--add-foods-button-hover-background: #e0eeff;--addFood-form-container-bg: #ffffff;--addFood-form-input-border-color: #e9f1f9;--addFood-form-input-background: #f8fbff;--addFood-form-input-text-color: #333333;--addFood-form-input-focus-border: #5b9bd5;--addFood-form-input-focus-shadow: rgba(91, 155, 213, .5);--transition-all: all .15s cubic-bezier(.4, 0, .2, 1);--category-create-input-bg: #f8ffff;--category-create-input-color: #0b0e15;--table-dropdown-menu-bg: #fbfcfd;--table-dropdown-menu-border: #eef6ff;--table-dropdown-menu-color: #1b394b;--table-dropdown-menu-item-hover-bg: #e6f2ff;--table-dropdown-menu-item-hover-color: #374552;--gst-select-checkbox-color: #25acb6;--delete-modal-button-background: #f44336;--delete-modal-button-border: #d32f2f;--delete-modal-button-color: #fff;--delete-modal-button-hover-background: #e53935;--delete-modal-button-hover-color: #fff;--cancel-modal-button-background: #9e9e9e;--cancel-modal-button-border: #757575a6;--cancel-modal-button-color: #fff;--cancel-modal-button-hover-background: #616161;--cancel-modal-button-hover-color: #fff;--inventory-heading-color: rgb(230, 156, 19);--inventory-page-limit-bg: #ecf4ff;--inventory-page-limit-color: #041d3d;--inventory-page-limit-option-bg: #fdfff0;--inventory-page-limit-option-hover-bg: #f4f6f9;--inventory-page-limit-option-color: #272725;--pagination-arrow-color: #030e1ae8;--pagination-arrow-bg: #fff;--pagination-disabled-arrow-bg: #ffffff;--pagination-disabled-arrow-color: #3d576e;--pagination-hovered-arrow-color: #3d576e;--pagination-hovered-arrow-bg: #e4edf5;--inventory-page-limit-bg: #f4f6f9;--edit-button-border: rgba(80, 140, 60, .5);--edit-button-bg: #e6ffe6;--edit-button-text: #065f12;--edit-button-hover-bg: #bef5be;--delete-button-border: rgba(200, 60, 60, .6);--delete-button-bg: #ffe6e6;--delete-button-text: #6f1c1c;--delete-button-hover-bg: #ffd3d3;--table-bg: #ffffff;--table-border: #ddd;--table-header-bg: #f4f4f4;--table-header-text: #333;--table-text: #555;--table-row-alt-bg: #f9f9f9;--table-row-hover-bg: #eaeaea;--category-cell-value-bg: #7cc8f11b;--category-cell-value-border: #c8dfff;--category-cell-value-color: #021e45;--scrollbar-thumb-color: #dce6ee;--scrollbar-thumb-hover-color: #d1dae1;--report-radio-btn-container-bg: #dee7ff9d;--report-radio-btn-hover-bg: #fafeff;--report-radio-btn-hover-text-color: #00274b;--report-radio-btn-checked-bg: #dee8ffd2;--report-radio-btn-checked-border-color: #435dd8;--report-radio-btn-text-color: #000000;--report-radio-btn-checked-text-color: #1b2652;--report-radio-btn-bg: #ffffff;--report-radio-btn-color: #fff;--bill-generate-btn-bg: #caffcb79;--bill-generate-btn-color: #196b00;--bill-generate-btn-border: #6abe6d;--bill-bg: #ffffff;--bill-text-color: #000000;--bill-border-color: #000000;--payment-type-raio-color: #6f97ab;--payment-type-raio-bg: #ffffff;--payment-type-raio-border: #000000;--modal-overlay-background: rgba(0, 0, 0, .5);--modal-content-background: #fff;--modal-content-border: rgba(255, 255, 255, .2);--modal-content-shadow: rgba(0, 0, 0, .25);--modal-header-border: #f0f0f0;--modal-title-color: #333;--modal-instruction-color: #545454;--modal-label-color: #4e5d60;--modal-close-button-color: #666;--modal-close-button-hover-background: #f5f5f5;--modal-close-button-hover-color: #333;--modal-scrollbar-track: rgba(0, 0, 0, .05);--modal-scrollbar-thumb: linear-gradient(135deg, #667eea, #764ba2);--modal-scrollbar-thumb-hover: linear-gradient(135deg, #764ba2, #667eea);--profile-edit-subheading-color: #666;--profile-edit-input-border-color: #e0e0e0;--profile-edit-input-background: rgba(248, 250, 252, .8);--profile-edit-input-focus-border: #667eea;--profile-edit-input-focus-shadow: rgba(102, 126, 234, .1);--profile-edit-placeholder-color: #999;--profile-edit-dropdown-background: var(--modal-content-background);--profile-edit-dropdown-choice-hover: rgba(102, 126, 234, .1);--profile-edit-dropdown-choice-active: rgba(102, 126, 234, .15);--profile-edit-dropdown-choice-active-color: #667eea;--profile-edit-icon-button-color: #666;--profile-edit-icon-button-hover-color: #667eea;--profile-edit-button-background: linear-gradient(135deg, #667eea, #764ba2);--profile-edit-button-shadow: rgba(102, 126, 234, .3);--profile-edit-scrollbar-track: rgba(0, 0, 0, .05);--profile-edit-scrollbar-thumb: linear-gradient(135deg, #667eea, #764ba2);--profile-edit-scrollbar-thumb-hover: linear-gradient(135deg, #764ba2, #667eea);--business-reg-bg-primary: #f8fafc;--business-reg-bg-secondary: #ffffff;--business-reg-bg-tertiary: #f1f5f9;--business-reg-text-primary: #1e293b;--business-reg-text-secondary: #64748b;--business-reg-text-muted: #94a3b8;--business-reg-border-color: #e2e8f0;--business-reg-accent-color: #3b82f6;--business-reg-accent-hover: #2563eb;--business-reg-success-color: #10b981;--business-reg-warning-color: #f59e0b;--business-reg-step-line-color: #cbd5e1;--business-reg-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--business-reg-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--business-reg-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}[data-theme=dark]{--background-color: #202b42;--text-color: #fff;--search-bar-background: #1b2439;--search-bar-border: #30446d;--search-icon-color: #ccc;--select-table-btn-background: rgba(126, 82, 0, .281);--select-table-btn-color: rgb(231, 151, 4);--select-table-btn-border: rgb(255, 217, 146);--select-table-btn-hover-background: rgba(202, 128, 0, .397);--card-background: #334861;--card-shadow: rgba(0, 0, 0, .5);--card-hover-shadow: rgba(0, 0, 0, .7);--header-background: #111827;--cart-background: #111827;--main-outlet-background: #111827;--sidebar-background: #111827;--sidebar-hover-background: rgba(91, 75, 44, .596);--sidebar-item-color: rgb(200, 200, 200);--sidebar-item-hover-color: rgb(255, 167, 3);--sidebar-item-selected-background: rgba(113, 65, 3, .386);--sidebar-item-selected-border: rgb(255, 185, 55);--sidebar-avatar-border: rgba(49, 49, 49, .673);--sidebar-avatar-hover-border: rgb(150, 150, 150);--category-header-background: #34455f;--category-header-border-bottom: var(--category-header-background);--category-item-background: rgb(50, 50, 50);--category-item-border: rgb(100, 100, 100);--category-item-hover-background: rgba(149, 92, 0, .452);--category-item-hover-border: rgb(255, 195, 84);--category-item-selected-color: rgb(255, 180, 40);--category-item-hover-color: rgb(255, 208, 121);--category-item-selected-background: rgba(143, 82, 3, .386);--category-item-selected-border: rgb(255, 195, 84);--add-foods-background: rgb(50, 50, 50);--add-foods-border: rgb(100, 100, 100);--profile-edit-subheading-color: #ccc;--profile-edit-input-border-color: #475569;--profile-edit-input-background: rgba(30, 41, 59, .8);--profile-edit-input-focus-border: #667eea;--profile-edit-input-focus-shadow: rgba(102, 126, 234, .1);--profile-edit-placeholder-color: #94a3b8;--profile-edit-dropdown-background: rgba(30, 41, 59, .95);--profile-edit-dropdown-choice-hover: rgba(102, 126, 234, .2);--profile-edit-dropdown-choice-active: rgba(102, 126, 234, .25);--profile-edit-dropdown-choice-active-color: #b4c0f1;--profile-edit-icon-button-color: #94a3b8;--profile-edit-icon-button-hover-color: #667eea;--profile-edit-button-background: linear-gradient(135deg, #667eea, #764ba2);--profile-edit-button-shadow: rgba(102, 126, 234, .3);--profile-edit-scrollbar-track: rgba(0, 0, 0, .05);--profile-edit-scrollbar-thumb: linear-gradient(135deg, #667eea, #764ba2);--profile-edit-scrollbar-thumb-hover: linear-gradient(135deg, #764ba2, #667eea);--login-signup-background: #444;--login-signup-shadow: rgba(0, 0, 0, .5);--login-signup-button-background: #1d4ed8;--login-signup-button-hover-background: #2563eb;--login-signup-button-color: #fff;--not-found-background: #333;--not-found-description-color: #ccc;--cart-item-background: #1c2d3bfb;--cart-item-border: #2e475b;--cart-item-color: rgb(200, 200, 200);--cart-item-price-color: #d8fbff;--cart-summary-background: #434f5983;--cart-summary-border: #666;--cart-summary-color: #fff;--cart-button-background: rgba(70, 70, 70, .7);--cart-button-border: #777;--cart-button-color: #fff;--cart-button-hover-background: #888;--cart-button-hover-color: #fff;--order-type-button-background: var(--cart-background);--order-type-button-color: #f0f9ff;--order-type-button-border: #d1f4ff;--order-type-button-active-border: #a5ffea;--order-type-button-active-background: #1b4136e8;--order-type-button-active-color: #9afff5;--order-type-button-hover-border: #f9ff80;--order-type-button-hover-background: #4e561dd7;--order-type-button-hover-color: #fbff8f;--hold-payment-background: #2b4a6fc9;--hold-payment-border: #85a7ca;--hold-payment-color: rgb(218, 230, 255);--hold-payment-hover-background: #4f6785c0;--hold-payment-hover-color: #e1ecff;--proceed-background: #29694297;--proceed-border: #b1f4d7;--proceed-color: #e1ffe8;--proceed-hover-background: rgba(57, 131, 97, .646);--proceed-hover-color: #daffe2;--food-card-background: #131b29;--food-card-hover-shadow: rgb(21, 41, 59);--food-card-price-color: rgb(255, 137, 74);--food-card-title-color: rgb(243, 175, 85);--food-card-category-color: rgb(255, 128, 60);--food-card-category-background: rgba(126, 67, 0, .308);--food-card-category-border: rgb(255, 173, 129);--info-text-color: #ffed85;--info-shadow: rgba(0, 0, 0, .5);--dropdown-background: var(--card-background);--dropdown-item-shadow: rgb(14, 28, 44);--dropdown-hover-background: #203846;--chart-background: var(--card-background);--chart-bar-color: #f1c40f;--chart-label-color: #fff;--chart-tooltip-bg: #000;--category-select-btn-background: var(--hold-payment-background);--category-select-btn-color: var(--hold-payment-color);--category-select-btn-hover-background: var(--hold-payment-hover-background);--category-select-btn-hover-color: var(--hold-payment-hover-color);--category-select-btn-border: var(--hold-payment-border);--category-dropdown-item-hover: #1b2e41e8;--add-foods-border: #555;--add-foods-input-background: rgba(70, 70, 70, .511);--add-foods-input-color: rgb(200, 200, 200);--add-foods-button-background: #444;--add-foods-button-border: #555;--add-foods-button-color: rgb(200, 200, 200);--add-foods-button-hover-background: #555;--addFood-form-container-bg: #10192e;--addFood-form-input-border-color: #555555;--addFood-form-input-background: #444444;--addFood-form-input-text-color: #ffffff;--addFood-form-input-focus-border: #5b9bd5;--addFood-form-input-focus-shadow: rgba(91, 155, 213, .5);--transition-all: all .15s cubic-bezier(.4, 0, .2, 1);--category-create-input-bg: #0b0e15;--category-create-input-color: #e8efff;--table-dropdown-menu-bg: #25324e;--table-dropdown-menu-border: #1d2936;--table-dropdown-menu-color: #fff;--table-dropdown-menu-item-hover-bg: #375374;--table-dropdown-menu-item-hover-color: #fff;--gst-select-checkbox-color: #43d8e2;--delete-modal-button-background: #f44336;--delete-modal-button-border: #d32f2f;--delete-modal-button-color: #fff;--delete-modal-button-hover-background: #e53935;--delete-modal-button-hover-color: #fff;--cancel-modal-button-background: #9e9e9e;--cancel-modal-button-border: #ffc1c1e1;--cancel-modal-button-color: #fff;--cancel-modal-button-hover-background: #616161;--cancel-modal-button-hover-color: #fff;--inventory-heading-color: orange;--inventory-page-limit-bg: #081222;--inventory-page-limit-color: #fff;--inventory-page-limit-option-bg: #081222;--inventory-page-limit-option-hover-bg: #101723;--inventory-page-limit-option-color: #d2e3ff;--pagination-arrow-color: #fff;--pagination-arrow-bg: #030e1ae8;--pagination-disabled-arrow-bg: #3d576e;--pagination-disabled-arrow-color: #ffffff;--pagination-hovered-arrow-color: #f0f8ff;--pagination-hovered-arrow-bg: #181d22;--edit-button-border: rgba(174, 216, 144, .767);--edit-button-bg: #0d311b86;--edit-button-text: #bbffbf;--edit-button-hover-bg: #143d16;--delete-button-border: rgb(243, 124, 124);--delete-button-bg: #531813a6;--delete-button-text: #ffbaba;--delete-button-hover-bg: #471716;--table-bg: #1e1e1e;--table-border: #333;--table-header-bg: #2b2b2b;--table-header-text: #f5f5f5;--table-text: #ccc;--table-row-alt-bg: #292929;--table-row-hover-bg: #3b3b3b;--category-cell-value-bg: #0b295680;--category-cell-value-border: #496a94;--category-cell-value-color: #bed7fe;--scrollbar-thumb-color: #444444;--scrollbar-thumb-hover-color: #595c5f;--report-radio-btn-container-bg: #3a8bb64d;--report-radio-btn-hover-bg: #2a2e3c;--report-radio-btn-hover-text-color: #ebefff;--report-radio-btn-checked-bg: #2d3750;--report-radio-btn-checked-border-color: #798ae0;--report-radio-btn-text-color: #f0f9ff;--report-radio-btn-checked-text-color: #ebefff;--report-radio-btn-bg: #202030;--report-radio-btn-color: #fff;--bill-generate-btn-bg: #006d027e;--bill-generate-btn-color: #e3ffda;--bill-generate-btn-border: #c6ffc8;--bill-bg: #000;--bill-text-color: #fff;--bill-border-color: #d8d8d8;--payment-type-raio-color: #8ad8ff;--modal-overlay-background: rgba(0, 0, 0, .7);--modal-content-background: #334861;--modal-content-border: rgba(255, 255, 255, .1);--modal-content-shadow: rgba(0, 0, 0, .5);--modal-header-border: #30446d;--modal-title-color: #fff;--modal-instruction-color: #f6f6f6;--modal-label-color: #e4fbff;--modal-close-button-color: #ccc;--modal-close-button-hover-background: rgba(255, 255, 255, .1);--modal-close-button-hover-color: #fff;--modal-scrollbar-track: rgba(255, 255, 255, .05);--modal-scrollbar-thumb: linear-gradient(135deg, #667eea, #764ba2);--modal-scrollbar-thumb-hover: linear-gradient(135deg, #764ba2, #667eea);--business-reg-bg-primary: #0f172a;--business-reg-bg-secondary: #1e293b;--business-reg-bg-tertiary: #334155;--business-reg-text-primary: #f8fafc;--business-reg-text-secondary: #cbd5e1;--business-reg-text-muted: #94a3b8;--business-reg-border-color: #475569;--business-reg-accent-color: #3b82f6;--business-reg-accent-hover: #60a5fa;--business-reg-success-color: #10b981;--business-reg-warning-color: #f59e0b;--business-reg-step-line-color: #475569;--business-reg-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--business-reg-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--business-reg-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3)}*{margin:0;padding:0;box-sizing:border-box}body{padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;background-color:var(--background-color);color:var(--text-color)}.header{background-color:var(--header-background)}.sidebar{background-color:var(--sidebar-background)}.sidebar-item:hover{background-color:var(--sidebar-hover-background)}.category-header{background-color:var(--category-header-background)}.cart-container{background-color:var(--cart-background)}.main-outlet{background-color:var(--main-outlet-background)}.transition-all{transition:var(--transition-all)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}