@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-700:oklch(48.8% .243 264.376);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-4{top:calc(var(--spacing)*4)}.right-4{right:calc(var(--spacing)*4)}.z-50{z-index:50}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.table-row{display:table-row}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.gap-3{gap:calc(var(--spacing)*3)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{background-color:var(--bg-secondary);min-height:100vh;color:var(--text-primary);margin:0}*{box-sizing:border-box}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root{--primary-50: #fff7ed;--primary-100: #ffedd5;--primary-200: #fed7aa;--primary-300: #fdba74;--primary-400: #fb923c;--primary-500: #f97316;--primary-600: #ea580c;--primary-700: #c2410c;--primary-800: #9a3412;--primary-900: #7c2d12;--primary-950: #431407;--secondary-50: #faf5ff;--secondary-100: #f3e8ff;--secondary-200: #e9d5ff;--secondary-300: #d8b4fe;--secondary-400: #c084fc;--secondary-500: #a855f7;--secondary-600: #9333ea;--secondary-700: #7e22ce;--secondary-800: #6b21a8;--secondary-900: #581c87;--secondary-950: #3b0764;--accent-50: #ecfdf5;--accent-100: #d1fae5;--accent-200: #a7f3d0;--accent-300: #6ee7b7;--accent-400: #34d399;--accent-500: #10b981;--accent-600: #059669;--accent-700: #047857;--accent-800: #065f46;--accent-900: #064e3b;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--info-50: #ecfeff;--info-100: #cffafe;--info-500: #06b6d4;--info-600: #0891b2;--info-700: #0e7490;--gray-50: #fafaf9;--gray-100: #f5f5f4;--gray-200: #e7e5e4;--gray-300: #d6d3d1;--gray-400: #a8a29e;--gray-500: #78716c;--gray-600: #57534e;--gray-700: #44403c;--gray-800: #292524;--gray-900: #1c1917;--gray-950: #0c0a09;--white: #ffffff;--black: #0a0a0a;--transparent: transparent;--gradient-primary: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--gradient-secondary: linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);--gradient-sunset: linear-gradient(135deg, #f97316 0%, #a855f7 50%, #ec4899 100%);--gradient-ocean: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--gradient-emerald: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-red: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-amber: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-cyan: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--gradient-light: linear-gradient(135deg, rgba(249, 115, 22, .05) 0%, rgba(168, 85, 247, .05) 100%);--gradient-red-light: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);--gradient-amber-light: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);--gradient-blue-light: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--border-radius-none: 0px;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 24px;--border-radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 6px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 40px -10px rgba(0, 0, 0, .15), 0 10px 20px -5px rgba(0, 0, 0, .1)}:root,:root.light{--bg-primary: #ffffff;--bg-secondary: #fafaf9;--bg-tertiary: #f5f5f4;--bg-elevated: #ffffff;--text-primary: #1c1917;--text-secondary: #44403c;--text-tertiary: #78716c;--text-inverse: #ffffff;--text-disabled: #a8a29e;--border-default: #e7e5e4;--border-strong: #d6d3d1;--border-subtle: #f5f5f4;--interactive-hover: #f5f5f4;--interactive-active: #e7e5e4;--interactive-disabled: #f5f5f4;--surface-base: #ffffff;--surface-elevated: #ffffff;--surface-overlay: rgba(0, 0, 0, .5);--surface-glass: rgba(255, 255, 255, .7);--surface-warning-light: rgba(251, 146, 60, .1);--surface-warning-xlight: rgba(251, 146, 60, .05);--surface-danger-light: rgba(220, 38, 38, .1);--surface-danger-xlight: rgba(220, 38, 38, .05);--surface-info-light: rgba(59, 130, 246, .15);--surface-info-xlight: rgba(59, 130, 246, .05);--text-inverse-75: rgba(255, 255, 255, .75);--text-inverse-80: rgba(255, 255, 255, .8);--color-primary: #f97316;--color-secondary: #a855f7;--color-accent: #10b981;--color-success: #22c55e;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #06b6d4;--gradient-primary: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--gradient-secondary: linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);--gradient-sunset: linear-gradient(135deg, #f97316 0%, #a855f7 50%, #ec4899 100%)}:root.dark{--bg-primary: #0a0a0a;--bg-secondary: #0d1a1f;--bg-tertiary: #292524;--bg-elevated: #1c1917;--text-primary: #fafaf9;--text-secondary: #e7e5e4;--text-tertiary: #a8a29e;--text-inverse: #1c1917;--text-disabled: #57534e;--border-default: #44403c;--border-strong: #57534e;--border-subtle: #292524;--interactive-hover: #292524;--interactive-active: #44403c;--interactive-disabled: #292524;--surface-base: #1c1917;--surface-elevated: #44403c;--surface-overlay: rgba(0, 0, 0, .8);--surface-glass: rgba(15, 15, 15, .7);--surface-warning-light: rgba(251, 146, 60, .08);--surface-warning-xlight: rgba(251, 146, 60, .04);--surface-danger-light: rgba(220, 38, 38, .08);--surface-danger-xlight: rgba(220, 38, 38, .04);--surface-info-light: rgba(59, 130, 246, .12);--surface-info-xlight: rgba(59, 130, 246, .03);--text-inverse-75: rgba(255, 255, 255, .75);--text-inverse-80: rgba(255, 255, 255, .8);--color-primary: #06b6d4;--color-secondary: #c084fc;--color-accent: #0ea5e9;--color-success: #22c55e;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #06b6d4;--gradient-primary: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--gradient-secondary: linear-gradient(135deg, #c084fc 0%, #9333ea 100%);--gradient-sunset: linear-gradient(135deg, #06b6d4 0%, #c084fc 50%, #ec4899 100%)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-surface{background-color:var(--surface-base)}.text-primary{color:var(--text-primary)}.text-tertiary{color:var(--text-tertiary)}.border-default{border-color:var(--border-default)}.border-strong{border-color:var(--border-strong)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);background-attachment:fixed;color:var(--text-primary);line-height:1.6;transition:background .3s ease,color .3s ease}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.25rem}select.chevron-right{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 8 11 10 9'/></svg>");background-repeat:no-repeat;background-position:right .6rem center;background-size:1rem 1rem;color:var(--text-inverse-75)}:root.light select.chevron-right{color:var(--text-primary)}:root.dark select.chevron-right,:root.dark .form-input.chevron-right,:root.dark .filter-select.chevron-right,:root.dark .status-select.chevron-right{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 8 11 10 9'/></svg>")!important}.date-input svg,.input-with-icon svg{width:1.25rem;height:1.25rem;color:currentColor;stroke:currentColor}:root.dark .date-input,:root.dark .input-with-icon{color:var(--white)}.form-input.chevron-right{padding-right:2.25rem;background-repeat:no-repeat;background-position:right .6rem center;background-size:1rem 1rem}.status-select.chevron-right{padding-right:1.75rem;background-position:right .5rem center;background-size:.85rem .85rem}#root,.login-container{min-height:100vh}.dashboard-container{min-height:100vh;display:flex;flex-direction:column;background:transparent;padding:2rem;max-width:1600px;margin:0 auto;width:100%}.welcome-section{margin-bottom:50px;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-section h2{font-size:2.5rem;color:var(--text-primary);margin-bottom:10px;font-weight:800;letter-spacing:-.02em}.welcome-section p{color:var(--text-secondary);font-size:1.15rem;font-weight:500}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.dashboard-card{background:var(--surface-base);border-radius:var(--border-radius-lg);padding:35px;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--border-subtle);position:relative;overflow:hidden;animation:fadeIn .6s ease-out backwards}.dashboard-card:nth-child(1){animation-delay:.1s}.dashboard-card:nth-child(2){animation-delay:.2s}.dashboard-card:nth-child(3){animation-delay:.3s}.dashboard-card:nth-child(4){animation-delay:.4s}.dashboard-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease}.dashboard-card:hover:before{transform:scaleX(1)}.dashboard-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-primary);background:var(--interactive-hover)}.card-icon{font-size:3.5rem;margin-bottom:20px;box-shadow:var(--shadow-sm);color:var(--color-primary)}.dashboard-card h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:12px;font-weight:700}.dashboard-card p{color:var(--text-secondary);margin-bottom:25px;flex:1;line-height:1.6}.dashboard-card button{color:var(--white);border:none;padding:14px 32px;border-radius:var(--border-radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;box-shadow:var(--shadow-sm);background:var(--gradient-primary);display:inline-flex;align-items:center;justify-content:center;min-height:44px}.dashboard-card button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.dashboard-card button:active{transform:translateY(0)}.dashboard-card:nth-child(1) button{background:var(--gradient-primary)}.dashboard-card:nth-child(2) button{background:var(--gradient-secondary)}.dashboard-card:nth-child(3) button{background:var(--gradient-emerald)}.dashboard-card:nth-child(4) button{background:var(--gradient-ocean)}.page-container{max-width:1600px;margin:0 auto;padding:50px 15px;animation:fadeIn .6s ease-out}.page-container h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:20px;font-weight:800;letter-spacing:-.02em}.page-container p{color:var(--text-secondary);font-size:1.15rem;line-height:1.8}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.product-card{background:var(--surface-base);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s ease;border:1px solid var(--border-subtle)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--border-default)}.product-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;background:var(--bg-tertiary)}.product-info{padding:1.5rem}.product-info h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.product-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-default)}.product-price{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.product-stock{padding:.25rem .75rem;border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500;background:var(--accent-100);color:var(--accent-700)}.product-stock.low{background:var(--color-warning);color:var(--white)}.product-status{padding:.25rem .75rem;border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500}.product-status.available{background:var(--color-success);color:var(--white)}.product-status.unavailable{background:var(--gray-400);color:var(--white)}.product-actions{display:flex;gap:.75rem}.product-actions button{flex:1;padding:.75rem;border:none;border-radius:var(--border-radius-md);font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.btn-edit{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-sm)}.btn-edit:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-delete{background:transparent;color:var(--color-danger);border:2px solid var(--color-danger)}.btn-delete:hover{background:var(--color-danger);color:var(--white)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}.loading-spinner{text-align:center;color:var(--text-secondary);padding:10px;font-weight:500;animation:pulse 2s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:1024px){.page-container{padding-left:20px;padding-right:20px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}.welcome-section h2{font-size:2rem}.dashboard-card{padding:25px}.page-container h1{font-size:2rem}}@media(max-width:480px){.page-container{padding:30px 15px}}@media print{.dashboard-card{-moz-column-break-inside:avoid;break-inside:avoid}}.theme-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:transparent;color:var(--text-primary);border:none;border-radius:var(--border-radius-sm);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .12s ease}.user-menu-item>.theme-toggle{width:100%;justify-content:flex-start;padding:8px 6px}.theme-toggle:hover{background:var(--interactive-hover)}.theme-toggle:active{background:var(--interactive-active);transform:translateY(0)}.theme-toggle-text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.theme-toggle svg{color:var(--color-primary);transition:transform .18s ease;width:18px;height:18px}.theme-toggle:hover svg{transform:rotate(15deg)}.business-selector-compact{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-md);color:var(--white);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.business-selector-compact:hover{background:#ffffff1a;border-color:#ffffff4d}.business-selector-compact svg{flex-shrink:0;opacity:.9}.business-selector-compact__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{position:fixed;inset:0;background-color:var(--surface-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;animation:fadeIn .2s ease-out;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.modal-content{background:var(--surface-elevated);color:var(--text-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1);position:relative}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-small{width:100%;max-width:400px!important}.modal-medium{width:100%;max-width:600px!important}.modal-large{width:100%;max-width:900px!important}.modal-xl{width:100%;max-width:1200px!important}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);transition:all .2s ease}.modal-close:hover{background-color:var(--interactive-hover);color:var(--text-primary);transform:rotate(90deg)}.modal-body{padding:var(--spacing-xl);overflow-y:auto;overflow-x:hidden;flex:1;overscroll-behavior:contain}.modal-content:not(:has(.modal-header)) .modal-body{padding:0}.confirm-modal-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.confirm-modal-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .4s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.confirm-modal-icon-danger{background:var(--gradient-red-light);color:var(--color-danger)}.confirm-modal-icon-warning{background:var(--gradient-amber-light);color:var(--warning-color)}.confirm-modal-icon-info{background:var(--gradient-blue-light);color:var(--info-color)}.confirm-modal-icon-success{background:linear-gradient(135deg,var(--accent-100) 0%,var(--accent-50) 100%);color:var(--success-color)}.confirm-modal-message{font-size:1rem;line-height:1.6;color:var(--gray-700);margin:0}.confirm-modal-actions{display:flex;gap:1rem;width:100%;margin-top:.5rem}.btn-modal-cancel,.btn-modal-confirm{flex:1;padding:.875rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-modal-cancel{background:var(--white);color:var(--gray-700);border:2px solid var(--gray-300)}.btn-modal-cancel:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.btn-modal-confirm{color:var(--white);box-shadow:var(--shadow-md)}.btn-modal-danger{background:var(--gradient-red)}.btn-modal-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-danger)}.btn-modal-warning{background:var(--gradient-amber)}.btn-modal-warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-warning)}.btn-modal-info{background:var(--gradient-cyan)}.btn-modal-info:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-info)}.btn-modal-success{background:var(--gradient-emerald)}.btn-modal-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-accent)}.btn-modal-cancel:disabled,.btn-modal-confirm:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.modal-overlay{padding:0}.modal-content{border-radius:0;max-height:100vh;width:100%!important;max-width:100%!important}.modal-header{padding:1rem}.modal-header h2{font-size:1.25rem}.modal-body{padding:1rem}}.business-selector-modal{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.bsm-search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-secondary)}.bsm-search svg{flex-shrink:0;opacity:.6}.bsm-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.9375rem;outline:none}.bsm-input::-moz-placeholder{color:var(--text-tertiary)}.bsm-input::placeholder{color:var(--text-tertiary)}.bsm-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch}.bsm-loading,.bsm-empty{padding:2rem 1rem;text-align:center;color:var(--text-secondary);font-size:.9375rem}.bsm-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;text-align:left;gap:.75rem}.bsm-item:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-default)}.bsm-item.active{background:var(--bg-secondary);border-color:var(--color-primary)}.bsm-item:disabled{opacity:.6;cursor:not-allowed}.bsm-item-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.bsm-item-icon{flex-shrink:0;color:var(--color-primary);opacity:.8}.bsm-item-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.bsm-item-name{font-weight:600;color:var(--text-primary);font-size:.9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bsm-item-role{font-size:.8125rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bsm-item-action{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.bsm-check{color:var(--color-success)}.bsm-spinner{width:16px;height:16px;border:2px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@media(max-width:768px){.bsm-list{max-height:300px}.bsm-item{padding:.75rem}.bsm-item-name{font-size:.875rem}.bsm-item-role{font-size:.75rem}}.app-layout{min-height:100vh;display:flex;flex-direction:column;background:transparent}.app-header{background:var(--gradient-primary);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom:1px solid var(--border-default);color:var(--white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;transition:background .25s ease,border-color .2s ease,box-shadow .2s ease}.app-header:hover{box-shadow:var(--shadow)}.header-content{max-width:1600px;margin:0 auto;padding:.875rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.header-left{display:flex;align-items:center;gap:1.25rem;flex:1}.header-right{display:flex;align-items:center;gap:.75rem}.header-business-selector{display:flex;align-items:center;margin-right:.25rem}.register-customer-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border);border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;white-space:nowrap;box-shadow:var(--shadow-sm)}.register-customer-btn:hover{background:var(--color-success-hover);transform:translateY(-2px);box-shadow:var(--shadow)}.register-customer-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.register-customer-label{display:inline}.app-logo{font-size:1.75rem;font-weight:700;margin:0;cursor:pointer;transition:transform .2s ease;white-space:nowrap}.app-logo:hover{transform:scale(1.05)}.app-nav{display:flex;gap:.5rem;align-items:center}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--text-inverse-75);font-size:.9rem;font-weight:600;cursor:pointer;transition:color .18s ease,transform .12s ease;white-space:nowrap}.nav-item:hover{color:var(--white);transform:translateY(-2px)}.nav-item.active{color:var(--white);position:relative}.nav-item.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-8px;height:3px;background:var(--neutral-accent);border-radius:3px}.nav-icon{font-size:1.25rem}.nav-label{display:inline}.nav-chevron{color:var(--text-inverse-80);opacity:.95;transition:transform .2s ease,opacity .12s ease;margin-left:.25rem}.nav-chevron.open{transform:rotate(180deg)}.nav-group{position:relative;display:inline-block}.nav-group-trigger{display:flex;align-items:center;gap:.5rem}.nav-group .nav-dropdown{display:none}@media(min-width:1024px){.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{display:flex}.nav-group:hover .nav-chevron,.nav-group:focus-within .nav-chevron{transform:rotate(180deg)}.nav-group:hover .nav-item,.nav-group:focus-within .nav-item{color:var(--white)}}.nav-item-with-dropdown{position:relative;display:inline-block}.nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:0px;padding:6px 0;min-width:220px;z-index:150;animation:slideDown .2s ease-out;pointer-events:auto}.nav-dropdown:before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px;background:transparent}.nav-dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;text-align:left;transition:all .15s ease;width:100%;box-sizing:border-box;pointer-events:auto}.nav-dropdown-item:hover{background:var(--surface-pressed)}.nav-dropdown-item svg{color:var(--text-secondary);flex-shrink:0}@media(min-width:1024px){.nav-item-with-dropdown:hover .nav-dropdown{display:flex}}.user-section{display:flex;align-items:center;gap:1rem;position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;background:transparent;border:none;color:var(--white);cursor:pointer;padding:6px 8px;border-radius:var(--border-radius-sm);font-size:.95rem;position:relative}.user-caret{opacity:.95;font-size:1.2rem;line-height:1;transform:translateY(1px)}.user-menu-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface-elevated);color:var(--text-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:8px;display:flex;flex-direction:column;gap:8px;min-width:220px;z-index:200}.user-menu-item{box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:8px 10px;min-height:40px;width:100%;background:transparent;border-radius:var(--border-radius-sm);transition:background-color .12s ease;border:none;cursor:pointer;text-align:left;color:var(--text-primary);font-size:.875rem}.user-menu-item.user-menu-logout{color:var(--color-danger)}.user-menu-item.user-menu-logout:hover{background:var(--danger-50)}.user-menu-divider{height:1px;background:var(--border-default);margin:4px 0}.user-menu-section-title{padding:8px 10px 4px;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.user-menu-item svg{width:18px;height:18px;flex:0 0 18px}.user-menu-item>.theme-toggle{padding:0;gap:8px;align-items:center}.user-menu-item:hover{background:var(--interactive-hover)}.user-menu-item button{all:unset;display:flex;align-items:center;gap:12px;width:100%;cursor:pointer;box-sizing:border-box}.user-avatar-wrapper{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--surface-glass);-o-object-fit:cover;object-fit:cover}.user-avatar-initials{width:40px;height:40px;border-radius:50%;border:2px solid var(--surface-glass);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--neutral-accent),var(--interactive-active));color:var(--white);font-size:.875rem;font-weight:700;flex-shrink:0;position:absolute;top:0;left:0}.user-info{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-size:.875rem;font-weight:600;margin:0;line-height:1.2}.user-email{font-size:.75rem;opacity:.9;margin:0;line-height:1.2}.logout-button{padding:.5rem 1rem;background:var(--interactive-hover);border:1px solid var(--interactive-active);border-radius:var(--border-radius-md);color:var(--text-inverse);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.logout-button:hover{background:var(--surface-glass);transform:translateY(-2px)}.app-main{flex:1;max-width:100%;width:100%;margin:0 auto;padding:0}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--white);cursor:pointer;transition:background .2s ease}.mobile-menu-toggle:hover{background:var(--surface-glass-sm)}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-nav-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-nav-overlay.open{opacity:1;pointer-events:auto}.mobile-nav-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:var(--surface-elevated);box-shadow:var(--shadow-xl);transform:translate(-100%);transition:transform .3s ease;z-index:1000;display:flex;flex-direction:column;overflow-y:auto}.mobile-nav-drawer.open{transform:translate(0)}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-default);background:var(--gradient-primary);color:var(--white)}.mobile-nav-header h2{margin:0;font-size:var(--text-lg);font-weight:700}.mobile-nav-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--white);cursor:pointer;transition:background .2s ease}.mobile-nav-close:hover{background:var(--surface-glass-sm)}.mobile-nav-items{display:flex;flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-xs)}.mobile-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.mobile-nav-item:hover{background:var(--surface-hover)}.mobile-nav-item.active{background:var(--surface-pressed);color:var(--color-primary);font-weight:600}.mobile-nav-item svg{flex-shrink:0}.mobile-nav-group{display:flex;flex-direction:column}.mobile-nav-group-trigger{display:flex;align-items:center;justify-content:space-between;width:100%}.mobile-nav-item-content{display:flex;align-items:center;gap:var(--spacing-md)}.mobile-nav-chevron{color:var(--text-secondary);transition:transform .2s ease;flex-shrink:0}.mobile-nav-chevron.open{transform:rotate(180deg)}.mobile-nav-subitems{display:flex;flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease;padding-left:var(--spacing-xl)}.mobile-nav-subitems.open{max-height:500px;margin-top:var(--spacing-xs)}.mobile-nav-subitem{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.mobile-nav-subitem:hover{background:var(--surface-hover);color:var(--text-primary)}.mobile-nav-subitem.active{background:var(--surface-pressed);color:var(--color-primary);font-weight:600}.mobile-nav-subitem svg{flex-shrink:0;font-size:1rem}@media(max-width:1280px){.header-content{padding:var(--spacing-md) var(--spacing-lg)}.app-logo{font-size:1.5rem}.nav-item{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}}@media(max-width:1024px){.header-content{padding:var(--spacing-sm) var(--spacing-md)}.header-left{gap:var(--spacing-md)}.app-nav{gap:var(--spacing-xs)}.nav-item{padding:var(--spacing-sm)}.nav-label,.nav-chevron{display:none}.nav-icon{font-size:1.25rem}.user-info{display:none}.header-business-selector{margin-right:0}}@media(max-width:768px){.app-logo{font-size:1.25rem}.header-content{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-md)}.header-left{width:100%;justify-content:flex-start;flex:1}.header-right{gap:var(--spacing-sm)}.register-customer-label{display:none}.register-customer-btn{padding:.5rem}.app-nav{display:none}.mobile-menu-toggle{display:flex}.user-avatar,.user-avatar-initials{width:36px;height:36px}.user-menu-dropdown{right:0;left:auto;min-width:200px}}@media(max-width:480px){.app-logo{font-size:1.125rem}.header-content{padding:var(--spacing-xs) var(--spacing-sm)}.header-left{gap:var(--spacing-sm)}.header-right{gap:var(--spacing-xs)}.mobile-menu-toggle{width:36px;height:36px}.user-avatar,.user-avatar-initials{width:32px;height:32px}.user-menu-dropdown{min-width:180px}.mobile-nav-drawer{width:260px}}.toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:420px}.toast{background:var(--white);border-radius:var(--border-radius-lg);padding:12px 16px;box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:12px;min-width:320px;border-left:4px solid;animation:slideInRight .3s cubic-bezier(.4,0,.2,1);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast:hover{transform:translate(-4px);box-shadow:var(--shadow-xl),0 0 0 1px var(--gray-200)}.toast.success{border-left-color:var(--success-color);background:linear-gradient(135deg,var(--white) 0%,var(--accent-50) 100%)}.toast.error{border-left-color:var(--color-danger);background:linear-gradient(135deg,var(--white) 0%,var(--danger-50) 100%)}.toast.warning{border-left-color:var(--warning-color);background:linear-gradient(135deg,var(--white) 0%,var(--warning-50) 100%)}.toast.info{border-left-color:var(--info-color);background:linear-gradient(135deg,var(--white) 0%,var(--info-50) 100%)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.toast.success .toast-icon{background:var(--accent-100);color:var(--success-color)}.toast.error .toast-icon{background:var(--danger-100);color:var(--color-danger)}.toast.warning .toast-icon{background:var(--warning-100);color:var(--warning-color)}.toast.info .toast-icon{background:var(--info-100);color:var(--info-color)}.toast-content{flex:1;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.toast-message{font-size:14px;font-weight:600;color:var(--gray-900);line-height:1.4;margin:0}.toast-close{background:transparent;border:none;color:var(--gray-400);font-size:20px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:var(--gray-100);color:var(--gray-600)}@media(max-width:768px){.toast-container{top:16px;right:16px;left:16px;max-width:none}.toast{min-width:unset;width:100%}}body:has(.login-container),html:has(.login-container){margin:0!important;padding:0!important;overflow-x:hidden}.login-container{width:100%;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;background:var(--bg-primary);margin:0;padding:0}.login-bg-decoration{position:absolute;border-radius:50%;opacity:.45;filter:blur(80px);pointer-events:none;z-index:0}.login-bg-decoration-1{width:420px;height:420px;background:var(--gradient-primary);top:-200px;left:-200px}.login-bg-decoration-2{width:320px;height:320px;background:var(--gradient-secondary);bottom:-140px;right:8%}.login-feature{display:flex;align-items:center;gap:16px;padding:18px 24px;background:var(--color-primary, var(--primary-600));color:var(--text-inverse);border-radius:var(--border-radius-lg);font-size:1.075rem;font-weight:700;transition:all .35s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.login-feature:hover{filter:brightness(1.06);transform:translate(8px);box-shadow:var(--shadow-md)}.login-feature svg{flex-shrink:0;opacity:1;color:var(--text-inverse)}.login-brand{display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--text-inverse);padding:64px;position:relative;z-index:1}.login-brand:before{content:"";position:absolute;inset:0;background:var(--gradient-light);opacity:.05;pointer-events:none}.login-brand-content{max-width:520px;text-align:center;width:100%}.login-brand h1,.login-card h2{margin-top:0}.login-brand-icon{width:84px;height:84px;border-radius:var(--border-radius-lg);background:var(--surface-glass);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:var(--shadow-lg)}.login-brand-title{font-size:2.75rem;font-weight:800;margin:0 0 12px;padding:0;color:var(--text-inverse);letter-spacing:-.03em;line-height:1.1}.login-brand-subtitle{font-size:1.15rem;color:var(--text-inverse);opacity:.96;margin-bottom:28px;font-weight:400;line-height:1.6}.login-features{display:flex;flex-direction:column;gap:16px}.login-form-wrapper{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:64px;z-index:1}.login-card{width:100%;max-width:420px;background:var(--surface-elevated);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);padding:40px;border:1px solid var(--border-default)}.login-card-header{margin-bottom:32px;text-align:center}.login-card-header h2{font-size:1.9rem;color:var(--text-primary);margin:0 0 12px;padding:0;font-weight:700}.login-card-header p{color:var(--text-secondary);margin:0;padding:0;line-height:1.5}.login-error{background:var(--gradient-red-light);border:1px solid var(--danger-100);color:var(--danger-700);padding:16px;border-radius:var(--border-radius-md);margin-bottom:24px}.login-buttons{margin-top:32px;display:flex;flex-direction:column;gap:16px}.login-button-wrapper{margin-bottom:0;position:relative}.login-button-wrapper iframe[title*="Iniciar sesión"]{display:none!important;height:0!important;width:0!important;visibility:hidden!important}.login-button-wrapper .S9gUrf-YoZ4jf>div:first-child{display:block!important;opacity:1!important;visibility:visible!important}.login-divider{display:flex;align-items:center;gap:12px;color:var(--text-tertiary);font-weight:600;margin:4px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--border-default),transparent)}.login-apple-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:var(--black);color:var(--white);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.login-apple-button:hover{background:var(--gray-800);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-tagline{text-align:center;color:var(--text-tertiary);font-size:.9rem;margin:4px 0 8px}.login-footer{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-default);text-align:center}.login-footer p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.login-link{color:var(--color-primary);text-decoration:none;font-weight:600;transition:all .2s ease}.login-link:hover{color:var(--primary-600);text-decoration:underline}@media(max-width:1024px){.login-container{grid-template-columns:1fr}.login-brand{display:none}.login-form-wrapper{padding:40px 20px}}@media(max-width:480px){.login-card{padding:28px;border-radius:var(--border-radius-lg);box-shadow:none}.login-brand-title{font-size:1.9rem}}:root.dark .login-brand{color:var(--white)}:root.dark .login-brand-title{color:var(--white)}:root.dark .login-brand-subtitle,:root.dark .login-feature{color:var(--text-tertiary)}:root.dark .login-brand-icon svg,:root.dark .login-feature svg{color:var(--white)}:root.dark .login-brand-icon{background:var(--surface-glass)}:root.light .login-feature{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);font-weight:600;position:relative}:root.light .login-feature svg{color:var(--color-primary);opacity:1}:root.light .login-feature:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:4px;background:transparent;transition:background .18s ease,transform .18s ease}:root.light .login-feature:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}:root.light .login-feature:hover:before{background:linear-gradient(180deg,var(--color-primary),var(--primary-600));transform:translate(0)}:root.light .login-brand-title{color:var(--text-primary);font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.1)}:root.light .login-brand-subtitle{color:var(--text-secondary);opacity:.95;font-weight:500}:root.light .login-brand.palette-neutral .login-brand-title{color:var(--white)}.login-brand.palette-warm{background:var(--gradient-sunset);color:var(--white)}.login-brand.palette-warm .login-brand-title{color:var(--white)}.login-brand.palette-warm .login-brand-icon{background:var(--surface-glass);box-shadow:var(--shadow-lg)}.login-brand.palette-neutral{background:var(--gradient-primary);color:var(--text-tertiary)}.login-brand.palette-neutral .login-brand-title{color:var(--color-primary)}.login-brand.palette-neutral .login-brand-icon{background:var(--surface-glass);box-shadow:var(--shadow-lg)}.login-brand.palette-neutral .login-feature{background:var(--interactive-hover);color:var(--text-secondary);border:1px solid var(--border-default);box-shadow:var(--shadow-md);font-weight:600}.login-brand.palette-neutral .login-feature svg{color:var(--color-primary);opacity:1}.login-brand.palette-neutral .login-feature:hover{transform:translate(6px);filter:brightness(1.02)}:root.dark .login-brand.palette-neutral{color:var(--text-inverse)}:root.dark .login-brand.palette-neutral .login-brand-title{color:var(--text-inverse)}:root.dark .login-brand.palette-neutral .login-brand-subtitle{color:var(--text-inverse-75);opacity:1}:root.dark .login-brand.palette-neutral .login-feature{color:var(--white)}:root.dark .login-brand.palette-neutral .login-feature svg{color:var(--color-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--surface-base);border-radius:var(--border-radius-lg);border:2px dashed var(--border-default);margin:2rem 0;min-height:300px;transition:all .3s ease}.empty-state-icon{font-size:5rem;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite;filter:var(--shadow-sm);color:var(--text-secondary);opacity:.6}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.empty-state-description{font-size:1rem;color:var(--text-secondary);margin:0 0 2rem;max-width:400px;line-height:1.6}.empty-state-button{padding:.875rem 1.75rem;font-size:1rem;font-weight:600;color:var(--white);background:var(--gradient-primary);border:none;border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-primary)}.empty-state-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.empty-state-button:active{transform:translateY(0)}@media(max-width:768px){.empty-state{padding:3rem 1.5rem;min-height:250px}.empty-state-icon{font-size:4rem;margin-bottom:1rem}.empty-state-title{font-size:1.25rem}.empty-state-description{font-size:.875rem}.empty-state-button{padding:.75rem 1.5rem;font-size:.875rem}}.table-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);transition:all .2s ease;overflow:hidden;min-height:200px}.table-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.table-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.table-card__number-badge{display:flex;flex-direction:column;gap:.375rem}.table-card__number{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.table-card__floor{display:inline-flex;align-items:center;padding:.25rem .5rem;background:var(--info-100);color:var(--info-700);border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;width:-moz-fit-content;width:fit-content}.table-card__capacity{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--surface-secondary);border-radius:var(--border-radius-sm);font-size:.8rem;color:var(--text-secondary);font-weight:600;width:-moz-fit-content;width:fit-content}.table-card__status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:2px solid;border-radius:var(--border-radius-md);font-size:.85rem;font-weight:600;white-space:nowrap}.table-card__status-badge--status-available{background:var(--color-success);border-color:var(--color-success);color:var(--white)}.table-card__status-badge--status-occupied{background:var(--color-warning);border-color:var(--color-warning);color:var(--white)}.table-card__status-badge--status-reserved{background:var(--color-info);border-color:var(--color-info);color:var(--white)}.table-card__status-icon{display:flex;align-items:center;justify-content:center}.table-card__content{display:flex;flex-direction:column;gap:.875rem;flex:1}.table-card__section{display:flex;flex-direction:column;gap:.5rem}.table-card__section--horizontal{flex-direction:row;align-items:center;gap:1.25rem;flex-wrap:wrap}.table-card__info-item{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.table-card__info-item svg{opacity:.7;flex-shrink:0}.table-card__label{font-weight:600;color:var(--text-primary)}.table-card__value{color:var(--text-primary);font-weight:500}.table-card__occupancy{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.table-card__occupancy-bar{width:100%;height:8px;background:var(--surface-secondary);border-radius:4px;overflow:hidden}.table-card__occupancy-fill{height:100%;background:var(--gradient-primary);transition:width .3s ease;border-radius:4px}.table-card__occupancy-text{font-size:.8rem;color:var(--text-secondary);font-weight:600;text-align:center;letter-spacing:.03em}.table-card__notes{padding:.875rem;background:var(--surface-secondary);border-left:3px solid var(--accent-primary);border-radius:var(--border-radius-md)}.table-card__notes-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.table-card__notes-header svg{opacity:.7}.table-card__notes-text{font-size:.9rem;color:var(--text-primary);margin:0;line-height:1.4;word-break:break-word}.table-card__actions{display:flex;flex-direction:column;gap:.625rem;margin-top:auto}.table-card__action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px solid;border-radius:var(--border-radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit}.table-card__action-btn:disabled{opacity:.6;cursor:not-allowed}.table-card__action-btn svg{flex-shrink:0}.table-card__action-btn--primary{background:var(--gradient-primary);border-color:var(--color-primary);color:var(--white);box-shadow:var(--shadow-sm)}.table-card__action-btn--primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.table-card__action-btn--secondary{background:var(--surface-secondary);border-color:var(--border-default);color:var(--text-primary)}.table-card__action-btn--secondary:not(:disabled):hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--surface-tertiary)}.table-card__action-btn--tertiary{background:transparent;border-color:var(--border-default);color:var(--text-secondary)}.table-card__action-btn--tertiary:not(:disabled):hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--surface-secondary)}.table-card__action-btn--info{background:var(--surface-secondary);border-color:var(--color-info);color:var(--color-info);box-shadow:var(--shadow-sm)}.table-card__action-btn--info:not(:disabled):hover{background:var(--color-info);color:var(--white);border-color:var(--color-info);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(max-width:1024px){.table-card{padding:1.125rem;gap:.875rem}.table-card__number{font-size:1.5rem}.table-card__section--horizontal{gap:1rem}}@media(max-width:768px){.table-card{padding:1rem;gap:.75rem}.table-card__number{font-size:1.35rem}.table-card__section--horizontal{flex-direction:column;gap:.5rem}.table-card__actions{flex-direction:column;gap:.625rem}.table-card__action-btn{width:100%;padding:.75rem .875rem;font-size:.875rem;min-height:44px}.table-card__action-btn svg{width:18px;height:18px}.table-card__occupancy{gap:.375rem;padding:.625rem 0}}@media(max-width:480px){.table-card{padding:.875rem;gap:.625rem}.table-card__number{font-size:1.2rem}.table-card__header{gap:.625rem}.table-card__status-badge{padding:.375rem .625rem;font-size:.8rem}.table-card__info-item{font-size:.85rem}.table-card__actions{flex-direction:column;gap:.5rem}.table-card__action-btn{width:100%;padding:.625rem .75rem;font-size:.85rem;min-height:42px}.table-card__action-btn svg{width:16px;height:16px}.table-card__notes{padding:.75rem}.table-card__notes-text{font-size:.85rem}}@keyframes cardEntry{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.table-card{animation:cardEntry .3s ease forwards}.product-selector{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px);width:100%}.product-selector__header{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.search-box{position:relative;display:flex;align-items:center;width:100%;background:var(--bg-primary);border:2px solid var(--border-default);border-radius:var(--border-radius-xl);transition:all .3s ease;box-shadow:var(--shadow-sm)}.search-box:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.search-icon{position:absolute;right:var(--spacing-lg);top:50%;transform:translateY(-50%);color:var(--color-primary);pointer-events:none;flex-shrink:0;z-index:2}.search-input{width:100%;height:56px;padding:var(--spacing-md);padding-left:var(--spacing-lg);padding-right:calc(var(--spacing-lg) + 32px);border:none;border-radius:var(--border-radius-xl);background:transparent;color:var(--text-primary);font-size:16px;font-weight:500;transition:all .2s ease;z-index:1}.search-input::-moz-placeholder{color:var(--text-tertiary);font-weight:400}.search-input::placeholder{color:var(--text-tertiary);font-weight:400}.search-input:focus{outline:none}.search-clear{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:var(--spacing-xs);border:none;border-radius:var(--border-radius-md);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;z-index:2}.search-clear:hover{background:var(--color-danger);color:var(--white);transform:translateY(-50%) scale(1.05)}.category-filters{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.category-btn{padding:var(--spacing-xs, 6px) var(--spacing-md, 12px);border:1px solid var(--border-default);border-radius:var(--border-radius-md, 8px);background:var(--bg-primary);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-alpha)}.category-btn.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--white)}.product-selector__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md, 16px);max-height:500px;overflow-y:auto;padding:var(--spacing-xs, 4px)}.product-selector__empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md, 16px);padding:var(--spacing-xxl, 48px) var(--spacing-lg, 24px);color:var(--text-tertiary);text-align:center}.product-card{display:flex;flex-direction:column;height:-moz-max-content;height:max-content;border:2px solid var(--border-default);border-radius:var(--border-radius-lg, 12px);background:var(--bg-primary);overflow:hidden;cursor:pointer;transition:all .2s ease;text-align:left;padding:0}.product-card:hover:not(.product-card--unavailable){border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card--selected{border-color:var(--color-success);background:var(--color-success-alpha)}.product-card--unavailable{opacity:.5;cursor:not-allowed}.product-card--unavailable .product-card__image{filter:grayscale(100%)}.product-card__image{position:relative;width:100%;aspect-ratio:1;background:var(--bg-secondary);overflow:hidden}.product-card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.product-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-tertiary)}.product-card__selected-badge{position:absolute;top:var(--spacing-xs, 8px);right:var(--spacing-xs, 8px);display:flex;align-items:center;gap:var(--spacing-xs, 4px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);background:var(--color-success);color:var(--white);border-radius:var(--border-radius-md, 8px);font-size:12px;font-weight:700;box-shadow:var(--shadow-md)}.product-card__quantity{line-height:1}.product-card__stock-badge{position:absolute;bottom:var(--spacing-xs, 8px);left:var(--spacing-xs, 8px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);background:var(--color-danger);color:var(--white);border-radius:var(--border-radius-sm, 6px);font-size:11px;font-weight:600}.product-card__content{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px);padding:var(--spacing-xs, 8px)}.product-card__name{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.product-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs, 8px);font-size:12px}.product-card__category{color:var(--text-tertiary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card__price{color:var(--color-primary);font-weight:700;white-space:nowrap}@media(max-width:640px){.product-selector__header{gap:var(--spacing-md)}.search-box{height:auto}.search-input{height:48px;font-size:14px;padding-left:var(--spacing-md);padding-right:calc(var(--spacing-md) + 24px)}.search-icon{right:var(--spacing-md);width:18px;height:18px}.search-clear{width:32px;height:32px}.product-selector__grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--spacing-sm);max-height:400px}.category-filters{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding-bottom:var(--spacing-xs)}.category-filter{white-space:nowrap}.product-card__name{font-size:13px;-webkit-line-clamp:2;line-clamp:2}.product-card__meta{font-size:11px}}@media(min-width:641px)and (max-width:1024px){.product-selector__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md);max-height:500px}.search-input{height:46px}}@media(min-width:1025px){.product-selector__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:600px}}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:.375rem;cursor:help;color:var(--text-secondary);transition:color .2s ease}.tooltip-icon:hover,.tooltip-icon:focus{color:var(--text-primary);outline:none}.tooltip-inline{display:none}.tooltip-content{position:fixed;background-color:var(--surface-elevated);color:var(--text-primary);padding:.75rem 1rem;border-radius:var(--border-radius-md);font-size:.875rem;max-width:480px;width:auto;word-wrap:break-word;box-shadow:var(--shadow-md);z-index:10010;pointer-events:none;border:1px solid var(--border-default);animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-arrow{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--surface-elevated)}@media(max-width:768px){.tooltip-content{max-width:90vw;font-size:.8125rem;padding:.625rem .875rem}.tooltip-icon,.tooltip-inline,.tooltip-content{display:none!important}}@media(min-width:769px){.tooltip-icon{display:inline-flex!important}.tooltip-inline{display:none!important}}@media(max-width:768px){.modal-content .tooltip-icon,.modal-content .tooltip-inline{display:none!important}}.modal-form-layout{display:flex;flex-direction:column;gap:1.25rem;padding:0;margin:0}.modal-form-layout>*{flex-shrink:0}.form-section{display:flex;flex-direction:column;gap:.875rem;padding:1rem;border-radius:var(--border-radius-md);background:var(--surface-base);border:1px solid var(--border-subtle);overflow:visible;position:relative}.form-section-header{display:flex;flex-direction:column;gap:.25rem}.form-section-description{font-size:.8125rem;color:var(--text-tertiary);margin:0;line-height:1.4}.form-section-content{display:flex;flex-direction:column;gap:.75rem}.form-row{display:grid;gap:1rem;align-items:start}.form-row-2{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-row-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.form-row-4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media(max-width:768px){.form-row,.form-row-2,.form-row-3,.form-row-4{grid-template-columns:1fr}}.form-actions{display:flex;gap:.75rem;padding-top:1.5rem;margin-top:.5rem;border-top:1px solid var(--border-subtle)}.form-actions-left{justify-content:flex-start}.form-actions-right{justify-content:flex-end}.form-actions-center{justify-content:center}.form-actions-space-between{justify-content:space-between}.form-actions button{padding:.625rem 1.25rem;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;min-height:40px;border:none}.form-actions .btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-sm)}.form-actions .btn-primary:hover:not(:disabled){background:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.form-actions .btn-secondary:hover:not(:disabled){background:var(--interactive-hover);border-color:var(--border-strong)}@media(max-width:768px){.form-actions{flex-direction:column-reverse}.form-actions button{width:100%;justify-content:center}}.guests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);padding:var(--spacing-md) 0}.guest-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--white);border:2px solid var(--border-default);border-radius:var(--border-radius-lg);cursor:pointer;transition:all .3s ease;position:relative}.guest-card:hover{border-color:var(--guest-color, var(--color-primary));box-shadow:var(--shadow-md);transform:translateY(-2px)}.guest-card--active{border-color:var(--guest-color, var(--color-primary));background:linear-gradient(135deg,var(--white) 0%,color-mix(in srgb,var(--guest-color, var(--color-primary)) 5%,transparent) 100%);box-shadow:var(--shadow-md)}.guest-card--add{border:2px dashed var(--border-default);background:transparent;justify-content:center;align-items:center;min-height:200px;color:var(--text-tertiary)}.guest-card--add:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,transparent);color:var(--color-primary)}.guest-card__header{display:flex;justify-content:space-between;align-items:flex-start}.guest-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;background:var(--bg-secondary);color:var(--color-primary);border:2px solid var(--border-default);box-shadow:var(--shadow-sm)}.guest-remove-btn{width:28px;height:28px;border-radius:50%;border:none;background:var(--color-danger);color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:all .2s ease}.guest-remove-btn:hover{opacity:1;transform:scale(1.1)}.guest-name-input{width:100%;padding:var(--spacing-sm, .75rem);border:1px solid var(--border-default);border-radius:var(--border-radius-md, 8px);font-size:1rem;font-weight:600;color:var(--text-primary);text-align:center;transition:all .2s ease}.guest-name-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 10%,transparent)}.guest-name-input--error{border-color:var(--color-danger);background-color:color-mix(in srgb,var(--color-danger) 5%,transparent)}.guest-name-input--error:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-danger) 10%,transparent)}.guest-name-error{font-size:.75rem;color:var(--color-danger);margin-top:var(--spacing-xs);font-weight:500;text-align:center}.guest-name-input:focus{outline:none;border-color:var(--guest-color, var(--color-primary));box-shadow:0 0 0 3px color-mix(in srgb,var(--guest-color, var(--color-primary)) 20%,transparent)}.guest-stats{display:flex;justify-content:space-between;gap:var(--spacing-sm, .75rem);padding-top:var(--spacing-sm, .75rem);border-top:1px solid var(--border-subtle)}.guest-stat{display:flex;align-items:center;gap:var(--spacing-xs, .5rem);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.guest-stat svg{color:var(--guest-color, var(--color-primary))}.active-guest-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, .75rem);padding:var(--spacing-md, 1rem);background:var(--bg-secondary);border-radius:var(--border-radius-lg, 12px);margin-bottom:var(--spacing-md, 1rem)}.guest-chip{display:flex;align-items:center;gap:var(--spacing-sm, .75rem);padding:var(--spacing-sm, .75rem) var(--spacing-md, 1rem);background:var(--white);border:2px solid var(--border-default);border-radius:var(--border-radius-xl, 16px);cursor:pointer;transition:all .2s ease;position:relative}.guest-chip:hover{border-color:var(--guest-color, var(--color-primary));transform:translateY(-2px);box-shadow:var(--shadow)}.guest-chip--active{border-color:var(--guest-color, var(--color-primary));background:linear-gradient(135deg,var(--guest-color, var(--color-primary)),color-mix(in srgb,var(--guest-color, var(--color-primary)) 80%,black));color:var(--white);box-shadow:var(--shadow-md)}.guest-chip__avatar{font-size:1.25rem}.guest-chip__name{font-weight:600;font-size:.875rem}.guest-chip__badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .25rem;background:var(--color-success);color:var(--white);font-size:.75rem;font-weight:700;border-radius:10px}.guest-chip--active .guest-chip__badge{background:var(--white);color:var(--guest-color, var(--color-primary))}.product-price-preview{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--border-radius-md);align-items:flex-start;justify-content:center;height:100%}.product-price-preview__label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.product-price-preview__value{font-size:1.25rem;font-weight:700;color:var(--color-primary);line-height:1.2}.inline-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-subtle);justify-content:flex-end;width:100%}.inline-actions button{min-width:160px;padding:var(--spacing-md) var(--spacing-lg);font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.order-review{display:flex;flex-direction:column;gap:var(--spacing-lg, 1.5rem);margin-bottom:var(--spacing-xl, 2rem)}.guest-order-summary{background:var(--white);border:2px solid var(--border-default);border-left:4px solid var(--guest-color, var(--color-primary));border-radius:var(--border-radius-lg, 12px);overflow:hidden;transition:all .3s ease}.guest-order-summary:hover{box-shadow:var(--shadow-md)}.guest-order-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md, 1rem);background:color-mix(in srgb,var(--guest-color, var(--color-primary)) 5%,transparent)}.guest-info{display:flex;align-items:center;gap:var(--spacing-md, 1rem)}.guest-avatar-small{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:var(--bg-secondary);color:var(--color-primary);border:2px solid var(--border-default);box-shadow:var(--shadow-sm)}.guest-name-large{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.guest-total{font-size:1.25rem;font-weight:700;color:var(--guest-color, var(--color-primary))}.guest-items-list{display:flex;flex-direction:column;gap:1px;background:var(--border-subtle)}.review-item{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md, 1rem);padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);background:var(--white)}.review-item__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs, .5rem)}.review-item__header{display:flex;justify-content:space-between;align-items:center}.review-item__name{font-weight:600;color:var(--text-primary)}.review-item__qty{padding:.25rem .5rem;background:var(--guest-color, var(--color-primary));color:var(--white);font-size:.75rem;font-weight:700;border-radius:var(--border-radius-sm, 6px)}.review-item__notes{font-size:.875rem;color:var(--text-tertiary);font-style:italic}.review-item__price{font-weight:700;color:var(--text-secondary)}.review-item__remove{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--color-danger);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.review-item__remove:hover{background:color-mix(in srgb,var(--color-danger) 10%,transparent);transform:scale(1.1)}.no-items-message{padding:var(--spacing-lg, 1.5rem);text-align:center;color:var(--text-tertiary);font-style:italic}.order-total-summary{display:flex;flex-direction:column;gap:var(--spacing-sm, .75rem);padding:var(--spacing-md, 1rem);background:var(--bg-secondary);border-radius:var(--border-radius-lg, 12px);margin-top:var(--spacing-md, 1rem)}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem;color:var(--text-secondary)}.summary-row--total{padding-top:var(--spacing-sm, .75rem);border-top:2px solid var(--border-default);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.summary-value{font-weight:700;color:var(--text-primary)}.btn-primary--large{font-size:1.125rem;padding:var(--spacing-md, 1rem) var(--spacing-xl, 2rem)}@media(max-width:640px){.guests-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.order-progress{gap:var(--spacing-xs);padding:var(--spacing-md)}.progress-step span{font-size:.7rem}.progress-step svg{width:28px;height:28px;padding:var(--spacing-xs)}.active-guest-selector{flex-direction:column;gap:var(--spacing-sm)}.guest-chip{width:100%;justify-content:center}.guest-order-header{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.review-item{flex-direction:column;align-items:flex-start}.inline-actions{flex-direction:column;gap:var(--spacing-sm)}.inline-actions button{width:100%;min-width:unset}.product-price-preview__value{font-size:1.125rem}}@media(min-width:641px)and (max-width:1024px){.guests-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.active-guest-selector{flex-wrap:wrap;gap:var(--spacing-sm)}.inline-actions{flex-wrap:wrap}}@media(min-width:1025px){.guests-grid{grid-template-columns:repeat(3,1fr)}}.item-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-weight:500;font-size:var(--text-sm);line-height:1;white-space:nowrap}.item-status-badge--small{padding:calc(var(--spacing-xs) * .5) var(--spacing-xs);font-size:var(--text-xs)}.item-status-badge--medium{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm)}.item-status-badge__icon{width:var(--spacing-md);height:var(--spacing-md);flex-shrink:0}.item-status-badge--small .item-status-badge__icon{width:var(--spacing-sm);height:var(--spacing-sm)}.item-status-badge__label{font-weight:700}.item-status-badge--pending{background-color:var(--warning-100);color:var(--warning-700);border:1px solid var(--warning-500)}.item-status-badge--preparing{background-color:var(--info-100);color:var(--info-700);border:1px solid var(--info-500)}.item-status-badge--ready{background-color:var(--success-100);color:var(--success-700);border:1px solid var(--success-500)}.item-status-badge--served{background-color:var(--gray-200);color:var(--gray-700);border:1px solid var(--gray-400)}.item-status-badge--returned{background-color:var(--error-100);color:var(--error-700);border:1px solid var(--error-500)}@media(max-width:480px){.item-status-badge{font-size:var(--text-xs)}.item-status-badge__icon{width:var(--spacing-sm);height:var(--spacing-sm)}}.pos-invoice{width:302px;margin:0 auto;background:var(--bg-primary);padding:var(--spacing-md);font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.4;color:var(--text-primary);box-shadow:var(--shadow-md);border-radius:var(--radius-md);overflow-x:auto}.pos-content{width:100%}.pos-header{text-align:center;margin-bottom:var(--spacing-sm)}.pos-business-name{font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.pos-nit-highlight{font-size:13px;font-weight:900;color:var(--text-primary);margin:var(--spacing-sm) 0;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-top:2px solid var(--text-primary);border-bottom:2px solid var(--text-primary);text-transform:uppercase}.pos-nit,.pos-regime,.pos-address,.pos-address-2,.pos-phone,.pos-email,.pos-responsibility{font-size:11px;color:var(--text-secondary);margin-bottom:2px}.pos-responsibility{font-weight:600;color:var(--text-primary);margin-top:var(--spacing-xs);font-size:10px;text-transform:uppercase}.pos-dian-info{margin-top:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px dashed var(--border-default);font-size:10px}.pos-dian-row{color:var(--text-secondary);margin-bottom:2px;line-height:1.3}.pos-divider{text-align:center;margin:var(--spacing-sm) 0;color:var(--text-tertiary);font-size:10px;overflow:hidden;white-space:nowrap}.pos-divider-thin{text-align:center;margin:var(--spacing-xs) 0;color:var(--text-tertiary);font-size:10px;overflow:hidden;white-space:nowrap}.pos-info{margin:var(--spacing-sm) 0}.pos-info-row{display:flex;justify-content:space-between;margin-bottom:2px;font-size:11px;color:var(--text-secondary)}.pos-info-row span:first-child{font-weight:600;color:var(--text-primary)}.pos-info-highlight{font-size:13px;font-weight:700;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-left:3px solid var(--color-primary);margin-bottom:var(--spacing-xs);color:var(--text-primary)}.pos-warning{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--warning-50);border-left:3px solid var(--color-warning);margin-bottom:var(--spacing-xs);font-size:10px;color:var(--text-primary);line-height:1.3}.pos-warning svg{flex-shrink:0;color:var(--color-warning)}.pos-items{margin:var(--spacing-sm) 0}.pos-items-header{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--spacing-xs);font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.pos-col-desc{text-align:left}.pos-col-qty{text-align:center;width:40px}.pos-col-price{text-align:right;width:60px}.pos-col-total{text-align:right;width:70px}.pos-item{margin-bottom:var(--spacing-xs)}.pos-item-name{font-size:11px;font-weight:600;color:var(--text-primary);margin-bottom:2px;word-wrap:break-word}.pos-item-details{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--spacing-xs);font-size:11px;color:var(--text-secondary)}.pos-item-details .pos-col-qty,.pos-item-details .pos-col-price,.pos-item-details .pos-col-total{font-weight:600;color:var(--text-primary)}.pos-totals{margin:var(--spacing-sm) 0}.pos-total-row{display:flex;justify-content:space-between;margin-bottom:4px;font-size:12px;color:var(--text-secondary)}.pos-total-row span:first-child{font-weight:600}.pos-total-row span:last-child{font-family:Courier New,Courier,monospace;font-weight:700;color:var(--text-primary)}.pos-total-final{font-size:14px;font-weight:700;color:var(--text-primary);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}.pos-total-final span{font-size:14px;font-weight:700}.pos-payment{margin:var(--spacing-sm) 0;text-align:center}.pos-payment-row{display:flex;justify-content:space-between;margin-bottom:4px;font-size:11px;color:var(--text-secondary)}.pos-payment-row span:first-child{font-weight:600;color:var(--text-primary)}.pos-footer{text-align:center;font-size:11px;margin:var(--spacing-sm) 0;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word}.pos-qr-area{text-align:center;margin:var(--spacing-md) 0;padding:var(--spacing-sm);border:2px dashed var(--border-default);border-radius:var(--border-radius-sm);background:var(--bg-secondary);min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.pos-qr-placeholder{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.pos-qr-hint{font-size:9px;color:var(--text-tertiary);font-style:italic}.pos-legal{text-align:center;font-size:10px;color:var(--text-tertiary);margin-top:var(--spacing-sm)}.pos-thank-you{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.pos-dian-footer{margin:var(--spacing-xs) 0;padding-top:var(--spacing-xs);border-top:1px dashed var(--border-default)}.pos-legal>div{margin-bottom:2px}.pos-legal-small{font-size:9px}.pos-test-mode-warning{margin-top:var(--spacing-sm);padding:var(--spacing-xs);background:var(--color-warning);color:var(--text-primary);font-weight:700;font-size:10px;text-transform:uppercase;border-radius:var(--border-radius-sm)}@media print{.pos-invoice{width:80mm;max-width:80mm;margin:0;padding:0;background:#fff;box-shadow:none;border-radius:0;color:#000}.pos-content{padding:2mm}.pos-business-name,.pos-nit,.pos-regime,.pos-address,.pos-phone,.pos-email,.pos-divider,.pos-divider-thin,.pos-info-row,.pos-item-name,.pos-item-details,.pos-total-row,.pos-payment-row,.pos-footer,.pos-legal,.pos-info-row span,.pos-item-details span,.pos-total-row span{color:#000}@page{size:80mm 297mm;margin:0}}@media(max-width:768px){.pos-invoice{width:100%;max-width:302px}}.invoice-modal-header{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-default)}.btn-toggle-view{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-toggle-view:hover{background:var(--bg-tertiary);border-color:var(--border-strong)}.btn-toggle-view:active{transform:scale(.98)}.btn-print{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-primary);border:none;border-radius:var(--border-radius-md);color:var(--white);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.btn-print:active{transform:translateY(0)}.invoice-body{padding:var(--spacing-xl);background:var(--white);color:var(--black);max-width:800px;margin:0 auto}.invoice-business-header h1{margin:0 0 var(--spacing-xs) 0;font-size:var(--text-xl);font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.invoice-nit{margin:var(--spacing-xs) 0;font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.invoice-business-header p{margin:var(--spacing-xxs) 0;font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.invoice-contact{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-sm);font-size:var(--text-sm);color:var(--text-tertiary)}.invoice-divider{height:2px;background:repeating-linear-gradient(to right,var(--border-strong) 0px,var(--border-strong) 4px,transparent 4px,transparent 8px);margin:var(--spacing-md) 0}.invoice-info{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-sm)}.invoice-info-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);padding:var(--spacing-xxs) 0}.invoice-label{font-weight:700;color:var(--text-primary);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.5px}.invoice-value{font-weight:700;color:var(--text-primary);font-size:var(--text-sm)}.invoice-items-table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);overflow:hidden}.invoice-items-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-strong)}.invoice-items-table th{padding:var(--spacing-sm) var(--spacing-xs);text-align:left;font-size:var(--text-xs);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.8px}.invoice-items-table tbody tr{border-bottom:1px solid var(--border-subtle)}.invoice-items-table tbody tr:last-child{border-bottom:none}.invoice-items-table tbody tr:nth-child(2n){background:var(--bg-tertiary)}.invoice-items-table td{padding:var(--spacing-sm) var(--spacing-xs);font-size:var(--text-sm);color:var(--text-primary);vertical-align:top}.col-qty{width:60px;text-align:center;font-weight:600}.col-description{width:auto}.col-price,.col-total{width:120px;text-align:right;font-weight:600}.item-note{font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.guest-label{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--spacing-xs)}.invoice-totals{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.invoice-total-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-base);padding:var(--spacing-sm) 0}.invoice-total-row span{color:var(--text-secondary)}.invoice-tip-row{border-top:1px dashed var(--border-default);border-bottom:1px dashed var(--border-default);padding:var(--spacing-md) 0}.tip-label{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;color:var(--text-primary)}.tip-controls{display:flex;align-items:center;gap:var(--spacing-md)}.tip-input-wrapper{position:relative;display:inline-flex;align-items:center}.tip-input{width:80px;padding:var(--spacing-xs) var(--spacing-sm);padding-right:var(--spacing-lg);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);font-size:var(--text-base);font-weight:600;text-align:center;color:var(--text-primary);background:var(--bg-secondary);transition:all .2s cubic-bezier(.4,0,.2,1)}.tip-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f973161a}.tip-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.tip-input-suffix{position:absolute;right:var(--spacing-sm);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:600;pointer-events:none}.tip-error-message{color:var(--color-danger);font-size:var(--text-sm);font-weight:500;margin-top:var(--spacing-xs);padding-left:var(--spacing-sm)}.tip-amount{font-weight:700;color:var(--text-primary);min-width:100px;text-align:right}.invoice-total-final{border-top:3px double var(--border-strong);padding:var(--spacing-md);margin-top:var(--spacing-md);font-size:var(--text-xl);background:var(--bg-secondary);border-radius:var(--border-radius-sm)}.invoice-total-final strong{color:var(--text-primary);font-weight:900;text-transform:uppercase;letter-spacing:1px}.invoice-total-final strong:last-child{color:var(--color-primary);font-size:var(--text-2xl)}.invoice-footer{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border-top:1px dashed var(--border-default);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;line-height:1.4}.invoice-footer p{margin:0;line-height:1.5}.invoice-footer-default{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);text-align:center;font-size:var(--text-base);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;border-top:2px solid var(--border-strong)}.invoice-footer-default p{margin:0}@media print{@page{size:80mm auto;margin:5mm}body{margin:0;padding:0;font-size:10pt}.no-print{display:none!important}.print-only{display:flex!important}.invoice-modal-overlay{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;overflow:visible}.invoice-modal-content{max-width:100%;max-height:none;box-shadow:none;border-radius:0;overflow:visible}.invoice-body{padding:5mm;max-width:70mm;margin:0 auto}.invoice-business-header{margin-bottom:3mm;padding-bottom:2mm}.invoice-business-header h1{font-size:14pt;margin-bottom:1mm}.invoice-business-header p{font-size:8pt;margin:.5mm 0}.invoice-info{font-size:9pt;padding:2mm;margin-bottom:3mm}.invoice-info-row{font-size:9pt}.invoice-items-table{page-break-inside:avoid;margin-bottom:3mm}.invoice-items-table th{font-size:8pt;padding:1mm .5mm}.invoice-items-table td{font-size:9pt;padding:1.5mm .5mm}.invoice-totals{page-break-inside:avoid;font-size:9pt}.invoice-total-row{padding:1mm 0}.invoice-total-final{font-size:12pt;padding:2mm;margin-top:2mm}.invoice-total-final strong:last-child{font-size:14pt}.invoice-footer,.invoice-footer-default{font-size:8pt;margin-top:3mm;padding-top:2mm}.invoice-divider,.invoice-totals,.invoice-footer{page-break-inside:avoid}}@media(max-width:1024px)and (min-width:769px){.invoice-modal-content{max-width:700px}.invoice-business-header h1{font-size:var(--text-xl)}.col-price,.col-total{width:100px}}@media(max-width:768px){.invoice-modal-content{max-width:100%;max-height:100vh;border-radius:0}.invoice-modal-header{padding:var(--spacing-lg);border-radius:0}.invoice-modal-title h2{font-size:var(--text-lg)}.invoice-body{padding:var(--spacing-xl)}.invoice-business-header h1{font-size:var(--text-xl)}.invoice-contact{flex-direction:column;gap:var(--spacing-xs)}.invoice-items-table th,.invoice-items-table td{padding:var(--spacing-sm) var(--spacing-xs);font-size:var(--text-sm)}.col-price,.col-total{width:80px}.tip-controls{flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.tip-amount{min-width:auto}}@media(max-width:480px){.invoice-modal-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.invoice-modal-title,.invoice-modal-actions{justify-content:center}.invoice-body{padding:var(--spacing-lg)}.invoice-business-header h1{font-size:var(--text-lg)}.invoice-items-table{font-size:var(--text-xs)}.invoice-items-table th,.invoice-items-table td{padding:var(--spacing-xs)}.col-qty{width:40px}.col-price,.col-total{width:70px;font-size:var(--text-xs)}.guest-label{font-size:10px}.invoice-total-row{font-size:var(--text-sm)}.invoice-total-final{font-size:var(--text-base)}.btn-print{width:100%;justify-content:center}}.print-only{display:none}.payment-summary{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md)}.payment-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.payment-summary-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.payment-summary-value{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.payment-summary-total{border-top:2px solid var(--border-strong);padding-top:var(--spacing-sm);margin-top:var(--spacing-xs)}.payment-summary-total .payment-summary-label{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.payment-summary-total .payment-summary-value{font-size:var(--text-xl);font-weight:900;color:var(--color-primary)}.payment-summary-value.tip-amount{color:var(--color-warning);font-weight:700}.payment-tip-option{padding:var(--spacing-md) 0;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);margin:var(--spacing-sm) 0}.tip-checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.tip-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.payment-tip-notice{padding:var(--spacing-sm);background:var(--warning-50);border:1px solid var(--warning-200);border-radius:var(--border-radius-sm);color:var(--color-warning);font-size:var(--text-sm);font-weight:500;text-align:center;margin-top:var(--spacing-sm)}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.payment-method-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-primary);border:2px solid var(--border-default);border-radius:var(--border-radius-lg);cursor:pointer;transition:all .2s ease;min-height:120px}.payment-method-option:hover{border-color:var(--color-primary);background:var(--bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.payment-method-option:active{transform:translateY(0)}.payment-method-option.selected{border-color:var(--color-primary);background:var(--primary-50);box-shadow:var(--shadow-lg)}.payment-method-option svg{color:var(--text-secondary);transition:color .2s ease}.payment-method-option:hover svg,.payment-method-option.selected svg{color:var(--color-primary)}.payment-method-label{font-size:var(--text-base);font-weight:600;color:var(--text-primary);text-align:center}.cash-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-lg)}.cash-input-group{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--border-radius-md);transition:all .2s ease}.cash-input-group:focus-within{border-color:var(--color-primary);background:var(--bg-primary);box-shadow:var(--shadow-md)}.cash-input-prefix{font-size:var(--text-2xl);font-weight:700;color:var(--text-secondary)}.cash-input{flex:1;border:none;background:transparent;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);outline:none;padding:var(--spacing-xs)}.cash-input::-moz-placeholder{color:var(--text-tertiary);font-weight:400}.cash-input::placeholder{color:var(--text-tertiary);font-weight:400}.cash-input-error{color:var(--color-danger)}.cash-error-message{font-size:var(--text-sm);color:var(--color-danger);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);background:var(--danger-50);border-radius:var(--border-radius-sm);margin-top:calc(var(--spacing-sm) * -1)}.change-display{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--success-50);border:2px solid var(--color-success);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.change-header{display:flex;align-items:center;gap:var(--spacing-sm)}.change-header svg{color:var(--color-success);flex-shrink:0}.change-label{font-size:var(--text-base);font-weight:600;color:var(--text-secondary)}.change-amount{font-size:var(--text-3xl);font-weight:900;color:var(--color-success);text-align:center;padding:var(--spacing-sm) 0}.reference-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.reference-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.reference-input{width:100%;padding:var(--spacing-md);font-size:var(--text-base);font-weight:500;color:var(--text-primary);background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--border-radius-md);transition:all .2s ease;outline:none}.reference-input:focus{border-color:var(--color-primary);background:var(--bg-primary);box-shadow:var(--shadow-md)}.reference-input::-moz-placeholder{color:var(--text-tertiary);font-weight:400}.reference-input::placeholder{color:var(--text-tertiary);font-weight:400}@media(max-width:768px){.payment-methods{grid-template-columns:1fr;gap:var(--spacing-sm)}.payment-method-option{flex-direction:row;justify-content:flex-start;padding:var(--spacing-md);min-height:auto}.payment-method-option svg{width:24px;height:24px}.payment-summary-total .payment-summary-value{font-size:var(--text-lg)}.cash-input-prefix,.cash-input{font-size:var(--text-xl)}.change-amount{font-size:var(--text-2xl)}}.customer-selector{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--surface-base);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);max-width:600px;width:100%}.cs-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-default)}.cs-header-title{display:flex;align-items:center;gap:var(--spacing-sm)}.cs-header-title h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.cs-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.cs-close-btn:hover{background:var(--interactive-hover);color:var(--text-primary)}.cs-selected-customer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--gradient-primary);border-radius:var(--border-radius-md);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.cs-selected-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.cs-selected-name{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-md);font-weight:600}.cs-selected-doc,.cs-selected-email{font-size:var(--text-sm);opacity:.9}.cs-clear-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff3;border:none;border-radius:var(--border-radius-md);color:var(--text-inverse);cursor:pointer;transition:all var(--transition-normal)}.cs-clear-btn:hover{background:#ffffff4d}.cs-document-search{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--border-radius-md);transition:all var(--transition-normal)}.cs-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.cs-document-input-wrapper{position:relative;display:flex;align-items:center}.cs-document-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:40px;border:1px solid var(--border-default);border-radius:var(--border-radius-md);font-size:var(--text-sm);color:var(--text-primary);background:var(--surface-base);transition:all var(--transition-normal)}.cs-document-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.cs-document-input.found{border-color:var(--color-success);background:var(--color-success-bg)}.cs-document-input.error{border-color:var(--color-error);background:var(--color-error-bg)}.cs-document-input:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.cs-loading-spinner-small{position:absolute;right:var(--spacing-md);width:18px;height:18px;border:2px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.cs-status-icon{position:absolute;right:var(--spacing-md);color:var(--color-primary)}.cs-status-icon.success{color:var(--color-success)}.cs-status-icon.error{color:var(--color-error)}.cs-error-message,.cs-success-message{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);margin:0;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.cs-error-message{color:var(--color-error-text);background:var(--color-error-bg)}.cs-success-message{color:var(--color-success-text);background:var(--color-success-bg)}.cs-search-box{position:relative;display:flex;align-items:center}.cs-search-icon{position:absolute;left:var(--spacing-md);color:var(--text-tertiary);pointer-events:none}.cs-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 44px;border:1px solid var(--border-default);border-radius:var(--border-radius-md);font-size:var(--text-sm);color:var(--text-primary);background:var(--surface-base);transition:all var(--transition-normal)}.cs-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.cs-search-clear{position:absolute;right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-normal)}.cs-search-clear:hover{background:var(--interactive-hover);color:var(--text-primary)}.cs-new-customer-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border);border-radius:var(--border-radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.cs-new-customer-btn:hover{background:var(--color-success-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.cs-new-customer-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.cs-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:400px;overflow-y:auto;padding:var(--spacing-xs);border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--bg-secondary)}.cs-list::-webkit-scrollbar{width:8px}.cs-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--border-radius-sm)}.cs-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--border-radius-sm)}.cs-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.cs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--text-secondary);font-size:var(--text-sm)}.cs-loading-spinner{width:32px;height:32px;border:3px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.cs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--text-tertiary);text-align:center}.cs-empty p{margin:0;font-size:var(--text-md);font-weight:600;color:var(--text-secondary)}.cs-empty span{font-size:var(--text-sm)}.cs-customer-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left;width:100%}.cs-customer-item:hover{background:var(--interactive-hover);border-color:var(--color-primary);transform:translate(2px);box-shadow:var(--shadow-sm)}.cs-customer-item.selected{background:var(--gradient-primary);border-color:var(--color-primary);color:var(--text-inverse);box-shadow:var(--shadow)}.cs-customer-item.selected .cs-customer-name,.cs-customer-item.selected .cs-customer-doc,.cs-customer-item.selected .cs-customer-email{color:var(--text-inverse)}.cs-customer-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.cs-customer-name{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.cs-customer-doc,.cs-customer-email{font-size:var(--text-xs);color:var(--text-secondary)}.cs-receiver-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--border-radius-sm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.cs-receiver-consumer{background:var(--color-info-bg);color:var(--color-info-text)}.cs-receiver-legal-entity{background:var(--color-primary-bg);color:var(--color-primary-text)}.cs-receiver-natural-person{background:var(--color-success-bg);color:var(--color-success-text)}.cs-receiver-foreigner{background:var(--color-warning-bg);color:var(--color-warning-text)}.cs-customer-item.selected .cs-receiver-badge{background:var(--color-white-transparent);color:var(--text-inverse)}.cs-footer{padding-top:var(--spacing-sm);border-top:1px solid var(--border-default);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}@media(max-width:768px){.customer-selector{padding:var(--spacing-md);max-width:100%}.cs-list{max-height:300px}.cs-customer-name{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.cs-header-title h3{font-size:var(--text-md)}.cs-search-input{font-size:var(--text-xs)}.cs-list{max-height:250px}.cs-customer-item{padding:var(--spacing-sm)}}.close-table-warning{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--warning-50);border:2px solid var(--color-warning);border-radius:var(--border-radius-lg);text-align:center}.close-table-warning svg{color:var(--color-warning)}.close-table-warning h3{margin:0;font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.close-table-warning p{margin:0;font-size:var(--text-sm);color:var(--text-secondary);max-width:500px;line-height:1.5}.close-table-summary{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md)}.close-table-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.close-table-summary-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.close-table-summary-value{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.close-table-summary-total{border-top:2px solid var(--border-strong);padding-top:var(--spacing-sm);margin-top:var(--spacing-xs)}.close-table-summary-total .close-table-summary-label{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.close-table-summary-total .close-table-summary-value{font-size:var(--text-xl);font-weight:900;color:var(--color-primary)}.close-table-summary-value.tip-amount{color:var(--color-warning);font-weight:700}.close-table-process{display:flex;flex-direction:column;gap:var(--spacing-md)}.close-table-process-step{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-left:3px solid var(--color-success);border-radius:var(--border-radius-sm)}.close-table-process-step svg{flex-shrink:0;margin-top:2px;color:var(--color-success)}.close-table-process-step span{font-size:var(--text-sm);color:var(--text-primary);line-height:1.5}@media(max-width:768px){.close-table-warning{padding:var(--spacing-lg)}.close-table-warning svg{width:36px;height:36px}.close-table-warning h3,.close-table-summary-total .close-table-summary-value{font-size:var(--text-lg)}}.table-details-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.details-section{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);transition:all .2s cubic-bezier(.4,0,.2,1)}.details-section:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-title{margin:0;display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-default)}.section-title svg{color:var(--color-primary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);transition:all .2s ease}.info-item:hover{background:var(--bg-primary);border-color:var(--border-default);box-shadow:var(--shadow-sm)}.info-label{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-label svg{color:var(--color-primary)}.info-value{color:var(--text-primary);font-size:var(--text-xl);font-weight:700}.occupancy-display{display:flex;flex-direction:column;gap:var(--spacing-sm)}.payment-status-indicator{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--success-50) 0%,var(--success-100) 100%);border:2px solid var(--color-success);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.payment-status-indicator svg{color:var(--color-success);flex-shrink:0}.payment-status-indicator span{font-size:var(--text-base);font-weight:700;color:var(--success-700);flex:1}.payment-status-indicator small{display:block;font-size:var(--text-sm);font-weight:500;color:var(--success-600);margin-top:var(--spacing-xs)}.occupancy-bar{width:100%;height:16px;background:var(--bg-tertiary);border:2px solid var(--border-default);border-radius:var(--border-radius-xl);overflow:hidden;position:relative}.occupancy-fill{height:100%;border-radius:var(--border-radius-xl);transition:width .4s cubic-bezier(.4,0,.2,1);background:var(--gradient-primary);box-shadow:inset 0 0 12px #f973164d}.occupancy-fill.status-available{background:var(--gradient-primary)}.occupancy-fill.status-occupied{background:var(--gradient-amber)}.occupancy-fill.status-reserved{background:linear-gradient(135deg,var(--color-info) 0%,var(--info-600) 100%)}.occupancy-stats{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-sm) 0}.occupancy-percentage{font-size:var(--text-2xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.occupancy-text{color:var(--text-secondary);font-size:var(--text-base);font-weight:600}.client-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.client-name{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--text-lg);font-weight:700;transition:all .2s ease}.client-name:hover{background:var(--bg-primary);border-color:var(--color-primary)}.client-name svg{color:var(--color-primary)}.notes-content{padding:var(--spacing-xl);background:var(--bg-secondary);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-md)}.notes-content p{margin:0;color:var(--text-primary);font-size:var(--text-base);line-height:1.7}.items-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-xxl) var(--spacing-xl);color:var(--text-tertiary);text-align:center}.items-placeholder svg{color:var(--text-tertiary);opacity:.5}.items-placeholder p{margin:0;font-size:var(--text-base);font-weight:500}.placeholder-actions{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:300px}.btn-add-items-inline{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);background:var(--gradient-primary);border:none;border-radius:var(--border-radius-md);color:var(--white);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:.3px}.btn-add-items-inline:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn-add-items-inline:active{transform:translateY(-1px)}.btn-add-items-inline:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-release-table{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.3px}.btn-release-table:hover{background:var(--danger-50);border-color:var(--color-danger);color:var(--color-danger);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-release-table:active{transform:translateY(0)}.btn-release-table:disabled{opacity:.6;cursor:not-allowed;transform:none}.guest-orders-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.guest-order-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:2px solid var(--border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.guest-order-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translate(4px)}.guest-order-header{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:2px solid var(--border-default)}.guest-order-header svg{color:var(--color-primary)}.guest-order-header h4{margin:0;flex:1;color:var(--text-primary);font-size:var(--text-lg);font-weight:700}.guest-subtotal{color:var(--color-primary);font-size:var(--text-xl);font-weight:800;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm)}.guest-items-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0;padding:0;list-style:none}.guest-item{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);transition:all .2s ease}.guest-item:hover{background:var(--bg-secondary);border-color:var(--border-default);box-shadow:var(--shadow-sm)}.item-main{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.item-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.item-quantity{color:var(--white)!important;background:var(--color-primary);font-weight:800;font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);min-width:2.5rem;text-align:center;box-shadow:var(--shadow-sm);-webkit-text-fill-color:var(--white)}.item-name{flex:1;color:var(--text-primary);font-size:var(--text-base);font-weight:600}.item-price{color:var(--text-primary);font-size:var(--text-lg);font-weight:700}.btn-delete-item{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);color:var(--color-danger);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-delete-item:hover{background:var(--gradient-red);color:var(--white);border-color:var(--color-danger);transform:scale(1.1)}.btn-delete-item:active{transform:scale(.95)}.btn-delete-item:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-mark-served{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-success);border:none;border-radius:var(--border-radius-sm);color:var(--white);cursor:pointer;font-size:var(--text-xs);font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.btn-mark-served:hover:not(:disabled){background:#16a34a;color:var(--white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-mark-served:active:not(:disabled){transform:translateY(0)}.btn-mark-served:disabled{opacity:.5;cursor:not-allowed;transform:none}.item-notes{margin:0;padding:var(--spacing-sm) 0 0 var(--spacing-xxl);color:var(--text-tertiary);font-size:var(--text-sm);font-style:italic;line-height:1.5}.no-items{margin:0;padding:var(--spacing-xl);color:var(--text-tertiary);font-size:var(--text-base);font-weight:500;text-align:center;background:var(--bg-tertiary);border-radius:var(--border-radius-md)}.orders-total{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--surface-base) 100%);border:3px solid var(--color-primary);border-radius:var(--border-radius-lg);margin-top:var(--spacing-lg);box-shadow:var(--shadow-md)}.orders-total strong{color:var(--text-primary);font-size:var(--text-lg);font-weight:800;text-transform:uppercase;letter-spacing:.5px}.orders-total strong:last-child{color:var(--color-primary);font-size:var(--text-2xl);font-weight:900}.invoice-summary{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--surface-base) 100%);border:2px solid var(--border-default);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:all .2s cubic-bezier(.4,0,.2,1)}.invoice-summary:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.invoice-summary-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.summary-item{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:center}.summary-label{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:var(--text-lg);font-weight:700;color:var(--color-primary)}.invoice-summary-totals{display:flex;flex-direction:column;gap:var(--spacing-sm)}.total-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.total-label{font-size:var(--text-base);font-weight:600;color:var(--text-secondary)}.total-value{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.tip-config-row{align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px solid var(--border-subtle)}.tip-input-container{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.tip-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.tip-input-wrapper{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease;max-width:100px}.tip-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-50)}.tip-input{background:transparent;border:none;outline:none;font-size:var(--text-sm);font-weight:700;color:var(--text-primary);width:50px;text-align:right}.tip-input:disabled{opacity:.6;cursor:not-allowed}.tip-input-suffix{font-size:var(--text-base);font-weight:600;color:var(--text-secondary)}.tip-input-error{border-color:var(--color-danger)}.tip-error-message{padding:var(--spacing-sm) var(--spacing-md);background:var(--danger-50);border:1px solid var(--danger-200);border-radius:var(--border-radius-sm);color:var(--color-danger);font-size:var(--text-sm);font-weight:500;margin:-var(--spacing-md) 0 0 0}.tip-include-checkbox{display:flex;align-items:center;padding:var(--spacing-md);background:var(--info-50);border:1px solid var(--info-200);border-radius:var(--border-radius-md);margin-top:var(--spacing-sm)}.tip-include-checkbox .checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:var(--text-sm);color:var(--text-primary)}.tip-include-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.tip-include-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.total-final{padding-top:var(--spacing-md);border-top:2px solid var(--border-strong);margin-top:var(--spacing-xs)}.total-final .total-label{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.total-final .total-value{font-size:var(--text-2xl);font-weight:900;color:var(--color-primary)}.invoice-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-subtle);justify-content:center}.btn-view-invoice,.btn-mark-paid,.btn-close-table{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);color:var(--white);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md);flex:0 1 auto;min-width:150px;justify-content:center;text-transform:uppercase;letter-spacing:.5px}.btn-view-invoice{background:var(--gradient-primary)}.btn-view-invoice:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-view-invoice:active:not(:disabled){transform:translateY(0)}.btn-view-invoice:disabled{opacity:.6;cursor:not-allowed}.btn-mark-paid{background:var(--gradient-emerald)}.btn-mark-paid:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-mark-paid:active:not(:disabled){transform:translateY(0)}.btn-mark-paid:disabled{opacity:.6;cursor:not-allowed}.btn-close-table{background:var(--gradient-red)}.btn-close-table:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-close-table:active:not(:disabled){transform:translateY(0)}.btn-close-table:disabled{opacity:.6;cursor:not-allowed}.btn-view-invoice svg,.btn-mark-paid svg,.btn-close-table svg{flex-shrink:0}.details-section--timestamps{background:transparent;border:none;padding:var(--spacing-sm) 0;box-shadow:none}.details-section--timestamps:hover{transform:none;box-shadow:none}.timestamps-grid{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--border-radius-md)}.timestamp-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);font-size:var(--text-sm)}.timestamp-label{color:var(--text-tertiary);font-weight:600}.timestamp-value{color:var(--text-secondary);font-weight:700}@media(max-width:1024px)and (min-width:769px){.info-grid{grid-template-columns:repeat(2,1fr)}.guest-order-card{padding:var(--spacing-lg)}.invoice-actions{gap:var(--spacing-md)}.btn-view-invoice,.btn-mark-paid,.btn-close-table{flex:0 1 auto;min-width:140px;padding:var(--spacing-md) var(--spacing-md);font-size:var(--text-xs)}}@media(max-width:768px){.invoice-summary{padding:var(--spacing-lg);gap:var(--spacing-md)}.invoice-summary-header{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.summary-value{font-size:var(--text-lg)}.invoice-summary-totals{gap:var(--spacing-sm)}.total-row{padding:var(--spacing-sm) 0}.total-label,.total-value{font-size:var(--text-sm)}.total-final{padding-top:var(--spacing-md)}.total-final .total-label{font-size:var(--text-base)}.total-final .total-value{font-size:var(--text-xl)}.tip-config-row{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.tip-input-container{flex-direction:row;align-items:center;justify-content:space-between}.tip-label{font-size:var(--text-xs);min-width:60px}.tip-input-wrapper{flex:1;max-width:120px;justify-self:flex-end}.invoice-actions{flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.btn-view-invoice,.btn-mark-paid,.btn-close-table{flex:1;min-width:unset;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-sm);gap:var(--spacing-sm)}}@media(max-width:480px){.invoice-summary{padding:var(--spacing-md)}.invoice-summary-header{grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-xs)}.summary-item{gap:2px}.summary-label{font-size:10px}.summary-value{font-size:var(--text-base)}.invoice-summary-totals{gap:var(--spacing-xs)}.total-row{padding:var(--spacing-xs) 0;font-size:var(--text-sm)}.total-label{font-size:var(--text-xs)}.total-value{font-size:var(--text-sm)}.total-final{padding-top:var(--spacing-md);margin-top:2px}.total-final .total-label{font-size:var(--text-sm);font-weight:600}.total-final .total-value{font-size:var(--text-lg)}.tip-config-row{padding:var(--spacing-md);gap:var(--spacing-sm)}.tip-input-container{flex-direction:row;align-items:center;gap:var(--spacing-sm)}.tip-label{font-size:10px;min-width:50px}.tip-input-wrapper{flex:1;padding:var(--spacing-xs) var(--spacing-sm);max-width:unset}.tip-input{width:50px}.tip-input-suffix{font-size:var(--text-sm)}.tip-error-message{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-md);margin-top:-var(--spacing-md)}.invoice-actions{flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-md)}.btn-view-invoice,.btn-mark-paid,.btn-close-table{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-xs);gap:var(--spacing-sm);letter-spacing:.3px}.btn-view-invoice svg,.btn-mark-paid svg,.btn-close-table svg{width:16px;height:16px}}@media(max-width:768px){.table-details-content{gap:var(--spacing-xl)}.details-section{padding:var(--spacing-xl)}.section-title{font-size:var(--text-lg)}.info-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.info-item{padding:var(--spacing-md)}.info-value{font-size:var(--text-lg)}.occupancy-percentage{font-size:var(--text-xl)}.occupancy-bar{height:14px}.client-name{font-size:var(--text-lg);padding:var(--spacing-md) var(--spacing-lg)}.guest-order-card{padding:var(--spacing-lg)}.guest-order-header h4,.guest-subtotal{font-size:var(--text-lg)}.item-info{flex-wrap:wrap}.item-quantity{font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-sm);min-width:2rem}.item-name{font-size:var(--text-sm);flex-basis:100%}.item-price{font-size:var(--text-base)}.orders-total{padding:var(--spacing-lg) var(--spacing-xl)}.orders-total strong{font-size:var(--text-lg)}.orders-total strong:last-child{font-size:var(--text-xl)}}@media(max-width:480px){.table-details-content{gap:var(--spacing-lg)}.details-section{padding:var(--spacing-lg)}.section-title{font-size:var(--text-base);gap:var(--spacing-sm)}.info-item{padding:var(--spacing-sm)}.info-label{font-size:var(--text-xs)}.info-value{font-size:var(--text-lg)}.occupancy-percentage{font-size:var(--text-xl)}.occupancy-text{font-size:var(--text-sm)}.occupancy-bar{height:12px}.client-name{font-size:var(--text-base);padding:var(--spacing-sm) var(--spacing-md)}.notes-content{padding:var(--spacing-lg)}.notes-content p{font-size:var(--text-sm)}.guest-order-card{padding:var(--spacing-md)}.guest-order-header{flex-wrap:wrap;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.guest-order-header h4{font-size:var(--text-base);flex-basis:100%}.guest-subtotal{font-size:var(--text-lg);padding:var(--spacing-xs) var(--spacing-sm)}.guest-item{padding:var(--spacing-sm)}.item-main{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.item-info{width:100%;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.item-actions{width:100%;justify-content:space-between}.item-quantity{font-size:var(--text-xs);padding:var(--spacing-xs);min-width:1.75rem}.item-name,.item-price{font-size:var(--text-sm)}.item-notes{padding-left:0;font-size:var(--text-xs)}.orders-total{padding:var(--spacing-md) var(--spacing-lg);flex-direction:column;gap:var(--spacing-sm);text-align:center}.orders-total strong{font-size:var(--text-base)}.orders-total strong:last-child{font-size:var(--text-lg)}.btn-add-items-inline{padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--text-sm)}.btn-view-invoice{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);letter-spacing:.3px}.btn-view-invoice svg{width:16px;height:16px}.timestamps-grid{padding:var(--spacing-sm)}.timestamp-item{font-size:var(--text-xs);flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}@media(max-width:1024px){.table-details-modal-content{padding:var(--spacing-lg)}.modal-details-grid{grid-template-columns:1fr 1fr}.guest-order-card{padding:var(--spacing-md)}}@media(max-width:768px){.table-details-modal-content{padding:var(--spacing-md)}.modal-details-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.info-label{font-size:var(--text-sm)}.info-value{font-size:var(--text-xl)}.guest-order-header h4{font-size:var(--text-lg)}.guest-subtotal{font-size:var(--text-xl)}.item-main{flex-direction:row;flex-wrap:wrap}.item-info{flex:1;min-width:200px}.item-actions{flex:0 0 auto;gap:var(--spacing-xs)}}.tip-config{display:flex;flex-direction:column;gap:var(--spacing-md)}.tip-info{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.tip-label{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.tip-input-wrapper{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:2px solid var(--border-default);border-radius:var(--border-radius-md);transition:all .2s ease}.tip-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100)}.table-status-header{display:flex;align-items:baseline;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.table-status-label{font-size:.875rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;opacity:.85}.table-status-number{font-size:2.5rem;font-weight:700;letter-spacing:2px}.table-status-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9375rem;opacity:.95;font-weight:500}.two-column-inputs{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-lg);align-items:flex-end}.capacity-guide{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);border-left:3px solid var(--color-info)}.guide-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.guide-value{font-size:1rem;color:var(--text-primary);font-weight:700}.guests-input-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.capacity-visualization{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-lg);align-items:center;padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.capacity-circle-display{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:var(--border-radius-full);background:color-mix(in srgb,var(--color-primary) 15%,var(--bg-primary));border:2px solid var(--color-primary);flex-shrink:0}.circle-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs)}.circle-number{font-size:2rem;font-weight:700;color:var(--color-primary);line-height:1}.circle-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.capacity-bar-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.capacity-bar{width:100%;height:10px;background-color:var(--bg-tertiary);border-radius:var(--border-radius-full);overflow:hidden;box-shadow:inset 0 1px 2px color-mix(in srgb,var(--text-primary) 5%,transparent)}.capacity-fill{height:100%;border-radius:var(--border-radius-full);transition:all .2s cubic-bezier(.4,0,.2,1);background-color:var(--color-info)}.capacity-fill.fill-info{background-color:var(--color-info)}.capacity-fill.fill-warning{background:linear-gradient(90deg,var(--color-info) 0%,var(--color-warning) 100%)}.capacity-fill.fill-danger{background-color:var(--color-danger)}.capacity-percentage{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:right}.field-helper{display:flex;justify-content:flex-end;margin-top:var(--spacing-xs)}.char-counter{font-size:.75rem;color:var(--text-tertiary);font-weight:500;letter-spacing:.5px}.alert-section{display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);border-left:3px solid;font-size:.875rem}.alert-section svg{flex-shrink:0;margin-top:2px}.alert-section>div{display:flex;flex-direction:column;gap:var(--spacing-xs)}.alert-title{font-weight:600;display:block}.alert-text{font-size:.8125rem;opacity:.85;display:block}.alert-warning{background-color:color-mix(in srgb,var(--color-warning) 10%,var(--bg-primary));border-color:var(--color-warning);color:var(--color-warning)}.alert-warning svg{color:var(--color-warning)}.alert-info{background-color:color-mix(in srgb,var(--color-info) 10%,var(--bg-primary));border-color:var(--color-info);color:var(--color-info)}.alert-info svg{color:var(--color-info)}.alert-danger{background-color:color-mix(in srgb,var(--color-danger) 10%,var(--bg-primary));border-color:var(--color-danger);color:var(--color-danger)}.alert-danger svg{color:var(--color-danger)}.btn-primary.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;height:48px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);border-radius:var(--border-radius-md);transition:all .2s ease-in-out;box-shadow:var(--shadow-sm)}.btn-primary.btn-large:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary.btn-large:disabled{opacity:.6;cursor:not-allowed}.spinner{display:inline-block;width:16px;height:16px;border:2px solid color-mix(in srgb,var(--white) 30%,transparent);border-top-color:var(--white);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.table-status-number{font-size:2rem}.capacity-visualization{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-md)}.capacity-circle-display{width:80px;height:80px;margin:0 auto}.circle-number{font-size:1.75rem}.btn-primary.btn-large{font-size:.9375rem;padding:var(--spacing-sm) var(--spacing-lg);height:44px}.alert-section{padding:var(--spacing-md)}}@media(max-width:480px){.table-status-header{flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.table-status-label{font-size:.75rem}.table-status-number{font-size:1.75rem}.capacity-circle-display{width:70px;height:70px}.circle-number{font-size:1.5rem}.circle-label{font-size:.7rem}}.takeaway-order-modal{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.takeaway-steps{display:flex;align-items:center;padding:var(--spacing-md);background:var(--bg-primary);gap:var(--spacing-sm);flex-shrink:0;border-bottom:1px solid var(--border-subtle)}.step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex:0 0 auto}.step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);background:var(--border-default);color:var(--text-secondary);transition:all var(--transition-base)}.step.active .step-number{background:var(--color-primary);color:var(--text-on-primary)}.step.completed .step-number{background:var(--color-success);color:var(--text-on-success)}.step-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;white-space:nowrap}.step.active .step-label{color:var(--color-primary);font-weight:600}.step-line{height:2px;flex:1;background:var(--border-default);min-width:24px}.takeaway-modal-content{flex:1;overflow-y:auto;padding:var(--spacing-md);min-height:0}.takeaway-step{display:flex;flex-direction:column;gap:var(--spacing-md);min-height:-moz-min-content;min-height:min-content}.takeaway-step .product-selector__grid{max-height:60vh;min-height:400px}.takeaway-step .product-selector{flex:1;display:flex;flex-direction:column}.selected-items-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.selected-item-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);transition:all var(--transition-base)}.selected-item-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.item-info{flex:1}.item-info h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.item-notes{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.item-price{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.item-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.qty-btn,.remove-btn{width:32px;height:32px;border-radius:var(--border-radius-sm);border:1px solid var(--border-default);background:var(--surface-base);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.qty-btn:hover:not(:disabled){background:var(--color-primary);color:var(--text-on-primary);border-color:var(--color-primary)}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.remove-btn:hover{background:var(--color-error);color:var(--text-on-error);border-color:var(--color-error)}.qty-value{font-weight:600;min-width:24px;text-align:center;color:var(--text-primary)}.review-summary{display:flex;flex-direction:column;gap:var(--spacing-lg)}.review-section{padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--border-radius-md);border:1px solid var(--border-default)}.review-section h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.review-section p{margin:var(--spacing-xs) 0;color:var(--text-secondary)}.review-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.review-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--surface-base);border-radius:var(--border-radius-sm)}.review-item-name{font-size:var(--font-size-sm);color:var(--text-primary)}.review-item-price{font-weight:600;color:var(--color-primary)}.review-totals{background:var(--surface-base);border-color:var(--color-primary)}.total-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;font-size:var(--font-size-base);color:var(--text-secondary)}.total-row:not(:last-child){border-bottom:1px solid var(--border-default)}.total-final{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);padding-top:var(--spacing-md)}.total-final span:last-child{color:var(--color-primary)}.product-detail-overlay{position:fixed;inset:0;background:var(--surface-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:var(--spacing-md);animation:fadeIn .2s ease-out}.product-detail-popup{background:var(--surface-elevated);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-2xl);max-width:500px;width:100%;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-default)}.popup-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.popup-close{width:32px;height:32px;border-radius:var(--border-radius-md);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.popup-close:hover{background:var(--color-error);color:var(--text-on-primary)}.popup-content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.popup-price{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.form-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.quantity-controls{display:flex;align-items:center;gap:var(--spacing-md)}.quantity-controls button{width:36px;height:36px;border-radius:var(--border-radius-md);border:1px solid var(--border-default);background:var(--surface-base);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.quantity-controls button:hover{background:var(--color-primary);color:var(--text-on-primary);border-color:var(--color-primary)}.quantity-controls span{font-size:var(--font-size-lg);font-weight:600;min-width:32px;text-align:center}.form-group textarea{padding:var(--spacing-sm);border:1px solid var(--border-default);border-radius:var(--border-radius-md);font-family:inherit;font-size:var(--font-size-base);resize:vertical;transition:all var(--transition-base)}.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.popup-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-default)}.popup-actions button{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base)}@media(max-width:768px){.takeaway-steps{padding:var(--spacing-md)}.step-label{display:none}.step-line{min-width:16px}.takeaway-modal-content{padding:var(--spacing-md)}.selected-item-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.item-actions{width:100%;justify-content:space-between}}@media(max-width:480px){.modal-header-content h2{font-size:var(--font-size-lg)}.popup-content{padding:var(--spacing-md)}}.tables-page{min-height:100vh;background:var(--bg-primary)}.tables-layout{display:grid;grid-template-columns:320px 1fr;gap:0;min-height:100vh}.tables-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-default);padding:var(--spacing-xl, 32px) var(--spacing-lg, 24px);display:flex;flex-direction:column;gap:var(--spacing-xl, 32px);overflow-y:auto;position:sticky;top:0;height:100vh}.sidebar-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md, 12px)}.tables-metric-card{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 16px);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-md, 8px);transition:all .2s ease}.tables-tables-metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tables-metric-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius-sm, 6px);background:var(--primary-100);color:var(--color-primary)}.tables-metric-card.metric-success .tables-metric-icon{background:var(--success-100);color:var(--color-success)}.tables-metric-card.metric-warning .tables-metric-icon{background:var(--warning-100);color:var(--color-warning)}.tables-metric-card.metric-info .tables-metric-icon{background:var(--info-100);color:var(--color-info)}.tables-metric-content{display:flex;flex-direction:column;gap:2px}.tables-metric-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.tables-metric-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1}.occupancy-widget{padding:var(--spacing-lg, 24px);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg, 12px);display:flex;flex-direction:column;gap:var(--spacing-md, 12px)}.widget-header{display:flex;align-items:center;gap:var(--spacing-sm, 8px);font-size:14px;font-weight:600;color:var(--text-primary)}.widget-header svg{color:var(--color-primary)}.occupancy-bar{height:10px;background:var(--bg-tertiary);border-radius:999px;overflow:hidden;position:relative}.occupancy-fill{height:100%;background:var(--gradient-primary);border-radius:999px;transition:width .4s ease;box-shadow:var(--shadow-sm)}.occupancy-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-align:center}.sidebar-filters{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.sidebar-filters h3{margin:0 0 var(--spacing-sm, 8px) 0;font-size:14px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.filter-option{display:flex;align-items:center;gap:var(--spacing-md, 12px);padding:var(--spacing-md, 12px) var(--spacing-md, 16px);background:transparent;border:1px solid transparent;border-radius:var(--border-radius-md, 8px);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.filter-option:hover{background:var(--bg-primary);border-color:var(--border-default);color:var(--text-primary)}.filter-option.active{background:var(--gradient-primary);border-color:var(--color-primary);color:var(--white)}.filter-option.active .filter-dot{background:var(--white)}.filter-option.active .filter-count{background:#fff3;color:var(--white)}.filter-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.filter-dot.filter-all{background:var(--color-primary)}.filter-dot.filter-available{background:var(--color-success)}.filter-dot.filter-occupied{background:var(--color-warning)}.filter-dot.filter-reserved,.filter-dot.filter-info{background:var(--color-info)}.filter-dot.filter-tertiary{background:var(--text-tertiary)}.filter-count{margin-left:auto;padding:2px 8px;background:var(--bg-tertiary);border-radius:999px;font-size:12px;font-weight:700;color:var(--text-secondary)}.no-floors-message{padding:var(--spacing-lg, 16px);background:var(--bg-tertiary);border-radius:var(--border-radius-md, 8px);text-align:center}.no-floors-message p{margin:0 0 var(--spacing-xs, 4px) 0;font-size:14px;font-weight:600;color:var(--text-secondary)}.no-floors-message span{font-size:12px;color:var(--text-tertiary);font-style:italic}.tables-content{padding:var(--spacing-xl, 32px);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-xl, 32px)}.content-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg, 24px);padding-bottom:var(--spacing-lg, 24px);border-bottom:1px solid var(--border-default)}.header-info h1{margin:0 0 var(--spacing-xs, 4px) 0;font-size:clamp(24px,4vw,32px);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.view-controls{display:flex;gap:var(--spacing-sm, 8px);align-items:center}.view-btn{display:flex;align-items:center;gap:var(--spacing-xs, 4px);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);background:transparent;border:1px solid var(--border-default);border-radius:var(--border-radius-md, 8px);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.view-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-strong)}.view-btn.takeaway-btn{background:var(--color-primary);color:var(--white);border-color:var(--color-primary)}.view-btn.takeaway-btn:hover{background:var(--primary-600);border-color:var(--primary-600)}.view-btn.delivery-btn{background:var(--color-info);color:var(--white);border-color:var(--color-info)}.view-btn.delivery-btn:hover{background:var(--info-600);border-color:var(--info-600)}.tables-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg, 24px)}.tables-list-view{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.table-list-item{display:flex;align-items:center;gap:var(--spacing-lg, 20px);padding:var(--spacing-lg, 20px);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg, 12px);transition:all .2s ease}.table-list-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translate(4px)}.list-item-status{flex-shrink:0}.status-indicator{display:block;width:12px;height:12px;border-radius:50%;box-shadow:var(--shadow-sm)}.status-indicator.status-available{background:var(--color-success);box-shadow:var(--shadow-sm)}.status-indicator.status-occupied{background:var(--color-warning);box-shadow:var(--shadow-sm)}.status-indicator.status-reserved{background:var(--color-info);box-shadow:var(--shadow-sm)}.list-item-info{flex:1;min-width:0}.list-item-info h3{margin:0 0 var(--spacing-xs, 4px) 0;font-size:16px;font-weight:700;color:var(--text-primary)}.item-subtitle{margin:0;font-size:13px;color:var(--text-secondary);font-weight:500}.list-item-meta{display:flex;gap:var(--spacing-sm, 8px)}.meta-tag{display:flex;align-items:center;gap:var(--spacing-xs, 6px);padding:6px 12px;background:var(--bg-tertiary);border-radius:var(--border-radius-sm, 6px);font-size:12px;font-weight:600;color:var(--text-secondary)}.meta-tag svg{flex-shrink:0}.list-item-actions{display:flex;gap:var(--spacing-sm, 8px);flex-shrink:0}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 6px);padding:10px 16px;border:1px solid var(--border-default);border-radius:var(--border-radius-md, 8px);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-btn.action-primary{background:var(--gradient-primary);color:var(--white);border-color:transparent;box-shadow:var(--shadow-sm)}.action-btn.action-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-btn.action-primary:disabled{opacity:.5;cursor:not-allowed}.action-btn.action-secondary{background:var(--bg-primary);color:var(--text-primary);padding:10px}.action-btn.action-secondary:hover{background:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.empty-state-wrapper{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-xl, 32px)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg, 24px);min-height:100vh;padding:var(--spacing-xl, 32px);text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-state p,.error-state p{margin:0;font-size:16px;color:var(--text-secondary);font-weight:500}.error-state svg{color:var(--color-danger)}.error-state h3{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}@media(max-width:1024px){.tables-layout{grid-template-columns:280px 1fr}.tables-sidebar{padding:var(--spacing-lg, 24px) var(--spacing-md, 16px)}.tables-content{padding:var(--spacing-lg, 24px)}.sidebar-metrics{grid-template-columns:1fr}.tables-grid-view{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-md, 16px)}}@media(max-width:768px){.tables-layout{grid-template-columns:1fr}.tables-sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border-default);padding:var(--spacing-lg, 24px) var(--spacing-md, 16px)}.sidebar-metrics{grid-template-columns:repeat(2,1fr)}.occupancy-widget{padding:var(--spacing-md, 16px)}.tables-content{padding:var(--spacing-md, 16px);gap:var(--spacing-lg, 24px)}.content-header{flex-direction:column;align-items:stretch}.view-controls{width:-moz-fit-content;width:fit-content}.tables-grid-view{grid-template-columns:1fr;gap:var(--spacing-md, 16px)}.table-list-item{flex-wrap:wrap;gap:var(--spacing-md, 12px)}.list-item-actions{width:100%;justify-content:stretch}.action-btn.action-primary{flex:1}}@media(max-width:480px){.tables-sidebar{padding:var(--spacing-md, 16px)}.sidebar-metrics{grid-template-columns:1fr;gap:var(--spacing-sm, 8px)}.tables-metric-card{padding:var(--spacing-sm, 12px)}.tables-metric-value{font-size:20px}.tables-content{padding:var(--spacing-sm, 12px)}.header-info h1{font-size:20px}.table-list-item{padding:var(--spacing-md, 16px)}.action-btn{font-size:12px;padding:8px 12px}}.tables-grid-view>*,.table-list-item{animation:fadeIn .3s ease forwards}.tables-grid-view>:nth-child(1),.table-list-item:nth-child(1){animation-delay:0s}.tables-grid-view>:nth-child(2),.table-list-item:nth-child(2){animation-delay:.05s}.tables-grid-view>:nth-child(3),.table-list-item:nth-child(3){animation-delay:.1s}.tables-grid-view>:nth-child(4),.table-list-item:nth-child(4){animation-delay:.15s}.tables-grid-view>:nth-child(n+5),.table-list-item:nth-child(n+5){animation-delay:.2s}.ws-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--text-xs);font-weight:600;transition:all .3s ease}.ws-connected{background:var(--success-50);color:var(--success-700)}.ws-disconnected{background:var(--danger-50);color:var(--danger-700)}.ws-text{display:none}@media(min-width:768px){.ws-text{display:inline}}.ws-connected{animation:pulse-success 2s ease-in-out infinite}@keyframes pulse-success{0%,to{opacity:1}50%{opacity:.8}}.kitchen-page{min-height:100vh;background-color:var(--bg-primary);padding:var(--spacing-lg)}.kitchen-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.header-title h1{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.header-stats{display:flex;gap:var(--spacing-md)}.stat-card{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);min-width:100px;text-align:center}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary)}.stat-card:nth-child(1){border:2px solid var(--color-warning);background:linear-gradient(135deg,var(--bg-secondary),var(--warning-50))}.stat-card:nth-child(2){border:2px solid var(--color-info);background:linear-gradient(135deg,var(--bg-secondary),var(--info-50))}.stat-card.stat-returned{border:2px solid var(--color-danger)!important;background:linear-gradient(135deg,var(--bg-secondary),var(--danger-100))!important}.kitchen-content{max-width:1400px;margin:0 auto}.kitchen-loading,.kitchen-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xxl);color:var(--text-secondary)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.kitchen-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xxl);background:var(--bg-card);border-radius:var(--border-radius-lg);text-align:center;color:var(--text-tertiary)}.kitchen-empty h2{margin:0;font-size:var(--text-xl);font-weight:600;color:var(--text-secondary)}.kitchen-empty p{margin:0;font-size:var(--text-base)}.kitchen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg)}.kitchen-table-card{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.table-info{display:flex;align-items:center;justify-content:space-between}.table-number{font-size:var(--text-lg);font-weight:700}.table-items-count{font-size:var(--text-sm);opacity:.9}.table-items{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.kitchen-item-card{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-default);transition:all .2s ease}.kitchen-item-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-default)}.item-guest,.item-time{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--text-secondary)}.item-body{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.item-details{display:flex;align-items:center;gap:var(--spacing-sm)}.item-quantity{font-weight:700;color:var(--color-primary);font-size:var(--text-base)}.item-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.item-notes{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);background:var(--bg-primary);border-radius:var(--border-radius-sm);font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}.btn-kitchen{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-preparing{background:var(--color-info);color:var(--white)}.btn-preparing:hover:not(:disabled){background:var(--color-info-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-ready{background:var(--color-success);color:var(--white)}.btn-ready:hover:not(:disabled){background:var(--color-success-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-kitchen:disabled{opacity:.6;cursor:not-allowed;transform:none}.item-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);color:var(--text-tertiary);padding-top:var(--spacing-sm);border-top:1px solid var(--border-default)}@media(max-width:1024px){.kitchen-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.kitchen-header{flex-direction:column;align-items:flex-start}.header-stats{width:100%;justify-content:flex-start}}@media(max-width:768px){.kitchen-page{padding:var(--spacing-md)}.kitchen-grid{grid-template-columns:1fr}.header-title h1{font-size:var(--text-xl)}.stat-card{min-width:80px}.stat-value{font-size:var(--text-xl)}}@media(max-width:480px){.kitchen-page{padding:var(--spacing-sm)}.kitchen-header{padding:var(--spacing-md)}.header-stats{flex-direction:column;width:100%}.stat-card{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.item-actions{flex-direction:column}}.ready-page{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-xl);min-height:100vh;background:var(--bg-secondary)}.ready-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xl);flex-wrap:wrap}.header-title{display:flex;align-items:center;gap:var(--spacing-md)}.header-title svg{color:var(--color-success);flex-shrink:0}.header-title h1{font-size:2rem;font-weight:700;margin:0;color:var(--text-primary)}.header-stats{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.stat-card{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-base);border-radius:var(--border-radius-md);border:2px solid var(--border-default);box-shadow:var(--shadow-sm);min-width:140px;transition:all .2s ease}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.stat-ready{border-color:var(--color-success);background:linear-gradient(135deg,var(--surface-base),var(--success-50))}.stat-card.stat-tables{border-color:var(--color-info);background:linear-gradient(135deg,var(--surface-base),var(--info-50))}.stat-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.btn-header{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-md);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-takeaway{background:linear-gradient(135deg,var(--color-primary),var(--color-warning));color:var(--surface-base);box-shadow:var(--shadow-md)}.btn-takeaway:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);opacity:.9}.btn-delivery{background:linear-gradient(135deg,var(--color-info),var(--color-success));color:var(--surface-base);box-shadow:var(--shadow-md)}.btn-delivery:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);opacity:.9}.ready-content{flex:1}.ready-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-2xl);background:var(--surface-base);border-radius:var(--border-radius-lg);border:2px dashed var(--border-default);text-align:center;min-height:400px}.ready-empty svg{color:var(--text-tertiary);opacity:.5}.ready-empty h2{font-size:1.5rem;font-weight:600;color:var(--text-secondary);margin:0}.ready-empty p{font-size:var(--text-md);color:var(--text-tertiary);margin:0}.ready-loading,.ready-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-2xl);min-height:400px}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-subtle);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.ready-error svg{color:var(--color-danger)}.ready-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-lg);padding-bottom:var(--spacing-xl)}.ready-table-card{background:var(--surface-base);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:2px solid var(--border-default);overflow:hidden;transition:all .2s ease}.ready-table-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-success)}.table-card-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--gradient-primary);color:var(--white)}.table-info{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.table-number{font-size:1.25rem;font-weight:700}.table-items-count{font-size:var(--text-sm);opacity:.9;font-weight:500}.table-items{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.ready-item-card{background:var(--bg-primary);border:2px solid var(--color-success);border-radius:var(--border-radius-md);padding:var(--spacing-md);transition:all .2s ease;box-shadow:var(--shadow-sm)}.ready-item-card:hover{box-shadow:var(--shadow-md);transform:translate(4px);background:linear-gradient(135deg,var(--bg-primary),var(--success-50))}.item-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.item-guest{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.item-guest svg{color:var(--color-info)}.item-time{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary)}.item-time-ready{background:var(--success-100);padding:4px 8px;border-radius:var(--border-radius-sm);color:var(--color-success)}.item-time svg{flex-shrink:0}.item-body{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.item-details{display:flex;align-items:baseline;gap:var(--spacing-sm);flex:1}.item-quantity{font-size:1.125rem;font-weight:700;color:var(--color-primary);flex-shrink:0}.item-name{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.item-notes{font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-info);margin-bottom:var(--spacing-sm);font-style:italic}.item-notes span{font-weight:600;font-style:normal;color:var(--text-primary)}.item-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.btn-ready{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-deliver{background:var(--color-success);color:var(--white)}.btn-deliver:hover:not(:disabled){background:var(--success-600);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-return{background:var(--color-warning);color:var(--white)}.btn-return:hover:not(:disabled){background:var(--warning-600);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-ready:disabled{opacity:.5;cursor:not-allowed;transform:none}.item-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.return-modal{background:var(--surface-base);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:100%;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.return-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-default)}.return-modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.btn-close-modal{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all .2s ease}.btn-close-modal:hover{background:var(--surface-hover);color:var(--text-primary)}.return-modal-body{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.return-item-name{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.return-item-guest{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.return-reason-label{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.return-reason-input{padding:var(--spacing-md);border:2px solid var(--border-default);border-radius:var(--border-radius-md);font-size:var(--text-sm);font-family:inherit;resize:vertical;transition:all .2s ease}.return-reason-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100)}.return-modal-actions{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-default)}.btn-cancel{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-secondary);border:2px solid var(--border-default);border-radius:var(--border-radius-md);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn-confirm-return{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-warning);border:none;border-radius:var(--border-radius-md);font-size:var(--text-sm);font-weight:600;color:var(--white);cursor:pointer;transition:all .2s ease}.btn-confirm-return:hover:not(:disabled){background:var(--warning-600);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-cancel:disabled,.btn-confirm-return:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:1024px){.ready-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:768px){.ready-page{padding:var(--spacing-md);gap:var(--spacing-lg)}.ready-header{flex-direction:column;align-items:stretch;gap:var(--spacing-lg)}.header-title{justify-content:center}.header-title h1{font-size:1.5rem}.header-stats{justify-content:center}.ready-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.stat-card{min-width:120px}.stat-value{font-size:1.75rem}}@media(max-width:480px){.ready-page{padding:var(--spacing-sm);gap:var(--spacing-md)}.header-title{gap:var(--spacing-sm)}.header-title svg{width:24px;height:24px}.header-title h1{font-size:1.25rem}.header-stats{flex-direction:column;gap:var(--spacing-sm)}.stat-card{min-width:100%}.ready-grid{gap:var(--spacing-sm)}.table-items{padding:var(--spacing-sm);gap:var(--spacing-sm)}.ready-item-card{padding:var(--spacing-sm)}.item-actions{flex-direction:column;gap:var(--spacing-xs)}.btn-ready{width:100%}.return-modal{max-width:calc(100vw - var(--spacing-lg))}.return-modal-header,.return-modal-body,.return-modal-actions{padding:var(--spacing-md)}.return-modal-actions{flex-direction:column}}.product-form{display:flex;flex-direction:column;gap:1.5rem}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100)}.form-input.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px var(--danger-100)}.form-textarea{resize:vertical;min-height:100px}.form-error{font-size:.875rem;color:var(--color-danger);display:flex;align-items:center;gap:.25rem;margin-top:.25rem}.form-error:before{content:"⚠ "}.form-error-block{background:var(--gradient-red-light);border:1px solid var(--danger-100);border-radius:var(--border-radius-md);padding:.75rem 1rem;color:var(--danger-700);font-size:.875rem;margin-bottom:.5rem}.form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.form-actions button{padding:.75rem 1.5rem;border-radius:var(--border-radius-md);font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s;border:none}@media(max-width:640px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.tax-preview-box{background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border:1px solid var(--primary-200);border-radius:var(--border-radius-md);padding:1rem;margin-top:.5rem}.tax-preview-box h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.tax-preview-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid var(--primary-200)}.tax-preview-row:last-child{border-bottom:none}.tax-preview-row.tax-preview-total{font-weight:600;color:var(--text-primary);padding-top:.75rem;margin-top:.25rem;border-top:2px solid var(--primary-300);border-bottom:none}.tax-preview-value{font-weight:600;color:var(--color-success);font-family:Monaco,Courier New,monospace}.tax-preview-row.tax-preview-total .tax-preview-value{color:var(--color-primary);font-size:1.125rem}.form-help-text{font-size:.8125rem;color:var(--text-tertiary);margin:0;margin-top:-.25rem}.modal-error{background:var(--gradient-red-light);color:var(--text-primary);border:1px solid var(--color-danger);padding:12px 16px;border-radius:var(--border-radius-md);margin-bottom:12px}.modal-error .modal-error-content{display:flex;align-items:center;gap:8px}.modal-error .modal-error-text{font-weight:500}.business-settings-container{display:flex;flex-direction:column;gap:24px;padding:8px;max-height:calc(100vh - 200px);overflow-y:auto}.settings-section{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-default)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-section-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;margin:0;color:var(--text-primary)}.members-count{font-size:14px;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 12px;border-radius:12px;font-weight:500}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary, #1a1a1a)}.form-input,.form-textarea{padding:10px 12px;border:1px solid var(--border-default);border-radius:6px;font-family:inherit;font-size:14px;color:var(--text-primary, #1a1a1a);background:var(--bg-primary, #fff);transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row .form-group:last-child:nth-child(odd){grid-column:1 / -1}.settings-section-subtitle{font-size:13px;color:var(--text-secondary);margin:-8px 0 8px}.info-box{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--info-50);border:1px solid var(--info-100);border-radius:6px;color:var(--text-primary)}.info-box svg{flex-shrink:0;color:var(--info-500);margin-top:2px}.info-box-content{display:flex;flex-direction:column;gap:4px}.info-box-title{font-size:13px;font-weight:600;color:var(--text-primary);margin:0}.info-box-content p{font-size:13px;color:var(--text-secondary);margin:0}.btn-save{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--color-primary);color:var(--white);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.btn-save:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.members-list{display:flex;flex-direction:column;gap:12px}.empty-members{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 16px;color:var(--text-secondary);text-align:center}.empty-members p{margin:0;font-size:14px}.member-item{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px;transition:border-color .2s,box-shadow .2s}.member-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.member-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.member-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:200px}.member-name{font-weight:600;font-size:14px;color:var(--text-primary)}.member-email{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.member-current-role{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border-radius:6px;font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap}.btn-expand{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:6px;cursor:pointer;transition:background-color .2s,transform .2s;color:var(--text-primary);flex-shrink:0}.btn-expand:hover{background:var(--bg-tertiary)}.btn-expand svg{transition:transform .2s}.btn-expand svg.rotated{transform:rotate(180deg)}.member-expanded{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid var(--border-default)}.role-selector{display:flex;flex-direction:column;gap:8px}.role-selector label{font-size:13px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.role-control{display:flex;gap:8px;align-items:center}.role-select{flex:1;padding:8px 10px;border:1px solid var(--border-default);border-radius:6px;font-size:14px;color:var(--text-primary);background:var(--bg-primary);cursor:pointer;transition:border-color .2s}.role-select:focus{outline:none;border-color:var(--color-primary)}.btn-apply-role{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--color-primary);color:var(--white);border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap;flex-shrink:0}.btn-apply-role:hover{opacity:.9;transform:translateY(-1px)}.member-actions{display:flex;gap:8px}.btn-remove-member{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:8px 12px;background:var(--gradient-red-light);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-remove-member:hover{background:var(--color-danger);color:var(--white)}.member-owner-notice{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--gradient-blue-light);border:1px solid var(--color-info);border-radius:6px;color:var(--color-info);font-size:13px}.member-owner-notice p{margin:0}.no-permissions-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 16px;text-align:center;color:var(--text-secondary);background:var(--bg-tertiary);border:2px dashed var(--border-default);border-radius:8px}.no-permissions-notice p{margin:0;font-size:14px}.notice-subtext{font-size:12px;opacity:.7}.business-settings-container::-webkit-scrollbar{width:6px}.business-settings-container::-webkit-scrollbar-track{background:transparent}.business-settings-container::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.business-settings-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:768px){.business-settings-container{gap:16px;max-height:calc(100vh - 240px);padding:12px}.settings-section{padding:12px;gap:12px}.settings-section-title{font-size:16px}.member-header{flex-direction:column;align-items:flex-start}.member-info{width:100%;min-width:auto}.member-current-role,.btn-expand{align-self:flex-start}.role-control{flex-direction:column;align-items:stretch;width:100%}.role-select,.btn-apply-role{width:100%}.member-actions{flex-direction:column;width:100%}.btn-remove-member{width:100%}.section-header{flex-direction:column;align-items:flex-start}.members-count{align-self:flex-start}.form-input,.form-textarea{font-size:16px}}@media(max-width:480px){.business-settings-container{max-height:calc(100vh - 220px);gap:12px;padding:8px}.settings-section{padding:10px;gap:10px}.settings-section-title{font-size:15px;gap:6px}.form-group label{font-size:13px}.form-input,.form-textarea{font-size:16px;padding:10px}.btn-save{padding:10px 12px;font-size:13px}.member-item{padding:10px;gap:10px}.member-name{font-size:13px}.member-email{font-size:12px}.member-current-role{font-size:12px;padding:4px 8px}.btn-expand{width:28px;height:28px}.role-selector label{font-size:12px}.role-select{padding:8px;font-size:13px}.btn-apply-role,.btn-remove-member,.member-owner-notice{padding:8px 10px;font-size:12px}.members-count{font-size:13px;padding:3px 10px}.empty-members{padding:20px 12px}.empty-members p{font-size:13px}.no-permissions-notice{padding:20px 12px}.no-permissions-notice p{font-size:13px}.notice-subtext{font-size:11px}.form-row{grid-template-columns:1fr}.form-row .form-group:last-child:nth-child(odd){grid-column:1}.input-hint{font-size:11px}.info-box{padding:10px 12px;gap:8px}.info-box svg{min-width:16px;width:16px;height:16px}.info-box-title,.info-box-content p{font-size:12px}}@media(prefers-color-scheme:dark){.settings-section{background:var(--bg-secondary);border-color:var(--border-default)}.member-item{background:var(--bg-primary);border-color:var(--border-default)}.btn-expand{background:var(--bg-secondary);border-color:var(--border-default)}.role-select{background:var(--bg-primary);border-color:var(--border-default)}.no-permissions-notice{background:var(--bg-secondary);border-color:var(--border-default)}}.error-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--gradient-red-light, #fee2e2);border:1px solid var(--color-danger, #dc2626);border-radius:var(--border-radius-md, 8px);color:var(--color-danger, #dc2626);font-size:14px;line-height:1.5;margin-bottom:24px;animation:slideDown .3s ease}.error-box-icon{flex-shrink:0;margin-top:2px;stroke-width:2.5}.error-box-content{flex:1}.error-box-content strong{display:block;font-weight:600;margin-bottom:4px}.error-box-content p{margin:0;font-weight:500;word-break:break-word}.business-form{display:flex;flex-direction:column;gap:24px}.bf-section{display:flex;flex-direction:column;gap:20px;padding:24px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:all .3s ease}.bf-section:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.bf-section-title{margin:0;font-size:18px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:12px;letter-spacing:-.3px}.bf-section-title:before{content:"";display:inline-block;width:4px;height:20px;background:var(--gradient-primary);border-radius:2px}.bf-form-group{display:flex;flex-direction:column;gap:8px}.bf-form-group label{font-size:13px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;opacity:.9}.bf-form-group label strong{color:var(--color-danger);margin-left:2px}.bf-input,.bf-select,.bf-textarea{padding:12px 14px;border:1px solid var(--border-default);border-radius:var(--border-radius-md);font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--bg-primary);transition:all .2s ease}.bf-input::-moz-placeholder,.bf-select::-moz-placeholder,.bf-textarea::-moz-placeholder{color:var(--text-tertiary)}.bf-input::placeholder,.bf-select::placeholder,.bf-textarea::placeholder{color:var(--text-tertiary)}.bf-input:focus,.bf-select:focus,.bf-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100);background:var(--bg-primary)}.bf-input:disabled,.bf-select:disabled,.bf-textarea:disabled{background:var(--bg-secondary);opacity:.6;cursor:not-allowed}.bf-textarea{resize:vertical;min-height:100px;font-family:Monaco,Courier New,monospace}.bf-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2344403c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px 16px;padding-right:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bf-error{font-size:12px;color:var(--color-danger);display:flex;align-items:center;gap:4px;font-weight:500;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bf-add-member{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--bg-secondary);border:1px dashed var(--border-default);border-radius:var(--border-radius-md);transition:all .2s ease}.bf-add-member-inputs{display:grid;grid-template-columns:1fr 180px 120px;gap:12px;align-items:flex-end}.bf-form-group:last-child{margin-bottom:0}.bf-btn-add-member{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--gradient-primary);color:var(--white);border:none;border-radius:var(--border-radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.bf-btn-add-member:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.bf-btn-add-member:active:not(:disabled){transform:translateY(0)}.bf-btn-add-member:disabled{opacity:.6;cursor:not-allowed}.bf-member-error{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--danger-100);border:1px solid var(--danger-200);border-radius:var(--border-radius-md);color:var(--color-danger);font-size:13px;font-weight:500;animation:slideDown .2s ease}.bf-member-error svg{flex-shrink:0}.bf-members-list{display:flex;flex-direction:column;gap:12px}.bf-member-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);transition:all .2s ease}.bf-member-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.bf-member-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.bf-member-email{font-weight:600;font-size:14px;color:var(--text-primary);word-break:break-word;line-height:1.4}.bf-member-role{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.bf-btn-remove-member{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--danger-100);border:1px solid var(--danger-200);color:var(--color-danger);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;flex-shrink:0}.bf-btn-remove-member:hover:not(:disabled){background:var(--danger-200);border-color:var(--danger-300);box-shadow:var(--shadow-md);transform:scale(1.05)}.bf-btn-remove-member:active:not(:disabled){transform:scale(.98)}.bf-btn-remove-member:disabled{opacity:.5;cursor:not-allowed}.bf-btn-remove-member svg{width:18px;height:18px}.bf-empty-members{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 20px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px dashed var(--border-default);border-radius:var(--border-radius-md);text-align:center;color:var(--text-secondary)}.bf-empty-members p{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.bf-empty-members small{margin:0;font-size:12px;color:var(--text-tertiary);line-height:1.4}.bf-actions{display:flex;gap:12px;justify-content:flex-start;padding-top:12px}.bf-btn-submit{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;background:var(--gradient-primary);color:var(--white);border:none;border-radius:var(--border-radius-md);font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;letter-spacing:-.3px}.bf-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.bf-btn-submit:active:not(:disabled){transform:translateY(0)}.bf-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.bf-section{padding:20px;gap:16px}.bf-section-title{font-size:16px;gap:8px}.bf-add-member-inputs{grid-template-columns:1fr;gap:12px}.bf-btn-add-member{width:100%;padding:11px 16px;font-size:13px}.bf-member-item{flex-direction:column;align-items:flex-start;padding:12px}.bf-member-info{width:100%}.bf-btn-remove-member{align-self:flex-end}.bf-input,.bf-select,.bf-textarea{padding:11px 12px;font-size:16px}.bf-btn-submit{padding:12px 24px;font-size:13px}}@media(max-width:480px){.bf-section{padding:16px;gap:14px}.bf-section-title{font-size:15px;gap:6px}.bf-section-title:before{width:3px;height:18px}.bf-form-group label{font-size:12px;letter-spacing:.3px}.bf-input,.bf-select,.bf-textarea{padding:10px 12px;font-size:16px;border-radius:var(--border-radius-sm)}.bf-textarea{min-height:80px}.bf-select{background-size:14px 14px;background-position:right 6px center}.bf-add-member{padding:12px;gap:12px}.bf-add-member-inputs{gap:10px}.bf-btn-add-member{padding:10px 12px;font-size:12px;gap:6px}.bf-member-item{padding:10px;gap:8px}.bf-member-email{font-size:13px}.bf-member-role{font-size:11px}.bf-btn-remove-member{width:32px;height:32px}.bf-btn-remove-member svg{width:16px;height:16px}.bf-empty-members{padding:24px 12px}.bf-empty-members p{font-size:13px}.bf-empty-members small{font-size:11px}.bf-actions{gap:8px}.bf-btn-submit{width:100%;padding:12px 16px;font-size:13px;gap:6px}.bf-error,.bf-member-error{font-size:11px;gap:8px}}@media(prefers-color-scheme:dark){.bf-section{background:var(--bg-primary);border-color:var(--border-default)}.bf-section:hover{border-color:var(--border-strong)}.bf-input,.bf-select,.bf-textarea{background:var(--bg-secondary);border-color:var(--border-default);color:var(--text-primary)}.bf-input:focus,.bf-select:focus,.bf-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-900)}.bf-add-member,.bf-member-item{background:var(--bg-secondary);border-color:var(--border-default)}.bf-member-item:hover{border-color:var(--color-primary)}.bf-empty-members{background:var(--bg-secondary);border-color:var(--border-default)}.bf-member-error{background:var(--danger-950);border-color:var(--danger-800);color:var(--danger-300)}}.row-actions-menu{position:relative;display:inline-block}.btn-row-actions-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.btn-row-actions-toggle:hover:not(:disabled){background:var(--interactive-hover);border-color:var(--border-default);color:var(--text-primary);transform:scale(1.05)}.btn-row-actions-toggle:disabled{opacity:.5;cursor:not-allowed}.btn-row-actions-toggle[aria-expanded=true]{background:var(--surface-base);border-color:var(--primary-300);color:var(--primary-600)}.row-actions-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:0;padding:4px;min-width:180px;z-index:9999;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.row-action-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;text-align:left;transition:all .15s ease;width:100%;box-sizing:border-box;white-space:nowrap;min-height:32px}.row-action-item:not(.disabled):hover{background:var(--interactive-hover)}.row-action-item:not(.disabled):active{background:var(--interactive-active)}.row-action-default{color:var(--text-primary)}.row-action-warning{color:var(--color-warning)}.row-action-warning:not(.disabled):hover{background:linear-gradient(135deg,var(--bg-warning-xlight) 0%,transparent 100%)}.row-action-danger{color:var(--color-danger)}.row-action-danger:not(.disabled):hover{background:linear-gradient(135deg,var(--bg-danger-xlight) 0%,transparent 100%)}.row-action-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.row-action-item svg{flex-shrink:0;width:16px;height:16px}@media(max-width:768px){.btn-row-actions-toggle{width:40px;height:40px}.row-actions-dropdown{min-width:200px;padding:6px}.row-action-item{padding:10px 14px;min-height:36px;font-size:.9rem}}.inventory-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;border-radius:var(--border-radius-md);background:var(--surface-base);border:1px solid var(--border-subtle);overflow:visible;position:relative}.form-section-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-input,.form-textarea{padding:.75rem;border:1px solid var(--border-default);border-radius:var(--border-radius-md);font-size:1rem;font-family:inherit;transition:all .2s;background-color:var(--surface-base);color:var(--text-primary)}.inventory-form .form-input,.inventory-form .form-textarea,.inventory-form .form-input.chevron-right,.inventory-form .form-input[type=date],.inventory-form .form-input[type=number],.inventory-form select.form-input{display:block;width:100%;box-sizing:border-box;line-height:1.25;padding:.75rem;min-height:40px}.inventory-form .form-group{margin:0;display:flex;flex-direction:column;justify-content:flex-start}.inventory-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:start}.inventory-form .form-input,.inventory-form select.form-input,.inventory-form .form-textarea{min-height:44px;padding-top:.6rem;padding-bottom:.6rem}.inventory-form .form-label{margin-bottom:.4rem;display:inline-flex;align-items:center;gap:.5rem}.inventory-form .form-input.chevron-right{padding-right:2.25rem}.inventory-form select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right .6rem center}.form-input[type=number]{padding:.75rem;box-sizing:border-box;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.form-input[type=number]::-webkit-outer-spin-button,.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 0 3px var(--primary-100)}.form-input.error,.form-textarea.error{border-color:var(--color-danger)}.form-input.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px var(--surface-danger-light)}.form-input:disabled,.form-textarea:disabled{background-color:var(--interactive-disabled);cursor:not-allowed;opacity:.6}.form-textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-error{font-size:.75rem;color:var(--color-danger);display:flex;align-items:center;gap:.25rem;font-weight:500}.form-warning{font-size:.75rem;color:var(--warning-color);background-color:var(--bg-warning-light);padding:.5rem .75rem;border-radius:var(--border-radius-sm);border-left:3px solid var(--warning-color)}.form-hint{font-size:.75rem;color:var(--text-secondary);font-style:italic;margin-top:.25rem}.inventory-form .form-checkbox{padding:.5rem;align-items:center;gap:.75rem}.inventory-form .form-checkbox input[type=checkbox]{margin:0;width:18px;height:18px;align-self:center}.inventory-form .form-checkbox span{vertical-align:middle;line-height:1.3;color:var(--text-primary)}.inventory-form .form-checkbox .tooltip-wrapper{margin-left:.5rem}.inventory-form .tooltip-inline{display:none!important}.inventory-form .tooltip-icon{margin-left:.4rem!important;color:var(--text-secondary)!important;display:inline-flex!important;vertical-align:middle}.inventory-form .tooltip-inline{font-size:.8rem!important;color:var(--text-secondary)!important;font-style:italic!important}.input-with-icon{position:relative;display:flex;align-items:center;width:100%}.input-with-icon .form-input{padding-right:2.25rem;width:100%;box-sizing:border-box}.input-with-icon svg{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--text-secondary);stroke:currentColor}.input-with-icon:hover svg,.input-with-icon:active svg{cursor:pointer;pointer-events:auto}:root.dark .input-with-icon svg{color:var(--white)}.input-with-icon input[type=date]::-webkit-calendar-picker-indicator{opacity:0;width:.1px;height:.1px}.input-with-icon input[type=date]::-ms-clear,.input-with-icon input[type=date]::-ms-expand{display:none}.input-with-icon input[type=date]{background:none}.input-with-icon svg{right:.6rem;top:50%;transform:translateY(-50%)}.form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-600)}.form-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.form-checkbox span{font-size:.875rem;color:var(--text-primary)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.form-actions button{padding:.75rem 1.5rem;border-radius:var(--border-radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.form-actions .btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow)}.form-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-actions .btn-secondary{background:var(--surface-base);color:var(--text-primary);border:1px solid var(--border-default)}.form-actions .btn-secondary:hover:not(:disabled){background-color:var(--interactive-hover)}.form-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.inventory-form{gap:1.5rem}.form-section{padding:.75rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.form-label{display:inline-flex;align-items:center;gap:.5rem}.form-label .tooltip-wrapper{margin-left:6px;order:0}.form-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-checkbox input[type=checkbox]{cursor:pointer}.form-checkbox span{display:inline-flex;align-items:center;gap:.25rem}.inventory-form .form-section .form-checkbox,.inventory-form .form-section .form-checkbox *{box-sizing:border-box}.inventory-form .form-section .form-checkbox{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.5rem!important;margin:0!important}.inventory-form .form-section .form-checkbox input[type=checkbox]{margin:0!important;width:20px!important;height:20px!important;flex:0 0 20px!important;align-self:flex-start!important}.inventory-form .form-section .form-checkbox span{align-items:center!important;vertical-align:middle!important;line-height:1.3!important;color:var(--text-primary)!important}.status-section{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-subtle)}.status-indicator{display:flex;flex-direction:column;gap:.75rem}.status-badge{display:flex;align-items:center;gap:.75rem;font-weight:500;font-size:.95rem}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-indicator.active .status-dot{background:var(--success-color);box-shadow:var(--shadow-md)}.status-indicator.inactive .status-dot{background:var(--text-secondary)}.status-description{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.form-input-readonly{display:flex;align-items:center;padding:.75rem;border:1px solid var(--border-default);border-radius:var(--border-radius-md);background-color:var(--interactive-disabled);color:var(--text-secondary);font-size:1rem;font-weight:500;min-height:44px;cursor:not-allowed;font-family:inherit}.batch-card{display:flex;gap:var(--border-radius-md);padding:var(--border-radius-lg);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:all .2s ease;position:relative}.batch-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.batch-card__position{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;background:var(--gradient-primary);border-radius:var(--border-radius-md);flex-shrink:0;color:var(--white);font-weight:600;text-align:center}.batch-card__position-number{font-size:20px;font-weight:700;line-height:1}.batch-card__position-label{font-size:10px;font-weight:500;margin-top:2px;opacity:.9}.batch-card__content{flex:1;display:flex;flex-direction:column;gap:var(--border-radius-md);min-width:0}.batch-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--border-radius-md)}.batch-card__title-group{display:flex;align-items:center;gap:var(--border-radius-sm);flex-wrap:wrap}.batch-card__batch-number{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.batch-card__badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--border-radius-sm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.batch-card__badge--success{background:var(--success-100);color:var(--color-success)}.batch-card__badge--warning{background:var(--warning-100);color:var(--color-warning)}.batch-card__badge--danger{background:var(--danger-100);color:var(--color-danger)}.batch-card__actions{display:flex;gap:var(--border-radius-sm);flex-shrink:0}.batch-card__action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.batch-card__action-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-strong)}.batch-card__action-btn:active:not(:disabled){background:var(--interactive-active)}.batch-card__action-btn:disabled{opacity:.5;cursor:not-allowed}.batch-card__action-btn--edit:hover:not(:disabled){color:var(--color-info)}.batch-card__action-btn--delete:hover:not(:disabled){color:var(--color-danger)}.batch-card__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--border-radius-md);padding:var(--border-radius-md);background:var(--bg-secondary);border-radius:var(--border-radius-sm)}.batch-card__detail-item{display:flex;flex-direction:column;gap:4px}.batch-card__detail-label{font-size:12px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px}.batch-card__detail-value{font-size:14px;font-weight:600;color:var(--text-primary)}.batch-card__detail-value--secondary{color:var(--text-secondary);font-weight:500}.batch-card__detail-item--expired,.batch-card__detail-item--expired .batch-card__detail-value{color:var(--color-danger)}.batch-card__days-to-expiry{margin-left:4px;font-size:12px;color:var(--text-tertiary);font-weight:400}.batch-card__footer{display:flex;gap:var(--border-radius-sm);padding-top:var(--border-radius-sm);border-top:1px solid var(--border-subtle)}.batch-card__fifo-note{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;color:var(--text-secondary);line-height:1.5}.batch-card--active{border-left:4px solid var(--color-success)}.batch-card--expiring{border-left:4px solid var(--color-warning);background:var(--warning-50)}.batch-card--expired{border-left:4px solid var(--color-danger);background:var(--danger-50);opacity:.85}@media(max-width:900px){.batch-card{flex-direction:column}.batch-card__position{width:100%;height:auto;padding:var(--border-radius-md);flex-direction:row;align-items:center;justify-content:space-between}.batch-card__position-number{font-size:18px}.batch-card__position-label{margin-top:0;margin-left:8px}.batch-card__details{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:600px){.batch-card{padding:var(--border-radius-md);gap:var(--border-radius-sm)}.batch-card__header{flex-direction:column;align-items:stretch}.batch-card__title-group{width:100%}.batch-card__actions{width:100%;justify-content:flex-end}.batch-card__details{grid-template-columns:1fr;padding:var(--border-radius-sm)}.batch-card__batch-number{font-size:14px}.batch-card__detail-value{font-size:13px}.batch-card__fifo-note{font-size:11px}}.batch-list{display:flex;flex-direction:column;gap:var(--border-radius-lg)}.batch-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px var(--border-radius-lg);background:var(--bg-secondary);border-radius:var(--border-radius-md);border:2px dashed var(--border-subtle);text-align:center}.batch-list__empty-icon{margin-bottom:16px;color:var(--text-tertiary);opacity:.7}.batch-list__empty-message{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.batch-list__section{border-radius:var(--border-radius-md);overflow:hidden;background:var(--bg-primary);border:1px solid var(--border-default)}.batch-list__section:hover{border-color:var(--border-strong)}.batch-list__section-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--border-radius-lg);background:var(--bg-secondary);border:none;border-bottom:1px solid var(--border-default);cursor:pointer;font-size:14px;font-weight:600;color:var(--text-primary);transition:all .2s ease}.batch-list__section-header:hover{background:var(--bg-tertiary)}.batch-list__section-header:active{background:var(--interactive-active)}.batch-list__section-header--active{border-bottom-color:var(--color-success)}.batch-list__section-header--active:before{content:"";display:inline-block;width:4px;height:4px;margin-right:8px;border-radius:50%;background:var(--color-success)}.batch-list__section-header--expiring{border-bottom-color:var(--color-warning)}.batch-list__section-header--expiring:before{content:"";display:inline-block;width:4px;height:4px;margin-right:8px;border-radius:50%;background:var(--color-warning)}.batch-list__section-header--expired{border-bottom-color:var(--color-danger)}.batch-list__section-header--expired:before{content:"";display:inline-block;width:4px;height:4px;margin-right:8px;border-radius:50%;background:var(--color-danger)}.batch-list__section-title{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.batch-list__section-status{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.batch-list__section-status--active{background:var(--color-success)}.batch-list__section-status--expiring{background:var(--color-warning);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.batch-list__section-status--expired{background:var(--color-danger)}.batch-list__section-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 6px;background:var(--bg-tertiary);border-radius:var(--border-radius-sm);font-size:12px;font-weight:700;color:var(--text-secondary);margin-left:auto}.batch-list__section-content{display:flex;flex-direction:column;gap:var(--border-radius-lg);padding:var(--border-radius-lg);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:100%}}.batch-list__footer{padding:var(--border-radius-lg);background:var(--gradient-blue-light);border:1px solid var(--info-200);border-radius:var(--border-radius-md);margin-top:var(--border-radius-lg)}.batch-list__footer-content{display:flex;align-items:flex-start;gap:12px}.batch-list__footer-text{margin:0;font-size:13px;color:#0891b2;line-height:1.6;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:600px){.batch-list__section-header{padding:var(--border-radius-md);font-size:13px}.batch-list__section-content{gap:var(--border-radius-md);padding:var(--border-radius-md)}.batch-list__section-count{min-width:24px;height:20px;padding:0 4px;font-size:11px}.batch-list__footer{padding:var(--border-radius-md)}.batch-list__footer-content{gap:8px}.batch-list__footer-text{font-size:12px}}.batch-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--surface-default);border-radius:var(--border-radius-md)}.batch-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.batch-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.batch-form .form-group.full-width{grid-column:1 / -1}.batch-form label{font-size:.875rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.batch-form .required{color:var(--color-danger);font-weight:700}.batch-form .form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-default);border-radius:var(--border-radius-sm);background-color:var(--surface-secondary);color:var(--text-primary);font-family:inherit;font-size:.938rem;line-height:1.5;transition:all .15s ease-in-out}.batch-form .form-input::-moz-placeholder{color:var(--text-tertiary)}.batch-form .form-input::placeholder{color:var(--text-tertiary)}.batch-form .form-input:focus{outline:none;border-color:var(--color-primary);background-color:var(--surface-default);box-shadow:var(--shadow-sm)}.batch-form .form-input:disabled{background-color:var(--surface-tertiary);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.batch-form .form-input.input-error{border-color:var(--color-danger);background-color:var(--danger-50)}.batch-form .form-input.input-error:focus{box-shadow:var(--shadow-sm)}.batch-form .error-text{font-size:.8125rem;color:var(--color-danger);font-weight:500;margin-top:calc(var(--spacing-xs) * -1)}.batch-form .total-cost-box{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:linear-gradient(135deg,var(--gradient-blue-light-start),var(--gradient-blue-light-end));border-radius:var(--border-radius-md);border-left:4px solid var(--color-primary);grid-column:1 / -1}.batch-form .total-cost-label{font-size:.938rem;font-weight:600;color:var(--text-primary)}.batch-form .total-cost-value{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.batch-form .form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-default)}.batch-form .btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);font-size:.938rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);white-space:nowrap}.batch-form .btn-primary{background-color:var(--color-primary);color:var(--white)}.batch-form .btn-primary:hover:not(:disabled){background-color:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.batch-form .btn-primary:disabled{background-color:var(--primary-200);cursor:not-allowed;opacity:.6}.batch-form .btn-secondary{background-color:var(--surface-tertiary);color:var(--text-primary);border:1px solid var(--border-default)}.batch-form .btn-secondary:hover:not(:disabled){background-color:var(--surface-secondary);border-color:var(--text-primary)}.batch-form .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.batch-form .modal-error{margin:0 0 var(--spacing-md) 0}@media(max-width:900px){.batch-form{padding:var(--spacing-md)}.batch-form .form-row{grid-template-columns:1fr}.batch-form .form-actions{flex-direction:column-reverse}.batch-form .btn{width:100%}}@media(max-width:600px){.batch-form{padding:var(--spacing-sm);gap:var(--spacing-sm)}.batch-form label{font-size:.8125rem}.batch-form .form-input{font-size:.875rem;padding:var(--spacing-sm)}.batch-form .total-cost-box{padding:var(--spacing-sm);flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.batch-form .total-cost-value{font-size:1.125rem}.batch-form .btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}}.fifo-widget{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--surface-default);border-radius:var(--border-radius-md);border:1px solid var(--border-default)}.fifo-widget .widget-header{display:flex;flex-direction:column;gap:var(--spacing-xs);border-bottom:1px solid var(--border-default);padding-bottom:var(--spacing-md)}.fifo-widget .widget-header h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.fifo-widget .widget-subtitle{font-size:.8125rem;color:var(--text-tertiary);margin:0}.fifo-widget .widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md);text-align:center;color:var(--text-tertiary)}.fifo-widget .widget-empty-icon{color:var(--color-warning)}.fifo-widget .widget-empty p{font-size:.938rem;margin:0}.fifo-widget .widget-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.fifo-widget .quantity-label{font-size:.875rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.fifo-widget .required{color:var(--color-danger);font-weight:700}.fifo-widget .quantity-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.fifo-widget .quantity-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-default);border-radius:var(--border-radius-sm);background-color:var(--surface-secondary);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .15s ease-in-out}.fifo-widget .quantity-input:focus{outline:none;border-color:var(--color-primary);background-color:var(--surface-default);box-shadow:var(--shadow-sm)}.fifo-widget .quantity-input:disabled{background-color:var(--surface-tertiary);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.fifo-widget .quantity-available{font-size:.8125rem;color:var(--text-tertiary);font-weight:500}.fifo-widget .breakdown-title{font-size:.938rem;font-weight:600;color:var(--text-primary);margin:0;padding:var(--spacing-md) 0 var(--spacing-sm) 0}.fifo-widget .breakdown-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.fifo-widget .breakdown-item{display:grid;grid-template-columns:40px 1fr auto;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-md);background-color:var(--surface-secondary);border-radius:var(--border-radius-sm);border-left:4px solid var(--color-primary);transition:all .2s ease-in-out}.fifo-widget .breakdown-item:hover{background-color:var(--surface-tertiary)}.fifo-widget .breakdown-position{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--gradient-primary-start),var(--gradient-primary-end));border-radius:var(--border-radius-sm);color:var(--white);font-weight:700;font-size:1rem}.fifo-widget .breakdown-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.fifo-widget .breakdown-batch-number{font-size:.938rem;font-weight:600;color:var(--text-primary)}.fifo-widget .breakdown-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.fifo-widget .breakdown-detail{font-size:.8125rem;color:var(--text-tertiary);line-height:1.4}.fifo-widget .breakdown-cost{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.fifo-widget .cost-per-unit{font-size:.8125rem;color:var(--text-tertiary);font-weight:500}.fifo-widget .cost-total{font-size:1rem;font-weight:700;color:var(--color-primary)}.fifo-widget .breakdown-totals{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,var(--gradient-blue-light-start),var(--gradient-blue-light-end));border-radius:var(--border-radius-md);border-left:4px solid var(--color-primary)}.fifo-widget .total-row{display:flex;justify-content:space-between;align-items:center;font-size:.938rem;color:var(--text-primary)}.fifo-widget .total-row span:first-child{font-weight:600}.fifo-widget .total-quantity,.fifo-widget .total-amount{font-weight:700;color:var(--text-primary)}.fifo-widget .total-cost-row{padding-top:var(--spacing-md);border-top:1px solid var(--border-default)}.fifo-widget .total-amount{font-size:1.25rem;color:var(--color-primary)}.fifo-widget .widget-alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--border-radius-sm);font-size:.938rem;font-weight:500;border-left:4px solid}.fifo-widget .widget-alert-danger{background-color:var(--danger-100);border-left-color:var(--color-danger);color:var(--color-danger)}.fifo-widget .widget-alert-warning{background-color:var(--warning-100);border-left-color:var(--color-warning);color:var(--color-warning)}.fifo-widget .widget-alert-info{background-color:var(--info-100);border-left-color:var(--color-info);color:var(--color-info)}.fifo-widget .widget-alert svg{flex-shrink:0}.fifo-widget .btn-consume{width:100%;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-success);color:var(--white);border:none;border-radius:var(--border-radius-sm);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all .2s ease-in-out;min-height:44px}.fifo-widget .btn-consume:hover:not(:disabled){background-color:var(--color-success-dark, #16a34a);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.fifo-widget .btn-consume:disabled{background-color:var(--color-success-light, #86efac);cursor:not-allowed;opacity:.6}.fifo-widget .loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:50%;animation:spin .6s linear infinite}.fifo-widget .widget-footer{padding-top:var(--spacing-md);border-top:1px solid var(--border-default)}.fifo-widget .footer-text{font-size:.8125rem;color:var(--text-tertiary);margin:0;line-height:1.5}@media(max-width:900px){.fifo-widget .breakdown-item{grid-template-columns:1fr;gap:var(--spacing-sm)}.fifo-widget .breakdown-cost{flex-direction:row;justify-content:space-between;align-items:center}}@media(max-width:600px){.fifo-widget{padding:var(--spacing-sm);gap:var(--spacing-sm)}.fifo-widget .widget-header{padding-bottom:var(--spacing-sm)}.fifo-widget .widget-header h3{font-size:1rem}.fifo-widget .breakdown-item{grid-template-columns:1fr;padding:var(--spacing-sm)}.fifo-widget .breakdown-position{width:32px;height:32px;font-size:.875rem}.fifo-widget .breakdown-title{font-size:.875rem;padding:var(--spacing-sm) 0 var(--spacing-xs) 0}.fifo-widget .total-row{font-size:.875rem}.fifo-widget .total-amount{font-size:1.125rem}.fifo-widget .btn-consume{padding:var(--spacing-sm) var(--spacing-md);font-size:.938rem}.fifo-widget .widget-alert{padding:var(--spacing-sm);font-size:.8125rem}.fifo-widget .footer-text{font-size:.75rem}}.inventory-detail{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-primary)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-default)}.header-title{flex:1}.header-title h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.header-title .sku{font-size:.875rem;color:var(--text-tertiary);margin:0}.header-info{display:flex;gap:var(--spacing-lg)}.info-box{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:right}.info-box .label{font-size:.75rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-box .value{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.tabs-nav{display:flex;gap:0;border-bottom:2px solid var(--border-default);overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap;position:relative;display:flex;align-items:center;gap:var(--spacing-sm)}.tab-btn:hover{color:var(--color-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-btn .badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;background-color:var(--color-primary);color:var(--white);padding:0 6px;border-radius:12px;font-size:.75rem;font-weight:700;line-height:1}.tabs-content{min-height:300px;animation:fadeIn .15s ease-in-out}.tab-pane{display:flex;flex-direction:column;gap:var(--spacing-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.batches-pane{display:flex;flex-direction:column;gap:var(--spacing-md)}.batches-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.batches-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.batches-actions{display:flex;gap:var(--spacing-sm);align-items:center}.btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all .2s ease-in-out;white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark, #ea580c);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:var(--interactive-hover);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background-color:var(--interactive-active);border-color:var(--border-active)}.btn-danger{background-color:var(--color-error, #dc2626);color:var(--white)}.btn-danger:hover:not(:disabled){background-color:var(--color-error-dark, #b91c1c);box-shadow:var(--shadow-md)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.empty-batches{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center;color:var(--text-tertiary);background-color:var(--surface-secondary);border-radius:var(--border-radius-md);border:1px dashed var(--border-default)}.empty-batches svg{color:var(--color-warning);opacity:.5}.empty-batches p{margin:0;font-size:.95rem}.loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);text-align:center;color:var(--text-tertiary)}.spinner{width:16px;height:16px;border:2px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}.error-box{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--error-bg, #fee2e2);border:1px solid var(--color-danger);border-radius:var(--border-radius-md)}.error-box .error-title{margin:0;font-weight:700;color:var(--color-danger);font-size:1rem}.error-box .error-message{margin:0;color:var(--color-danger);font-size:.9rem;line-height:1.5}.coming-soon{padding:var(--spacing-lg);text-align:center;color:var(--text-tertiary);background-color:var(--surface-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-default)}.confirm-modal{display:flex;flex-direction:column;gap:var(--spacing-md)}.confirm-modal p{margin:0;color:var(--text-primary);line-height:1.5}.confirm-modal p strong{color:var(--color-primary);font-weight:700}.confirm-modal .text-warning{color:var(--color-warning);font-size:.875rem}.modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.modal-actions .btn{flex:1}.history-pane{display:flex;flex-direction:column;gap:var(--spacing-md)}@media(max-width:900px){.detail-header{flex-direction:column;gap:var(--spacing-md)}.header-info{width:100%;flex-direction:row;justify-content:space-between;align-items:flex-start}.batches-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.batches-actions{flex-direction:column;width:100%}.btn{width:100%}}@media(max-width:768px){.inventory-detail{padding:var(--spacing-sm)}.tab-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.tab-btn .badge{min-width:20px;height:20px;font-size:.65rem}.batches-header h3{font-size:1rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}@media(max-width:600px){.detail-header{gap:var(--spacing-sm)}.header-title h2{font-size:1.25rem}.header-title .sku{font-size:.8rem}.header-info{flex-direction:column;gap:var(--spacing-sm)}.info-box{align-items:flex-start;text-align:left}.tabs-nav{gap:var(--spacing-xs)}.tab-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.tabs-content{min-height:250px}.empty-batches{padding:var(--spacing-lg)}.empty-batches svg{width:40px;height:40px}}.recipe-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.form-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--text-primary);background-color:var(--bg-primary);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.form-input:disabled{background-color:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed}.form-section{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-default)}.section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.section-header h3{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.btn-add-ingredient{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary);color:var(--text-primary);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:var(--shadow-sm)}.btn-add-ingredient:hover{background-color:var(--primary-600);transform:translateY(-2px);box-shadow:var(--shadow-md)}.empty-ingredients{padding:var(--spacing-md);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm);background-color:var(--bg-primary);border-radius:var(--border-radius-md);border:1px dashed var(--border-default)}.ingredients-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.ingredient-row{display:flex;gap:var(--spacing-md);align-items:flex-end;padding:var(--spacing-md);background-color:var(--bg-primary);border-radius:var(--border-radius-md);border:1px solid var(--border-default)}.ingredient-field{flex:1;min-width:200px;display:flex;flex-direction:column;gap:var(--spacing-xs)}.ingredient-field label{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.ingredient-quantity{flex:0 0 120px;min-width:100px}.ingredient-unit{flex:0 0 100px;min-width:80px}.btn-remove-ingredient{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--border-radius-md);background-color:var(--surface-danger-light);color:var(--color-danger);cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-remove-ingredient:hover{background-color:var(--color-danger);color:var(--white)}.btn-remove-ingredient:disabled{opacity:.5;cursor:not-allowed}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--border-default)}.btn-primary,.btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:var(--color-primary);color:var(--text-primary)}.btn-primary:hover:not(:disabled){background-color:var(--primary-600);transform:translateY(-1px)}.btn-primary:disabled{background-color:var(--text-tertiary);cursor:not-allowed}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background-color:var(--border-default)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);font-size:var(--font-size-sm);color:var(--text-secondary)}@media(max-width:768px){.ingredient-row{flex-direction:column;align-items:stretch}.ingredient-field,.ingredient-quantity,.ingredient-unit{flex:1;min-width:auto}.btn-remove-ingredient{width:100%;height:auto;padding:var(--spacing-sm)}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.recipe-list{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.recipe-list-table-wrapper{overflow-x:auto}.recipe-list-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.recipe-list-table thead{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.recipe-list-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);white-space:nowrap}.recipe-list-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.recipe-list-table tbody tr:hover{background-color:var(--bg-secondary)}.recipe-list-table tbody tr:last-child{border-bottom:none}.recipe-list-table td{padding:var(--spacing-md);color:var(--text-primary)}.recipe-row{height:auto}.product-name{font-weight:500;min-width:200px}.product-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--primary-color-light);color:var(--primary-color);border-radius:var(--border-radius-sm);font-weight:600}.ingredients-count{min-width:150px}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500}.created-by{min-width:120px;color:var(--text-secondary)}.updated-at{min-width:120px;color:var(--text-secondary);font-size:var(--font-size-xs)}.actions-column{text-align:right;width:120px}.actions-cell{text-align:right}.action-buttons{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--border-radius-md);background-color:transparent;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.btn-edit{color:var(--primary-color)}.btn-edit:hover{background-color:var(--primary-color-light);color:var(--primary-color)}.btn-delete{color:var(--text-danger)}.btn-delete:hover{background-color:var(--bg-danger-light);color:var(--text-danger)}.recipe-list-summary{padding:var(--spacing-md);border-top:1px solid var(--border-color);background-color:var(--bg-secondary);font-size:var(--font-size-sm);color:var(--text-secondary)}.recipe-list-summary p{margin:0}.recipe-list-summary strong{color:var(--text-primary);font-weight:600}@media(max-width:768px){.recipe-list-table{font-size:var(--font-size-xs)}.recipe-list-table th,.recipe-list-table td{padding:var(--spacing-sm)}.product-name{min-width:120px}.ingredients-count,.created-by,.updated-at{min-width:100px}.actions-column{width:100px}.action-buttons{gap:0}.btn-icon{width:32px;height:32px}.btn-icon svg{width:16px;height:16px}}.recipe-ingredients-builder{display:flex;flex-direction:column;gap:2rem}.ingredients-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.ingredients-header h4{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;flex:1}.btn-add-ingredient{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--white);background:var(--color-primary);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);white-space:nowrap}.btn-add-ingredient:hover{background:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-add-ingredient:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.empty-ingredients{padding:2.5rem;text-align:center;background:linear-gradient(135deg,var(--surface-base) 0%,rgba(var(--primary-rgb),.02) 100%);border:2px dashed var(--border-subtle);border-radius:.75rem}.empty-ingredients p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.ingredients-list{display:flex;flex-direction:column;gap:1.25rem}.ingredient-row{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.ingredient-row:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md)}.ingredient-row-header{display:flex;align-items:center;gap:1rem;justify-content:space-between}.ingredient-row-number{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--color-primary),var(--primary-600));color:var(--white);border-radius:.625rem;font-size:.875rem;font-weight:700;flex-shrink:0;box-shadow:var(--shadow-sm)}.ingredient-row-title{flex:1;font-weight:600;color:var(--text-primary);font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-remove-ingredient{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0;background:transparent;border:1px solid var(--border-subtle);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-remove-ingredient:hover{background:var(--color-danger);border-color:var(--color-danger);color:var(--white);box-shadow:var(--shadow-sm)}.btn-remove-ingredient:active{transform:scale(.95)}.ingredient-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;align-items:flex-start}.ingredient-fields .form-group{margin-bottom:0;width:100%}.ingredient-cost{display:flex;align-items:flex-end;gap:1rem;padding:1rem;background:var(--success-50);border:1px solid var(--success-100);border-radius:.5rem;margin-top:.5rem}.cost-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.cost-value{font-size:1.125rem;font-weight:700;color:var(--success);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.ingredients-summary{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,rgba(var(--primary-rgb),.05),rgba(var(--success-rgb),.05));border:1px solid var(--border-subtle);border-radius:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.summary-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.summary-row span:first-child{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.summary-row strong{font-size:1rem;font-weight:700;color:var(--text-primary)}.cost-total{color:var(--success)!important;font-size:1.5rem!important;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.recipe-ingredients-builder .error-message{padding:1rem;background:rgba(var(--error-rgb),.1);border:1px solid var(--error);border-radius:.5rem;color:var(--error);font-size:.875rem;font-weight:500;line-height:1.5}@media(max-width:768px){.recipe-ingredients-builder{gap:1.5rem}.ingredients-header{flex-direction:column;align-items:flex-start}.btn-add-ingredient{width:100%;justify-content:center}.ingredient-row{padding:1rem}.ingredient-row-header{gap:.75rem}.ingredient-fields{grid-template-columns:1fr;gap:1rem}.ingredient-cost{margin-top:.5rem;flex-direction:row;justify-content:space-between;align-items:center}.ingredients-summary{gap:.75rem}.summary-row{flex-direction:column;align-items:flex-start}}.form-hint{display:block;margin-top:.5rem;font-size:.875rem;color:var(--text-secondary);font-style:italic}.form-error-banner{padding:1rem 1.25rem;background:rgba(var(--error-rgb, 220, 38, 38),.1);border:1px solid var(--error, #dc2626);border-radius:.5rem;color:var(--error, #dc2626);font-size:.875rem;font-weight:500}.inventory-info{margin-top:1.5rem;padding:1.5rem;background:var(--surface-elevated, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:.5rem}.inventory-info h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary, #1e293b);opacity:.9}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary, #64748b)}.info-value{font-size:1rem;font-weight:600;color:var(--text-primary, #1e293b)}.info-value.profit{color:var(--success, #10b981)}@media(max-width:768px){.info-grid{grid-template-columns:1fr}}.catalog-card{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);overflow:hidden;transition:var(--transition-all);display:flex;flex-direction:column;height:100%}.catalog-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.catalog-card-image{position:relative;width:100%;height:200px;background:var(--bg-tertiary);overflow:hidden}.catalog-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.catalog-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:var(--bg-secondary)}.catalog-card-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:8px}.catalog-badge{padding:4px 12px;border-radius:var(--border-radius-sm);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}.catalog-badge-simple{background:var(--gradient-blue-light);color:var(--info-700);border:1px solid var(--info-300)}.catalog-badge-recipe{background:var(--gradient-amber);color:var(--white);border:1px solid var(--warning-600)}.catalog-badge-available{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-300)}.catalog-badge-unavailable{background:var(--gradient-red-light);color:var(--danger-700);border:1px solid var(--danger-300)}.catalog-card-content{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1}.catalog-card-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.catalog-card-description{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1}.catalog-card-meta{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.catalog-card-category,.catalog-card-price{display:flex;justify-content:space-between;align-items:center}.catalog-card-label{font-size:13px;color:var(--text-tertiary);font-weight:500}.catalog-card-value{font-size:14px;color:var(--text-secondary);font-weight:600}.catalog-card-value-price{font-size:16px;color:var(--color-primary);font-weight:700}.catalog-card-actions{display:flex;gap:8px;margin-top:auto}.catalog-btn{flex:1;padding:8px 12px;border:none;border-radius:var(--border-radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center;gap:6px}.catalog-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.catalog-btn:active{transform:translateY(0)}.catalog-btn-view{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.catalog-btn-view:hover{background:var(--interactive-hover);border-color:var(--primary-300);color:var(--color-primary)}.catalog-btn-edit{background:var(--gradient-primary);color:var(--white)}.catalog-btn-edit:hover{background:var(--primary-600)}.catalog-btn-delete{background:var(--bg-secondary);color:var(--danger-600);border:1px solid var(--border-default)}.catalog-btn-delete:hover{background:var(--gradient-red-light);border-color:var(--danger-300);color:var(--danger-700)}@media(max-width:768px){.catalog-card-image{height:160px}.catalog-card-title{font-size:16px}.catalog-card-description{font-size:13px}.catalog-btn{padding:6px 8px;font-size:12px}}.invoice-print-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.modal-container{position:relative;background:var(--bg-primary);border-radius:var(--border-radius-lg);max-width:95vw;max-height:95vh;overflow-y:auto;box-shadow:var(--shadow-xl);z-index:1}.invoice-print-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:2px solid var(--border-default);background:var(--bg-secondary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;gap:var(--spacing-md)}.header-title{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-primary)}.header-title h2{font-size:var(--text-xl);font-weight:700;margin:0}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.btn-toggle-view,.btn-print,.btn-close{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-toggle-view{background:var(--bg-primary);border:1px solid var(--border-default);color:var(--text-primary)}.btn-toggle-view:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}.btn-print{background:var(--gradient-primary);border:none;color:var(--white);box-shadow:var(--shadow-sm)}.btn-print:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-close{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.btn-close:hover{background:var(--bg-danger);color:var(--white);border-color:var(--bg-danger)}.invoice-print-content{padding:var(--spacing-xl);min-height:400px}.invoice-normal-view{max-width:800px;margin:0 auto;background:var(--white);color:var(--black);padding:var(--spacing-xl);border-radius:var(--border-radius-md)}.invoice-business-header{text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-strong)}.invoice-business-header h1{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--black)}.invoice-business-header p{font-size:var(--text-sm);color:var(--text-secondary);margin:2px 0}.invoice-divider{height:2px;background:var(--border-default);margin:var(--spacing-lg) 0}.invoice-info{display:grid;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.invoice-info-row{display:flex;justify-content:space-between;font-size:var(--text-base)}.invoice-label{font-weight:600;color:var(--text-secondary)}.invoice-value{font-weight:700;color:var(--black)}.invoice-items-table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0}.invoice-items-table th{background:var(--bg-secondary);padding:var(--spacing-sm);font-size:var(--text-sm);font-weight:700;text-align:left;border-bottom:2px solid var(--border-strong)}.invoice-items-table td{padding:var(--spacing-sm);border-bottom:1px solid var(--border-default)}.col-qty{width:60px;text-align:center}.col-description{text-align:left}.col-price,.col-total{width:120px;text-align:right}.invoice-totals{margin-top:var(--spacing-lg)}.invoice-total-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;font-size:var(--text-base)}.invoice-total-final{border-top:2px solid var(--border-strong);margin-top:var(--spacing-sm);padding-top:var(--spacing-md);font-size:var(--text-lg);font-weight:700;color:var(--color-primary)}.invoice-footer,.invoice-footer-default{text-align:center;margin-top:var(--spacing-lg);font-size:var(--text-sm);color:var(--text-secondary)}@media print{.no-print{display:none!important}.invoice-print-modal{position:static}.modal-overlay{display:none}.modal-container{max-width:100%;max-height:100%;box-shadow:none;border-radius:0}.invoice-print-content{padding:0}.invoice-normal-view{max-width:100%;padding:20mm}}@media(max-width:768px){.invoice-print-header{flex-direction:column;align-items:stretch}.header-actions{flex-wrap:wrap;justify-content:center}.btn-toggle-view,.btn-print,.btn-close{flex:1;min-width:120px;justify-content:center}.invoice-print-content{padding:var(--spacing-md)}}.catalog-page{padding:24px;max-width:1400px;margin:0 auto}.catalog-loading,.catalog-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--text-secondary)}.catalog-error{color:var(--danger-600)}.catalog-error h2{margin:0;font-size:24px;color:var(--text-primary)}.catalog-error p{margin:0;font-size:16px}.catalog-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.catalog-header-title h1{margin:0 0 8px;font-size:32px;font-weight:700;color:var(--text-primary)}.catalog-header-subtitle{margin:0;font-size:14px;color:var(--text-tertiary)}.catalog-header-actions{display:flex;gap:12px}.catalog-btn-primary,.catalog-btn-secondary{padding:12px 20px;border:none;border-radius:var(--border-radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;gap:8px;white-space:nowrap}.catalog-btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-sm)}.catalog-btn-primary:hover{background:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-2px)}.catalog-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.catalog-btn-secondary:hover{background:var(--interactive-hover);border-color:var(--primary-300);color:var(--color-primary);transform:translateY(-2px)}.catalog-filters{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);padding:20px;margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.catalog-search{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);transition:var(--transition-all)}.catalog-search:focus-within{border-color:var(--primary-300);box-shadow:0 0 0 3px var(--primary-50)}.catalog-search svg{color:var(--text-tertiary);flex-shrink:0}.catalog-search-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--text-primary);outline:none}.catalog-search-input::-moz-placeholder{color:var(--text-tertiary)}.catalog-search-input::placeholder{color:var(--text-tertiary)}.catalog-categories{display:flex;gap:8px;flex-wrap:wrap}.catalog-category-btn{padding:8px 16px;border:1px solid var(--border-default);background:var(--bg-secondary);border-radius:var(--border-radius-md);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition-all)}.catalog-category-btn:hover{border-color:var(--primary-300);color:var(--color-primary);background:var(--primary-50)}.catalog-category-btn.active{background:var(--gradient-primary);color:var(--white);border-color:var(--primary-500);box-shadow:var(--shadow-sm)}.catalog-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px;color:var(--text-tertiary)}.catalog-no-results h3{margin:0;font-size:20px;color:var(--text-primary)}.catalog-no-results p{margin:0;font-size:14px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:24px}@media(max-width:1024px){.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media(max-width:768px){.catalog-page{padding:16px}.catalog-header{flex-direction:column;align-items:stretch}.catalog-header-title h1{font-size:24px}.catalog-header-actions{flex-direction:column}.catalog-btn-primary,.catalog-btn-secondary{width:100%;justify-content:center}.catalog-grid{grid-template-columns:1fr;gap:16px}.catalog-categories{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.catalog-category-btn{white-space:nowrap}}@media(max-width:480px){.catalog-header-title h1{font-size:20px}.catalog-filters{padding:16px}}.invoices-page{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.invoices-header{margin-bottom:var(--spacing-xl)}.invoices-title{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.invoices-title h1{font-size:var(--text-3xl);font-weight:700;margin:0}.invoices-subtitle{color:var(--text-secondary);font-size:var(--text-base);margin:0}.invoices-filters{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.filter-group{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.filter-input{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);flex:1;min-width:200px}.filter-input svg{color:var(--text-tertiary);flex-shrink:0}.filter-input input{border:none;background:transparent;font-size:var(--text-base);color:var(--text-primary);width:100%;outline:none}.filter-input input::-moz-placeholder{color:var(--text-tertiary)}.filter-input input::placeholder{color:var(--text-tertiary)}.filter-date-range{display:flex;align-items:center;gap:var(--spacing-sm);flex:2}.date-separator{color:var(--text-tertiary);font-weight:600}.btn-filter{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-primary);border:none;border-radius:var(--border-radius-md);color:var(--white);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-filter:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.invoices-loading,.invoices-error,.invoices-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;color:var(--text-secondary)}.spinner{width:48px;height:48px;border:4px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.invoices-empty svg{color:var(--text-tertiary);margin-bottom:var(--spacing-md)}.invoices-empty h2{font-size:var(--text-xl);color:var(--text-primary);margin:var(--spacing-md) 0}.invoices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.invoice-card{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all .2s ease}.invoice-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.invoice-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-default)}.invoice-code{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-primary);font-weight:700;font-size:var(--text-lg)}.btn-print-invoice{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-print-invoice:hover{background:var(--bg-tertiary);color:var(--color-primary);border-color:var(--color-primary)}.invoice-card-body{margin-bottom:var(--spacing-md)}.invoice-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;font-size:var(--text-sm)}.invoice-info-row .label{color:var(--text-secondary);font-weight:500}.invoice-info-row .value{color:var(--text-primary);font-weight:600}.invoice-total{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;margin-top:var(--spacing-sm);border-top:2px solid var(--border-default);font-size:var(--text-lg);font-weight:700}.invoice-total .label{color:var(--text-primary)}.invoice-total .value{color:var(--color-primary)}.invoice-payment-method{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-top:var(--spacing-sm)}.btn-view-details{width:100%;padding:var(--spacing-sm);background:var(--gradient-primary);border:none;border-radius:var(--border-radius-md);color:var(--white);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-view-details:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.invoices-pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-lg)}.btn-pagination{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-pagination:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.invoice-details-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.modal-content{position:relative;background:var(--bg-primary);border-radius:var(--border-radius-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);z-index:1}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-default)}.modal-header h2{font-size:var(--text-2xl);color:var(--color-primary);margin:0}.btn-close{background:transparent;border:none;font-size:32px;color:var(--text-tertiary);cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);transition:all .2s ease}.btn-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:var(--spacing-lg)}.detail-section{margin-bottom:var(--spacing-lg)}.detail-section h3{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:700}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;color:var(--text-secondary);font-size:var(--text-base)}.detail-row span:last-child{color:var(--text-primary);font-weight:600}.detail-total{border-top:2px solid var(--border-default);margin-top:var(--spacing-sm);padding-top:var(--spacing-md);font-size:var(--text-lg)}.detail-total strong{color:var(--color-primary)}.items-list{background:var(--bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.item-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-default)}.item-row:last-child{border-bottom:none}.item-name{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-weight:500}.item-qty{color:var(--color-primary);font-weight:700}.item-price{color:var(--text-primary);font-weight:700}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-default);display:flex;justify-content:flex-end}.btn-print-modal{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-primary);border:none;border-radius:var(--border-radius-md);color:var(--white);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-print-modal:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(max-width:768px){.invoices-page{padding:var(--spacing-md)}.invoices-title h1{font-size:var(--text-2xl)}.filter-group{flex-direction:column}.filter-input,.filter-date-range{width:100%;min-width:unset}.filter-date-range{flex-direction:column;gap:var(--spacing-sm)}.date-separator{display:none}.invoices-grid{grid-template-columns:1fr}.invoices-pagination{flex-direction:column;gap:var(--spacing-md)}.pagination-info{order:-1}}.customers-container{padding:var(--spacing-md);max-width:var(--max-width-xl);margin:0 auto}.customers-header{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.customers-header-content{flex:1}.customers-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.customers-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.customers-controls{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-box{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-white);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);transition:var(--transition-base)}.search-box:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.search-box svg{color:var(--color-text-tertiary);flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:var(--font-size-base);color:var(--color-text-primary);background:transparent}.search-input::-moz-placeholder{color:var(--color-text-tertiary)}.search-input::placeholder{color:var(--color-text-tertiary)}.search-loading{position:absolute;right:var(--spacing-md);font-size:var(--font-size-sm);opacity:.6;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.customers-table-wrapper{display:none;overflow-x:auto;background-color:var(--color-white);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.customers-table{width:100%;border-collapse:collapse}.customers-table thead{background-color:var(--color-gray-50);border-bottom:var(--border-width) solid var(--color-border)}.customers-table th{padding:var(--spacing-md);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.customers-table tbody tr{border-bottom:var(--border-width) solid var(--color-border);transition:background-color var(--transition-fast)}.customers-table tbody tr:hover{background-color:var(--color-gray-50)}.customers-table tbody tr:last-child{border-bottom:none}.customers-table td{padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}.customers-table tbody tr.inactive-row{opacity:.6;background-color:var(--color-gray-50)}.customer-info{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.customer-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.customer-document{display:flex;flex-direction:column;gap:var(--spacing-xs)}.document-type{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase}.document-number{font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.customer-contact{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-email{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.contact-phone{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.customer-date{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.badge-inactive{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-red-700);background-color:var(--color-red-100);border-radius:var(--border-radius-full)}.badge-receiver{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-blue-700);background-color:var(--color-blue-100);border-radius:var(--border-radius-full)}.text-muted{color:var(--color-text-tertiary);font-style:italic}.customer-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.btn-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);background-color:transparent}.btn-action:hover{background-color:var(--color-gray-100)}.btn-delete{color:var(--color-red-600)}.btn-delete:hover:not(:disabled){background-color:var(--color-red-100)}.customers-cards{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.customer-card{background-color:var(--color-white);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.customer-card:hover{box-shadow:var(--shadow-md)}.customer-card.inactive{opacity:.6;background-color:var(--color-gray-50)}.customer-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:var(--border-width) solid var(--color-border)}.customer-card-title{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.customer-card-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm)}.row-label{color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);white-space:nowrap}.row-value{color:var(--color-text-secondary);text-align:right;word-break:break-word}.customers-pagination{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-white);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg)}.pagination-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:transparent;border:var(--border-width) solid var(--color-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast)}.pagination-btn:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--color-text-tertiary);border-color:var(--color-border)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.customers-loading,.customers-error{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);font-size:var(--font-size-lg);color:var(--color-text-secondary)}.customers-error{color:var(--color-red-600)}@media(min-width:768px){.customers-container{padding:var(--spacing-lg)}.customers-header{flex-direction:row;align-items:center;justify-content:space-between}.customers-controls{flex-direction:row;align-items:center}.search-box{flex:1;max-width:400px}.customers-cards{grid-template-columns:repeat(2,1fr)}.pagination-btn{padding:var(--spacing-sm) var(--spacing-lg)}}@media(min-width:1024px){.customers-container{padding:var(--spacing-xl)}.customers-table-wrapper{display:block}.customers-cards{display:none}}@media(min-width:1280px){.customers-table th,.customers-table td{padding:var(--spacing-lg)}}.register-customer-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--gradient-primary);background-size:200% 200%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.register-customer-card{width:100%;max-width:800px;background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);overflow:hidden}.rc-header{text-align:center;padding:var(--spacing-xl);background:var(--gradient-primary);color:var(--white)}.rc-header-icon{margin-bottom:var(--spacing-md);color:var(--white);filter:drop-shadow(var(--shadow-sm))}.rc-header h1{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-2xl);font-weight:700;color:var(--white)}.rc-header p{margin:0;font-size:var(--text-base);color:var(--white);opacity:.9}.rc-error-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin:var(--spacing-md);background:var(--color-danger);color:var(--white);border-radius:var(--border-radius-md);font-size:var(--text-sm)}.rc-error-banner .btn-close-error{margin-left:auto;background:transparent;border:none;color:var(--white);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:background var(--transition-fast)}.rc-error-banner .btn-close-error:hover{background:#fff3}.rc-form{padding:var(--spacing-xl)}.rc-section{margin-bottom:var(--spacing-xl)}.rc-section h2{margin:0 0 var(--spacing-md) 0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-default);padding-bottom:var(--spacing-sm)}.rc-receiver-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.receiver-type-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-normal);font-family:inherit;text-align:center}.receiver-type-btn:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.receiver-type-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--white);box-shadow:var(--shadow-lg)}.receiver-type-btn svg{color:var(--text-secondary)}.receiver-type-btn.active svg{color:var(--white)}.receiver-type-btn span{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.receiver-type-btn.active span{color:var(--white)}.receiver-type-btn small{font-size:var(--text-xs);color:var(--text-tertiary)}.receiver-type-btn.active small{color:var(--white);opacity:.9}.rc-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.rc-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.rc-form-group.full-width{grid-column:1 / -1}.rc-form-group label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.rc-form-group input,.rc-form-group select{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-base);border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast);font-family:inherit}.rc-form-group input:focus,.rc-form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.rc-form-group input.error{border-color:var(--color-danger)}.rc-form-group input:disabled,.rc-form-group select:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.error-message{font-size:var(--text-xs);color:var(--color-danger);display:flex;align-items:center;gap:var(--spacing-xs)}.success-message{font-size:var(--text-xs);color:var(--color-success);display:flex;align-items:center;gap:var(--spacing-xs)}.rc-actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding-top:var(--spacing-xl);border-top:2px solid var(--border-default);margin-top:var(--spacing-xl)}.rc-error-inline{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-danger);font-size:var(--text-sm);margin-right:auto}.rc-actions .btn-cancel,.rc-actions .btn-submit{padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--text-base);font-weight:600;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;font-family:inherit}.rc-actions .btn-cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.rc-actions .btn-cancel:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-tertiary)}.rc-actions .btn-submit{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-md)}.rc-actions .btn-submit:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.rc-actions .btn-cancel:disabled,.rc-actions .btn-submit:disabled{opacity:.5;cursor:not-allowed}.rc-footer{text-align:center;padding:var(--spacing-md);margin-top:var(--spacing-lg);color:var(--white);opacity:.8}.rc-footer p{margin:0;font-size:var(--text-sm)}.rc-footer-hint{font-size:var(--text-xs);opacity:.7;margin-top:var(--spacing-xs)}.register-customer-success{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);padding:var(--spacing-lg)}.success-card{text-align:center;background:var(--bg-primary);padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:100%}.success-icon{color:var(--color-success);margin-bottom:var(--spacing-lg);animation:successPulse 1s ease-in-out}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.success-card h1{margin:0 0 var(--spacing-md) 0;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.success-card p{margin:var(--spacing-sm) 0;font-size:var(--text-base);color:var(--text-secondary)}.success-hint{font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}@media(max-width:768px){.register-customer-container{padding:var(--spacing-md)}.rc-header{padding:var(--spacing-lg)}.rc-header h1{font-size:var(--text-xl)}.rc-form{padding:var(--spacing-lg)}.rc-receiver-types{grid-template-columns:repeat(2,1fr)}.receiver-type-btn{padding:var(--spacing-md)}.rc-form-grid{grid-template-columns:1fr}.rc-actions{flex-direction:column-reverse;gap:var(--spacing-sm)}.rc-actions .btn-cancel,.rc-actions .btn-submit{width:100%}.rc-error-inline{margin-right:0;margin-bottom:var(--spacing-sm)}}@media(max-width:480px){.register-customer-card{border-radius:0}.rc-receiver-types{grid-template-columns:1fr}.receiver-type-btn{flex-direction:row;justify-content:flex-start;text-align:left}}.checklist-detail{display:flex;flex-direction:column;gap:var(--spacing-lg)}.checklist-header{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-secondary);border-radius:var(--border-radius-md)}.checklist-info{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.info-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.info-item strong{color:var(--color-text-primary);font-weight:600}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize}.status-pendiente{background:var(--color-warning-light);color:var(--color-warning-dark)}.status-en_progreso{background:var(--color-info-light);color:var(--color-info-dark)}.status-completado{background:var(--color-success-light);color:var(--color-success-dark)}.progress-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.progress-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.progress-bar{width:100%;height:8px;background:var(--color-border);border-radius:var(--border-radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--color-success);border-radius:var(--border-radius-full);transition:width .3s ease}.progress-percentage{font-size:var(--font-size-sm);color:var(--color-success);font-weight:600;text-align:right}.checklist-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checklist-item{display:flex;flex-direction:column;padding:var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);transition:all .2s ease}.checklist-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000000d}.checklist-item.completed{background:var(--color-success-light);border-color:var(--color-success)}.item-main{display:flex;align-items:flex-start;gap:var(--spacing-md)}.item-checkbox{flex-shrink:0;padding:0;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);transition:all .3s cubic-bezier(.34,1.56,.64,1),color .2s ease;display:flex;align-items:center;justify-content:center}.item-checkbox:hover:not(:disabled){color:var(--color-primary);transform:scale(1.1)}.item-checkbox:active:not(:disabled){transform:scale(.95)}.item-checkbox:disabled{opacity:.5;cursor:not-allowed}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.item-checkbox[data-loading=true]{animation:iconPulse .6s ease-in-out infinite}.icon-completed{color:var(--color-success);transition:color .3s ease,transform .3s ease}.icon-pending{color:var(--color-text-tertiary);transition:color .3s ease,transform .3s ease}.item-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.item-description{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.5;margin:0}.checklist-item.completed .item-description{text-decoration:line-through;color:var(--color-text-secondary)}.item-metadata{display:flex;align-items:center;gap:var(--spacing-sm)}.metadata-text{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.item-notes,.item-photo{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-background-secondary);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.item-photo a{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary);text-decoration:none;transition:color .2s ease}.item-photo a:hover{color:var(--color-primary-dark);text-decoration:underline}.btn-edit-item{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.btn-edit-item:hover:not(:disabled){background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-edit-item:disabled{opacity:.5;cursor:not-allowed}.item-edit-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--color-border)}.item-edit-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}@media(max-width:768px){.checklist-info,.item-main{flex-direction:column;gap:var(--spacing-sm)}.btn-edit-item{align-self:flex-start}}.temperature-detail{display:flex;flex-direction:column;gap:var(--spacing-lg)}.temp-status-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--border-radius-md)}.temp-status-header.in-range{background:var(--color-success-light);color:var(--color-success-dark)}.temp-status-header.out-of-range{background:var(--color-error-light);color:var(--color-error-dark)}.temp-status-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600}.temp-status-header p{margin:0;font-size:var(--font-size-sm);opacity:.9}.temp-reading-card{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-background-secondary);border-radius:var(--border-radius-lg);border:2px solid var(--color-border)}.temp-icon{color:var(--color-primary)}.temp-reading{display:flex;flex-direction:column;align-items:center}.temp-value{font-size:3rem;font-weight:700;color:var(--color-text-primary);line-height:1}.temp-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.temp-range-card{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-secondary);border-radius:var(--border-radius-md)}.range-info{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.range-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.range-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.range-value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.range-separator{font-size:var(--font-size-xl);color:var(--color-text-tertiary);font-weight:300}.temp-range-visual{position:relative;width:100%}.range-bar{position:relative;width:100%;height:12px;background:linear-gradient(to right,var(--color-info-light) 0%,var(--color-success-light) 50%,var(--color-warning-light) 100%);border-radius:var(--border-radius-full);border:1px solid var(--color-border)}.range-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:var(--border-radius-full);border:3px solid var(--color-white);box-shadow:0 2px 8px #0003;transition:all .3s ease}.range-marker.in-range{background:var(--color-success)}.range-marker.out-of-range{background:var(--color-error);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 2px 8px #0003}50%{box-shadow:0 2px 16px #ef444480}}.corrective-action-box{padding:var(--spacing-md);background:var(--color-warning-light);border-left:4px solid var(--color-warning);border-radius:var(--border-radius-sm)}.corrective-action-box p{margin:0;color:var(--color-text-primary);line-height:1.6}.recorded-by{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-background-secondary);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm)}.recorded-label{color:var(--color-text-secondary)}.recorded-value{color:var(--color-text-primary);font-weight:600}@media(max-width:768px){.temp-reading-card{flex-direction:column;padding:var(--spacing-lg)}.temp-value{font-size:2.5rem}.range-info{flex-direction:column;gap:var(--spacing-sm)}.range-separator{display:none}}.pest-control-detail{display:flex;flex-direction:column;gap:var(--spacing-lg)}.pest-status-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--border-radius-md)}.pest-status-header.status-approved{background:var(--color-success-light);color:var(--color-success-dark)}.pest-status-header.status-followup{background:var(--color-warning-light);color:var(--color-warning-dark)}.pest-status-header.status-treatment{background:var(--color-error-light);color:var(--color-error-dark)}.pest-status-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600}.pest-status-header p{margin:0;font-size:var(--font-size-sm);opacity:.9}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.detail-value{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:600}.findings-card{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-secondary);border-radius:var(--border-radius-md)}.findings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.findings-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.findings-value{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:600}.findings-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:600}.findings-badge.found{background:var(--color-error-light);color:var(--color-error-dark)}.findings-badge.not-found{background:var(--color-success-light);color:var(--color-success-dark)}.treatment-box,.products-box,.notes-box{padding:var(--spacing-md);background:var(--color-background-secondary);border-radius:var(--border-radius-md);border-left:4px solid var(--color-primary)}.treatment-box p,.products-box p,.notes-box p{margin:0;color:var(--color-text-primary);line-height:1.6;white-space:pre-wrap}.next-inspection{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-info-light);border-radius:var(--border-radius-md);color:var(--color-info-dark)}.next-inspection>div{display:flex;flex-direction:column;gap:var(--spacing-xs)}.next-label{font-size:var(--font-size-sm);font-weight:500}.next-date{font-size:var(--font-size-base);font-weight:600}@media(max-width:768px){.pest-status-header{flex-direction:column;text-align:center}.detail-grid{grid-template-columns:1fr}.findings-row{flex-direction:column;align-items:flex-start}}.poes-page{display:flex;flex-direction:column;height:calc(100vh - 60px);background:var(--bg-primary)}.poes-container{display:flex;flex:1;max-width:100%;margin:0;width:100%;padding:0;overflow:hidden}.poes-sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border-default);padding:1.5rem .5rem 1.5rem 0;overflow-y:auto;flex-shrink:0;height:100%}.poes-tabs{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.poes-tab{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;box-sizing:border-box}.poes-tab:hover{background:var(--interactive-hover);color:var(--text-primary)}.poes-tab.active{background:var(--color-primary);color:var(--white);box-shadow:var(--shadow-sm)}.poes-tab svg{flex-shrink:0;opacity:.9}.poes-content{flex:1;padding:1.5rem 2rem;overflow-y:auto;height:100%}.poes-section{animation:fadeIn .3s ease-out}.poes-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.poes-section-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.poes-section-header p{color:var(--text-secondary);font-size:.9375rem;margin:0}.poes-loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-secondary);font-size:.9375rem}.poes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.poes-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);padding:1rem;transition:all .2s ease}.poes-card.clickable{cursor:pointer}.poes-card.clickable:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.poes-card.clickable:focus{outline:2px solid var(--color-primary);outline-offset:2px}.poes-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.75rem}.poes-card-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;min-width:0}.poes-card-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.btn-icon-danger{display:flex;align-items:center;justify-content:center;padding:.375rem;background:transparent;border:1px solid var(--border-default);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-icon-danger:hover{background:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.btn-icon-danger:active{transform:scale(.95)}.poes-card-body{display:flex;flex-direction:column;gap:.375rem}.poes-card-body p{font-size:.875rem;color:var(--text-secondary);margin:0}.poes-card-body strong{color:var(--text-primary);font-weight:500}.poes-status{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.poes-status-pendiente{background:var(--warning-100);color:var(--warning-700)}.poes-status-en_progreso{background:var(--info-100);color:var(--info-700)}.poes-status-completado,.poes-status-ok{background:var(--success-100);color:var(--success-700)}.poes-status-alert{background:var(--danger-100);color:var(--danger-700)}.poes-status-aprobado{background:var(--success-100);color:var(--success-700)}.poes-status-requiere_seguimiento{background:var(--warning-100);color:var(--warning-700)}.poes-status-requiere_tratamiento{background:var(--danger-100);color:var(--danger-700)}@media(max-width:1024px){.poes-container{padding:0}.poes-sidebar{width:200px;padding:1.25rem .5rem 1.25rem 0}.poes-tab{padding:.75rem .875rem;font-size:.875rem}.poes-content{padding:1.25rem 1.5rem}.poes-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.poes-container{flex-direction:column}.poes-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-default);padding:.75rem 1rem;overflow-y:visible;height:auto}.poes-tabs{flex-direction:row;width:100%;gap:.5rem;overflow-x:auto;min-height:auto}.poes-tab{padding:.75rem 1rem;font-size:.875rem;gap:.625rem;flex-shrink:0}.poes-content{padding:1rem;height:auto;flex:1}.poes-section-header{flex-direction:column;align-items:stretch}.poes-section-header h2{font-size:1.25rem}.poes-list{grid-template-columns:1fr}}@media(max-width:480px){.poes-sidebar{padding:.5rem .75rem}.poes-tabs{gap:.375rem}.poes-tab{padding:.625rem .75rem;font-size:.8125rem;gap:.5rem}.poes-tab svg{width:16px;height:16px}.poes-content{padding:.75rem}.poes-section-header h2{font-size:1.125rem}.poes-section-header p{font-size:.875rem}}.site-manager{min-height:100vh;background:var(--bg-primary)}.sm-header{background:var(--gradient-primary);padding:40px 24px;margin-bottom:0;color:var(--white);position:relative;overflow:hidden}.sm-header:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.sm-header-content{position:relative;z-index:1;max-width:1200px;margin:0 auto}.sm-header-text h1{margin:0 0 12px;font-size:32px;font-weight:800;display:flex;align-items:center;gap:12px;letter-spacing:-.5px}.sm-title-icon{flex-shrink:0}.sm-subtitle{margin:0;font-size:16px;opacity:.95;font-weight:400;line-height:1.5}.sm-container{max-width:1200px;margin:0 auto;padding:40px 24px}.sm-wrapper{display:flex;flex-direction:column;gap:24px}.sm-info-card{display:flex;gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);transition:all .3s ease}.sm-info-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.sm-info-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary-100);border-radius:var(--border-radius-md);color:var(--color-primary);flex-shrink:0}.sm-info-content h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.sm-info-content p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}@media(max-width:768px){.sm-header{padding:32px 16px}.sm-header-text h1{font-size:24px}.sm-subtitle{font-size:14px}.sm-container{padding:32px 16px}.sm-info-card{padding:16px;gap:12px}.sm-info-icon{width:40px;height:40px}.sm-info-content h3{font-size:15px}.sm-info-content p{font-size:13px}}@media(max-width:480px){.sm-header{padding:24px 12px;margin-bottom:0}.sm-header-text h1{font-size:20px;gap:8px}.sm-title-icon{width:24px;height:24px}.sm-subtitle{font-size:13px}.sm-container{padding:24px 12px}.sm-wrapper{gap:16px}.sm-info-card{flex-direction:column;align-items:flex-start;padding:12px}.sm-info-icon{width:36px;height:36px}}@media(prefers-color-scheme:dark){.sm-header{background:var(--gradient-primary)}.sm-info-card{background:var(--bg-secondary);border-color:var(--border-default)}.sm-info-card:hover{border-color:var(--color-primary)}.sm-info-icon{background:var(--primary-900);color:var(--primary-300)}}.mar-page{padding:28px 20px;max-width:1200px;margin:0 auto}.mar-header{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:18px}.mar-header h1{margin:0;font-size:1.25rem;color:var(--text-primary)}.mar-title{display:inline-flex;align-items:center;gap:10px;font-weight:700}.mar-badge{background:var(--surface-pressed);color:var(--text-primary);padding:6px 10px;border-radius:999px;font-weight:600}.mar-controls{display:flex;gap:10px;align-items:center}.mar-search{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background-color:var(--surface-base);border:1px solid var(--border-default)}.mar-search input{border:none;background:transparent;outline:none;color:var(--text-primary);min-width:220px}.mar-header input,.mar-header select{height:36px;padding:6px 10px;border-radius:8px;border:1px solid var(--border-default);background-color:var(--surface-base);color:var(--text-primary);font-size:.95rem;padding-right:2.25rem}.mar-header input:focus,.mar-header select:focus{outline:3px solid var(--primary-100);outline-offset:2px}.mar-list{display:grid;grid-template-columns:1fr;gap:14px}.mar-card{display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;border-radius:12px;background:var(--surface-elevated);box-shadow:var(--shadow-sm);border:1px solid var(--border-default)}.mar-status-badge{padding:6px 10px;border-radius:999px;font-weight:600;font-size:.85rem}.mar-status-open .mar-status-badge{background:var(--info-color);color:var(--text-inverse)}.mar-status-in_progress .mar-status-badge{background:var(--warning-color);color:var(--text-inverse)}.mar-status-closed .mar-status-badge{background:var(--success-color);color:var(--text-inverse)}.mar-main{display:flex;flex-direction:column;gap:6px}.mar-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.mar-email{font-weight:700;color:var(--text-primary);word-break:break-word}.mar-meta{font-size:12px;color:var(--text-tertiary)}.mar-phone{color:var(--text-secondary);font-size:.95rem}.mar-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.mar-closed{display:flex;align-items:center;gap:8px;color:var(--text-tertiary)}.mar-empty{padding:28px;text-align:center;color:var(--text-tertiary)}.mar-pagination{display:flex;gap:8px;margin-top:12px;align-items:center}.mar-pagination-info{font-size:.95rem;color:var(--text-primary)}.mar-status-open{border-left:4px solid var(--info-color)}.mar-status-in_progress{border-left:4px solid var(--warning-color)}.mar-status-closed{border-left:4px solid var(--success-color);opacity:.95}.mar-card .btn-primary,.mar-card .btn-secondary,.btn-tertiary{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px}.btn-primary{background:var(--gradient-primary);color:var(--white)}.btn-secondary{background:var(--surface-base);color:var(--text-primary);border:1px solid var(--border-default)}.btn-tertiary{background:transparent;border:1px solid var(--border-default);color:var(--text-primary)}@media(min-width:700px){.mar-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.mar-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.mar-page{padding:20px 16px}.mar-header{flex-direction:column;align-items:stretch;gap:12px}.mar-header h1{font-size:1.125rem}.mar-controls{flex-direction:column;gap:8px;width:100%}.mar-search{width:100%}.mar-search input{min-width:0;width:100%}.mar-header input,.mar-header select{width:100%}.mar-list{grid-template-columns:1fr}.mar-card{padding:14px}}@media(max-width:480px){.mar-page{padding:16px 12px}.mar-header h1{font-size:1rem}.mar-title{gap:8px}.mar-badge{padding:4px 8px;font-size:.8rem}.mar-card{padding:12px;gap:10px}.mar-email{font-size:.875rem}.mar-phone{font-size:.85rem}.mar-meta{font-size:11px}.mar-actions{flex-direction:column;gap:6px;width:100%}.mar-actions button{width:100%;justify-content:center;min-height:40px}.mar-status-badge{font-size:.8rem;padding:5px 8px}}.no-business-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;border-radius:var(--border-radius-lg);background:var(--bg-secondary);border:2px dashed var(--border-default);gap:1rem;text-align:center}.no-business-message svg{color:var(--color-warning);opacity:.8}.no-business-message h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.no-business-message p{margin:0;max-width:400px;color:var(--text-secondary);font-size:.9375rem}.inventory-controls-wrapper{display:flex;gap:1rem;margin-bottom:2rem;align-items:flex-end;flex-wrap:wrap}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.alert-card{display:flex;gap:1rem;padding:1rem;border-radius:var(--border-radius-md);border-left:4px solid transparent;transition:all .2s}.alert-card h3{margin:0;font-size:.875rem;font-weight:600}.alert-card p{margin:.25rem 0 0;font-size:.75rem;opacity:.8}.alert-card svg{flex-shrink:0;width:24px;height:24px}.alert-warning{background-color:var(--bg-warning-light);color:var(--warning-color);border-left-color:var(--warning-color)}.alert-danger{background-color:var(--bg-danger-light);color:var(--color-danger);border-left-color:var(--color-danger)}.inventory-controls{display:flex;gap:1rem;flex:1;flex-wrap:wrap}.btn-primary-icon{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--gradient-primary);color:var(--white);border:none;border-radius:var(--border-radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;box-shadow:var(--shadow);white-space:nowrap;flex-shrink:0}.btn-primary-icon:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary-icon:disabled{opacity:.6;cursor:not-allowed;transform:none}.search-box{display:flex;align-items:center;gap:.5rem;flex:1;min-width:250px;padding:0 1rem;background-color:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--border-radius-md);transition:all .2s}.search-box:focus-within{border-color:var(--primary-600);box-shadow:0 0 0 3px var(--primary-100)}.search-box svg{color:var(--text-secondary);flex-shrink:0}.search-input{flex:1;padding:.75rem 0;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;outline:none}.search-input::-moz-placeholder{color:var(--text-secondary)}.search-input::placeholder{color:var(--text-secondary)}.filter-controls{display:flex;gap:.75rem}.filter-select{padding:.75rem 2.25rem .75rem 1rem;background-color:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s}.filter-select:hover{border-color:var(--primary-600)}.filter-select:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 0 3px var(--primary-100)}.loading-state{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--text-secondary)}.inventory-cards-container{display:none}.inventory-table{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);overflow:visible;box-shadow:var(--shadow-lg);display:block;position:relative}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table thead{background:linear-gradient(135deg,var(--surface-elevated) 0%,var(--bg-secondary) 100%);border-bottom:2px solid var(--border-subtle)}.table thead tr{display:table-row}.table th{padding:1rem;text-align:left;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.6px;font-size:.7rem;height:60px;display:table-cell;vertical-align:middle}.table tbody tr{border-bottom:1px solid var(--border-subtle);transition:all .2s cubic-bezier(.4,0,.2,1);display:table-row}.table tbody tr:hover{background-color:var(--interactive-hover);box-shadow:inset 0 0 0 1px var(--border-default)}.table-row-normal:hover{background-color:var(--bg-secondary)}.table-row-warning{background:linear-gradient(90deg,var(--bg-warning-xlight) 0%,transparent 50%)}.table-row-warning:hover{background:linear-gradient(90deg,var(--bg-warning-light) 0%,var(--interactive-hover) 50%)}.table-row-critical{background:linear-gradient(90deg,var(--bg-danger-xlight) 0%,transparent 50%)}.table-row-critical:hover{background:linear-gradient(90deg,var(--bg-danger-light) 0%,var(--interactive-hover) 50%)}.table-row-excess{background:linear-gradient(90deg,var(--bg-info-xlight) 0%,transparent 50%)}.table-row-excess:hover{background:linear-gradient(90deg,var(--bg-info-light) 0%,var(--interactive-hover) 50%)}.table td{padding:1rem;vertical-align:middle;transition:color .2s;display:table-cell;height:70px}.table th:nth-child(1),.table td:nth-child(1){width:30%}.table th:nth-child(2),.table td:nth-child(2){width:15%}.table th:nth-child(3),.table td:nth-child(3){width:12%;text-align:left}.table th:nth-child(4),.table td:nth-child(4){width:15%}.table th:nth-child(5),.table td:nth-child(5){width:18%}.table th:nth-child(6),.table td:nth-child(6){width:10%;text-align:center}.cell-name{font-weight:600;position:relative}.cell-name:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-600);border-radius:3px;opacity:0;transition:opacity .2s}.table tbody tr:hover .cell-name:before{opacity:1}.item-name{display:flex;flex-direction:column;gap:.25rem}.item-name h4{margin:0;color:var(--text-primary);font-size:.95rem}.item-name small{color:var(--text-secondary);font-size:.75rem}.cell-sku{color:var(--text-secondary);font-family:Monaco,Courier New,monospace;font-weight:500;font-size:.8rem;letter-spacing:.5px}.sku-badge{display:inline-block;background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px}.cell-type{text-align:center}.badge{display:inline-flex;align-items:center;padding:.35rem .875rem;border-radius:var(--border-radius-sm);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;transition:all .2s}.badge-info{background:linear-gradient(135deg,var(--bg-info-light) 0%,var(--primary-50) 100%);color:var(--primary-700);border:1px solid var(--primary-200)}.cell-quantity{display:flex;flex-direction:column;gap:.5rem}.cell-quantity strong{color:var(--text-primary);font-size:1rem;display:flex;align-items:baseline;gap:.25rem}.cell-quantity small{color:var(--text-secondary);font-size:.75rem}.cell-quantity-critical{color:var(--color-danger)}.cell-quantity-critical strong{color:var(--color-danger);font-weight:700;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.7}}.cell-quantity-warning,.cell-quantity-warning strong{color:var(--warning-color)}.cell-prices{display:flex;flex-direction:column;gap:.5rem}.price-info{display:flex;flex-direction:column;gap:.35rem}.cost{color:var(--text-secondary);font-size:.8rem}.selling{color:var(--text-primary);font-weight:600;font-size:.9rem}.cell-expiration{display:flex;flex-direction:column;gap:.35rem}.exp-date{font-weight:600;color:var(--text-primary)}.cell-expiration small{font-size:.75rem;font-weight:500;padding:.2rem .4rem;border-radius:3px;width:-moz-fit-content;width:fit-content}.cell-expiration-expired small,.cell-expiration-urgent small{background:var(--bg-danger-light);color:var(--color-danger)}.cell-expiration-warning small{background:var(--bg-warning-light);color:var(--warning-color)}.cell-expiration-ok small{background:var(--bg-success-light);color:var(--success-color)}.text-secondary{color:var(--text-secondary)}.cell-actions{display:flex;gap:.25rem;justify-content:center;align-items:center;min-width:40px;max-width:40px}.btn-action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--surface-base);cursor:pointer;transition:all .2s;color:var(--text-secondary);font-weight:500;flex-shrink:0}.btn-action:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-action:active:not(:disabled){transform:translateY(0)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-edit{color:var(--primary-600)}.btn-edit:hover:not(:disabled){background-color:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.btn-delete{color:var(--color-danger)}.btn-delete:hover:not(:disabled){background-color:var(--bg-danger-light);border-color:var(--color-danger);color:var(--color-danger)}@media(max-width:1200px){.table th,.table td{padding:1rem;font-size:.8rem}.table th:nth-child(1),.table td:nth-child(1){width:20%;padding-left:1rem}}@media(max-width:1024px){.table th,.table td{padding:.875rem;font-size:.75rem}.btn-action{width:36px;height:36px}.cell-name{min-width:140px}}@media(max-width:768px){.inventory-controls-wrapper{flex-direction:column;align-items:stretch}.alerts-grid{grid-template-columns:1fr;gap:.75rem}.inventory-controls{flex-direction:column;gap:.75rem}.search-box{min-width:auto;width:100%}.filter-controls{width:100%;flex-direction:column}.filter-select{width:100%}.btn-primary-icon{width:100%;justify-content:center}.inventory-table{display:none}.inventory-cards-container{display:grid;grid-template-columns:1fr;gap:1rem}.inventory-card{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);padding:1rem;display:flex;flex-direction:column;gap:.875rem;box-shadow:var(--shadow-md);transition:all .2s cubic-bezier(.4,0,.2,1)}.inventory-card:active{transform:scale(.98);box-shadow:var(--shadow)}.inventory-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;background:var(--border-subtle)}.inventory-card{position:relative;padding-top:1.25rem}.inventory-card.card-warning:before{background:var(--warning-color)}.inventory-card.card-critical:before{background:var(--color-danger)}.inventory-card.card-excess:before{background:var(--primary-600)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.card-title-group{flex:1}.card-title-group h4{margin:0 0 .35rem;font-size:1rem;color:var(--text-primary);font-weight:700;word-break:break-word}.card-sku{font-family:Monaco,Courier New,monospace;font-size:.75rem;color:var(--text-secondary);margin:0;letter-spacing:.3px}.card-badge{display:inline-flex;align-items:center;padding:.35rem .875rem;background:linear-gradient(135deg,var(--bg-info-light) 0%,var(--primary-50) 100%);color:var(--primary-700);border-radius:var(--border-radius-sm);font-size:.65rem;font-weight:700;text-transform:uppercase;white-space:nowrap;flex-shrink:0;letter-spacing:.5px}.card-stock{display:flex;justify-content:space-between;align-items:center;padding:.875rem;background:var(--interactive-hover);border-radius:var(--border-radius-md);font-size:.8rem;border:1px solid var(--border-subtle)}.stock-label{color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-size:.7rem}.stock-value{color:var(--text-primary);font-weight:700;font-size:1rem}.stock-value.critical{color:var(--color-danger);animation:blink 1.5s ease-in-out infinite}.stock-value.warning{color:var(--warning-color)}.card-prices{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;padding:.875rem;background:var(--bg-secondary);border-radius:var(--border-radius-md)}.price-item{display:flex;flex-direction:column;gap:.25rem;text-align:center}.price-label{color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.65rem;letter-spacing:.3px}.price-value{color:var(--text-primary);font-weight:700;font-size:.95rem}.card-expiration{display:flex;flex-direction:column;gap:.5rem;padding:.875rem;background:var(--interactive-hover);border-radius:var(--border-radius-md);font-size:.8rem;border:1px solid var(--border-subtle)}.exp-label{color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.3px}.exp-value{color:var(--text-primary);font-weight:700;display:flex;justify-content:space-between;align-items:center}.exp-value.expired:after,.exp-value.urgent:after{content:"!";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-danger);color:var(--white);border-radius:50%;font-weight:700;font-size:.75rem}.exp-value.warning:after{content:"⚠";font-size:1rem}.exp-value.ok:after{content:"✓";color:var(--success-color);font-weight:700}.exp-value.expired,.exp-value.urgent{color:var(--color-danger)}.exp-value.warning{color:var(--warning-color)}.exp-value.ok{color:var(--success-color)}.card-meta{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;font-size:.75rem}.meta-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:var(--bg-secondary);border-radius:4px}.meta-label{color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.65rem;letter-spacing:.3px}.meta-value{color:var(--text-primary);word-break:break-word;font-size:.8rem;font-weight:500}.card-footer{display:flex;gap:.5rem;padding-top:.875rem;border-top:1px solid var(--border-default)}.card-footer .btn-action{flex:1;width:100%;height:auto;padding:.75rem;font-size:.8rem;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;gap:.5rem}.card-footer .btn-action svg{width:16px;height:16px}}.add-member-form,.edit-member-form{display:flex;flex-direction:column;gap:var(--border-radius-md)}.form-error-block{display:flex;align-items:flex-start;gap:12px;padding:12px var(--border-radius-md);background:var(--gradient-red-light);border-left:4px solid var(--color-danger);border-radius:var(--border-radius-sm);margin-bottom:var(--border-radius-md);animation:slideIn .3s ease-out}.form-error-block .error-icon{color:var(--color-danger);flex-shrink:0;margin-top:2px}.form-error-block span{color:var(--text-primary);font-size:14px;line-height:1.4}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-weight:500;font-size:14px;color:var(--text-primary)}.form-input,.form-select{padding:10px 12px;border:1px solid var(--border-default);border-radius:var(--border-radius-sm);font-size:14px;font-family:inherit;color:var(--text-primary);background:var(--bg-primary);transition:border-color .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.form-input.input-error,.form-select.input-error{border-color:var(--color-danger)}.form-input.input-error:focus,.form-select.input-error:focus{box-shadow:var(--shadow-sm)}.form-input::-moz-placeholder{color:var(--text-tertiary)}.form-input::placeholder{color:var(--text-tertiary)}.field-error{font-size:12px;color:var(--color-danger);font-weight:500}.field-hint{font-size:12px;color:var(--text-tertiary);font-style:italic}.member-display{padding:12px;border:1px solid var(--border-default);border-radius:var(--border-radius-sm);background:var(--bg-secondary);display:flex;flex-direction:column;gap:6px}.member-display .member-name{font-size:14px;font-weight:500;color:var(--text-primary)}.member-display .member-email{font-size:13px;color:var(--text-secondary);font-style:italic}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:var(--border-radius-md);padding-top:var(--border-radius-md);border-top:1px solid var(--border-default)}.btn{padding:10px 20px;border:none;border-radius:var(--border-radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-strong)}.btn-secondary:active:not(:disabled){background:var(--interactive-active)}.btn-danger{background:var(--gradient-red-light);color:var(--color-danger);border:1px solid var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:var(--white);box-shadow:var(--shadow-sm)}.btn-danger:active:not(:disabled){transform:scale(.98)}.manage-business{max-width:1000px;margin:0 auto;padding:var(--spacing-lg, 24px);display:flex;flex-direction:column;gap:var(--spacing-xl, 32px)}.mb-tabs{display:flex;gap:var(--spacing-sm, 8px);background:var(--bg-secondary);padding:var(--spacing-sm, 8px);border-radius:var(--border-radius-lg, 12px);border:1px solid var(--border-default);overflow-x:auto;scrollbar-width:thin}.mb-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 8px);padding:var(--spacing-md, 12px) var(--spacing-lg, 24px);border:none;border-radius:var(--border-radius-md, 8px);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mb-tab:hover{background:var(--interactive-hover);color:var(--text-primary)}.mb-tab.active{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow)}.mb-tab svg{flex-shrink:0}.mb-header{background:var(--gradient-primary);padding:var(--spacing-xl, 32px);border-radius:var(--border-radius-lg, 12px);color:var(--white);box-shadow:var(--shadow-md)}.mb-header-content{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.mb-header-content h1{margin:0;font-size:32px;font-weight:700;letter-spacing:-.5px}.mb-header-content .mb-muted{margin:0;opacity:.85;font-size:13px;font-weight:500;letter-spacing:.3px}.mb-card h2{margin:0 0 var(--spacing-lg, 24px) 0;font-size:20px;font-weight:700;color:var(--text-primary)}.mb-field{margin-bottom:var(--spacing-lg, 24px);display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md, 8px);padding:12px 16px;transition:box-shadow .18s ease,transform .18s ease}.mb-field:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.mb-field label{display:block;margin:0;font-weight:700;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.6px}.mb-field>:not(label){color:var(--text-primary);font-size:15px;line-height:1.5;margin-top:6px;word-break:break-word;padding-left:var(--spacing-md, 12px)}@media(min-width:700px){.mb-field{display:grid;grid-template-columns:var(--mb-label-width, 180px) 1fr;align-items:center;gap:0 var(--spacing-lg, 24px);padding:14px 18px}.mb-field label{margin:0;font-size:13px;text-align:left}.mb-field>:not(label){margin-top:0;margin-left:0;text-align:left;flex:none;padding-left:var(--spacing-md, 12px)}.mb-field .field-value,.mb-field input,.mb-field textarea,.mb-field .value-wrapper{width:100%;max-width:100%}}.mb-field .btn-edit,.mb-field .btn-save,.mb-field .btn-cancel{margin-right:var(--spacing-md, 12px)}.mb-display{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg, 24px);padding:var(--spacing-lg, 24px);border:1px solid var(--border-default);border-radius:var(--border-radius-md, 8px);background:var(--bg-primary);transition:all .2s ease;box-shadow:var(--shadow-xs)}.mb-display:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.mb-display p{margin:0;color:var(--text-primary);flex:1;font-size:16px;line-height:1.6;word-break:break-word;font-weight:500}.mb-edit-actions{display:flex;gap:var(--spacing-sm, 8px);justify-content:flex-end;width:100%;margin-top:var(--spacing-sm, 8px)}.btn-edit,.btn-save,.btn-cancel,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:var(--border-radius-md, 8px);font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:40px;font-weight:600;letter-spacing:.2px}.btn-edit{background:var(--bg-secondary);color:var(--color-primary);border:1px solid var(--border-default);flex-shrink:0;padding:8px 14px;font-size:13px;min-height:36px;font-weight:600;transition:all .2s ease;cursor:pointer}.btn-edit:hover:not(:disabled){border-color:var(--color-primary);background:var(--bg-primary)}.btn-edit:active:not(:disabled){transform:translateY(0)}.btn-edit:disabled{opacity:.5;cursor:not-allowed}.btn-save{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-sm);flex:1;min-width:120px}.btn-cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default);flex:1;min-width:120px}.btn-cancel:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-default)}.btn-cancel:active:not(:disabled){transform:scale(.96)}@media(max-width:1099px){.manage-business{max-width:900px}.mb-header{padding:var(--spacing-lg, 24px)}.mb-header-content h1{font-size:28px}.mb-card{padding:var(--spacing-lg, 24px)}.mb-field label{font-size:12px}.mb-display{padding:var(--spacing-lg, 24px);flex-direction:row;align-items:center}.mb-display p{font-size:15px;min-width:150px}.btn-edit{padding:8px 12px;font-size:12px;min-height:36px}.btn-save,.btn-cancel{padding:10px 14px;font-size:13px}.members-table th,.member-row td{padding:12px 14px}.members-table th{font-size:12px}.btn-member-action{width:34px;height:34px}.mb-members-header{gap:var(--spacing-md, 16px)}}@media(max-width:768px){.manage-business{padding:var(--spacing-md, 16px);gap:var(--spacing-lg, 24px);max-width:100%}.mb-tabs{flex-direction:column;gap:var(--spacing-xs, 4px)}.mb-tab{flex:none;justify-content:flex-start;padding:var(--spacing-sm, 8px) var(--spacing-md, 12px)}.mb-header{padding:var(--spacing-lg, 24px)}.mb-header-content h1{font-size:24px;margin-bottom:var(--spacing-sm, 8px)}.mb-header-content .mb-muted{font-size:12px}.mb-card{padding:var(--spacing-lg, 24px)}.mb-card h2{font-size:18px;margin-bottom:var(--spacing-md, 16px)}.mb-field{margin-bottom:var(--spacing-md, 16px)}.mb-field label{font-size:12px;margin-bottom:var(--spacing-xs, 4px)}.mb-field input,.mb-field textarea{padding:10px var(--spacing-sm, 8px);font-size:14px}.mb-display{padding:var(--spacing-md, 16px);flex-direction:column;align-items:flex-start;gap:var(--spacing-sm, 8px)}.mb-display p{font-size:14px;width:100%;min-width:auto}.mb-display .btn-edit{width:100%;margin-top:var(--spacing-sm, 8px)}.mb-edit-group{gap:var(--spacing-sm, 8px)}.mb-edit-actions{flex-direction:column;gap:var(--spacing-sm, 8px)}.btn-save,.btn-cancel{width:100%;padding:10px var(--spacing-sm, 8px);font-size:13px;min-width:auto}.members-table{font-size:12px}.members-table th,.member-row td{padding:10px 8px}.members-table th.th-status,.member-status-cell{display:none}.btn-member-action{width:32px;height:32px}.btn-member-action svg{width:14px;height:14px}.mb-members-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md, 16px)}.btn-add-member{width:100%}.member-role-badge{padding:4px 8px;font-size:11px}.member-role-badge svg{width:12px;height:12px}.badge-active,.badge-inactive{padding:4px 8px;font-size:11px}}@media(max-width:480px){.manage-business{padding:var(--spacing-sm, 8px);gap:var(--spacing-md, 16px)}.mb-header{padding:var(--spacing-md, 16px);border-radius:var(--border-radius-md, 8px)}.mb-header-content h1{font-size:20px;margin-bottom:var(--spacing-xs, 4px)}.mb-header-content .mb-muted{font-size:11px}.mb-card{padding:var(--spacing-md, 16px);border-radius:var(--border-radius-md, 8px)}.mb-card h2{font-size:16px;margin-bottom:var(--spacing-sm, 8px)}.mb-field{margin-bottom:var(--spacing-sm, 8px)}.mb-field label{font-size:11px;margin-bottom:var(--spacing-xs, 4px)}.mb-field input,.mb-field textarea{padding:8px 10px;font-size:14px;border-radius:var(--border-radius-sm, 6px)}.mb-display{padding:var(--spacing-sm, 8px);flex-direction:column;gap:var(--spacing-xs, 4px);border-radius:var(--border-radius-sm, 6px)}.mb-display p{font-size:13px;line-height:1.5}.mb-display .btn-edit{width:100%;padding:8px 10px;font-size:12px;min-height:36px;margin-top:var(--spacing-xs, 4px)}.mb-edit-group,.mb-edit-actions{gap:var(--spacing-xs, 4px)}.btn-save,.btn-cancel{width:100%;padding:8px 10px;font-size:12px}.members-table{font-size:11px}.members-table th,.member-row td{padding:8px 6px}.members-table th.th-name{width:40%}.members-table th.th-role{width:35%}.members-table th.th-actions{width:25%}.member-name{font-size:13px}.btn-member-action{width:30px;height:30px;padding:0}.btn-member-action svg{width:13px;height:13px}.member-role-badge{padding:3px 6px;font-size:10px}.member-role-badge svg{width:10px;height:10px}.badge-active,.badge-inactive{padding:3px 6px;font-size:10px}.btn-add-member{width:100%;padding:10px 12px;font-size:13px}.mb-members-header{gap:var(--spacing-sm, 8px)}}@media(prefers-color-scheme:dark){.mb-field input,.mb-field textarea{background:var(--bg-secondary)}.mb-field input:focus,.mb-field textarea:focus{background:var(--bg-primary);box-shadow:var(--shadow-md)}.mb-display{background:var(--bg-secondary)}.mb-display:hover{background:var(--bg-tertiary)}}.mb-card{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg, 12px);padding:var(--spacing-xl, 32px);box-shadow:var(--shadow);transition:all .3s ease}.mb-card:hover{box-shadow:var(--shadow-md)}.mb-card h2{margin:0 0 var(--spacing-lg, 24px) 0;font-size:20px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm, 8px)}.mb-card.mb-card-danger{border-color:var(--color-danger);background:var(--danger-50)}.mb-muted{color:var(--text-secondary);font-size:14px;margin:0}.mb-field{margin-bottom:var(--spacing-lg, 24px)}.mb-field:last-child{margin-bottom:0}.mb-field label{display:block;margin-bottom:var(--spacing-sm, 8px);font-weight:600;color:var(--text-primary);font-size:14px}.mb-field input,.mb-field textarea{width:100%;padding:var(--spacing-md, 12px) var(--spacing-md, 12px);border:1px solid var(--border-default);border-radius:var(--border-radius-md, 8px);font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--bg-secondary);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.mb-field input:focus,.mb-field textarea:focus{outline:none;border-color:var(--color-primary);background:var(--bg-primary);box-shadow:var(--shadow-sm)}.mb-field input:disabled,.mb-field textarea:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.mb-field textarea{resize:vertical;min-height:100px;line-height:1.5}.mb-display{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg, 24px);padding:var(--spacing-sm, 8px) 0;min-height:44px}.mb-display p{margin:0;color:var(--text-primary);flex:1;font-size:15px;line-height:1.5}.mb-edit-group{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);width:100%}.mb-edit-actions{display:flex;gap:var(--spacing-sm, 8px);justify-content:flex-end}.btn-edit,.btn-save,.btn-cancel,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:var(--border-radius-md, 8px);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:40px}.btn-edit{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.btn-edit:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.btn-edit:active:not(:disabled){transform:scale(.98)}.btn-save{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-sm);flex:1}.btn-save:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-save:active:not(:disabled){transform:translateY(0)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default);flex:1}.btn-cancel:hover:not(:disabled){background:var(--bg-tertiary)}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:var(--gradient-red);color:var(--white);width:100%;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.mb-members-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg, 24px);margin-bottom:var(--spacing-lg, 24px);flex-wrap:wrap}.mb-members-header h2{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.btn-add-member{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:var(--gradient-primary);color:var(--white);border:none;border-radius:var(--border-radius-md, 8px);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);flex-shrink:0;min-height:40px}.btn-add-member:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-add-member:active{transform:translateY(0)}.btn-add-member:disabled{opacity:.6;cursor:not-allowed}.mb-members{margin-top:var(--spacing-lg, 24px);overflow-x:auto;border-radius:var(--border-radius-md, 8px);border:1px solid var(--border-default)}.members-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--bg-primary)}.members-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-default)}.members-table th{padding:14px 16px;text-align:left;font-weight:700;color:var(--text-primary);white-space:nowrap;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.members-table th.th-name{width:35%}.members-table th.th-role{width:25%}.members-table th.th-status{width:15%}.members-table th.th-actions{width:25%;text-align:right}.members-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background-color .2s ease}.members-table tbody tr:hover{background-color:var(--bg-secondary)}.members-table tbody tr:last-child{border-bottom:none}.member-row td{padding:14px 16px;vertical-align:middle}.member-name-cell{font-weight:600;color:var(--text-primary)}.member-name{display:block;color:var(--text-primary);font-size:14px}.member-role-cell{color:var(--text-secondary)}.member-role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--primary-100);border-radius:var(--border-radius-sm, 6px);color:var(--color-primary);font-size:12px;font-weight:600;width:-moz-fit-content;width:fit-content}.member-role-badge svg{width:14px;height:14px;flex-shrink:0}.member-status-cell{text-align:center}.member-actions-cell{text-align:right}.member-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.badge-active{display:inline-block;padding:6px 10px;background:var(--success-100);color:var(--color-success);border-radius:var(--border-radius-sm, 6px);font-size:12px;font-weight:600}.badge-inactive{display:inline-block;padding:6px 10px;background:var(--gray-100);color:var(--text-secondary);border-radius:var(--border-radius-sm, 6px);font-size:12px;font-weight:600}.btn-member-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border-default);border-radius:var(--border-radius-sm, 6px);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-member-action svg{width:16px;height:16px}.btn-member-action:hover:not(:disabled){background:var(--interactive-hover);border-color:var(--color-primary);color:var(--color-primary)}.btn-member-action:active:not(:disabled){background:var(--interactive-active);transform:scale(.95)}.btn-member-action:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.btn-member-action.btn-remove:hover:not(:disabled){color:var(--color-danger);border-color:var(--color-danger)}@media(max-width:768px){.manage-business{padding:var(--spacing-md, 16px);gap:var(--spacing-lg, 24px)}.mb-header{padding:var(--spacing-lg, 24px)}.mb-header-content h1{font-size:24px}.mb-card{padding:var(--spacing-lg, 24px)}.mb-members-header{flex-direction:column;align-items:stretch}.btn-add-member{width:100%}.members-table{font-size:13px}.members-table th,.member-row td{padding:10px 12px}.members-table th.th-status,.member-status-cell{display:none}.btn-member-action{width:32px;height:32px}.btn-member-action svg{width:14px;height:14px}.mb-edit-actions{flex-direction:column}.btn-save,.btn-cancel{width:100%}.mb-display{flex-direction:column;align-items:flex-start}}.mb-settings-header{margin-bottom:var(--spacing-xl, 32px);padding-bottom:var(--spacing-lg, 24px);border-bottom:1px solid var(--border-default)}.mb-settings-header h2{display:flex;align-items:center;gap:var(--spacing-md, 12px);margin:0 0 var(--spacing-sm, 8px) 0;font-size:24px;font-weight:700;color:var(--text-primary)}.mb-settings-header h2 svg{color:var(--color-primary)}.mb-settings-form{display:flex;flex-direction:column;gap:var(--spacing-xl, 32px)}.mb-settings-section-modern{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px);padding:var(--spacing-xl, 32px);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg, 12px);transition:all .3s ease}.mb-settings-section-modern:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.section-header{display:flex;gap:var(--spacing-lg, 24px);align-items:center}.section-icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;min-width:56px;background:var(--gradient-primary);border-radius:var(--border-radius-lg, 12px);color:var(--white);box-shadow:var(--shadow)}.section-info{flex:1}.section-info h3{margin:0 0 var(--spacing-xs, 8px) 0;font-size:20px;font-weight:700;color:var(--text-primary)}.section-description{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.6}.tables-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md, 16px)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md, 12px);padding:var(--spacing-lg, 24px);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-md, 8px);transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:var(--border-radius-md, 8px);background:var(--primary-100);color:var(--color-primary)}.stat-card.stat-primary .stat-icon{background:var(--primary-100);color:var(--color-primary)}.stat-card.stat-success .stat-icon{background:var(--success-100);color:var(--color-success)}.stat-card.stat-info .stat-icon{background:var(--info-100);color:var(--color-info)}.stat-content{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.stat-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.mb-form-group-modern{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.mb-form-group-modern label{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs, 4px)}.mb-form-group-modern .required{color:var(--color-danger)}.input-with-preview{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.mb-form-input-modern{width:100%;padding:14px 16px;border:2px solid var(--border-default);border-radius:var(--border-radius-md, 8px);font-size:16px;font-weight:600;color:var(--text-primary);background:var(--bg-primary);transition:all .2s ease;box-shadow:var(--shadow-xs)}.mb-form-input-modern:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.mb-form-input-modern.error{border-color:var(--color-danger)}.mb-form-input-modern.error:focus{box-shadow:var(--shadow-sm)}.input-range-bar{height:8px;background:var(--bg-tertiary);border-radius:999px;overflow:hidden;position:relative}.input-range-fill{height:100%;background:var(--gradient-primary);border-radius:999px;transition:width .3s ease;box-shadow:var(--shadow-sm)}.form-error-message{display:flex;align-items:center;gap:var(--spacing-xs, 6px);padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);background:var(--danger-100);border:1px solid var(--color-danger);border-radius:var(--border-radius-sm, 6px);color:var(--color-danger);font-size:13px;font-weight:600}.form-error-message svg{flex-shrink:0}.input-hint-box{display:flex;align-items:flex-start;gap:var(--spacing-sm, 10px);padding:var(--spacing-md, 12px);background:var(--info-50);border:1px solid var(--info-200);border-radius:var(--border-radius-sm, 6px);color:var(--text-secondary);font-size:13px;line-height:1.5}.input-hint-box svg{flex-shrink:0;color:var(--color-info);margin-top:2px}.mb-info-section{display:flex;gap:var(--spacing-lg, 20px);padding:var(--spacing-lg, 24px);background:var(--info-50);border:1px solid var(--info-200);border-left:4px solid var(--color-info);border-radius:var(--border-radius-md, 8px)}.info-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;background:var(--info-100);border-radius:var(--border-radius-md, 8px);color:var(--color-info)}.info-content{flex:1}.info-content h4{margin:0 0 var(--spacing-sm, 8px) 0;font-size:16px;font-weight:700;color:var(--text-primary)}.info-content p{margin:0 0 var(--spacing-sm, 8px) 0;font-size:14px;color:var(--text-secondary);line-height:1.6}.info-content p:last-child{margin-bottom:0}.info-secondary{font-size:13px;color:var(--text-tertiary)}.info-secondary strong{color:var(--color-info);font-weight:600}.mb-settings-actions{display:flex;gap:var(--spacing-md, 12px);padding-top:var(--spacing-lg, 24px);border-top:1px solid var(--border-default)}.btn-save-modern{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 8px);padding:14px 28px;background:var(--gradient-primary);color:var(--white);border:none;border-radius:var(--border-radius-md, 8px);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md);flex:1;min-height:48px}.btn-save-modern:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-save-modern:active:not(:disabled){transform:translateY(0)}.btn-save-modern:disabled{opacity:.6;cursor:not-allowed}.btn-reset-modern{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-default);border-radius:var(--border-radius-md, 8px);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px}.btn-reset-modern:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-strong)}.btn-reset-modern:active:not(:disabled){transform:scale(.98)}.btn-reset-modern:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.mb-settings-section-modern{padding:var(--spacing-lg, 24px)}.section-header{flex-direction:column;gap:var(--spacing-md, 16px)}.section-icon-wrapper{width:48px;height:48px;min-width:48px}.tables-stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--spacing-md, 16px)}.stat-value{font-size:24px}.mb-settings-actions{flex-direction:column}.btn-save-modern,.btn-reset-modern{width:100%}.mb-info-section{flex-direction:column;gap:var(--spacing-md, 16px)}}@media(max-width:480px){.mb-settings-section-modern{padding:var(--spacing-md, 16px)}.section-icon-wrapper{width:44px;height:44px;min-width:44px}.section-info h3{font-size:18px}.section-description{font-size:13px}.stat-icon{width:40px;height:40px;min-width:40px}.stat-value{font-size:22px}.mb-form-input-modern{padding:12px 14px;font-size:15px}.btn-save-modern,.btn-reset-modern{padding:12px 20px;font-size:14px;min-height:44px}}.mb-settings-section{display:flex;flex-direction:column;gap:var(--spacing-md, 12px)}.mb-settings-section h3{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.mb-settings-description{color:var(--text-secondary);font-size:14px;margin:0}.mb-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs, 8px)}.mb-form-group label{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs, 4px)}.mb-form-group .required{color:var(--color-danger)}.mb-tooltip-hint{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--interactive-hover);color:var(--text-secondary);font-size:12px;cursor:help;margin-left:var(--spacing-xs, 4px)}.mb-form-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.mb-form-input{padding:10px 14px;border:1px solid var(--border-default);border-radius:var(--border-radius-md, 8px);font-size:14px;color:var(--text-primary);background:var(--bg-primary);transition:all .2s ease}.mb-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.mb-form-input.error{border-color:var(--color-danger)}.mb-form-input.error:focus{box-shadow:var(--shadow-sm)}.mb-input-hint{font-size:12px;color:var(--text-tertiary)}.mb-form-error{font-size:12px;color:var(--color-danger);margin-top:var(--spacing-xs, 4px)}@media(max-width:480px){.manage-business{padding:var(--spacing-md, 16px);gap:var(--spacing-md, 16px)}.mb-header{padding:var(--spacing-md, 16px)}.mb-header-content h1{font-size:20px}.mb-card{padding:var(--spacing-md, 16px)}.mb-field{margin-bottom:var(--spacing-md, 16px)}.members-table th,.member-row td{padding:8px 10px}.btn-member-action{width:32px;height:32px}}@media(prefers-color-scheme:dark){.mb-field input,.mb-field textarea{background:var(--bg-secondary)}.mb-field input:focus,.mb-field textarea:focus{background:var(--bg-primary);box-shadow:var(--shadow-md)}}.floors-container-mb{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);margin-top:var(--spacing-md, 16px)}.floors-header-mb{display:flex;justify-content:flex-start}.btn-add-floor-mb{display:flex;align-items:center;gap:var(--spacing-xs, 8px);padding:var(--spacing-sm, 10px) var(--spacing-md, 16px);background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:var(--border-radius-md, 8px);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-floor-mb:hover{background:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-add-floor-mb:active{transform:translateY(0)}.floors-empty-mb{padding:var(--spacing-xl, 32px);text-align:center;background:var(--bg-secondary);border:2px dashed var(--border-default);border-radius:var(--border-radius-md, 8px)}.floors-empty-mb p{margin:0 0 var(--spacing-xs, 8px) 0;color:var(--text-primary);font-size:15px;font-weight:600}.floors-empty-mb span{color:var(--text-secondary);font-size:13px}.floors-list-mb{display:flex;flex-direction:column;gap:var(--spacing-sm, 12px)}.floor-item-mb{display:flex;align-items:center;gap:var(--spacing-sm, 12px);padding:var(--spacing-md, 16px);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md, 8px);transition:all .2s ease}.floor-item-mb:hover{border-color:var(--border-focus);box-shadow:var(--shadow-sm)}.floor-name-input-mb{flex:1;padding:var(--spacing-sm, 10px) var(--spacing-md, 12px);border:1px solid var(--border-default);border-radius:var(--border-radius-sm, 6px);background:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:all .2s ease}.floor-name-input-mb:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring)}.floor-name-input-mb::-moz-placeholder{color:var(--text-tertiary)}.floor-name-input-mb::placeholder{color:var(--text-tertiary)}.floor-tables-input-mb{width:80px;padding:var(--spacing-sm, 10px) var(--spacing-md, 12px);border:1px solid var(--border-default);border-radius:var(--border-radius-sm, 6px);background:var(--bg-primary);color:var(--text-primary);font-size:14px;text-align:center;transition:all .2s ease}.floor-tables-input-mb:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring)}.floor-tables-label-mb{color:var(--text-secondary);font-size:13px;font-weight:500;min-width:45px}.floors-total-mb{display:flex;align-items:center;gap:var(--spacing-xs, 8px);padding:var(--spacing-md, 16px);margin-top:var(--spacing-sm, 12px);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--border-radius-md, 8px);color:var(--text-secondary);font-size:14px}.floors-total-mb strong{color:var(--color-primary);font-size:16px}.btn-remove-floor-mb{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;color:var(--text-error);border:1px solid var(--border-default);border-radius:var(--border-radius-sm, 6px);cursor:pointer;transition:all .2s ease}.btn-remove-floor-mb:hover{background:var(--bg-error);border-color:var(--border-error);color:var(--text-error)}.btn-remove-floor-mb:active{transform:scale(.95)}.mb-tax-info-section{padding:var(--spacing-xl, 32px);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg, 12px)}.tax-info-header{display:flex;align-items:flex-start;gap:var(--spacing-md, 16px);margin-bottom:var(--spacing-xl, 24px)}.tax-info-header h3{margin:0 0 var(--spacing-xs, 4px) 0;font-size:20px;font-weight:700;color:var(--text-primary)}.tax-info-content{display:flex;flex-direction:column;gap:var(--spacing-lg, 20px)}.tax-info-banner{display:flex;align-items:flex-start;gap:var(--spacing-md, 12px);padding:var(--spacing-lg, 20px);background:var(--bg-info-subtle);border:1px solid var(--border-info);border-left:4px solid var(--color-info);border-radius:var(--border-radius-md, 8px);color:var(--text-primary)}.tax-info-banner svg{flex-shrink:0;color:var(--color-info);margin-top:2px}.tax-info-banner strong{display:block;margin-bottom:var(--spacing-xs, 4px);font-size:15px;color:var(--text-primary)}.tax-info-banner p{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary)}.tax-rates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md, 16px)}.tax-rate-card{display:flex;flex-direction:column;gap:var(--spacing-xs, 8px);padding:var(--spacing-lg, 20px);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-md, 8px);transition:all .2s ease}.tax-rate-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.tax-rate-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.tax-rate-value{font-size:32px;font-weight:700;color:var(--color-primary);line-height:1}.tax-rate-hint{font-size:13px;color:var(--text-tertiary)}.tax-info-footer{display:flex;align-items:flex-start;gap:var(--spacing-sm, 10px);padding:var(--spacing-md, 16px);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md, 8px);font-size:13px;color:var(--text-secondary);line-height:1.5}.tax-info-footer svg{flex-shrink:0;color:var(--text-tertiary);margin-top:2px}.tax-info-footer code{padding:2px 6px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-sm, 4px);font-family:Courier New,monospace;font-size:12px;color:var(--color-primary)}.mb-form-select-modern{width:100%;padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);border:1px solid var(--border-default);border-radius:var(--border-radius-md, 8px);background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.mb-form-select-modern:hover{border-color:var(--border-strong)}.mb-form-select-modern:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring)}.mb-form-select-modern.error{border-color:var(--border-error)}@media(max-width:1100px){.tax-rates-grid{grid-template-columns:repeat(2,1fr)}.tax-info-header{flex-direction:column}}@media(max-width:700px){.mb-tax-info-section{padding:var(--spacing-lg, 20px)}.tax-rates-grid{grid-template-columns:1fr}.tax-rate-value{font-size:28px}.tax-info-banner{flex-direction:column;padding:var(--spacing-md, 16px)}.tax-info-footer{flex-direction:column;gap:var(--spacing-xs, 8px)}}.mb-fiscal-section{margin-top:var(--spacing-lg, 24px);padding-top:var(--spacing-lg, 24px);border-top:1px solid var(--border-default)}.mb-fiscal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md, 16px);margin-bottom:var(--spacing-lg, 24px)}.mb-fiscal-header h3{display:flex;align-items:center;gap:var(--spacing-sm, 8px);font-size:18px;font-weight:600;margin:0;color:var(--text-primary)}.mb-fiscal-header .mb-muted{font-size:13px;color:var(--text-secondary);margin-top:4px}.mb-fiscal-form{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px);padding:var(--spacing-lg, 24px);background:var(--bg-secondary);border-radius:var(--border-radius-md, 8px);border:1px solid var(--border-default)}.mb-fiscal-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg, 24px)}.mb-fiscal-group{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.mb-fiscal-group label{font-size:13px;font-weight:600;color:var(--text-primary)}.mb-fiscal-group input,.mb-fiscal-group select,.mb-fiscal-group textarea{padding:10px 12px;border:1px solid var(--border-default);border-radius:var(--border-radius-sm, 6px);font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--bg-primary);transition:border-color .2s}.mb-fiscal-group input:focus,.mb-fiscal-group select:focus,.mb-fiscal-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100)}.mb-fiscal-group textarea{resize:vertical;min-height:60px}.input-hint{font-size:12px;color:var(--text-tertiary);margin-top:4px}.mb-fiscal-divider{display:flex;align-items:center;gap:var(--spacing-md, 12px);margin:var(--spacing-xl, 24px) 0 var(--spacing-lg, 16px) 0;padding:var(--spacing-md, 16px);background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50) 100%);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-sm, 6px)}.mb-fiscal-divider svg{flex-shrink:0;color:var(--color-primary)}.mb-fiscal-divider h4{margin:0;font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:.3px;text-transform:uppercase}.mb-fiscal-display{display:flex;flex-direction:column;gap:var(--spacing-xl, 32px)}.mb-fiscal-section-display{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.mb-fiscal-section-title{font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;padding-bottom:var(--spacing-sm, 8px);border-bottom:2px solid var(--border-default)}.mb-fiscal-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md, 16px)}.mb-fiscal-card{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 16px);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-md, 8px);transition:all .2s ease}.mb-fiscal-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.mb-fiscal-card-label{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px}.mb-fiscal-card-value{font-size:14px;font-weight:500;color:var(--text-primary);word-break:break-word}.mb-fiscal-empty{color:var(--text-tertiary);font-style:italic;font-size:13px}.mb-fiscal-prefix-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;background:var(--gradient-primary);color:#fff;border-radius:var(--border-radius-sm, 6px);font-weight:700;font-size:14px;letter-spacing:1px}.mb-fiscal-info-box{display:flex;align-items:flex-start;gap:var(--spacing-md, 16px);padding:var(--spacing-md, 16px);background:var(--info-50);border:1px solid var(--info-100);border-radius:var(--border-radius-sm, 6px);color:var(--text-primary)}.mb-fiscal-info-box svg{flex-shrink:0;color:var(--info-500);margin-top:2px}.mb-fiscal-info-box .info-title{font-size:13px;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.mb-fiscal-info-box p{font-size:13px;margin:0;color:var(--text-secondary)}.mb-fiscal-actions{display:flex;gap:var(--spacing-md, 16px);margin-top:var(--spacing-md, 16px)}.mb-fiscal-actions .btn-save,.mb-fiscal-actions .btn-cancel{flex:1;padding:10px 16px;border:none;border-radius:var(--border-radius-sm, 6px);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 8px)}.mb-fiscal-actions .btn-save{background:var(--color-primary);color:#fff}.mb-fiscal-actions .btn-cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.mb-fiscal-actions .btn-cancel:hover:not(:disabled){background:var(--bg-tertiary)}@media(max-width:768px){.mb-fiscal-row,.mb-fiscal-cards-grid{grid-template-columns:1fr}.mb-fiscal-actions{flex-direction:column}.mb-fiscal-actions .btn-save,.mb-fiscal-actions .btn-cancel{width:100%}}.mb-fiscal-actions .btn-save:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.mb-fiscal-actions .btn-save:disabled{opacity:.6;cursor:not-allowed}.mb-fiscal-actions .btn-cancel{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default)}.mb-fiscal-actions .btn-cancel:hover:not(:disabled){background:var(--interactive-hover)}.mb-fiscal-display{padding:var(--spacing-md, 16px) 0}.mb-fiscal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg, 24px)}.mb-fiscal-item{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.mb-fiscal-item .label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.mb-fiscal-item .value{font-size:14px;font-weight:500;color:var(--text-primary)}@media(max-width:768px){.mb-fiscal-row{grid-template-columns:1fr}.mb-fiscal-actions{flex-direction:column}.mb-fiscal-actions .btn-save,.mb-fiscal-actions .btn-cancel{width:100%}.mb-fiscal-grid{grid-template-columns:1fr}.mb-fiscal-form{padding:var(--spacing-md, 16px)}.mb-fiscal-section{margin-top:var(--spacing-md, 16px);padding-top:var(--spacing-md, 16px)}}.reports-page{padding:var(--spacing-xl);max-width:1800px;margin:0 auto;animation:fadeIn .4s ease-out}.reports-header{margin-bottom:var(--spacing-2xl);background:var(--gradient-primary);padding:var(--spacing-2xl);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);color:var(--white);position:relative;overflow:hidden}.reports-header:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.reports-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);flex-wrap:wrap;position:relative;z-index:1}.reports-title-group{display:flex;gap:var(--spacing-lg);align-items:center}.reports-title-group svg{flex-shrink:0;opacity:.95;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.reports-title-group h1{font-size:2rem;font-weight:800;color:var(--white);margin:0;letter-spacing:-.5px}.reports-title-group p{font-size:var(--text-base);color:var(--white);opacity:.9;margin:var(--spacing-xs) 0 0 0;font-weight:500}.reports-filters{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center}.period-selector{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg)}.period-selector svg{color:var(--color-primary);flex-shrink:0}.period-select{border:none;background:transparent;font-size:var(--text-base);color:var(--text-primary);font-weight:500;cursor:pointer;outline:none;padding:0}.custom-date-range{display:flex;align-items:center;gap:var(--spacing-sm)}.date-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-md);font-size:var(--text-sm);color:var(--text-primary)}.date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100)}.report-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--border-default);overflow-x:auto;padding-bottom:2px}.report-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-bottom:3px solid transparent;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.report-tab svg{flex-shrink:0}.report-tab:hover{color:var(--color-primary);background:var(--primary-50)}.report-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--primary-50)}.reports-content{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reports-loading{padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.kpi-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-primary);border-radius:var(--border-radius-xl);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);transition:all .2s}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.kpi-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);flex-shrink:0}.kpi-revenue .kpi-icon{background:var(--gradient-primary);color:var(--white)}.kpi-sales .kpi-icon{background:linear-gradient(135deg,var(--success-500) 0%,var(--success-600) 100%);color:var(--white)}.kpi-ticket .kpi-icon{background:linear-gradient(135deg,var(--info-500) 0%,var(--info-600) 100%);color:var(--white)}.kpi-profit .kpi-icon{background:linear-gradient(135deg,var(--accent-500) 0%,var(--accent-600) 100%);color:var(--white)}.kpi-content{flex:1}.kpi-label{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0;font-weight:500}.kpi-value{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;line-height:1}.kpi-period{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.metric-card{padding:var(--spacing-xl);background:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid var(--border-default)}.metric-card h3{font-size:var(--text-base);font-weight:600;color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.metric-value-group{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.metric-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.metric-percentage{font-size:var(--text-lg);font-weight:600;color:var(--text-secondary)}.metric-trend-up{color:var(--color-success)}.metric-trend-down{color:var(--color-danger)}.reports-alerts{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.alert-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid}.alert-card svg{flex-shrink:0;margin-top:2px}.alert-card h4{font-size:var(--text-base);font-weight:600;margin:0 0 var(--spacing-xs) 0}.alert-card p{font-size:var(--text-sm);margin:0}.alert-danger{background:var(--danger-50);border-color:var(--danger-200);color:var(--danger-700)}.alert-danger svg{color:var(--danger-600)}.alert-warning{background:var(--warning-50);border-color:var(--warning-200);color:var(--warning-700)}.alert-warning svg{color:var(--warning-600)}.report-section{background:var(--bg-primary);border-radius:var(--border-radius-xl);border:1px solid var(--border-default);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.report-section h2{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.section-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0}.sales-table-container{overflow-x:auto;margin-top:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--border-subtle)}.reports-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);table-layout:auto}.reports-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-default)}.reports-table th{padding:var(--spacing-md) var(--spacing-sm);text-align:left;font-weight:600;color:var(--text-secondary);white-space:nowrap;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px}.reports-table th:nth-child(1){width:110px}.reports-table th:nth-child(2){width:120px!important;max-width:120px!important}.reports-table th:nth-child(3){width:110px}.reports-table th:nth-child(4){width:120px}.reports-table th:nth-child(5){width:110px}.reports-table th:nth-child(6){width:100px}.reports-table th:nth-child(7){width:100px}.reports-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background-color .2s}.reports-table tbody tr:last-child{border-bottom:none}.reports-table tbody tr:hover{background:var(--bg-secondary)}.reports-table td{padding:var(--spacing-md) var(--spacing-sm);color:var(--text-primary);vertical-align:middle}.reports-table td:nth-child(2){max-width:120px!important;width:120px!important}.mobile-label{display:none;font-weight:600;color:var(--text-secondary);margin-right:var(--spacing-xs)}.items-cell{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;max-width:100%}.items-count{font-weight:600;color:var(--color-primary);font-size:var(--text-base)}.items-preview{font-size:var(--text-xs);color:var(--text-secondary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.amount-value{font-family:Courier New,monospace;font-weight:500}.amount-total{font-weight:700;color:var(--color-primary);font-size:var(--text-base)}.no-data{color:var(--text-tertiary)}.tip-cell{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);flex-wrap:wrap}.tip-badge{display:inline-flex;padding:2px var(--spacing-xs);background:var(--success-100);color:var(--success-700);border-radius:var(--border-radius-sm);font-size:var(--text-xs);font-weight:600}.total-cell{font-weight:600;color:var(--color-primary)}.payment-badge{display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--text-xs);font-weight:600;text-transform:capitalize}.payment-cash{background:var(--success-100);color:var(--success-700)}.payment-card{background:var(--info-100);color:var(--info-700)}.payment-transfer{background:var(--primary-100);color:var(--primary-700)}.status-badge{display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--text-xs);font-weight:600}.status-completed{background:var(--success-100);color:var(--success-700)}.status-pending{background:var(--warning-100);color:var(--warning-700)}.cost-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.cost-card{padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--border-radius-lg);text-align:center}.cost-card h3{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.cost-value{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.cost-label{font-size:var(--text-xs);color:var(--text-tertiary)}.info-box{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--info-50);border:1px solid var(--info-200);border-radius:var(--border-radius-lg);margin-top:var(--spacing-xl)}.info-box svg{color:var(--info-600);flex-shrink:0;margin-top:2px}.info-box h4{font-size:var(--text-base);font-weight:600;color:var(--info-700);margin:0 0 var(--spacing-xs) 0}.info-box p{font-size:var(--text-sm);color:var(--info-700);margin:0;line-height:1.5}.profitability-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.profit-card{padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--border-radius-lg)}.profit-card h3{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.profit-main{background:var(--gradient-primary);color:var(--white)}.profit-main h3,.profit-main .label,.profit-main .value,.profit-main .operator{color:var(--white)}.profit-value{font-size:var(--text-4xl);font-weight:700;margin:0 0 var(--spacing-lg) 0}.profit-breakdown{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);font-size:var(--text-sm)}.profit-breakdown>div{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profit-breakdown .label{font-weight:500;opacity:.9}.profit-breakdown .value{font-weight:700;font-size:var(--text-base)}.profit-breakdown .operator{font-size:var(--text-2xl);font-weight:300}.margin-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.margin-circle{width:120px;height:120px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.margin-value{font-size:var(--text-3xl);font-weight:700;color:var(--white)}.margin-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin:0}.additional-revenue{text-align:center}.revenue-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.revenue-item .label{font-size:var(--text-sm);color:var(--text-secondary)}.revenue-item .value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.revenue-note{font-size:var(--text-xs);color:var(--text-tertiary);margin:var(--spacing-sm) 0 0 0}.profitability-insights{margin-top:var(--spacing-xl)}.profitability-insights h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.insights-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.insight-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--border-default);background:var(--bg-secondary)}.insight-item svg{flex-shrink:0;margin-top:2px}.insight-item.positive{background:var(--success-50);border-color:var(--success-200)}.insight-item.positive svg{color:var(--success-600)}.insight-item.negative{background:var(--danger-50);border-color:var(--danger-200)}.insight-item.negative svg{color:var(--danger-600)}.insight-item h4{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.insight-item p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.inventory-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.inventory-metric-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:2px solid var(--border-default)}.inventory-metric-card.warning{background:var(--warning-50);border-color:var(--warning-300)}.inventory-metric-card.danger{background:var(--danger-50);border-color:var(--danger-300)}.inventory-metric-card svg{color:var(--text-secondary);flex-shrink:0}.inventory-metric-card.warning svg{color:var(--warning-600)}.inventory-metric-card.danger svg{color:var(--danger-600)}.inventory-metric-card h3{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.inventory-metric-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.inventory-alerts{margin-top:var(--spacing-xl)}.inventory-alert-section{margin-bottom:var(--spacing-xl)}.inventory-alert-section h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.inventory-items-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.inventory-alert-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-primary);border-radius:var(--border-radius-md);border:1px solid}.inventory-alert-item.critical{background:var(--danger-50);border-color:var(--danger-200)}.inventory-alert-item.warning{background:var(--warning-50);border-color:var(--warning-200)}.item-info h4{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.item-sku{font-size:var(--text-xs);color:var(--text-tertiary);font-family:Courier New,monospace}.item-status{display:flex;align-items:center;gap:var(--spacing-md)}.stock-badge{display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--text-sm);font-weight:600}.stock-badge.out-of-stock{background:var(--danger-600);color:var(--white)}.stock-badge.low-stock{background:var(--warning-500);color:var(--white)}.min-stock{font-size:var(--text-xs);color:var(--text-tertiary)}@media(max-width:1024px){.reports-page{padding:var(--spacing-md)}.reports-header-content{flex-direction:column;align-items:stretch}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-value{font-size:var(--text-2xl)}.profitability-grid{grid-template-columns:1fr}.margin-circle{width:100px;height:100px}.margin-value{font-size:var(--text-2xl)}}@media(max-width:1024px){.reports-table{font-size:.8rem}.reports-table th,.reports-table td{padding:var(--spacing-sm) var(--spacing-xs)}.reports-table th:nth-child(2){min-width:120px}.items-preview{font-size:.7rem}.amount-value{font-size:.8rem}.payment-badge,.status-badge,.tip-badge{font-size:.65rem;padding:2px var(--spacing-xs)}}@media(max-width:640px){.reports-page{padding:var(--spacing-sm)}.reports-title-group h1{font-size:var(--text-xl)}.reports-title-group p{font-size:var(--text-xs)}.reports-filters{flex-direction:column;width:100%}.period-selector,.custom-date-range,.btn-export{width:100%;justify-content:center}.report-tabs{gap:0}.report-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-xs)}.report-tab span{display:none}.kpi-grid{grid-template-columns:1fr}.kpi-card{padding:var(--spacing-lg)}.kpi-icon{width:48px;height:48px}.kpi-value{font-size:var(--text-xl)}.metrics-grid,.cost-summary,.profitability-grid,.inventory-metrics{grid-template-columns:1fr}.sales-table-container{border:none;overflow-x:visible}.reports-table{font-size:var(--text-xs)}.reports-table thead{display:none}.reports-table tbody tr{display:block;margin-bottom:var(--spacing-lg);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-md);background:var(--bg-primary)}.reports-table tbody tr:hover{background:var(--bg-secondary)}.reports-table td{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-subtle)}.reports-table td:last-child{border-bottom:none}.mobile-label{display:inline-block;font-size:var(--text-xs)}.items-cell{flex-direction:row;align-items:center;gap:var(--spacing-sm)}.items-preview{max-width:150px}.tip-cell{justify-content:flex-end}.amount-value,.amount-total{font-size:var(--text-sm)}.payment-badge,.status-badge{font-size:.7rem}.item-status{flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}}.accounting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.accounting-card{background:var(--bg-primary);border-radius:var(--border-radius-xl);border:2px solid var(--border-default);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.accounting-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.accounting-card.card-primary{border-left:4px solid var(--color-primary)}.accounting-card.card-success{border-left:4px solid var(--success-600)}.accounting-card.card-info{border-left:4px solid var(--info-600)}.accounting-card.card-warning{border-left:4px solid var(--warning-600)}.accounting-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.accounting-header svg{color:var(--color-primary);flex-shrink:0}.accounting-header h3{margin:0;font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.accounting-metrics{display:flex;flex-direction:column;gap:var(--spacing-lg)}.accounting-metric{display:flex;flex-direction:column;gap:var(--spacing-xs)}.accounting-metric .metric-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.accounting-metric .metric-value{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary)}.accounting-metric .metric-helper{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.accounting-metric .metric-status{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.accounting-metric .metric-status.positive{background:var(--success-100);color:var(--success-700)}.accounting-metric .metric-status.negative{background:var(--danger-100);color:var(--danger-700)}.financial-statement{background:var(--bg-primary);border:2px solid var(--border-default);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-lg)}.financial-statement h3{display:flex;align-items:center;gap:var(--spacing-md);margin:0 0 var(--spacing-xl) 0;font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.financial-statement h3 svg{color:var(--color-primary)}.statement-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.statement-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0}.statement-row.total{border-top:2px solid var(--border-default);padding-top:var(--spacing-lg);font-weight:600}.statement-row.subtotal{background:var(--bg-secondary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:600;margin:var(--spacing-sm) 0}.statement-row.final{background:var(--gradient-primary);color:var(--white);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--border-radius-lg);font-size:var(--text-lg);font-weight:700;box-shadow:var(--shadow-md)}.statement-label{font-size:var(--text-base);color:var(--text-secondary)}.statement-row.final .statement-label{color:var(--white);opacity:.95}.statement-value{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);font-family:Courier New,monospace}.statement-row.final .statement-value{color:var(--white);font-size:var(--text-2xl)}.statement-value.positive{color:var(--success-600)}.statement-value.negative{color:var(--danger-600)}.statement-value.highlight{color:var(--white);background:#fff3;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md)}.statement-separator{height:1px;background:var(--border-subtle);margin:var(--spacing-sm) 0}.professional-insights{background:var(--bg-secondary);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.professional-insights h3{display:flex;align-items:center;gap:var(--spacing-md);margin:0 0 var(--spacing-xl) 0;font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.professional-insights h3 svg{color:var(--color-primary)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.insight-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);transition:all .2s}.insight-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.insight-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);flex-shrink:0}.insight-icon.success{background:var(--success-100);color:var(--success-600)}.insight-icon.info{background:var(--info-100);color:var(--info-600)}.insight-icon.warning{background:var(--warning-100);color:var(--warning-600)}.insight-content h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.insight-content p{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.cashflow-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.cashflow-card{background:var(--bg-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);border:2px solid var(--border-default);box-shadow:var(--shadow-lg);transition:all .3s}.cashflow-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.cashflow-card.inflows{border-top:4px solid var(--success-600)}.cashflow-card.outflows{border-top:4px solid var(--danger-600)}.cashflow-card.net-flow{border-top:4px solid var(--color-primary);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--primary-50) 100%)}.cashflow-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.cashflow-card.inflows .cashflow-header svg{color:var(--success-600)}.cashflow-card.outflows .cashflow-header svg{color:var(--danger-600)}.cashflow-card.net-flow .cashflow-header svg{color:var(--color-primary)}.cashflow-header h3{margin:0;font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.cashflow-amount{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-lg);font-family:Courier New,monospace}.cashflow-amount.positive{color:var(--success-600)}.cashflow-amount.negative{color:var(--danger-600)}.cashflow-breakdown{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.cashflow-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--text-secondary)}.cashflow-item span:last-child{font-weight:600;color:var(--text-primary)}.cashflow-item.muted{opacity:.5}.cashflow-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius-lg);font-weight:600;color:var(--text-primary)}.payment-analysis{background:var(--bg-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);border:2px solid var(--border-default);box-shadow:var(--shadow-md)}.payment-analysis h3{display:flex;align-items:center;gap:var(--spacing-md);margin:0 0 var(--spacing-xl) 0;font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.payment-analysis h3 svg{color:var(--color-primary)}.payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.payment-analysis-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:2px solid var(--border-default);transition:all .3s}.payment-analysis-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.payment-analysis-card.cash{border-left:4px solid var(--success-600)}.payment-analysis-card.card{border-left:4px solid var(--info-600)}.payment-analysis-card.transfer{border-left:4px solid var(--accent-600)}.payment-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);flex-shrink:0}.payment-analysis-card.cash .payment-icon{background:var(--success-100);color:var(--success-600)}.payment-analysis-card.card .payment-icon{background:var(--info-100);color:var(--info-600)}.payment-analysis-card.transfer .payment-icon{background:var(--accent-100);color:var(--accent-600)}.payment-details h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.payment-amount{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:var(--spacing-xs) 0}.payment-count{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.info-box.info-cashflow{background:linear-gradient(135deg,var(--info-50) 0%,var(--primary-50) 100%);border-color:var(--info-200)}@media(max-width:1200px){.accounting-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cashflow-summary{grid-template-columns:1fr}.payment-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(max-width:768px){.reports-page{padding:var(--spacing-md)}.reports-header{padding:var(--spacing-xl)}.reports-title-group h1{font-size:var(--text-xl)}.accounting-grid,.insights-grid{grid-template-columns:1fr}.financial-statement,.professional-insights,.payment-analysis{padding:var(--spacing-lg)}.cashflow-amount{font-size:2rem}}@media(max-width:480px){.reports-page{padding:var(--spacing-sm)}.reports-header{padding:var(--spacing-lg)}.reports-title-group{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.reports-title-group h1{font-size:var(--text-lg)}.accounting-card{padding:var(--spacing-lg)}.accounting-metric .metric-value{font-size:var(--text-xl)}.cashflow-amount{font-size:1.75rem}.payment-grid{grid-template-columns:1fr}.statement-value{font-size:var(--text-base)}.statement-row.final .statement-value{font-size:var(--text-lg)}.insight-card{flex-direction:column}}.top-products-section{background:var(--bg-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);border:2px solid var(--border-default);box-shadow:var(--shadow-md)}.section-header{margin-bottom:var(--spacing-md)}.section-header h3{display:flex;align-items:center;gap:var(--spacing-md);margin:0 0 var(--spacing-xs) 0;font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.section-header h3 svg{color:var(--color-primary)}.section-subtitle{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.top-products-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.top-product-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-default);transition:all .3s}.top-product-card:hover{transform:translate(8px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.product-rank{flex-shrink:0}.rank-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-lg);font-size:var(--text-lg);font-weight:800;color:var(--white)}.rank-badge.rank-1{background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 12px #ffd70066}.rank-badge.rank-2{background:linear-gradient(135deg,silver,gray);box-shadow:0 4px 12px #c0c0c066}.rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,#8b4513);box-shadow:0 4px 12px #cd7f3266}.rank-badge.rank-4,.rank-badge.rank-5{background:var(--gradient-primary)}.product-info{flex:1}.product-info h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.product-stats{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.product-revenue{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.revenue-value{font-size:var(--text-xl);font-weight:700;color:var(--color-primary);font-family:Courier New,monospace}.revenue-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.no-data{color:var(--text-tertiary);font-style:italic}.period-comparison-section{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);border:2px solid var(--border-default);box-shadow:var(--shadow-lg)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.comparison-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);border:2px solid var(--border-default);box-shadow:var(--shadow-md);transition:all .3s}.comparison-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.comparison-card.revenue-comparison{border-left:4px solid var(--success-600)}.comparison-card.profit-comparison{border-left:4px solid var(--color-primary)}.comparison-card.sales-comparison{border-left:4px solid var(--info-600)}.comparison-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.comparison-header svg{color:var(--color-primary);opacity:.8}.comparison-header h4{margin:0;font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.comparison-values{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.current-period{display:flex;flex-direction:column;gap:var(--spacing-xs)}.period-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.period-value{font-size:var(--text-xl);font-weight:800;color:var(--text-primary)}.comparison-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.comparison-indicator svg{color:var(--success-600)}.growth-positive{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--success-100);color:var(--success-700);border-radius:var(--border-radius-md);font-size:var(--text-sm);font-weight:700}.growth-negative{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--danger-100);color:var(--danger-700);border-radius:var(--border-radius-md);font-size:var(--text-sm);font-weight:700}.no-data-indicator{font-size:var(--text-xl);color:var(--text-tertiary);opacity:.5}.comparison-note{margin:0;font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic;text-align:center}.quick-actions-section{background:var(--bg-secondary);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.quick-actions-section .section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.quick-actions-section .section-subtitle{margin-top:var(--spacing-xs);font-size:var(--text-sm);color:var(--text-secondary);font-weight:400}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border:2px solid var(--border-default);border-radius:var(--border-radius-lg);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--bg-primary);color:var(--text-primary);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.action-btn:hover:before{transform:scaleX(1)}.action-btn:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:currentColor}.action-btn-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-full);transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:hover .action-btn-icon{transform:scale(1.1) rotate(5deg)}.action-btn-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);text-align:center}.action-btn-title{font-size:var(--text-base);font-weight:600;letter-spacing:-.3px}.action-btn-description{font-size:var(--text-xs);font-weight:400;color:var(--text-secondary);line-height:1.3}.action-btn.export-excel{border-color:var(--success-300);color:var(--success-700)}.action-btn.export-excel:before{background:linear-gradient(90deg,var(--success-500) 0%,var(--success-600) 100%)}.action-btn.export-excel:hover{background:var(--success-50);border-color:var(--success-600)}.action-btn.export-excel .action-btn-icon{background:linear-gradient(135deg,var(--success-100) 0%,var(--success-200) 100%);color:var(--success-700)}.action-btn.export-pdf{border-color:var(--danger-300);color:var(--danger-700)}.action-btn.export-pdf:before{background:linear-gradient(90deg,var(--danger-500) 0%,var(--danger-600) 100%)}.action-btn.export-pdf:hover{background:var(--danger-50);border-color:var(--danger-600)}.action-btn.export-pdf .action-btn-icon{background:linear-gradient(135deg,var(--danger-100) 0%,var(--danger-200) 100%);color:var(--danger-700)}.action-btn.share-report{border-color:var(--info-300);color:var(--info-700)}.action-btn.share-report:before{background:linear-gradient(90deg,var(--info-500) 0%,var(--info-600) 100%)}.action-btn.share-report:hover{background:var(--info-50);border-color:var(--info-600)}.action-btn.share-report .action-btn-icon{background:linear-gradient(135deg,var(--info-100) 0%,var(--info-200) 100%);color:var(--info-700)}@media(max-width:768px){.top-products-section,.period-comparison-section,.quick-actions-section{padding:var(--spacing-lg)}.top-product-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.product-revenue{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.comparison-grid{grid-template-columns:1fr}.comparison-values{flex-direction:column;align-items:flex-start}.quick-actions-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.action-btn{padding:var(--spacing-md) var(--spacing-lg)}.action-btn-icon{width:44px;height:44px}.action-btn-title{font-size:var(--text-sm)}.action-btn-description{font-size:.75rem}}@media(max-width:480px){.rank-badge{width:40px;height:40px;font-size:var(--text-base)}.product-info h4{font-size:var(--text-sm)}.revenue-value,.period-value{font-size:var(--text-lg)}.action-btn{padding:var(--spacing-sm) var(--spacing-md)}.action-btn-icon{width:40px;height:40px}.action-btn-title{font-size:var(--text-xs)}.action-btn-description{font-size:.7rem}}.employee-form-transport-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.employee-form-transport-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.employee-form-transport-box{padding:var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary);border-left:3px solid var(--border-default)}.employee-form-transport-box.eligible{background-color:color-mix(in srgb,var(--color-success) 5%,var(--white));border-left-color:var(--color-success)}.employee-form-transport-box.ineligible{background-color:color-mix(in srgb,var(--color-danger) 5%,var(--white));border-left-color:var(--color-danger)}.employee-form-transport-status{font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.employee-form-transport-status.eligible{color:var(--color-success)}.employee-form-transport-status.ineligible{color:var(--color-danger)}.employee-form-transport-description{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-sm)}.employee-form-parafiscal-box{padding:var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-md);border-left:3px solid var(--border-default)}.employee-form-parafiscal-box.exempt{background-color:color-mix(in srgb,var(--color-danger) 5%,var(--white));border-left-color:var(--color-danger)}.employee-form-parafiscal-box.not-exempt{background-color:var(--bg-secondary);border-left-color:var(--border-default)}.employee-form-parafiscal-title{color:var(--text-primary);font-weight:500;margin-bottom:var(--spacing-xs)}.employee-form-parafiscal-content{margin:var(--spacing-sm) 0 0 0}.employee-form-parafiscal-status{font-weight:600;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.employee-form-parafiscal-status.exempt{color:var(--color-danger)}.employee-form-parafiscal-status.not-exempt{color:var(--color-accent)}.employee-form-icon{display:inline-flex;align-items:center;width:1.25rem;height:1.25rem}.employees-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto;min-height:100%}.employees-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.employees-header-content{flex:1}.employees-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.employees-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.employees-create-btn{display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.employees-controls{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;align-items:stretch}.search-box{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:250px;padding:0 var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s}.search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100)}.search-box svg{color:var(--color-text-secondary);flex-shrink:0}.search-input{flex:1;padding:var(--spacing-sm) 0;border:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none;min-width:0}.search-input::-moz-placeholder{color:var(--color-text-secondary)}.search-input::placeholder{color:var(--color-text-secondary)}.filter-controls{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-select{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s;min-width:180px}.filter-select:hover{border-color:var(--color-primary)}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100)}.employees-loading,.employees-error{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.employees-error{color:var(--color-danger)}.employees-table-container{display:block;overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.employees-cards-container{display:none}.employee-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:all .2s}.employee-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.employee-card.inactive-card{opacity:.6}.employee-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.employee-card-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.employee-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.employee-card-actions{display:flex;gap:var(--spacing-xs)}.employee-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.employee-card-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.employee-card-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);flex-shrink:0}.employee-card-value{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:right;word-break:break-word}.employee-card-email{font-size:var(--font-size-xs);word-break:break-all}.employees-table{width:100%;min-width:865px;border-collapse:collapse;font-size:var(--font-size-sm);table-layout:fixed}.employees-table thead{background:var(--color-surface-secondary);border-bottom:2px solid var(--color-border)}.employees-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.05em;white-space:nowrap}.employees-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .15s}.employees-table tbody tr:hover{background:var(--color-surface-hover)}.employees-table tbody tr:last-child{border-bottom:none}.employees-table td{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-primary)}.employees-table th:nth-child(1),.employees-table td:nth-child(1){width:80px}.employees-table th:nth-child(2),.employees-table td:nth-child(2){width:150px}.employees-table th:nth-child(3),.employees-table td:nth-child(3){width:100px}.employees-table th:nth-child(4),.employees-table td:nth-child(4){width:60px}.employees-table th:nth-child(5),.employees-table td:nth-child(5){width:85px}.employees-table th:nth-child(6),.employees-table td:nth-child(6){width:100px}.employees-table th:nth-child(7),.employees-table td:nth-child(7){width:90px}.employees-table th:nth-child(8),.employees-table td:nth-child(8){width:100px}.employee-name-cell{max-width:180px;overflow:hidden}.employee-name{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-email{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-document{display:flex;align-items:center;gap:var(--spacing-xs)}.document-type{display:inline-block;padding:var(--spacing-xs);background:var(--color-surface-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.document-number{font-family:var(--font-mono, monospace)}.contract-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.03em}.status-badge.active{background:var(--color-success-light);color:var(--color-success)}.status-badge.inactive{background:var(--color-danger-light);color:var(--color-danger)}.inactive-row{opacity:.6}.salary-cell{font-weight:var(--font-weight-semibold);font-family:var(--font-mono, monospace);color:var(--color-success);font-size:var(--font-size-xs);white-space:nowrap}.employees-actions-header{text-align:center;width:120px}.employees-actions-cell{display:flex;justify-content:center;gap:var(--spacing-xs)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.btn-icon-primary{color:var(--color-primary)}.btn-icon-primary:hover{background:var(--color-primary-light)}.btn-icon-danger{color:var(--color-danger)}.btn-icon-danger:hover{background:var(--color-danger-light)}@media(max-width:1024px){.employees-table{font-size:var(--font-size-xs)}.employees-table th,.employees-table td{padding:var(--spacing-sm) var(--spacing-md)}.employees-table th:nth-child(4),.employees-table td:nth-child(4){display:none}}@media(max-width:768px){.employees-container{padding:var(--spacing-md)}.employees-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.employees-title{font-size:var(--font-size-xl)}.employees-subtitle{font-size:var(--font-size-sm)}.employees-create-btn{width:100%;justify-content:center}.employees-controls{flex-direction:column;gap:var(--spacing-sm)}.search-box{width:100%;min-width:unset}.filter-controls{width:100%}.filter-select{flex:1;min-width:unset}.employees-cards-container{display:block}.employees-table-container{display:none}}@media(max-width:480px){.employees-container{padding:var(--spacing-sm)}.employees-title{font-size:var(--font-size-lg)}.employees-title svg{width:20px;height:20px}.employees-subtitle{font-size:var(--font-size-xs)}.employees-controls{gap:var(--spacing-xs)}.employee-card{padding:var(--spacing-sm)}.employee-card-row{flex-direction:column;align-items:flex-start}.employee-card-value{text-align:left}.btn-icon svg{width:16px;height:16px}}.payroll-config-container{padding:var(--spacing-xl);max-width:1200px;margin:0 auto;min-height:100%}.payroll-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg);flex-wrap:wrap}.payroll-config-title{display:flex;align-items:center;gap:var(--spacing-sm)}.payroll-config-title svg{color:var(--color-primary)}.payroll-config-title h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.payroll-config-loading,.payroll-config-empty{text-align:center;padding:var(--spacing-2xl);background:var(--bg-secondary);border-radius:var(--border-radius-lg);color:var(--text-secondary)}.payroll-config-empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.payroll-config-empty svg{color:var(--text-tertiary)}.payroll-config-empty h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.payroll-config-empty p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.payroll-config-notice{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--info-50);border:1px solid var(--info-200);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xl)}.payroll-config-notice svg{color:var(--color-info);flex-shrink:0;margin-top:2px}.payroll-config-notice p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.payroll-config-notice strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.payroll-config-load-section{display:flex;justify-content:flex-start;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:2px dashed var(--border-default);width:100%}.payroll-config-load-section button{display:flex;align-items:center;gap:var(--spacing-sm);white-space:normal;text-align:left}.payroll-config-form{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.payroll-config-form .form-section{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.payroll-config-form .form-section:first-child{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.payroll-config-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) 0;margin-top:var(--spacing-lg)}.payroll-config-actions button{display:flex;align-items:center;gap:var(--spacing-xs)}@media(max-width:1024px){.payroll-config-container{padding:var(--spacing-lg)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(max-width:768px){.payroll-config-container{padding:var(--spacing-lg)}.payroll-config-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.payroll-config-title h1{font-size:var(--font-size-xl)}.payroll-config-load-section{padding:var(--spacing-md)}.payroll-config-load-section button{width:100%;justify-content:center}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.payroll-config-actions{flex-direction:column-reverse;padding:var(--spacing-md) 0}.payroll-config-actions button{width:100%;justify-content:center}.payroll-config-form .form-section{padding:var(--spacing-md)}}@media(max-width:480px){.payroll-config-container{padding:var(--spacing-md)}.payroll-config-title{gap:var(--spacing-xs)}.payroll-config-title h1{font-size:var(--font-size-lg)}.payroll-config-title svg{width:20px;height:20px}.payroll-config-notice{padding:var(--spacing-md);gap:var(--spacing-sm)}.payroll-config-notice p{font-size:var(--font-size-xs)}.payroll-config-load-section{padding:var(--spacing-sm)}.payroll-config-load-section button{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.payroll-config-load-section button svg{width:16px;height:16px}.payroll-config-empty{padding:var(--spacing-lg)}.payroll-config-empty svg{width:36px;height:36px}.payroll-config-empty h3{font-size:var(--font-size-lg)}.payroll-config-empty p{font-size:var(--font-size-sm)}.form-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.payroll-config-actions{padding:var(--spacing-sm) 0;gap:var(--spacing-sm)}.payroll-config-actions button{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.payroll-config-form .form-section{padding:var(--spacing-sm)}}.payroll-config-note{margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.payroll-event-modal .form-hint{font-size:.875rem;color:var(--text-tertiary);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-info);margin-top:var(--spacing-sm)}.payroll-event-modal .form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-md)}.payroll-event-modal .btn-primary,.payroll-event-modal .btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:600;font-size:.9375rem;transition:all .2s ease;cursor:pointer;border:none}.payroll-event-modal .btn-primary{background:var(--gradient-primary);color:var(--white)}.payroll-event-modal .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.payroll-event-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.payroll-event-modal .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.payroll-event-modal .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover)}@media(max-width:899px){.payroll-event-modal .form-hint{font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-sm)}}@media(max-width:639px){.payroll-event-modal .form-actions{flex-direction:column-reverse;gap:var(--spacing-sm)}.payroll-event-modal .btn-primary,.payroll-event-modal .btn-secondary{width:100%;justify-content:center}.payroll-event-modal .form-hint{font-size:.75rem}}.payroll-management{max-width:1400px;margin:0 auto;padding:var(--spacing-lg)}.pm-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.pm-header-content{flex:1}.pm-header-title{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.pm-header-title svg{color:var(--primary-500)}.pm-header-title h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.pm-header-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.pm-header-actions{display:flex;gap:var(--spacing-md)}.pm-header-actions .btn-primary,.pm-header-actions .btn-secondary{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:600;font-size:.9375rem;transition:all .2s ease;cursor:pointer;border:none;white-space:nowrap}.pm-header-actions .btn-primary{background:var(--gradient-primary);color:var(--white)}.pm-header-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pm-header-actions .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.pm-header-actions .btn-secondary:hover{background:var(--bg-tertiary)}.pm-filters-section{background:var(--surface-base);border-radius:var(--border-radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-xl);border:1px solid var(--border-subtle)}.pm-filters-toggle{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--primary-500);font-weight:600;cursor:pointer;padding:var(--spacing-sm);transition:color .2s ease}.pm-filters-toggle:hover{color:var(--primary-600)}.pm-filters{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.pm-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);align-items:end}.pm-filter-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.pm-filter-field label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.pm-filter-select,.pm-filter-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;transition:border-color .2s ease}.pm-filter-select:focus,.pm-filter-input:focus{outline:none;border-color:var(--primary-500)}.pm-clear-filters{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s ease}.pm-clear-filters:hover{background:var(--danger-50);color:var(--danger-600);border-color:var(--danger-300)}.pm-events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.pm-event-card{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all .2s ease;display:flex;flex-direction:column;gap:var(--spacing-md)}.pm-event-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pm-event-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.pm-event-type{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;color:var(--text-primary);font-size:.9375rem}.pm-event-status{padding:4px 12px;border-radius:var(--border-radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-warning{background:var(--warning-100);color:var(--warning-700)}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-danger{background:var(--danger-100);color:var(--danger-700)}.badge-info{background:var(--info-100);color:var(--info-700)}.pm-event-body{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.pm-event-employee{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.875rem}.pm-event-description{color:var(--text-primary);font-size:.9375rem;line-height:1.5;margin:0}.pm-event-details{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.pm-event-detail{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.detail-label{color:var(--text-secondary);font-weight:500}.detail-value{color:var(--text-primary);font-weight:600}.pm-event-dates{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-tertiary);font-size:.8125rem}.pm-event-actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-subtle);flex-wrap:wrap}.pm-event-actions button{padding:6px 12px;border-radius:var(--border-radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;gap:var(--spacing-xs)}.btn-reject{background:var(--danger-50);color:var(--danger-700);border-color:var(--danger-200)}.btn-reject:hover{background:var(--danger-100);border-color:var(--danger-300)}.btn-edit{background:var(--primary-50);color:var(--primary-700);border-color:var(--primary-200)}.btn-edit:hover{background:var(--primary-100);border-color:var(--primary-300)}.btn-delete{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-default)}.btn-delete:hover{background:var(--danger-50);color:var(--danger-700);border-color:var(--danger-300)}.pm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);gap:var(--spacing-md)}.spinner{width:48px;height:48px;border:4px solid var(--border-subtle);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}.pm-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.pm-modal{background:var(--surface-base);border-radius:var(--border-radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl)}.pm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-subtle)}.pm-modal-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.pm-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-xs);transition:color .2s ease}.pm-modal-close:hover{color:var(--text-primary)}.pm-modal-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.pm-modal-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.pm-modal-field label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.pm-modal-select,.pm-modal-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;transition:border-color .2s ease}.pm-modal-select:focus,.pm-modal-input:focus{outline:none;border-color:var(--primary-500)}.pm-modal-hint{font-size:.875rem;color:var(--text-tertiary);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-info);margin:0}.pm-modal-actions{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-subtle);justify-content:flex-end}@media(max-width:899px){.payroll-management{padding:var(--spacing-md)}.pm-header{flex-direction:column;align-items:stretch}.pm-header-title h1{font-size:1.75rem}.pm-header-actions{flex-direction:row;justify-content:stretch}.pm-header-actions button{flex:1}.pm-events-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.pm-filter-row{grid-template-columns:1fr 1fr}.pm-clear-filters{grid-column:span 2}}@media(max-width:639px){.payroll-management{padding:var(--spacing-sm)}.pm-header-title{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.pm-header-title h1{font-size:1.5rem}.pm-header-actions{flex-direction:column}.pm-header-actions button{width:100%;justify-content:center}.pm-events-grid,.pm-filter-row{grid-template-columns:1fr}.pm-clear-filters{grid-column:1;width:100%}.pm-event-actions{flex-direction:column}.pm-event-actions button{width:100%;justify-content:center}.pm-modal-overlay{padding:var(--spacing-sm)}.pm-modal{max-width:100%}.pm-modal-actions{flex-direction:column-reverse}.pm-modal-actions button{width:100%}}.final-settlements{max-width:1400px;margin:0 auto;padding:var(--spacing-lg)}.fs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.fs-header-content{flex:1}.fs-header-title{display:flex;align-items:flex-start;gap:var(--spacing-md)}.fs-header-title svg{color:var(--danger-500);flex-shrink:0}.fs-header-title h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.fs-header-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.fs-header .btn-primary{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);background:var(--gradient-primary);color:var(--white);border:none;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.fs-header .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.fs-settlements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-lg)}.fs-settlement-card{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all .2s ease;display:flex;flex-direction:column;gap:var(--spacing-md)}.fs-settlement-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.fs-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.fs-card-employee h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.fs-card-employee p{font-size:.875rem;color:var(--text-secondary);margin:0}.fs-status{padding:4px 12px;border-radius:var(--border-radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.fs-card-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.fs-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.fs-info-row .label{color:var(--text-secondary);font-weight:500}.fs-info-row .value{color:var(--text-primary);font-weight:600;text-align:right}.fs-card-amounts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.fs-amount-item{display:flex;flex-direction:column;gap:4px}.fs-amount-item.highlight{grid-column:span 2;background:var(--danger-50);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);border-left:3px solid var(--danger-500)}.amount-label{font-size:.75rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.amount-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.fs-amount-item.highlight .amount-value{color:var(--danger-700);font-size:1.125rem}.fs-card-total{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--gradient-primary);border-radius:var(--border-radius-md);margin-top:var(--spacing-sm)}.total-label{font-size:.875rem;color:var(--white);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.total-value{font-size:1.5rem;font-weight:700;color:var(--white)}.fs-card-actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.fs-card-actions button{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-view{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-default)}.btn-view:hover{background:var(--bg-secondary);border-color:var(--primary-300);color:var(--primary-700)}.btn-approve{background:var(--success-50);color:var(--success-700);border-color:var(--success-200)}.btn-approve:hover{background:var(--success-100);border-color:var(--success-300)}.btn-mark-paid{background:var(--primary-50);color:var(--primary-700);border-color:var(--primary-200)}.btn-mark-paid:hover{background:var(--primary-100);border-color:var(--primary-300)}.fs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);gap:var(--spacing-md)}.fs-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.fs-modal{background:var(--surface-base);border-radius:var(--border-radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl)}.fs-modal-detail{max-width:800px}.fs-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--surface-base);z-index:10}.fs-modal-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.fs-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-xs);transition:color .2s ease}.fs-modal-close:hover{color:var(--text-primary)}.fs-modal-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.fs-warning{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--danger-50);border-radius:var(--border-radius-md);border-left:3px solid var(--danger-500)}.fs-warning svg{color:var(--danger-600);flex-shrink:0}.fs-warning p{margin:0;font-size:.875rem;color:var(--text-primary);line-height:1.5}.fs-modal-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.fs-modal-field label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.fs-modal-select,.fs-modal-input,.fs-modal-textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;transition:border-color .2s ease}.fs-modal-textarea{resize:vertical;font-family:inherit}.fs-modal-select:focus,.fs-modal-input:focus,.fs-modal-textarea:focus{outline:none;border-color:var(--primary-500)}.fs-modal-hint{font-size:.875rem;color:var(--text-tertiary);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-info)}.fs-modal-actions{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-subtle);justify-content:flex-end;background:var(--surface-base);position:sticky;bottom:0}.fs-modal-actions .btn-primary,.fs-modal-actions .btn-secondary{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:var(--spacing-xs)}.fs-modal-actions .btn-primary{background:var(--gradient-primary);color:var(--white)}.fs-modal-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.fs-modal-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.fs-modal-actions .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.fs-modal-actions .btn-secondary:hover{background:var(--bg-tertiary)}.fs-detail-body{gap:var(--spacing-xl)}.fs-detail-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.fs-detail-section h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-default)}.fs-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.fs-detail-grid>div{display:flex;flex-direction:column;gap:4px}.fs-detail-grid .label{font-size:.75rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase}.fs-detail-grid .value{font-size:.9375rem;color:var(--text-primary);font-weight:600}.fs-detail-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.fs-detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-sm);font-size:.875rem}.fs-detail-item.highlight{background:var(--primary-50);border-left:3px solid var(--primary-500);font-weight:600}.fs-detail-item.highlight.danger{background:var(--danger-50);border-left-color:var(--danger-500);color:var(--danger-700)}.fs-detail-item .calculation{font-size:.75rem;color:var(--text-tertiary);text-align:right}.fs-detail-total{border-top:2px solid var(--border-default);padding-top:var(--spacing-lg)}.fs-total-breakdown{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.fs-total-item{display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600}.fs-total-item.final{font-size:1.25rem;padding-top:var(--spacing-md);border-top:2px solid var(--border-default);color:var(--success-700)}.fs-total-item .negative{color:var(--danger-600)}@media(max-width:899px){.final-settlements{padding:var(--spacing-md)}.fs-header{flex-direction:column;align-items:stretch}.fs-header .btn-primary{width:100%;justify-content:center}.fs-settlements-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.fs-detail-grid{grid-template-columns:1fr}}@media(max-width:639px){.final-settlements{padding:var(--spacing-sm)}.fs-header-title{flex-direction:column;gap:var(--spacing-sm)}.fs-header-title h1{font-size:1.5rem}.fs-settlements-grid,.fs-card-amounts{grid-template-columns:1fr}.fs-amount-item.highlight{grid-column:1}.fs-card-actions{flex-direction:column}.total-value{font-size:1.25rem}.fs-modal{max-width:100%}.fs-modal-actions{flex-direction:column-reverse}.fs-modal-actions button{width:100%;justify-content:center}.fs-detail-items{font-size:.8125rem}}.admin-panel{display:flex;flex-direction:column;height:calc(100vh - 60px);background:var(--bg-primary)}.admin-container{display:flex;flex:1;max-width:100%;margin:0;width:100%;padding:0;overflow:hidden}.admin-sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border-default);padding:1.5rem .5rem 1.5rem 0;overflow-y:auto;flex-shrink:0;height:100%}.admin-tabs{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.admin-tab{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;box-sizing:border-box}.admin-tab:hover{background:var(--interactive-hover);color:var(--text-primary)}.admin-tab.active{background:var(--color-primary);color:var(--white);box-shadow:var(--shadow-sm)}.admin-tab svg{flex-shrink:0;opacity:.9}.admin-content{flex:1;padding:1.5rem 2rem;overflow-y:auto;height:100%}.admin-section{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-section h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.admin-section>p{color:var(--text-secondary);font-size:.9375rem;margin:0 0 2rem}.admin-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;border:2px dashed var(--border-default);border-radius:var(--border-radius-lg);background:var(--bg-secondary);color:var(--text-tertiary);gap:1rem}.admin-placeholder svg{opacity:.3}.admin-placeholder p{font-size:.9375rem;margin:0}@media(max-width:1024px){.admin-container{padding:0}.admin-sidebar{width:200px;padding:1.25rem .5rem 1.25rem 0}.admin-tab{padding:.75rem .875rem;font-size:.875rem}.admin-content{padding:1.25rem 1.5rem}}@media(max-width:768px){.admin-container{flex-direction:column}.admin-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-default);padding:.75rem 1rem;overflow-y:visible;height:auto}.admin-tabs{flex-direction:column;width:100%;gap:.5rem;min-height:auto}.admin-tab{padding:.75rem 1rem;font-size:.875rem;gap:.625rem}.admin-content{padding:1rem;height:auto;flex:1}.admin-section h2{font-size:1.25rem}.admin-placeholder{min-height:200px}.admin-placeholder svg{width:40px;height:40px}}@media(max-width:480px){.admin-sidebar{padding:.5rem .75rem}.admin-tabs{gap:.375rem}.admin-tab{padding:.625rem .75rem;font-size:.8125rem;gap:.5rem}.admin-tab svg{width:18px;height:18px}.admin-content{padding:.75rem}.admin-section h2{font-size:1.125rem}.admin-section>p{font-size:.875rem}}.no-business-page{display:flex;justify-content:center;padding:32px 16px}.no-business-card{width:100%;max-width:920px;background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;gap:18px}.card-header{display:flex;gap:16px;align-items:center}.card-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--gradient-light);border-radius:12px;box-shadow:var(--shadow-sm)}.no-business-request{margin-top:6px}.no-business-request-form{display:flex;flex-direction:column;gap:10px;margin-top:8px}.no-business-request-form input,.no-business-request-form textarea{padding:10px 12px;border:1px solid var(--gray-200);border-radius:var(--border-radius-sm);background:var(--white)}.no-business-request-form label{font-weight:600;color:var(--gray-700)}.small-muted{color:var(--gray-500);font-size:.9rem}.form-actions{display:flex;justify-content:center;margin-top:8px}@media(max-width:640px){.no-business-card{padding:16px}.no-business-actions{justify-content:center}}.no-business-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px}.no-business-card{background:var(--surface-elevated);border:1px solid var(--border-default);padding:48px;border-radius:var(--border-radius-xl);max-width:900px;width:100%;box-shadow:var(--shadow-lg);text-align:center;transition:transform .16s var(--transition-fast),box-shadow .16s var(--transition-fast);animation:fadeInCard .22s ease-out both}@keyframes fadeInCard{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.no-business-card h1{font-size:1.75rem;margin-bottom:12px;color:var(--text-primary)}.no-business-card p{color:var(--text-secondary);font-size:1rem;margin-bottom:24px}.no-business-request-form input,.no-business-request-form textarea{transition:border-color .12s ease,box-shadow .12s ease}.no-business-request-form input:focus,.no-business-request-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--primary-100)}.no-business-request-form input[disabled],.no-business-request-form textarea[disabled]{opacity:.7;cursor:not-allowed}.no-business-actions{display:flex;gap:12px;justify-content:center}.no-business-actions .btn-primary{padding:10px 20px;background:var(--gradient-primary);color:var(--text-inverse);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);font-weight:600}.no-business-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.no-business-actions .btn-primary:active:not(:disabled){transform:translateY(0)}.no-business-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.no-business-actions .btn-secondary{padding:10px 20px;background:var(--surface-base);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);font-weight:600}.no-business-actions .btn-secondary:hover:not(:disabled){background:var(--interactive-hover)}@media(max-width:520px){.no-business-actions{flex-direction:column;gap:10px;align-items:stretch}.no-business-actions .btn-primary,.no-business-actions .btn-secondary{width:100%}}@media(max-width:900px){.no-business-card{padding:28px;max-width:720px}.card-header{flex-direction:column;align-items:center;text-align:center;gap:12px}.card-icon{width:56px;height:56px}.lead{font-size:.98rem}.oauth-actions{flex-wrap:wrap;justify-content:center}.no-business-request-form{gap:8px}}@media(min-width:1200px){.no-business-card{padding:56px;max-width:1100px}.no-business-card h1{font-size:2rem}}.small-muted{color:var(--text-tertiary)}.no-business-container{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;background:var(--bg-primary)}.nb-bg-decoration{position:absolute;border-radius:50%;opacity:.4;filter:blur(100px);animation:floatNB 25s ease-in-out infinite;pointer-events:none;z-index:0}.nb-bg-decoration-1{width:500px;height:500px;background:var(--gradient-primary);top:-250px;left:-250px;animation-delay:0s}.nb-bg-decoration-2{width:350px;height:350px;background:var(--gradient-secondary);bottom:-175px;right:15%;animation-delay:8s}.nb-bg-decoration-3{width:280px;height:280px;background:var(--gradient-emerald);top:45%;right:-140px;animation-delay:16s}@keyframes floatNB{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.15)}66%{transform:translate(-30px,30px) scale(.85)}}.nb-brand{display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--text-inverse);position:relative;padding:80px 60px;overflow:hidden;z-index:1}.nb-brand:before{content:"";position:absolute;width:100%;height:100%;background:var(--gradient-light);opacity:.08;pointer-events:none}.nb-brand-content{position:relative;z-index:1;max-width:520px;animation:fadeInLeft .9s ease-out}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.nb-brand-icon{width:100px;height:100px;background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--border-radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:32px;box-shadow:var(--shadow-xl);animation:pulseNB 3.5s ease-in-out infinite;border:1px solid var(--border-subtle)}@keyframes pulseNB{0%,to{transform:scale(1) rotate(0);box-shadow:var(--shadow-xl)}50%{transform:scale(1.08) rotate(2deg);box-shadow:var(--shadow-lg)}}.nb-brand-title{font-size:3.25rem;font-weight:800;margin-bottom:20px;letter-spacing:-.03em;line-height:1.1;color:var(--text-inverse)}.nb-brand-subtitle{font-size:1.35rem;opacity:.96;font-weight:400;margin-bottom:48px;line-height:1.6;color:var(--text-inverse)}.nb-features{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.nb-feature{display:flex;align-items:center;gap:16px;padding:18px 24px;background:var(--color-primary, var(--primary-600));color:var(--text-inverse);border-radius:var(--border-radius-lg);font-size:1.075rem;font-weight:700;transition:all .35s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.nb-feature:hover{filter:brightness(1.06);transform:translate(8px);box-shadow:var(--shadow-md)}.nb-feature svg{flex-shrink:0;opacity:1;color:var(--text-inverse)}.nb-feature--sales svg,.nb-feature--analytics svg,.nb-feature--automation svg{color:var(--text-inverse)}.nb-feature--sales span,.nb-feature--analytics span,.nb-feature--automation span{color:var(--text-inverse)}.nb-oauth-badge svg{opacity:.9}.nb-form-wrapper{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:80px 60px;position:relative;z-index:1}.nb-form-card{width:100%;max-width:500px;background:var(--surface-elevated);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);padding:56px;position:relative;animation:fadeInRight .9s ease-out;border:1px solid var(--border-default)}.nb-form-header{text-align:center;margin-bottom:40px}.nb-form-header h2{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.02em}.nb-form-header p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.nb-form-group{margin-bottom:32px}.nb-form-group label{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-weight:600;font-size:.95rem;margin-bottom:12px}.nb-form-group label svg{color:var(--color-primary);opacity:.9}.nb-form-group input{width:100%;padding:16px 20px;border:2px solid var(--border-default);border-radius:var(--border-radius-lg);font-size:1rem;font-weight:500;color:var(--text-primary);background:var(--surface-base);transition:all .25s ease;box-sizing:border-box}.nb-phone-input{display:flex;align-items:center;gap:8px}.nb-phone-prefix{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;background:var(--surface-base);border:2px solid var(--border-default);border-radius:var(--border-radius-lg);color:var(--text-primary);font-weight:600}.nb-phone-input input{flex:1;min-width:0}.nb-form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--interactive-hover);transform:translateY(-2px)}.nb-form-group input:disabled{opacity:.6;cursor:not-allowed;background:var(--interactive-disabled)}.nb-form-group input::-moz-placeholder{color:var(--text-tertiary);opacity:.7}.nb-form-group input::placeholder{color:var(--text-tertiary);opacity:.7}.nb-form-hint{margin-top:10px;font-size:.875rem;color:var(--text-tertiary);line-height:1.5}.nb-form-actions{margin-bottom:24px}.nb-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 28px;border:none;border-radius:var(--border-radius-lg);font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.nb-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--surface-glass);opacity:.3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.nb-btn:hover:before{width:300px;height:300px}.nb-btn svg{position:relative;z-index:1;flex-shrink:0}.nb-btn span{position:relative;z-index:1}.nb-btn-primary{background:var(--gradient-primary);color:var(--text-inverse)}.nb-btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-lg)}.nb-btn-primary:active:not(:disabled){transform:translateY(-1px)}.nb-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.nb-btn-secondary{background:var(--surface-base);color:var(--text-secondary);border:2px solid var(--border-default)}.nb-btn-secondary:hover{background:var(--interactive-hover);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.nb-btn-secondary:active{transform:translateY(0)}.nb-spinner{width:18px;height:18px;border:3px solid var(--border-subtle);border-top-color:var(--text-inverse);border-radius:50%;animation:spinNB .7s linear infinite;flex-shrink:0}@keyframes spinNB{to{transform:rotate(360deg)}}.nb-divider{display:flex;align-items:center;gap:20px;margin:32px 0;color:var(--text-tertiary);font-size:.9rem;font-weight:600}.nb-divider:before,.nb-divider:after{content:"";flex:1;height:2px;background:linear-gradient(to right,transparent,var(--border-default),transparent)}.nb-footer{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-default);text-align:center}.nb-footer p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.nb-footer a{color:var(--color-primary);text-decoration:none;font-weight:600;transition:all .2s ease}.nb-footer a:hover{color:var(--color-primary);text-decoration:underline}@media(max-width:1200px){.no-business-container{grid-template-columns:1fr}.nb-brand{display:none}.nb-form-wrapper{padding:60px 40px}.nb-form-card{padding:48px 40px}}@media(max-width:768px){.nb-form-wrapper{padding:40px 24px}.nb-form-card{padding:40px 32px;border-radius:var(--border-radius-xl)}.nb-form-header h2{font-size:1.875rem}.nb-form-group input{padding:14px 18px;font-size:.95rem}.nb-btn{padding:14px 24px;font-size:1rem}.nb-bg-decoration{opacity:.25}}@media(max-width:480px){.nb-form-wrapper{padding:24px 16px}.nb-form-card{padding:32px 24px;box-shadow:none;border:none}.nb-form-header h2{font-size:1.625rem}.nb-form-header p{font-size:.9rem}.nb-btn{font-size:.95rem;padding:13px 20px}}.nb-btn:hover{animation:buttonGlow 1.5s ease-in-out infinite}@keyframes buttonGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.nb-form-card:hover{box-shadow:var(--shadow-xl)}.nb-btn:focus-visible,.nb-form-group input:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}@media(prefers-color-scheme:dark){.nb-bg-decoration{opacity:.3}}.recipe-catalog{width:100%;padding:var(--spacing-lg);background-color:var(--bg-secondary);min-height:100vh}.recipe-catalog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.header-title{flex:1;min-width:250px}.header-title h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0;margin-bottom:var(--spacing-xs)}.header-title .subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.header-actions{display:flex;gap:var(--spacing-md);flex:1;min-width:300px;justify-content:flex-end;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:250px;max-width:400px;display:flex;align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-xs);transition:all .2s ease}.search-box:focus-within{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.search-icon{color:var(--text-tertiary);margin-right:var(--spacing-xs);flex-shrink:0}.search-input{flex:1;border:none;background:transparent;font-size:var(--font-size-sm);color:var(--text-primary);outline:none;padding:0}.search-input::-moz-placeholder{color:var(--text-tertiary)}.search-input::placeholder{color:var(--text-tertiary)}.btn-primary{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background-color:var(--primary-color-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background-color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.error-alert{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-danger-light);border:1px solid var(--border-danger);border-radius:var(--border-radius-md);color:var(--text-danger);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.recipe-catalog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);min-height:60vh;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.recipe-catalog{padding:var(--spacing-md)}.recipe-catalog-header{flex-direction:column}.header-actions{width:100%;justify-content:stretch}.search-box{max-width:100%}.btn-primary{flex:1}}