.modal-backdrop-unified{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);overflow-y:auto;animation:modalBackdropFadeIn var(--transition-duration-sm) var(--transition-ease-out)}.modal-content-unified{background:linear-gradient(135deg,var(--panel-bg) 0%,var(--card-bg) 100%);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl),0 0 0 1px var(--border);color:var(--text);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(var(--spacing-2xl)) scale(.98);animation:modalSlideIn var(--transition-duration-lg) cubic-bezier(.34,1.56,.64,1) forwards;max-height:95vh}@media(min-width:1920px)and (max-width:1999px){.modal-content-unified{max-height:96vh}}.modal-header-unified{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-lg);border-bottom:1px solid var(--border);background:#0003}.modal-header-primary{background:var(--modal-primary-gradient);color:#fff;border-bottom:1px solid rgba(102,126,234,.2)}.modal-title-unified{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text)}.modal-body-unified{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-lg);min-height:0}.modal-footer-unified{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--border);background:#0003}.btn-unified{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:var(--spacing-sm)}.btn-primary-unified{background:var(--modal-primary-gradient);color:#fff}.btn-primary-unified:hover:not(:disabled){background:var(--modal-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success-unified{background:linear-gradient(135deg,var(--success) 0%,var(--success-hover) 100%);color:#fff}.btn-success-unified:hover:not(:disabled){background:linear-gradient(135deg,var(--success-hover) 0%,var(--success-dark) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary-unified{background:#ffffff0d;color:var(--text);border:1px solid var(--border)}.btn-secondary-unified:hover:not(:disabled){background:var(--error-light);border-color:var(--error);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-danger-unified{background:linear-gradient(135deg,var(--error) 0%,var(--error-hover) 100%);color:var(--text)}.btn-danger-unified:hover:not(:disabled){background:linear-gradient(135deg,var(--error-hover) 0%,var(--error-dark) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning-unified{background:linear-gradient(135deg,var(--warning) 0%,var(--warning-hover) 100%);color:var(--warning-text)}.btn-warning-unified:hover:not(:disabled){background:linear-gradient(135deg,var(--warning-hover) 0%,var(--warning-dark) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-info-unified{background:linear-gradient(135deg,var(--info) 0%,var(--info-hover) 100%);color:var(--text)}.btn-info-unified:hover:not(:disabled){background:linear-gradient(135deg,var(--info-hover) 0%,var(--info-dark) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-unified:disabled{cursor:not-allowed;opacity:.6}.btn-primary-unified:disabled{background:var(--modal-primary-gradient);color:#ffffffd9;opacity:.7}.form-group-unified{margin-bottom:var(--spacing-lg)}.form-label-unified{display:block;margin-bottom:var(--spacing-sm);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text);text-transform:uppercase;letter-spacing:1px;opacity:.9}.form-input-unified{width:100%;padding:var(--spacing-md) var(--spacing-md);background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-base);transition:all .2s ease}.form-input-unified:focus{outline:none;border-color:var(--modal-primary-border);background:var(--modal-primary-light);box-shadow:0 0 0 3px var(--modal-primary-light)}.form-input-unified::placeholder{color:var(--text-secondary)}.form-select-unified{width:100%;padding:var(--spacing-md) var(--spacing-md);background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-base);cursor:pointer;transition:all .2s ease}.form-select-unified:hover{border-color:var(--modal-primary-border)}.form-select-unified:focus{outline:none;border-color:var(--modal-primary-border);background:var(--modal-primary-light);box-shadow:0 0 0 3px var(--modal-primary-light)}.form-select-unified option{background:var(--card-bg);color:var(--text)}.modal-section-unified{background:#ffffff0d;border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border);margin-bottom:var(--spacing-lg)}.modal-section-title-unified{margin:0 0 var(--spacing-md) 0;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text);text-transform:uppercase;letter-spacing:1px;opacity:.9}.modal-grid-unified{display:grid;gap:var(--spacing-md)}.modal-grid-2-unified{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.modal-grid-3-unified{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(var(--spacing-2xl)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(var(--spacing-2xl)) scale(.98)}}@media(max-width:768px){.modal-backdrop-unified{padding:var(--spacing-sm)}.modal-content-unified{margin:var(--spacing-sm);max-height:95vh;border-radius:var(--radius-xl)}}@media(min-width:1920px)and (max-width:1999px){.modal-backdrop-unified{padding:var(--spacing-md)}.modal-content-unified{max-height:96vh}.modal-header-unified{padding:var(--spacing-md) var(--spacing-lg)}.modal-title-unified{font-size:var(--font-size-lg)}.modal-body-unified{padding:var(--spacing-lg)}.modal-footer-unified{padding:var(--spacing-md) var(--spacing-lg);flex-direction:column}.btn-unified{width:100%;justify-content:center}.modal-grid-2-unified,.modal-grid-3-unified{grid-template-columns:1fr}}.modal-body-unified::-webkit-scrollbar{width:var(--spacing-sm)}.modal-body-unified::-webkit-scrollbar-track{background:var(--border-light);border-radius:var(--radius-sm)}.modal-body-unified::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-sm)}.modal-body-unified::-webkit-scrollbar-thumb:hover{background:#ffffff59}.modal-loading-unified{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text)}.loading-spinner-unified{width:40px;height:40px;border:4px solid var(--border);border-top:4px solid var(--warning);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.loading-text-unified{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-secondary);text-align:center}.modal-active{background:var(--modal-active-bg);border-color:var(--modal-active-border)}.modal-active-item{background:var(--modal-active-bg);border-left:3px solid var(--modal-primary-start)}.modal-radio-active,.modal-checkbox-active{accent-color:var(--modal-primary-start)}.modal-selected-border{border-color:var(--modal-active-border);border-width:2px}.modal-selected-bg{background:var(--modal-primary-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:clamp(32px,calc(32px + 2px * var(--vw-scale)),34px)}.btn-md{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);min-height:var(--h-btn)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);min-height:clamp(48px,calc(48px + 4px * var(--vw-scale)),52px)}.btn-compact{padding:var(--spacing-sm) var(--spacing-sm);font-size:12px;min-height:auto}.btn-primary{background-color:var(--primary);color:var(--text);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--secondary);color:var(--text);border-color:var(--secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-hover);border-color:var(--secondary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success{background-color:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover:not(:disabled){background-color:var(--success-hover);border-color:var(--success-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.btn-danger,.btn-error{background-color:var(--error);color:#fff;border-color:var(--error)}.btn-danger:hover:not(:disabled),.btn-error:hover:not(:disabled){background-color:var(--error-hover);border-color:var(--error-hover);transform:translateY(-1px);box-shadow:0 4px 12px #f443364d}.btn-warning{background-color:var(--warning);color:var(--warning-text);border-color:var(--warning)}.btn-warning:hover:not(:disabled){background-color:var(--warning-hover);border-color:var(--warning-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ffc1074d}.btn-info{background-color:var(--info);color:#fff;border-color:var(--info)}.btn-info:hover:not(:disabled){background-color:var(--info-hover);border-color:var(--info-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.btn-ghost{background-color:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background-color:var(--button-bg);border-color:var(--primary);color:var(--primary)}.input{width:100%;padding:0 var(--spacing-md);min-height:var(--h-input);background-color:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);transition:all .2s ease}.input::placeholder{color:var(--text-secondary)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--gray-800)}.input-number{font-variant-numeric:tabular-nums}.input-select{cursor:pointer}.input-textarea{min-height:100px;resize:vertical}.input-error{border-color:var(--error)}.input-error:focus{border-color:var(--error);box-shadow:0 0 0 3px var(--error-light)}.input-success{border-color:var(--success)}.input-success:focus{border-color:var(--success);box-shadow:0 0 0 3px var(--success-light)}.input-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.input-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-dark)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text);margin:0}.card-body{color:var(--text-secondary)}.card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.table{width:100%;border-collapse:collapse;background-color:var(--card-bg);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.table th{background-color:var(--panel-bg);color:var(--text);font-family:var(--font-sans);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-md);text-align:left;border-bottom:2px solid var(--border);position:relative}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.table th.sortable:hover{background-color:var(--gray-800)}.table th.sortable:after{content:"↕";position:absolute;right:var(--spacing-sm);opacity:.3;font-size:var(--font-size-xs);transition:opacity .2s ease}.table th.sortable:hover:after{opacity:.6}.table th.sort-asc:after{content:"↑";opacity:1;color:var(--primary)}.table th.sort-desc:after{content:"↓";opacity:1;color:var(--primary)}.table td{padding:var(--spacing-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-light);transition:background-color .2s ease,color .2s ease}.table tbody tr{transition:all .2s ease}.table tbody tr:hover{background-color:var(--panel-bg);box-shadow:inset 0 0 0 1px var(--border)}.table tbody tr:hover td{color:var(--text)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.selected{background-color:var(--primary-light)}.table tbody tr.selected td{color:var(--text);font-weight:var(--font-weight-medium)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:var(--panel-bg);border-radius:var(--radius-sm)}.table-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap}.badge-primary{background-color:var(--primary-light);color:var(--primary);border:1px solid var(--primary)}.badge-secondary{background-color:var(--secondary-light);color:var(--secondary);border:1px solid var(--secondary)}.badge-success{background-color:var(--success-light);color:var(--success);border:1px solid var(--success)}.badge-error,.badge-danger{background-color:var(--error-light);color:var(--error);border:1px solid var(--error)}.badge-warning{background-color:var(--warning-light);color:var(--warning-text);border:1px solid var(--warning)}.badge-info{background-color:var(--info-light);color:var(--info);border:1px solid var(--info)}.badge-sm{padding:var(--spacing-xs) var(--spacing-xs);font-size:10px}.badge-lg{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text);line-height:var(--line-height-normal)}.form-label-required:after{content:" *";color:var(--error);font-weight:var(--font-weight-bold)}.form-help{margin-top:var(--spacing-xs);font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.form-error{margin-top:var(--spacing-xs);font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--error);display:flex;align-items:center;gap:var(--spacing-xs);line-height:var(--line-height-relaxed)}.input-error{border-color:var(--error)!important;background-color:var(--error-light)!important}.input-error:focus{border-color:var(--error)!important;box-shadow:0 0 0 3px var(--error-light)!important}.input-success{border-color:var(--success)!important;background-color:var(--success-light)!important}.input-success:focus{border-color:var(--success)!important;box-shadow:0 0 0 3px var(--success-light)!important}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--gray-800)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner-sm{width:16px;height:16px;border-width:2px}.loading-spinner-lg{width:32px;height:32px;border-width:3px}.loading-spinner-xl{width:48px;height:48px;border-width:4px}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-base);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-text{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-sm);text-align:center}.skeleton{background:linear-gradient(90deg,var(--panel-bg) 0%,var(--gray-700) 50%,var(--panel-bg) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-sm{height:20px}.skeleton-md{height:40px}.skeleton-lg{height:60px}.skeleton-circle{border-radius:var(--radius-full);width:40px;height:40px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tab-btn,.action-tab-btn,.nav-tab{background:none;border:none;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-secondary);border-bottom:3px solid transparent;transition:all .3s ease,transform .2s ease;white-space:nowrap;letter-spacing:.3px;position:relative;display:inline-flex;gap:var(--space-2);align-items:center;justify-content:center}.tab-btn:hover,.action-tab-btn svg{flex-shrink:0;opacity:.8}.action-tab-btn:hover svg,.action-tab-btn.active svg{opacity:1}.action-tab-btn:hover,.nav-tab:hover{color:var(--text);background:#ffffff1a;border-bottom-color:var(--border-dark);transform:translateY(-1px)}.tab-btn.active,.action-tab-btn.active,.nav-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--primary-light);transform:translateY(-1px)}.tab-btn.active:hover,.action-tab-btn.active:hover,.nav-tab.active:hover{color:var(--text);border-bottom-color:var(--text);background:#ffffff26;transform:translateY(-1px)}.tab-btn.active:before,.action-tab-btn.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:var(--spacing-xs);height:var(--spacing-xs);background:var(--primary);border-radius:var(--radius-full);box-shadow:0 0 var(--spacing-sm) var(--primary)}.tab-btn.dragging,.action-tab-btn.dragging{opacity:.5;cursor:grabbing;transform:scale(.95);transition:opacity .2s ease,transform .2s ease;border:2px dashed var(--primary);background:var(--primary-light)!important;box-shadow:var(--shadow-md)}.tab-btn.drag-over,.action-tab-btn.drag-over{background:var(--primary-light);border-bottom-color:var(--primary);transition:background .2s ease}.tab-btn[draggable=true],.action-tab-btn[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.tab-btn[draggable=true]:active,.action-tab-btn[draggable=true]:active{cursor:grabbing}.tab-drop-placeholder{width:0;min-width:120px;height:100%;display:flex;align-items:center;justify-content:center;animation:placeholderSlideIn .2s ease-out forwards;position:relative;cursor:pointer;flex-shrink:0}.tab-drop-placeholder-inner{width:3px;height:60%;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:var(--radius-sm);box-shadow:0 0 var(--spacing-md) var(--primary);animation:placeholderPulse 1s ease-in-out infinite}@keyframes placeholderSlideIn{0%{width:0;opacity:0}to{width:120px;opacity:1}}@keyframes placeholderPulse{0%,to{opacity:1;transform:scaleY(1);box-shadow:0 0 var(--spacing-md) var(--primary)}50%{opacity:.7;transform:scaleY(1.1);box-shadow:0 0 var(--spacing-lg) var(--primary)}}.tab-container{display:flex;background:var(--panel-bg);border-bottom:1px solid var(--border-dark);padding:0 var(--spacing-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:var(--z-sticky);align-items:stretch;justify-content:space-between;width:100%}.tab-btn:focus-visible,.action-tab-btn:focus-visible,.nav-tab:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.close-button,.modal-close,.modal-close-btn,.modal-close-btn-unified,.add-payment-close-btn,.drink-modal-close-x,.alcohol-modal-close,.add-ice-cream-modal-close,.add-other-product-modal-close,.add-alcohol-modal-close,.add-milk-modal-close,.split-modal-close,.modal .close-btn,.modal-overlay .close-btn,[class*=modal] .close-btn,[class*=Modal] .close-btn{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;color:var(--text)!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;padding:0!important;margin:0!important;border-radius:var(--radius-full)!important;font-size:var(--font-size-xl)!important;font-weight:var(--font-weight-normal)!important;line-height:1!important;cursor:pointer;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease;position:relative;z-index:1;flex-shrink:0;-webkit-user-select:none;user-select:none;box-sizing:border-box!important}.close-button:hover,.modal-close:hover,.modal-close-btn:hover,.modal-close-btn-unified:hover,.add-payment-close-btn:hover,.drink-modal-close-x:hover,.alcohol-modal-close:hover,.add-ice-cream-modal-close:hover,.add-other-product-modal-close:hover,.add-alcohol-modal-close:hover,.add-milk-modal-close:hover,.split-modal-close:hover,.modal .close-btn:hover,.modal-overlay .close-btn:hover,[class*=modal] .close-btn:hover,[class*=Modal] .close-btn:hover{background:#fff3!important;border-color:#ffffff4d!important;transform:scale(1.1);box-shadow:var(--shadow-md)}.close-button:active,.modal-close:active,.modal-close-btn:active,.modal-close-btn-unified:active,.add-payment-close-btn:active,.drink-modal-close-x:active,.alcohol-modal-close:active,.add-ice-cream-modal-close:active,.add-other-product-modal-close:active,.add-alcohol-modal-close:active,.add-milk-modal-close:active,.split-modal-close:active,.modal .close-btn:active,.modal-overlay .close-btn:active,[class*=modal] .close-btn:active,[class*=Modal] .close-btn:active{transform:scale(.95)}.close-button:disabled,.modal-close:disabled,.modal-close-btn:disabled,.modal-close-btn-unified:disabled,.add-payment-close-btn:disabled,.drink-modal-close-x:disabled,.alcohol-modal-close:disabled,.add-ice-cream-modal-close:disabled,.add-other-product-modal-close:disabled,.add-alcohol-modal-close:disabled,.add-milk-modal-close:disabled,.split-modal-close:disabled,.modal .close-btn:disabled,.modal-overlay .close-btn:disabled,[class*=modal] .close-btn:disabled,[class*=Modal] .close-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.close-button:focus-visible,.modal-close:focus-visible,.modal-close-btn:focus-visible,.modal-close-btn-unified:focus-visible,.add-payment-close-btn:focus-visible,.drink-modal-close-x:focus-visible,.alcohol-modal-close:focus-visible,.add-ice-cream-modal-close:focus-visible,.add-other-product-modal-close:focus-visible,.add-alcohol-modal-close:focus-visible,.add-milk-modal-close:focus-visible,.split-modal-close:focus-visible,.modal .close-btn:focus-visible,.modal-overlay .close-btn:focus-visible,[class*=modal] .close-btn:focus-visible,[class*=Modal] .close-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-save,.btn-delete{font-family:var(--font-sans)!important;font-size:var(--font-size-base)!important;font-weight:var(--font-weight-semibold)!important;letter-spacing:-.01em!important;text-transform:none!important;border-radius:var(--radius-lg)!important;padding:12px 24px!important;border:none!important;cursor:pointer!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;min-width:120px!important;height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;white-space:nowrap!important}.btn-save{background:linear-gradient(135deg,#66bb6a,#4caf50)!important;color:#fff!important;box-shadow:0 4px 16px #66bb6a4d,0 0 0 1px #ffffff1a!important}.btn-save:hover:not(:disabled){box-shadow:0 6px 20px #66bb6a66,0 0 0 1px #ffffff26!important;transform:translateY(-2px) scale(1.02)!important}.btn-save:active:not(:disabled){transform:translateY(0) scale(1)!important;box-shadow:0 4px 12px #66bb6a4d!important}.btn-save:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}.btn-save:focus-visible{outline:2px solid #66BB6A!important;outline-offset:2px!important}.btn-delete{background:linear-gradient(135deg,var(--error) 0%,var(--error-dark) 100%)!important;color:#fff!important;box-shadow:0 4px 16px #f443364d,0 0 0 1px #ffffff1a!important;margin-right:auto!important}.btn-delete:hover:not(:disabled){box-shadow:0 6px 20px #f4433666,0 0 0 1px #ffffff26!important;transform:translateY(-2px) scale(1.02)!important}.btn-delete:active:not(:disabled){transform:translateY(0) scale(1)!important;box-shadow:0 4px 12px #f443364d!important}.btn-delete:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}.btn-delete:focus-visible{outline:2px solid var(--error)!important;outline-offset:2px!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--vw-scale: clamp(0, (100vw - 1280px) / 640, 1)}:root,:root[data-density=default]{--primary: #FFFFFF;--primary-hover: #FFFFFF;--primary-light: rgba(255, 255, 255, .1);--primary-dark: #FFFFFF;--secondary: #6b7280;--secondary-hover: #9ca3af;--secondary-light: rgba(107, 114, 128, .1);--secondary-dark: #4b5563;--success: #4caf50;--success-hover: #45a049;--success-light: rgba(76, 175, 80, .1);--success-dark: #388e3c;--success-text: #81c784;--error: #f44336;--error-hover: #d32f2f;--error-light: rgba(244, 67, 54, .1);--error-dark: #c62828;--error-text: #e57373;--warning: #ffc107;--warning-hover: #ffb300;--warning-light: rgba(255, 193, 7, .1);--warning-dark: #ffa000;--warning-text: #856404;--warning-bg: #fff3cd;--warning-bg-hover: #ffe69c;--info: #2196f3;--info-hover: #1976d2;--info-light: rgba(33, 150, 243, .1);--info-dark: #1565c0;--info-text: #64b5f6;--background: #242424;--text: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--text-disabled: rgba(255, 255, 255, .38);--button-bg: #1a1a1a;--button-border: transparent;--gray-100: #f7f7f7;--gray-200: #e6e6e6;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--panel-bg: #181818;--card-bg: #222;--input-bg: #181818;--modal-bg: #222;--modal-overlay: rgba(0, 0, 0, .92);--accent: #667eea;--accent-hover: #5568d3;--on-accent: #ffffff;--accent-glow: rgba(102, 126, 234, .3);--accent-tint: rgba(102, 126, 234, .04);--accent-tint-hover: rgba(102, 126, 234, .07);--unavailable-bg: #fff;--unavailable-text: #222;--border: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .05);--border-dark: rgba(255, 255, 255, .2);--border-subtle: var(--border-light);--surface-base: var(--panel-bg);--surface-card: var(--card-bg);--surface-elevated: #2a2a2a;--surface-overlay: var(--modal-overlay);--surface-hover: rgba(255, 255, 255, .03);--surface-row-alt: rgba(255, 255, 255, .015);--size-sidebar: 180px;--size-row-min: 80px;--size-day-min: 100px;--modal-primary-start: #667eea;--modal-primary-end: #764ba2;--modal-primary-gradient: linear-gradient(135deg, #667eea, #764ba2);--modal-primary-hover: linear-gradient(135deg, #5568d3, #6a3d8f);--modal-primary-light: rgba(102, 126, 234, .15);--modal-primary-border: rgba(102, 126, 234, .5);--modal-active-bg: rgba(102, 126, 234, .2);--modal-active-border: rgba(102, 126, 234, .5);--font-sans: "Inter", Arial, sans-serif;--font-mono: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace;--font-size-base: 14px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: var(--font-size-base);--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 22px;--font-size-3xl: 26px;--font-size-4xl: 30px;--font-size-5xl: 40px;--line-height-base: 1.3;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--space-0-5: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-3);--spacing-lg: var(--space-4);--spacing-xl: var(--space-5);--spacing-2xl: 40px;--spacing-3xl: 56px;--h-btn: 36px;--h-input: 36px;--h-row: 36px;--h-tile: 200px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--border-radius: var(--radius-md);--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);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-colored: 0 4px 12px rgba(0, 0, 0, .15);--shadow-floating: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-floating-hover: 0 4px 12px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .25);--shadow-panel: 0 2px 8px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .15);--shadow-header: 0 1px 3px rgba(0, 0, 0, .15);--content-max: 1600px;--sidebar-w: 360px;--max-width: var(--content-max);--focus-ring: 0 0 0 3px rgba(33, 150, 243, .25);--transition-fast: .15s ease;--transition-normal: .25s ease;--opacity-muted: .85;--opacity-disabled: .38;--opacity-overlay: .92;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 2000;--z-modal: 2100;--z-popover: 2200;--z-tooltip: 2300;--z-toast: 10000;--breakpoint-xs: 400px;--breakpoint-sm: 480px;--breakpoint-md: 600px;--breakpoint-mdl: 640px;--breakpoint-lg: 768px;--breakpoint-xl: 900px;--breakpoint-2xl: 1024px;--breakpoint-3xl: 1200px;--breakpoint-4xl: 1400px;--breakpoint-5xl: 1920px;--breakpoint-6xl: 2000px;font-family:var(--font-sans);line-height:var(--line-height-base);font-weight:400;color-scheme:light dark;color:var(--text);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-density=compact]{--font-size-base: clamp(13px, calc(13px + 1px * var(--vw-scale)), 14px);--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: var(--font-size-base);--font-size-lg: clamp(15px, calc(15px + 1px * var(--vw-scale)), 16px);--font-size-xl: clamp(17px, calc(17px + 2px * var(--vw-scale)), 19px);--font-size-2xl: clamp(20px, calc(20px + 2px * var(--vw-scale)), 22px);--font-size-3xl: clamp(24px, calc(24px + 4px * var(--vw-scale)), 28px);--font-size-4xl: clamp(28px, calc(28px + 4px * var(--vw-scale)), 32px);--font-size-5xl: clamp(34px, calc(34px + 8px * var(--vw-scale)), 42px);--line-height-base: 1.3;--line-height-tight: 1.15;--space-1: 4px;--space-2: clamp(6px, calc(6px + 1px * var(--vw-scale)), 7px);--space-3: clamp(8px, calc(8px + 2px * var(--vw-scale)), 10px);--space-4: clamp(12px, calc(12px + 2px * var(--vw-scale)), 14px);--space-5: clamp(16px, calc(16px + 2px * var(--vw-scale)), 18px);--space-6: clamp(20px, calc(20px + 4px * var(--vw-scale)), 24px);--space-8: clamp(26px, calc(26px + 6px * var(--vw-scale)), 32px);--space-10: clamp(32px, calc(32px + 8px * var(--vw-scale)), 40px);--space-12: clamp(38px, calc(38px + 10px * var(--vw-scale)), 48px);--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-3);--spacing-lg: var(--space-4);--spacing-xl: var(--space-5);--spacing-2xl: clamp(32px, calc(32px + 8px * var(--vw-scale)), 40px);--spacing-3xl: clamp(44px, calc(44px + 8px * var(--vw-scale)), 52px);--h-btn: clamp(32px, calc(32px + 2px * var(--vw-scale)), 34px);--h-input: clamp(32px, calc(32px + 2px * var(--vw-scale)), 34px);--h-row: clamp(30px, calc(30px + 2px * var(--vw-scale)), 32px);--h-tile: clamp(110px, calc(110px + 16px * var(--vw-scale)), 126px);--sidebar-w: clamp(300px, calc(300px + 20px * var(--vw-scale)), 320px)}:root{--gap-xs: var(--space-1);--gap-sm: var(--space-2);--gap-md: var(--space-3);--gap-lg: var(--space-4);--pad-xs: var(--space-2);--pad-sm: var(--space-3);--pad-md: var(--space-4);--pad-lg: var(--space-5)}html{height:100%;overflow:hidden;font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-text-size-adjust:100%}#root{height:100dvh;width:100vw;overflow:hidden;display:flex;flex-direction:column}body{margin:0;min-width:320px;height:100dvh;overflow:hidden;font-family:var(--font-sans)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md);line-height:1.2;font-weight:600;color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.25);font-family:Inter,Arial,sans-serif}h1{font-size:clamp(2rem,4vw,3.2em);line-height:1.1}h2{font-size:clamp(1.5rem,2.5vw,2rem)}h3{font-size:clamp(1.25rem,2vw,1.75rem)}h4{font-size:clamp(1.125rem,1.75vw,1.5rem)}h5{font-size:clamp(1rem,1.5vw,1.25rem)}h6{font-size:clamp(.875rem,1.25vw,1rem)}header h2,.pos-root header h2{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.35);letter-spacing:clamp(1px,.1vw,2px);font-weight:800;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.2}p{margin:0 0 var(--spacing-md)}a{font-weight:500;color:var(--primary);text-decoration:inherit;transition:color .2s ease}a:hover{color:var(--primary-hover)}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{border-radius:var(--border-radius);border:1px solid var(--button-border);padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:var(--button-bg);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.tabular-nums{font-variant-numeric:tabular-nums;letter-spacing:.5px}@media(max-width:768px){html{font-size:14px}.container{padding:0 var(--spacing-sm)}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff;--button-bg: #f9f9f9}a:hover{color:#747bff}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.m-0{margin:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}[class*=Snackbar]{z-index:10000!important}.SnackbarItem-message{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important}.SnackbarContainer-root{top:20px!important;left:50%!important;transform:translate(-50%)!important;z-index:10000!important;position:fixed!important;pointer-events:none!important}.SnackbarItem-root{border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;min-width:300px!important;max-width:400px!important;margin-bottom:8px!important;z-index:10000!important;position:relative!important;pointer-events:auto!important}.SnackbarItem-variantSuccess{background:linear-gradient(135deg,#4caf50,#45a049)!important;color:#fff!important}.SnackbarItem-variantError{background:linear-gradient(135deg,#f44336,#d32f2f)!important;color:#fff!important}.SnackbarItem-variantWarning{background:linear-gradient(135deg,#fff3cd,#ffe69c)!important;color:#856404!important;border:2px solid #ffc107!important;box-shadow:0 4px 16px #ffc10766!important}.SnackbarItem-variantInfo{background:linear-gradient(135deg,#2196f3,#1976d2)!important;color:#fff!important}.SnackbarItem-action button{color:#fffc!important;padding:4px!important}.SnackbarItem-action button:hover{background:#ffffff1a!important;color:#fff!important}.SnackbarItem-root{animation:slideInDown .3s ease-out!important}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.SnackbarContainer-root{top:10px!important;left:50%!important;transform:translate(-50%)!important;width:calc(100% - 20px)!important}.SnackbarItem-root{min-width:unset!important;max-width:unset!important;width:100%!important;margin-bottom:6px!important}.SnackbarItem-message{font-size:13px!important}}.offline-toast{border-left:4px solid #ff9800!important}.online-toast{border-left:4px solid #4caf50!important}.print-toast{border-left:4px solid #2196f3!important}.SnackbarItem-root[data-persist=true]{box-shadow:0 4px 20px #00000040!important;border:2px solid rgba(255,255,255,.3)!important}.modal-overlay,.modal-content,.drink-card:hover,.order-item{will-change:transform,opacity}.drinks-grid,.order-items,.customer-list{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.drink-card,.order-item,.customer-item{contain:layout style paint}button,.clickable{touch-action:manipulation}.fade-in,.slide-in{animation-fill-mode:both;backface-visibility:hidden;perspective:1000px}.virtual-list-item{contain:strict;content-visibility:auto;contain-intrinsic-size:0 50px}.login-page-root{min-height:100vh;min-width:100vw;width:100%;height:100%;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden}.login-page-root:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffd700' fill-opacity='0.15'%3E%3Cpath d='M12 16l-4-4h8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;animation:floatStars1 120s linear infinite;opacity:.05;transition:opacity .3s ease}.login-page-root:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffd700' fill-opacity='0.15'%3E%3Cpath d='M12 16l-4-4h8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;animation:floatStars2 180s linear infinite;opacity:.05;transition:opacity .3s ease}.login-page-root:hover:before{opacity:.25;mask-image:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),black 0%,black 5%,transparent 15%);-webkit-mask-image:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),black 0%,black 5%,transparent 15%)}.login-page-root:hover:after{opacity:.25;mask-image:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),black 0%,transparent 5%);-webkit-mask-image:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),black 0%,transparent 5%)}@keyframes floatStars1{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes floatStars2{0%{background-position:100% 0}to{background-position:0 100%}}body{margin:0;padding:0}.login-box{position:relative;z-index:2;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff1a,inset 0 0 0 1px #ffffff1a;padding:3rem;min-width:320px;max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center;margin:0 auto;transition:box-shadow .3s ease}.login-box:hover{box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff26,inset 0 0 0 1px #fff3}form{width:100%}@media(max-width:600px){.login-box{min-width:unset;max-width:95vw;padding:2rem 1.5rem}}.login-logo{width:200px;height:auto;margin-bottom:2rem;animation:logoFloat 6s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}50%{transform:translateY(-10px) scale(1.02);filter:drop-shadow(0 8px 16px rgba(0,0,0,.12))}}h2{margin-bottom:2rem;color:#1a202c;font-size:2rem;font-weight:700;letter-spacing:-.5px}.input-group{margin-bottom:1.5rem;width:100%}.input-group label{display:block;margin-bottom:.5rem;color:#4a5568;font-size:.95rem;font-weight:500;transition:color .2s ease}.input-group input{width:100%;padding:.9rem 3rem .9rem 1.2rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;outline:none;transition:all .2s ease;background:#ffffffe6;color:#1a1b1e}.input-group input::placeholder{color:#718096;opacity:.8}.input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-group:focus-within label{color:#667eea}.password-wrapper{display:flex;align-items:center;position:relative}.show-password-btn{background:none;border:none;position:absolute;right:1rem;cursor:pointer;color:#718096;transition:all .2s ease;padding:.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.show-password-btn:before{content:"";width:28px;height:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.7;transition:opacity .2s ease}.show-password-btn:hover:before{opacity:1}.show-password-btn[data-showing=true]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21'/%3E%3C/svg%3E")}.login-btn{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;height:48px;min-height:48px;max-height:48px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.login-btn .btn-content{display:inline-block;min-width:100px;text-align:center;line-height:1;height:auto}.login-btn:not(:disabled):hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-lg)}.login-btn:not(:disabled):active{transform:translateY(0) scale(.99)}.login-btn:disabled{opacity:.7;cursor:not-allowed;background:linear-gradient(135deg,var(--gray-400) 0%,var(--gray-500) 100%)}.login-btn.loading .btn-content{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.login-error{margin-bottom:1.5rem;padding:.75rem 1rem;background-color:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:.9rem;text-align:center}.login-error.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.login-footer{margin-top:2rem;color:#718096;font-size:.95rem;text-align:center}.loading-screen-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000040;display:flex;justify-content:center;align-items:center;z-index:9999;font-family:Inter,Arial,sans-serif;overflow:hidden}.loading-screen-wrapper:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffd700' fill-opacity='0.15'%3E%3Cpath d='M12 16l-4-4h8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;animation:floatStars1 120s linear infinite;opacity:.05}.loading-screen-wrapper:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffd700' fill-opacity='0.15'%3E%3Cpath d='M12 16l-4-4h8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;animation:floatStars2 180s linear infinite;opacity:.05}.loading-container{text-align:center;position:relative;z-index:2}.loading-spinner{width:50px;height:50px;margin:0 auto 20px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #ffd700;border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:24px;font-weight:500;color:#fff;font-family:Inter,Arial,sans-serif}.loading-text span{display:inline-block;animation:bounce 1.4s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}body.loading-screen-active,html.loading-screen-active{overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important}