@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;600&family=Inter:wght@400;500;600&family=Outfit:wght@400;500;600&display=swap";:root{--color-primary: #614ACA;--color-secondary: #39D2C0;--color-tertiary: #EE8B60;--color-alternate: #E0E3E7;--color-primary-text: #14181B;--color-secondary-text: #57636C;--color-primary-background: #F1F4F8;--color-secondary-background: #FFFFFF;--color-accent1: rgba(75, 57, 239, .3);--color-accent2: rgba(57, 210, 192, .3);--color-accent3: rgba(238, 139, 96, .3);--color-accent4: rgba(255, 255, 255, .8);--color-success: #249689;--color-warning: #F9CF58;--color-error: #FF5963;--color-info: #FFFFFF;--color-close-button-bg: #FFEFF0;--font-display: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-logo: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display-large: 64px;--font-display-medium: 44px;--font-display-small: 36px;--font-headline-large: 32px;--font-headline-medium: 28px;--font-headline-small: 24px;--font-title-large: 20px;--font-title-medium: 18px;--font-title-small: 16px;--font-body-large: 16px;--font-body-medium: 14px;--font-body-small: 12px;--font-label-large: 16px;--font-label-medium: 14px;--font-label-small: 12px;--padding-xs: 3px;--padding-sm: 7px;--padding-md: 10px;--padding-lg: 15px;--padding-xl: 16px;--padding-xxl: 20px;--padding-xxxl: 35px;--height-button-small: 35px;--height-button-medium: 40px;--height-button-large: 45px;--height-input: 40px;--height-logo: 80px;--width-sidebar: 10%;--width-sidebar-min: 150px;--width-dropdown: 300px;--width-search: 300px;--icon-size-small: 18px;--icon-size-medium: 24px;--icon-size-large: 64px;--border-radius-xs: 4px;--border-radius-sm: 8px;--border-radius-md: 10px;--border-radius-lg: 12px;--border-radius-xl: 14px;--border-radius-xxl: 16px;--border-radius: var(--border-radius-lg);--border-radius-small: var(--border-radius-sm);--border-radius-large: var(--border-radius-xxl);--elevation-none: 0;--elevation-sm: 1;--elevation-md: 2;--elevation-lg: 4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 4px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .15);--shadow-xl: 0 10px 20px rgba(0, 0, 0, .12), 0 15px 30px rgba(0, 0, 0, .18);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, #7B5FE8 100%);--gradient-secondary: linear-gradient(135deg, var(--color-secondary) 0%, #4FE5D2 100%);--gradient-card: linear-gradient(135deg, rgba(97, 74, 202, .05) 0%, rgba(57, 210, 192, .05) 100%);--gradient-button: linear-gradient(135deg, var(--color-primary) 0%, #7B5FE8 100%);--spacing-xs: var(--padding-xs);--spacing-sm: var(--padding-sm);--spacing-md: var(--padding-md);--spacing-lg: var(--padding-lg);--spacing-xl: var(--padding-xl);--spacing-2xl: var(--padding-xxl);--sidebar-width: var(--width-sidebar);--sidebar-min-width: var(--width-sidebar-min)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--color-primary-text);background-color:var(--color-primary-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;color:var(--color-primary-text);line-height:1.2;letter-spacing:0}h1{font-size:var(--font-display-small)}h2{font-size:var(--font-headline-medium)}h3{font-size:var(--font-headline-small)}h4{font-size:var(--font-title-large)}h5{font-size:var(--font-title-medium)}h6{font-size:var(--font-title-small)}p{font-family:var(--font-body);font-size:var(--font-body-medium);color:var(--color-primary-text);line-height:1.5;letter-spacing:0}.btn{height:var(--height-button-medium);padding:0 var(--padding-xl);border:none;border-radius:var(--border-radius-sm);font-family:var(--font-display);font-size:var(--font-body-medium);font-weight:400;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-md)}.btn-primary{background:var(--gradient-button);color:var(--color-secondary-background);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.btn-primary:hover:before{opacity:1}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-secondary-background)}.btn-secondary:hover{opacity:.9;box-shadow:var(--shadow-lg)}.btn-outline{background-color:transparent;border:1px solid var(--color-alternate);color:var(--color-primary-text);box-shadow:none}.btn-outline:hover{background-color:var(--color-primary-background)}.input{width:100%;height:var(--height-input);padding:0 var(--padding-xl);border:1px solid var(--color-alternate);border-radius:var(--border-radius-sm);font-family:var(--font-body);font-size:var(--font-body-medium);color:var(--color-primary-text);background-color:var(--color-secondary-background);transition:border-color .3s ease}.input:focus{outline:none;border-color:var(--color-primary);border-width:1px}.input::placeholder{color:var(--color-secondary-text)}.input.error{border-color:var(--color-error)}.card{background-color:var(--color-secondary-background);border-radius:var(--border-radius-md);padding:var(--padding-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-alternate);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.card:hover:before{opacity:1}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);transition:all .3s ease}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-min-width);height:100vh;background-color:var(--color-primary-background);border-right:1px solid var(--color-alternate);padding:var(--spacing-lg);display:flex;flex-direction:column;justify-content:space-between}.container{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary-text)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary-background)}.border-radius{border-radius:var(--border-radius)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}[data-theme=dark]{--color-primary: #7B5FE8;--color-secondary: #4FE5D2;--color-tertiary: #FF9B6B;--color-primary-text: #F1F4F8;--color-secondary-text: #B0B8C1;--color-primary-background: #1A1D21;--color-secondary-background: #25282D;--color-alternate: #2D3136;--color-accent1: rgba(123, 95, 232, .2);--color-accent2: rgba(79, 229, 210, .2);--color-accent3: rgba(255, 155, 107, .2);--color-accent4: rgba(255, 255, 255, .1);--color-close-button-bg: rgba(255, 89, 99, .2);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 2px 4px rgba(0, 0, 0, .3), 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .4), 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 10px 20px rgba(0, 0, 0, .5), 0 15px 30px rgba(0, 0, 0, .6)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-primary-background);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-alternate);border-radius:var(--border-radius-sm);border:2px solid var(--color-primary-background);transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-text)}*{scrollbar-width:thin;scrollbar-color:var(--color-alternate) var(--color-primary-background)}.btn-gradient{background:var(--gradient-button);color:var(--color-secondary-background);border:none}.btn-gradient:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.card-gradient{background:var(--gradient-card);border:1px solid var(--color-alternate)}.modal-overlay,.confirm-dialog-overlay,.product-modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background-color:#14181b99!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:9999!important;margin:0!important;padding:20px!important}.modal-content-container,.product-modal,.confirm-dialog{position:relative!important;background-color:var(--color-secondary-background)!important;border-radius:var(--border-radius-xl)!important;box-shadow:var(--shadow-xl)!important;border:1px solid var(--color-alternate)!important;max-height:90vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;animation:modalAppear .3s cubic-bezier(.34,1.56,.64,1)!important}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-xxl: 1.5rem}.sidebar{position:fixed;left:-100%;top:0;height:100vh;width:80%!important;max-width:300px;z-index:1000;transition:left .3s ease}.sidebar.open{left:0}.page-content-wrapper{margin-left:0!important;padding:var(--spacing-md)!important}.products-table-wrapper,.sales-table-wrapper,.users-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.products-table,.sales-table,.users-table{min-width:800px;font-size:12px}.products-table th,.products-table td,.sales-table th,.sales-table td,.users-table th,.users-table td{padding:var(--spacing-xs) var(--spacing-sm)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;gap:var(--spacing-sm)!important}.kassa-content{grid-template-columns:1fr!important;gap:var(--spacing-md)!important}.cart-section{max-height:50vh!important}.kassa-bottom-bar{flex-direction:column;height:auto;padding:var(--spacing-md);gap:var(--spacing-md)}.payment-info-section{flex-direction:column;gap:var(--spacing-sm);width:100%}.action-buttons-section{flex-wrap:wrap;width:100%}.action-button{flex:1;min-width:calc(50% - var(--spacing-xs));font-size:12px;padding:.5rem .75rem}.payment-modal{width:95vw!important;max-height:95vh!important}.payment-modal-content{padding:var(--spacing-md)!important}.payment-type-chips{flex-wrap:wrap}.payment-type-chip{flex:1;min-width:calc(50% - var(--spacing-xs));font-size:12px;padding:.5rem 1rem}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md)!important}.page-header h1{font-size:20px!important}.back-button,.add-button{width:100%;font-size:12px;padding:.5rem 1rem}}@media(min-width:769px)and (max-width:1024px){:root{--sidebar-width: 12%;--spacing-xl: 1.5rem}.kassa-content{grid-template-columns:1.5fr 1fr!important}.products-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important}.products-table,.sales-table,.users-table{font-size:13px}}@media(min-width:1025px){.sidebar{position:sticky;top:0}.page-content-wrapper{margin-left:0}}.menu-toggle{display:none;position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:1001;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);width:40px;height:40px;cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}@media(max-width:768px){.menu-toggle{display:flex}}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:999}@media(max-width:768px){.sidebar-overlay.active{display:block}}#root{width:100%;min-height:100vh}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--padding-xl);background-color:var(--color-primary-background)}.error-boundary-content{max-width:500px;width:100%;padding:var(--padding-xxl);background-color:var(--color-secondary-background);border-radius:var(--border-radius-lg);border:1px solid var(--color-alternate);box-shadow:var(--shadow-lg);text-align:center}.error-boundary-icon{font-size:64px;color:var(--color-error);margin-bottom:var(--padding-lg);animation:errorPulse 2s ease-in-out infinite}@keyframes errorPulse{0%,to{opacity:1}50%{opacity:.6}}.error-boundary-title{font-family:var(--font-body);font-size:var(--font-headline-small);font-weight:400;color:var(--color-primary-text);margin:0 0 var(--padding-md) 0}.error-boundary-message{font-family:var(--font-body);font-size:var(--font-body-medium);color:var(--color-secondary-text);margin:0 0 var(--padding-lg) 0;line-height:1.6}.error-boundary-details{text-align:left;margin:var(--padding-lg) 0;padding:var(--padding-md);background-color:var(--color-primary-background);border-radius:var(--border-radius-sm);border:1px solid var(--color-alternate)}.error-boundary-details summary{font-family:var(--font-body);font-size:var(--font-body-small);color:var(--color-primary-text);cursor:pointer;margin-bottom:var(--padding-sm);font-weight:500}.error-boundary-details summary:hover{color:var(--color-primary)}.error-boundary-stack{font-family:Courier New,monospace;font-size:var(--font-body-small);color:var(--color-error);white-space:pre-wrap;word-break:break-word;margin:0;padding:var(--padding-md);background-color:#ff59631a;border-radius:var(--border-radius-xs);overflow-x:auto}.error-boundary-button{margin-top:var(--padding-lg);padding:var(--padding-md) var(--padding-xl);background-color:var(--color-primary);color:var(--color-secondary-background);border:none;border-radius:var(--border-radius-sm);font-family:var(--font-display);font-size:var(--font-body-medium);font-weight:400;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.error-boundary-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.error-boundary-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.toast-container{position:fixed;top:var(--padding-lg);right:var(--padding-lg);z-index:10000;display:flex;flex-direction:column;gap:var(--padding-md);pointer-events:none;max-width:400px;width:100%}.toast{display:flex;align-items:center;gap:var(--padding-md);padding:var(--padding-lg);background-color:var(--color-secondary-background);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-lg);border:1px solid var(--color-alternate);pointer-events:auto;cursor:pointer;animation:toastSlideIn .3s ease-out;transition:all .2s ease;min-width:300px}.toast:hover{transform:translate(-4px);box-shadow:var(--shadow-lg)}.toast-icon{font-size:var(--icon-size-medium);flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-family:var(--font-body);font-size:var(--font-body-medium);color:var(--color-primary-text);line-height:1.5}.toast-close{background:none;border:none;cursor:pointer;padding:var(--padding-xs);display:flex;align-items:center;justify-content:center;color:var(--color-secondary-text);transition:color .2s ease;flex-shrink:0;border-radius:var(--border-radius-xs)}.toast-close:hover{color:var(--color-primary-text);background-color:var(--color-primary-background)}.toast-close:focus{outline:2px solid var(--color-primary);outline-offset:2px}.toast-success{border-left:4px solid var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left:4px solid var(--color-primary)}.toast-info .toast-icon{color:var(--color-primary)}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-exit{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media(max-width:768px){.toast-container{top:var(--padding-md);right:var(--padding-md);left:var(--padding-md);max-width:none}.toast{min-width:auto;width:100%}}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:16px;font-family:var(--font-body);color:var(--color-secondary-text)}.page-transition{width:100%;min-height:100vh}.page-transition-entering{animation:pageFadeOut .15s ease-out forwards}.page-transition-entered{animation:pageFadeIn .3s ease-in forwards}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pageFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.skeleton{background:linear-gradient(90deg,var(--color-primary-background) 0%,rgba(255,255,255,.5) 50%,var(--color-primary-background) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;display:inline-block}.skeleton-text{height:1em;border-radius:var(--border-radius-xs)}.skeleton-circular{border-radius:50%}.skeleton-rectangular{border-radius:var(--border-radius-sm)}.skeleton-margin-top{margin-top:var(--padding-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-table{display:flex;flex-direction:column;gap:var(--padding-sm)}.skeleton-table-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--padding-md);margin-bottom:var(--padding-md)}.skeleton-table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--padding-md)}.skeleton-card{padding:var(--padding-lg);background-color:var(--color-secondary-background);border-radius:var(--border-radius-sm);border:1px solid var(--color-alternate)}@media(max-width:768px){.skeleton-table-header,.skeleton-table-row{grid-template-columns:1fr}}