@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.app-btn{min-height:var(--min-touch-target,48px);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:12px;justify-content:center;align-items:center;padding:0 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.app-btn:active{transform:scale(.96)}.app-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-hover)}.btn-danger:hover:not(:disabled){background-color:var(--danger);color:#fff}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background-color:var(--primary-light)}.mr-2{margin-right:8px}.app-input-wrapper{flex-direction:column;width:100%;margin-bottom:20px;display:flex}.app-input-label{color:var(--text-muted);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.app-input-container{align-items:center;width:100%;display:flex;position:relative}.app-input-icon{color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.app-input{width:100%;min-height:var(--min-touch-target,48px);border:1px solid var(--border);background-color:var(--background);font-size:14px;font-family:var(--font-family);color:var(--text-main);border-radius:12px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.app-input.has-icon{padding-left:44px}.app-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);background-color:var(--surface);outline:none}.app-input:disabled{background-color:var(--border);cursor:not-allowed;opacity:.6}.app-input-error{border-color:var(--danger)!important}.app-input-error:focus{box-shadow:0 0 0 4px var(--danger-light)!important}.app-input-helper{color:var(--text-muted);margin-top:6px;font-size:12px}.app-textarea-wrapper{flex-direction:column;width:100%;margin-bottom:20px;display:flex}.app-textarea-label{color:var(--text-muted);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.app-textarea{border:1px solid var(--border);background-color:var(--background);width:100%;min-height:100px;font-size:14px;font-family:var(--font-family);color:var(--text-main);resize:vertical;border-radius:12px;padding:12px 16px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.app-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);background-color:var(--surface);outline:none}.app-textarea:disabled{background-color:var(--border);cursor:not-allowed;opacity:.6}.app-textarea-error{border-color:var(--danger)!important}.app-textarea-error:focus{box-shadow:0 0 0 4px var(--danger-light)!important}.app-textarea-helper{color:var(--text-muted);margin-top:6px;font-size:12px}.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid transparent;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:.5;--rdp-outside-opacity:.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:white;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color:white;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid transparent;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:.75;--rdp-weekday-padding:.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:.3s;--rdp-animation_timing:cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{box-sizing:border-box;position:relative}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{cursor:pointer;font:inherit;color:inherit;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);background:0 0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;white-space:nowrap;border:0;align-items:center;display:inline-flex;position:relative}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{cursor:pointer;font:inherit;color:inherit;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform-origin:50%;transform:rotate(180deg)}.rdp-dropdowns{align-items:center;gap:var(--rdp-dropdown-gap);display:inline-flex;position:relative}.rdp-dropdown{z-index:2;opacity:0;appearance:none;width:100%;cursor:inherit;line-height:inherit;border:none;margin:0;padding:0;position:absolute;inset-block:0;inset-inline-start:0}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{height:var(--rdp-nav-height);align-content:center;font-size:large;font-weight:700;display:flex}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{inset-inline-start:0;height:var(--rdp-nav-height);display:inline-flex;position:absolute;top:0}.rdp-root[data-nav-layout=around] .rdp-button_next{inset-inline-end:0;height:var(--rdp-nav-height);justify-content:center;display:inline-flex;position:absolute;top:0}.rdp-months{gap:var(--rdp-months-gap);flex-wrap:wrap;max-width:fit-content;display:flex;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{height:var(--rdp-nav-height);align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform);font-size:smaller;font-weight:500}.rdp-week_number{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align);font-size:small;font-weight:400}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.app-datepicker-wrapper{flex-direction:column;width:100%;margin-bottom:20px;display:flex}.app-datepicker-label{color:var(--text-main);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.app-datepicker-container{width:100%;position:relative}.app-datepicker-trigger{border:1px solid var(--border);background-color:var(--background);width:100%;min-height:48px;font-size:14px;font-family:var(--font-family);color:var(--text-main);text-align:left;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.app-datepicker-trigger:focus,.app-datepicker-trigger.open{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);background-color:var(--surface);outline:none}.app-datepicker-trigger.error{border-color:var(--danger)}.app-datepicker-trigger.error:focus{box-shadow:0 0 0 4px var(--danger-light)}.trigger-content{align-items:center;gap:12px;display:flex}.calendar-icon{color:var(--text-muted);transition:color .2s}.app-datepicker-trigger:focus .calendar-icon,.app-datepicker-trigger.open .calendar-icon{color:var(--primary)}.placeholder-text{color:var(--text-muted)}.app-datepicker-popover{background-color:var(--surface);border:1px solid var(--border);z-index:50;transform-origin:0 0;border-radius:16px;padding:24px;animation:.2s cubic-bezier(.16,1,.3,1) zoomIn;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes zoomIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-datepicker-helper{color:var(--text-muted);margin-top:6px;font-size:12px}.rdp-root{--rdp-accent-color:var(--primary);--rdp-accent-background-color:var(--primary-light);--rdp-day-height:40px;--rdp-day-width:40px;--rdp-today-color:var(--primary);margin:0}.app-datepicker-popover table{border-collapse:separate;border-spacing:0;width:auto;margin:0}.app-datepicker-popover th,.app-datepicker-popover td{text-align:center;border:none;padding:0}.app-datepicker-popover button{width:auto;min-width:0;margin:0}.rdp-dropdown_month,.rdp-dropdown_year{border:1px solid var(--border);background-color:var(--surface);color:var(--text-main);cursor:pointer;border-radius:6px;outline:none;padding:4px 8px;font-size:14px}.rdp-dropdown_month:focus,.rdp-dropdown_year:focus{border-color:var(--primary)}.app-combobox-wrapper{flex-direction:column;width:100%;margin-bottom:20px;display:flex}.app-combobox-label{color:var(--text-main);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.app-combobox-container{flex-direction:column;width:100%;display:flex}.app-combobox-trigger{border:1px solid var(--border);background-color:var(--background);width:100%;min-height:48px;font-size:14px;font-family:var(--font-family);color:var(--text-main);text-align:left;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.app-combobox-trigger:focus,.app-combobox-trigger.open{border-color:var(--primary);background-color:var(--surface);outline:none}.app-combobox-trigger.open{border-bottom:1px dashed var(--border);border-bottom-right-radius:0;border-bottom-left-radius:0}.app-combobox-trigger.error{border-color:var(--danger)}.app-combobox-trigger.error:focus{box-shadow:0 0 0 4px var(--danger-light)}.app-combobox-trigger:disabled{background-color:var(--border);cursor:not-allowed;opacity:.6}.app-combobox-trigger .placeholder-text{color:var(--text-muted)}.app-combobox-trigger .chevron-icon{color:var(--text-muted);transition:transform .2s}.app-combobox-trigger.open .chevron-icon{color:var(--primary);transform:rotate(180deg)}.app-combobox-inline-panel{background-color:var(--surface);border:1px solid var(--primary);border-top:none;border-bottom-right-radius:12px;border-bottom-left-radius:12px;flex-direction:column;width:100%;animation:.2s ease-out panelSlideDown;display:flex;overflow:hidden;box-shadow:inset 0 4px 6px -4px #0000000d}@keyframes panelSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.app-combobox-search-container{background-color:var(--background);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;height:auto;padding:16px;display:flex}.app-combobox-search-input{width:100%;color:var(--text-main);font-size:15px;font-family:var(--font-family);background-color:#0000;border:none;outline:none}.app-combobox-list-container{flex-direction:column;flex-grow:1;gap:8px;max-height:350px;padding:12px;display:flex;overflow-y:auto}.app-combobox-list-container::-webkit-scrollbar{width:8px}.app-combobox-list-container::-webkit-scrollbar-track{background:var(--surface)}.app-combobox-list-container::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:10px}.app-combobox-list-container::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.app-combobox-empty-state{color:var(--text-muted);text-align:center;padding:32px 16px;font-size:14px;font-weight:500}.app-combobox-option-item{cursor:pointer;border:1px solid var(--border);background-color:var(--surface);border-radius:8px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.app-combobox-option-item.highlighted,.app-combobox-option-item:hover{background-color:var(--surface-hover);border-color:var(--primary-light)}.app-combobox-option-item.selected{background-color:var(--primary-light);border-color:var(--primary)}.option-main-row{justify-content:space-between;align-items:center;display:flex}.option-name{color:var(--text-main);font-size:15px;font-weight:700;line-height:1.4}.app-combobox-option-item.selected .option-name{color:var(--primary)}.option-details-list{background-color:var(--background);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.detail-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-label{color:var(--text-muted);font-size:12px;font-weight:600}.detail-value{color:var(--text-main);align-items:center;font-size:13px;font-weight:700;display:flex}.stock-value{color:var(--text-main)}.app-combobox-helper-text{color:var(--text-muted);margin-top:6px;font-size:12px}.app-combobox-helper-text.error-text{color:var(--danger)}.app-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);width:100%;transition:box-shadow .2s,transform .2s}.app-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.app-badge{white-space:nowrap;border-radius:9999px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-default{background-color:var(--border);color:var(--text-main)}.app-empty-state{text-align:center;background-color:var(--background);border-radius:var(--radius-lg,24px);border:1px dashed var(--border);flex-direction:column;justify-content:center;align-items:center;max-width:600px;margin:0 auto;padding:48px 24px;display:flex}.app-empty-icon-wrapper{background-color:var(--surface);width:80px;height:80px;color:var(--text-muted);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.app-empty-title{color:var(--text-main);margin:0 0 12px;font-size:20px;font-weight:600}.app-empty-desc{color:var(--text-muted);max-width:400px;margin-bottom:24px;font-size:14px;line-height:1.6}.app-empty-action{margin-top:8px}.app-dialog-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.app-dialog-content{background-color:var(--surface);border-radius:var(--radius-lg,16px);width:90%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}.app-dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.app-dialog-title{color:var(--text-main);margin:0;font-size:18px;font-weight:600}.app-dialog-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s,color .2s;display:flex}.app-dialog-close:hover{background-color:var(--background);color:var(--text-main)}.app-dialog-body{flex:1;padding:24px;overflow-y:auto}.app-dialog-footer{border-top:1px solid var(--border);background-color:var(--background);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:root{--primary:#4a1d24;--primary-hover:#3a171d;--primary-light:#fdf8f5;--secondary:#10b981;--secondary-hover:#059669;--secondary-light:#ecfdf5;--danger:#ef4444;--danger-hover:#dc2626;--danger-light:#fef2f2;--warning:#f59e0b;--warning-hover:#d97706;--warning-light:#fffbeb;--success:#10b981;--success-light:#ecfdf5;--background:#f5f7fb;--surface:#fff;--surface-hover:#f8fafc;--text-main:#111827;--text-muted:#6b7280;--border:#e5e7eb;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-body-sm:13px;--text-body:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--text-4xl:28px;--text-5xl:32px;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.6;--space-0:0px;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--space-16:64px;--density-input-height:42px;--density-btn-height:42px;--density-touch-target:44px;--card-padding:var(--space-5);--card-padding-sm:var(--space-4);--card-padding-lg:var(--space-6);--card-gap:var(--space-4);--form-gap:var(--space-4);--form-label-gap:var(--space-1-5);--form-input-padding-x:var(--space-3);--form-input-padding-y:10px;--form-input-font-size:var(--text-body);--form-label-font-size:var(--text-body);--section-gap:var(--space-5);--section-title-size:var(--text-xl);--page-title-size:var(--text-3xl);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 10px 25px #00000012;--shadow-xl:0 20px 40px #0000001a;--icon-sm:16px;--icon-md:18px;--icon-lg:20px;--icon-xl:24px;--content-max-width:1200px;--content-padding:var(--space-4);--navbar-padding:var(--space-2);--bottom-nav-safe-area:env(safe-area-inset-bottom,8px)}@media (width>=768px){:root{--density-input-height:40px;--density-btn-height:40px;--card-padding:var(--space-6);--section-gap:var(--space-6);--content-padding:var(--space-5)}}@media (width>=1024px){:root{--density-input-height:38px;--density-btn-height:38px}}@media (width<=374px){:root{--card-padding:var(--space-3);--card-padding-sm:var(--space-3);--content-padding:var(--space-3);--section-gap:var(--space-4);--form-input-padding-x:10px;--page-title-size:var(--text-2xl);--section-title-size:var(--text-lg)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--leading-normal);font-size:var(--text-body);margin:0}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}html,body{scrollbar-gutter:stable;overflow-x:hidden}.app-container{min-height:100vh;max-width:var(--content-max-width);background-color:var(--background);flex-direction:column;margin:0 auto;display:flex;position:relative}.content-area{padding:var(--content-padding);flex:1;padding-bottom:90px}h1{font-size:var(--page-title-size);color:var(--text-main);margin-bottom:var(--space-4);font-weight:700;line-height:var(--leading-tight)}h2{font-size:var(--text-2xl);color:var(--text-main);margin-bottom:var(--space-3);font-weight:600;line-height:var(--leading-tight)}h3{font-size:var(--text-lg);color:var(--text-main);font-weight:600;line-height:var(--leading-tight)}p{font-size:var(--text-body);color:var(--text-muted);line-height:var(--leading-relaxed)}.btn{min-height:var(--density-btn-height);padding:0 var(--space-5);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-body);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family);border:none;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary);color:#fff;box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--secondary-hover)}.btn-danger{background-color:var(--danger-light);color:var(--danger);font-weight:600}.btn-danger:hover{background-color:var(--danger);color:#fff}.btn-outline{border:1px solid var(--border);color:var(--text-main);background-color:#0000}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-icon{width:var(--density-touch-target);height:var(--density-touch-target);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0;display:flex}.btn-block{width:100%}.card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--card-padding);box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:var(--card-gap);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.form-group{margin-bottom:var(--form-gap)}.form-label{font-size:var(--form-label-font-size);margin-bottom:var(--form-label-gap);color:var(--text-main);font-weight:500;display:block}.form-input{width:100%;min-height:var(--density-input-height);padding:var(--form-input-padding-y) var(--form-input-padding-x);border-radius:var(--radius-lg);border:1px solid var(--border);background-color:var(--background);font-size:var(--form-input-font-size);font-family:var(--font-family);color:var(--text-main);text-overflow:ellipsis;transition:border-color .2s;overflow:hidden}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-input:disabled{background-color:var(--border);cursor:not-allowed;opacity:.7}.search-bar{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);align-items:center;display:flex}.search-bar input{min-height:var(--density-input-height);font-size:var(--form-input-font-size);font-family:var(--font-family);background:0 0;border:none;outline:none;flex:1}.custom-select-container{width:100%;position:relative}.custom-select-trigger{width:100%;min-height:var(--density-input-height);padding:var(--form-input-padding-y) var(--form-input-padding-x);border-radius:var(--radius-lg);border:1px solid var(--border);background-color:var(--background);font-size:var(--text-body);font-family:var(--font-family);color:var(--text-main);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.custom-select-trigger:focus,.custom-select-trigger.open{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.custom-select-trigger .placeholder-text{color:var(--text-muted)}.custom-select-trigger .chevron-icon{color:var(--text-muted);transition:transform .2s}.custom-select-trigger.open .chevron-icon{transform:rotate(180deg)}.custom-select-dropdown{top:calc(100% + var(--space-2));background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);z-index:50;padding:0;position:absolute;left:0;overflow:hidden}.custom-select-option{padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-body);color:var(--text-main);justify-content:space-between;align-items:center;transition:background-color .15s;display:flex}.custom-select-option:hover{background-color:var(--background)}.custom-select-option.selected{background-color:var(--primary-light);color:var(--primary);font-weight:500}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}.badge-warning{background-color:var(--warning-light);color:var(--warning)}.badge-danger{background-color:var(--danger-light);color:var(--danger)}.badge-success{background-color:var(--secondary-light);color:var(--secondary)}.badge-primary{background-color:var(--primary-light);color:var(--primary)}.table-row{transition:background-color .15s}.table-row:hover,.hover-row:hover{background-color:var(--background)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-1-5{gap:var(--space-1-5)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid-2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));display:grid}.product-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-0{margin-top:0}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.p-0{padding:0}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.w-full{width:100%}.max-w-sm{max-width:400px}.max-w-md{max-width:500px}.max-w-lg{max-width:600px}.max-w-xl{max-width:800px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-danger{color:var(--danger)}.text-success{color:var(--secondary)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.product-form-layout{gap:var(--space-5);margin-bottom:var(--space-5);box-sizing:border-box;align-items:flex-start;width:100%;display:flex}.product-form-image{gap:var(--space-3);box-sizing:border-box;flex-direction:column;flex:0 0 120px;display:flex}.product-form-fields{gap:var(--space-4);box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-width:0;display:flex}@media (width<=767px){.product-form-layout{align-items:center;gap:var(--space-5);flex-direction:column}.product-form-image{flex:none;width:120px}}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);background-color:#00000080;justify-content:center;align-items:center;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border-radius:var(--radius-3xl);padding:var(--card-padding);width:100%;max-width:400px;box-shadow:var(--shadow-lg);animation:.25s cubic-bezier(.16,1,.3,1) forwards zoomIn}.nav-item{min-width:0;min-height:var(--density-touch-target);color:var(--text-muted);font-size:var(--text-2xs);padding:var(--space-2) var(--space-0-5);border-radius:var(--radius-xl);margin:0 var(--space-0-5);flex-direction:column;flex:1;justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:all .15s ease-out;display:flex}.nav-item span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.nav-item svg{margin-bottom:var(--space-1);transition:transform .15s ease-out,color .15s ease-out}.nav-item.active-nav{color:var(--primary);background-color:var(--primary-light);font-weight:600}.nav-item.active-nav svg{color:var(--primary)}.header-icon-btn{padding:var(--space-2);background-color:var(--surface);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:background-color .15s ease-out,transform .15s ease-out;display:flex;position:relative}.header-icon-btn:hover{background-color:var(--background)}.header-icon-btn:focus-visible{box-shadow:0 0 0 3px var(--primary-light);border-color:var(--primary)}.header-icon-btn:active{background-color:var(--border);transform:scale(.97)}.input-group{align-items:center;display:flex;position:relative}.input-group .form-input{padding-left:var(--space-10)}.input-group .input-icon{left:var(--space-3);color:var(--text-muted);pointer-events:none;transition:color .2s;position:absolute}.input-group:focus-within .input-icon{color:var(--primary)}.input-group-append{right:var(--space-3);cursor:pointer;color:var(--text-muted);justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute}.input-group-append:hover{color:var(--text-main)}@keyframes pageEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:.2s ease-out forwards pageEnter}.animate-slide-up{animation:.15s ease-out forwards slideUp}@keyframes slideUpCentered{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.animate-slide-up-centered{animation:.2s ease-out forwards slideUpCentered}.animate-fade-in{animation:.15s ease-out forwards fadeIn}.animate-zoom-in{animation:.15s ease-out forwards zoomIn}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-up-sheet{animation:.2s ease-out forwards slideUpSheet}@keyframes fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-down{animation:.2s ease-out forwards fadeDown}@keyframes scaleIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-scale-in{opacity:0;animation:.2s ease-out 50ms forwards scaleIn}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{opacity:0;animation:.2s ease-out .1s forwards fadeUp}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.number-transition{transition:color .15s,transform .15s}.login-bg{background-color:#f8fafc;position:relative;overflow:hidden}.login-bg:before,.login-bg:after{content:"";filter:blur(80px);z-index:0;opacity:.4;border-radius:50%;width:300px;height:300px;animation:8s ease-in-out infinite alternate pulse;position:absolute}.login-bg:before{background-color:var(--primary);top:-100px;left:-100px}.login-bg:after{background-color:var(--secondary);animation-delay:-4s;bottom:-100px;right:-100px}@media (width<=768px){.hidden-mobile{display:none!important}.mobile-only-list{display:block!important}}@media print{#root,#modal-root,.modal-overlay,.modal-backdrop{display:none!important}#print-container{width:100%;position:absolute;top:0;left:0;display:block!important}@page{margin:0;size:auto}html,body{width:100%;background-color:#fff!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}::-webkit-scrollbar{display:none!important}}