/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@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-normal:400;--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%;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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::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]){appearance:button}::file-selector-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}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.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}.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,-webkit-backdrop-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:#f0fdfa;--primary-100:#ccfbf1;--primary-200:#99f6e4;--primary-300:#5eead4;--primary-400:#2dd4bf;--primary-500:#14b8a6;--primary-600:#0d9488;--primary-700:#0f766e;--primary-800:#115e59;--primary-900:#134e4a;--primary-950:#042f2e;--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-200:#bbf7d0;--success-300:#86efac;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-200:#fecaca;--danger-300:#fca5a5;--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-200:#a5f3fc;--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:#fff;--black:#0a0a0a;--transparent:transparent;--gradient-primary:linear-gradient(135deg, #2dd4bf 0%, #14b8a6 100%);--gradient-secondary:linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);--gradient-sunset:linear-gradient(135deg, #2dd4bf 0%, #14b8a6 50%, #0d9488 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, #2dd4bf0d 0%, #14b8a60d 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:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:2.5rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--border-radius-none:0px;--radius-none:0px;--border-radius-sm:6px;--radius-sm:6px;--border-radius-md:8px;--radius-md:8px;--border-radius-lg:12px;--radius-lg:12px;--border-radius-xl:16px;--radius-xl:16px;--border-radius-2xl:24px;--radius-2xl:24px;--border-radius-full:9999px;--radius-full:9999px;--font-size-xs:.75rem;--text-xs:.75rem;--font-size-sm:.875rem;--text-sm:.875rem;--font-size-base:1rem;--text-base:1rem;--font-size-lg:1.125rem;--text-lg:1.125rem;--font-size-xl:1.25rem;--text-xl:1.25rem;--font-size-2xl:1.5rem;--text-2xl:1.5rem;--font-size-3xl:1.875rem;--text-3xl:1.875rem;--font-size-4xl:2.25rem;--text-4xl:2.25rem;--font-size-5xl:3rem;--text-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 2px 4px 0 #0000000f;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 6px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-lg:0 10px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-xl:0 20px 40px -10px #00000026, 0 10px 20px -5px #0000001a;--shadow-card:0 1px 3px #0000000f, 0 4px 12px -2px #00000014;--shadow-card-hover:0 6px 20px #00000017, 0 16px 40px -6px #0000001c;--shadow-card-active:0 2px 8px #00000014;--shadow-card-lg-hover:0 4px 16px #0000001a, 0 12px 32px -4px #0000001f;--shadow-elevated:0 2px 8px #0003;--shadow-text:0 1px 2px #0000001a;--shadow-drop:drop-shadow(0 2px 8px #0000001a);--border-glass:#0000000f}:root,:root.light{--bg-primary:#fff;--bg-secondary:#fafaf9;--bg-tertiary:#f5f5f4;--bg-elevated:#fff;--text-primary:#1c1917;--text-secondary:#44403c;--text-tertiary:#78716c;--text-inverse:#fff;--text-disabled:#a8a29e;--border-default:#e7e5e4;--border-strong:#d6d3d1;--border-subtle:#f5f5f4;--interactive-hover:#f5f5f4;--interactive-active:#e7e5e4;--interactive-disabled:#f5f5f4;--surface-base:#fff;--surface-elevated:#fff;--surface-overlay:#00000080;--surface-glass:#ffffffb3;--surface-warning-light:#fb923c1a;--surface-warning-xlight:#fb923c0d;--surface-danger-light:#dc26261a;--surface-danger-xlight:#dc26260d;--surface-info-light:#3b82f626;--surface-info-xlight:#3b82f60d;--surface-success-light:#16a34a1a;--surface-success-xlight:#16a34a0d;--surface-success-border:#22c55e40;--surface-success-glow:#22c55e66;--surface-primary-light:#14b8a61a;--surface-primary-xlight:#14b8a60d;--surface-primary-glow:#14b8a673;--surface-primary-glow-strong:#14b8a68c;--surface-overlay-soft:#0003;--white-alpha-8:#ffffff14;--white-alpha-10:#ffffff1a;--white-alpha-15:#ffffff26;--white-alpha-20:#fff3;--white-alpha-25:#ffffff40;--white-alpha-30:#ffffff4d;--white-alpha-50:#ffffff80;--white-alpha-80:#fffc;--white-alpha-90:#ffffffe6;--black-alpha-35:#00000059;--black-alpha-40:#0006;--text-inverse-75:#ffffffbf;--text-inverse-80:#fffc;--color-primary:#14b8a6;--color-secondary:#a855f7;--color-accent:#10b981;--color-success:#22c55e;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#06b6d4;--gradient-primary:linear-gradient(135deg, #2dd4bf 0%, #14b8a6 100%);--gradient-secondary:linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);--gradient-sunset:linear-gradient(135deg, #2dd4bf 0%, #14b8a6 50%, #0d9488 100%)}:root.dark{--bg-primary:#030d0e;--bg-secondary:#081a1e;--bg-tertiary:#0f282e;--bg-elevated:#0a1f24;--text-primary:#fafaf9;--text-secondary:#e7e5e4;--text-tertiary:#a8a29e;--text-inverse:#1c1917;--text-disabled:#57534e;--border-default:#153438;--border-strong:#1e4a50;--border-subtle:#0a1f24;--interactive-hover:#0f282e;--interactive-active:#174045;--interactive-disabled:#0a1f24;--surface-base:#081a1e;--surface-elevated:#1e5060;--surface-overlay:#030d0eeb;--surface-glass:#030d0ec7;--surface-warning-light:#fb923c14;--surface-warning-xlight:#fb923c0a;--surface-danger-light:#dc262614;--surface-danger-xlight:#dc26260a;--surface-info-light:#3b82f61f;--surface-info-xlight:#3b82f608;--surface-success-light:#16a34a14;--surface-success-xlight:#16a34a0a;--surface-success-border:#22c55e26;--surface-success-glow:#22c55e4d;--surface-primary-light:#14b8a614;--surface-primary-xlight:#14b8a60a;--surface-primary-glow:#14b8a673;--surface-primary-glow-strong:#14b8a68c;--surface-overlay-soft:#00000080;--white-alpha-8:#ffffff14;--white-alpha-10:#ffffff1a;--white-alpha-15:#ffffff26;--white-alpha-20:#fff3;--white-alpha-25:#ffffff40;--white-alpha-30:#ffffff4d;--white-alpha-50:#ffffff80;--white-alpha-80:#fffc;--white-alpha-90:#ffffffe6;--black-alpha-35:#00000059;--black-alpha-40:#0006;--text-inverse-75:#ffffffbf;--text-inverse-80:#fffc;--color-primary:#14b8a6;--color-secondary:#c084fc;--color-accent:#0ea5e9;--color-success:#22c55e;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#06b6d4;--gradient-primary:linear-gradient(135deg, #5eead4 0%, #2dd4bf 100%);--gradient-secondary:linear-gradient(135deg, #c084fc 0%, #9333ea 100%);--gradient-sunset:linear-gradient(135deg, #5eead4 0%, #2dd4bf 50%, #0d9488 100%)}:root.classic{--bg-primary:#fff;--bg-secondary:#f0f4f8;--bg-tertiary:#dfe6ed;--bg-elevated:#fff;--text-primary:#0f172a;--text-secondary:#1e293b;--text-tertiary:#475569;--text-inverse:#fff;--text-disabled:#94a3b8;--border-default:#9ca3af;--border-strong:#6b7280;--border-subtle:#d1d5db;--interactive-hover:#e1e7ed;--interactive-active:#d1d5db;--interactive-disabled:#f0f4f8;--surface-base:#fff;--surface-elevated:#f8fafc;--surface-overlay:#0009;--surface-glass:#ffffffe6;--surface-warning-light:#b4530926;--surface-warning-xlight:#b4530914;--surface-danger-light:#b91c1c26;--surface-danger-xlight:#b91c1c14;--surface-info-light:#1d4ed826;--surface-info-xlight:#1d4ed814;--surface-success-light:#15803d26;--surface-success-xlight:#15803d14;--surface-success-border:#15803d66;--surface-success-glow:#15803d80;--surface-primary-light:#0f766e26;--surface-primary-xlight:#0f766e14;--surface-primary-glow:#0f766e8c;--surface-primary-glow-strong:#0f766ea6;--surface-overlay-soft:#0000004d;--white-alpha-8:#ffffff14;--white-alpha-10:#ffffff1a;--white-alpha-15:#ffffff26;--white-alpha-20:#fff3;--white-alpha-25:#ffffff40;--white-alpha-30:#ffffff4d;--white-alpha-50:#ffffff80;--white-alpha-80:#fffc;--white-alpha-90:#ffffffe6;--black-alpha-35:#00000059;--black-alpha-40:#0006;--text-inverse-75:#ffffffbf;--text-inverse-80:#fffc;--color-primary:#0f766e;--color-secondary:#a855f7;--color-accent:#10b981;--color-success:#15803d;--color-danger:#b91c1c;--color-warning:#b45309;--color-info:#1d4ed8;--gradient-primary:linear-gradient(135deg, #14b8a6 0%, #0f766e 100%);--gradient-secondary:linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);--gradient-sunset:linear-gradient(135deg, #14b8a6 0%, #0f766e 50%, #115e59 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)}html{font-size:100%}*{box-sizing:border-box;margin:0;padding:0}body{-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%);color:var(--text-primary);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background .3s,color .3s}select{appearance:none;padding-right:2.25rem}select.chevron-right{color:var(--text-inverse-75);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-position:right .6rem center;background-repeat:no-repeat;background-size:1rem 1rem}: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{color:currentColor;stroke:currentColor;width:1.25rem;height:1.25rem}:root.dark .date-input,:root.dark .input-with-icon{color:var(--white)}.form-input.chevron-right{background-position:right .6rem center;background-repeat:no-repeat;background-size:1rem 1rem;padding-right:2.25rem}.status-select.chevron-right{background-position:right .5rem center;background-size:.85rem .85rem;padding-right:1.75rem}#root,.login-container{min-height:100vh}.dashboard-container{background:0 0;flex-direction:column;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}.welcome-section{margin-bottom:50px;animation:.6s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.welcome-section h2{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:10px;font-size:2.5rem;font-weight:800}.welcome-section p{color:var(--text-secondary);font-size:1.15rem;font-weight:500}.page-container{padding:var(--spacing-2xl) 15px;margin:0 auto;animation:.6s ease-out fadeIn}.page-container h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:20px;font-size:2.5rem;font-weight:800}.page-container p{color:var(--text-secondary);font-size:1.15rem;line-height:1.8}.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.product-card{background:var(--surface-base);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);transition:all .3s;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-xl);border-color:var(--border-default);transform:translateY(-4px)}.product-image{-o-object-fit:cover;object-fit:cover;background:var(--bg-tertiary);width:100%;height:200px}.product-info{padding:1.5rem}.product-info h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.product-description{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.product-meta{border-bottom:1px solid var(--border-default);flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.product-price{color:var(--color-primary);font-size:1.5rem;font-weight:700}.product-stock{border-radius:var(--border-radius-sm);background:var(--accent-100);color:var(--accent-700);padding:.25rem .75rem;font-size:.875rem;font-weight:500}.product-stock.low{background:var(--color-warning);color:var(--white)}.product-status{border-radius:var(--border-radius-sm);padding:.25rem .75rem;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{gap:.75rem;display:flex}.product-actions button{border-radius:var(--border-radius-md);cursor:pointer;border:none;flex:1;padding:.75rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-edit{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-sm)}.btn-edit:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-delete{color:var(--color-danger);border:2px solid var(--color-danger);background:0 0}.btn-delete:hover{background:var(--color-danger);color:var(--white)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--surface-glass);-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:var(--spacing-sm);font-weight:500;animation:2s ease-in-out infinite pulse}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.5}}@media (width<=1024px){.page-container{padding-left:20px;padding-right:20px}}@media (width<=768px){.welcome-section h2,.page-container h1{font-size:2rem}}@media (width<=480px){.page-container{padding:var(--spacing-xl) 15px}}.theme-toggle{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);color:var(--text-primary);border-radius:var(--border-radius-sm);cursor:pointer;background:0 0;border:none;font-size:.95rem;font-weight:500;transition:all .12s;display:inline-flex}.user-menu-item>.theme-toggle{width:100%;padding:var(--spacing-sm) var(--spacing-sm);justify-content:flex-start}.theme-toggle:hover{background:var(--interactive-hover)}.theme-toggle:active{background:var(--interactive-active);transform:translateY(0)}.theme-toggle-text{-webkit-user-select:none;user-select:none}.theme-toggle svg{color:var(--color-primary);width:18px;height:18px;transition:transform .18s}.theme-toggle:hover svg{transform:rotate(15deg)}.business-selector-compact{border:1px solid var(--white-alpha-20);border-radius:var(--border-radius-md);color:var(--white);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;align-items:center;gap:.5rem;max-width:200px;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex;overflow:hidden}.business-selector-compact:hover{background:var(--white-alpha-10);border-color:var(--white-alpha-30)}.business-selector-compact svg{opacity:.9;flex-shrink:0}.business-selector-compact__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-overlay{background-color:var(--surface-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;isolation:isolate;padding:var(--spacing-md);justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-elevated);color:var(--text-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);border:1px solid #0000;flex-direction:column;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;position:relative}:root.dark .modal-content{border-color:var(--border-strong)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.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{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-header h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.modal-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius);background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:.5rem;transition:all .2s;display:flex}.modal-close:hover{background-color:var(--interactive-hover);color:var(--text-primary);transform:rotate(90deg)}.modal-body{padding:var(--spacing-xl);overscroll-behavior:contain;flex:1;overflow:hidden auto}.modal-content:not(:has(.modal-header)) .modal-body{padding:0}.confirm-modal-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.confirm-modal-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:.4s cubic-bezier(.4,0,.2,1) scaleIn;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(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(--color-warning)}.confirm-modal-icon-info{background:var(--gradient-blue-light);color:var(--color-info)}.confirm-modal-icon-success{background:linear-gradient(135deg, var(--accent-100) 0%, var(--accent-50) 100%);color:var(--color-success)}.confirm-modal-message{color:var(--gray-700);margin:0;font-size:1rem;line-height:1.6}.confirm-modal-actions{gap:1rem;width:100%;margin-top:.5rem;display:flex}.btn-modal-cancel,.btn-modal-confirm{border-radius:var(--border-radius);cursor:pointer;border:none;flex:1;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.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){box-shadow:var(--shadow-danger);transform:translateY(-2px)}.btn-modal-warning{background:var(--gradient-amber)}.btn-modal-warning:hover:not(:disabled){box-shadow:var(--shadow-warning);transform:translateY(-2px)}.btn-modal-info{background:var(--gradient-cyan)}.btn-modal-info:hover:not(:disabled){box-shadow:var(--shadow-info);transform:translateY(-2px)}.btn-modal-success{background:var(--gradient-emerald)}.btn-modal-success:hover:not(:disabled){box-shadow:var(--shadow-accent);transform:translateY(-2px)}.btn-modal-cancel:disabled,.btn-modal-confirm:disabled{opacity:.5;cursor:not-allowed}@media (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{flex-direction:column;gap:1.5rem;padding:.5rem 0;display:flex}.bsm-search{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-secondary);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.bsm-search svg{opacity:.6;flex-shrink:0}.bsm-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.bsm-input::placeholder{color:var(--text-tertiary)}.bsm-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:.5rem;max-height:400px;display:flex;overflow-y:auto}.bsm-loading,.bsm-empty{text-align:center;color:var(--text-secondary);padding:2rem 1rem;font-size:.9375rem}.bsm-item{border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.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{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.bsm-item-icon{color:var(--color-primary);opacity:.8;flex-shrink:0}.bsm-item-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.bsm-item-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:600;overflow:hidden}.bsm-item-role{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.bsm-item-action{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.bsm-check{color:var(--color-success)}.bsm-spinner{border:2px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (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{background:0 0;flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--gradient-primary);-webkit-backdrop-filter:blur(4px);border-bottom:1px solid var(--border-default);color:var(--white);box-shadow:var(--shadow-sm);z-index:100;transition:background .25s,border-color .2s,box-shadow .2s;position:sticky;top:0}.app-header:hover{box-shadow:var(--shadow)}.header-content{justify-content:space-between;align-items:center;gap:1.5rem;max-width:100%;margin:0;padding:.875rem 1.5rem;display:flex}.header-left{flex:1;align-items:center;gap:1.25rem;display:flex}.header-right{align-items:center;gap:.75rem;display:flex}.header-business-selector{align-items:center;margin-right:.25rem;display:flex}.register-customer-btn{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border);border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;display:flex}.register-customer-btn:hover{background:var(--color-success-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.register-customer-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.register-customer-label{display:inline}.app-logo{cursor:pointer;white-space:nowrap;margin:0;font-size:1.75rem;font-weight:700;transition:transform .2s}.app-logo:hover{transform:scale(1.05)}.app-nav{align-items:center;gap:.5rem;display:flex}.nav-item{border-radius:var(--border-radius-md);color:var(--text-inverse-75);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;font-weight:600;transition:color .18s,transform .12s;display:flex}.nav-item:hover{color:var(--white);transform:translateY(-2px)}.nav-item.active{color:var(--white);position:relative}.nav-item.active:after{content:"";background:var(--neutral-accent);border-radius:var(--spacing-xs);height:3px;position:absolute;bottom:-8px;left:12px;right:12px}.nav-icon{font-size:1.25rem}.nav-label{display:inline}.nav-chevron{color:var(--text-inverse-80);opacity:.95;margin-left:.25rem;transition:transform .2s,opacity .12s}.nav-chevron.open{transform:rotate(180deg)}.nav-group{display:inline-block;position:relative}.nav-group-trigger{align-items:center;gap:.5rem;display:flex}.nav-group .nav-dropdown{display:none}@media (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{display:inline-block;position:relative}.nav-dropdown{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-sm) 0;z-index:150;pointer-events:auto;flex-direction:column;gap:0;min-width:220px;animation:.2s ease-out slideDown;display:flex;position:absolute;top:calc(100% + 8px);left:0}.nav-dropdown:before{content:"";background:0 0;height:8px;position:absolute;top:-8px;left:0;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);cursor:pointer;text-align:left;box-sizing:border-box;pointer-events:auto;background:0 0;border:none;width:100%;font-size:.875rem;transition:all .15s;display:flex}.nav-dropdown-item:hover{background:var(--surface-pressed)}.nav-dropdown-item svg{color:var(--text-secondary);flex-shrink:0}@media (width>=1024px){.nav-item-with-dropdown:hover .nav-dropdown{display:flex}}.user-section{align-items:center;gap:1rem;display:flex;position:relative}.user-menu-trigger{color:var(--white);cursor:pointer;padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--border-radius-sm);background:0 0;border:none;align-items:center;gap:.75rem;font-size:.95rem;display:flex;position:relative}.user-caret{opacity:.95;font-size:1.2rem;line-height:1;transform:translateY(1px)}.user-menu-dropdown{background:var(--surface-elevated);color:var(--text-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-sm);gap:var(--spacing-sm);z-index:200;flex-direction:column;min-width:220px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.user-menu-item{box-sizing:border-box;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;text-align:left;width:100%;min-height:40px;color:var(--text-primary);background:0 0;border:none;font-size:.875rem;transition:background-color .12s;display:flex}.user-menu-item.user-menu-logout{color:var(--color-danger)}.user-menu-item.user-menu-logout:hover{background:var(--danger-50)}.user-menu-divider{background:var(--border-default);height:1px;margin:var(--spacing-xs) 0}.user-menu-section-title{padding:var(--spacing-sm) var(--spacing-sm) 4px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.user-menu-item svg{flex:0 0 18px;width:18px;height:18px}.user-menu-item>.theme-toggle{gap:var(--spacing-sm);align-items:center;padding:0}.user-menu-item:hover{background:var(--interactive-hover)}.user-menu-item button{all:unset;align-items:center;gap:var(--spacing-sm);cursor:pointer;box-sizing:border-box;width:100%;display:flex}.user-avatar-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.user-avatar{border:2px solid var(--surface-glass);-o-object-fit:cover;object-fit:cover;border-radius:50%;width:40px;height:40px}.user-avatar-initials{border:2px solid var(--surface-glass);background:linear-gradient(135deg, var(--neutral-accent), var(--interactive-active));width:40px;height:40px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.user-info{flex-direction:column;align-items:flex-start;display:flex}.user-name{margin:0;font-size:.875rem;font-weight:600;line-height:1.2}.user-email{opacity:.9;margin:0;font-size:.75rem;line-height:1.2}.logout-button{background:var(--interactive-hover);border:1px solid var(--interactive-active);border-radius:var(--border-radius-md);color:var(--text-inverse);cursor:pointer;white-space:nowrap;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.logout-button:hover{background:var(--surface-glass);transform:translateY(-2px)}.app-main{flex:1;width:100%;max-width:100%;margin:0 auto;padding:0}.mobile-menu-toggle{border-radius:var(--border-radius-md);width:40px;height:40px;color:var(--white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s;display:none}.mobile-menu-toggle:hover{background:var(--surface-glass-sm)}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-nav-overlay{background:var(--surface-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}.mobile-nav-overlay.open{opacity:1;pointer-events:auto}.mobile-nav-drawer{background:var(--surface-elevated);width:280px;max-width:85vw;box-shadow:var(--shadow-xl);z-index:1000;flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.mobile-nav-drawer.open{transform:translate(0)}.mobile-nav-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-default);background:var(--gradient-primary);color:var(--white);justify-content:space-between;align-items:center;display:flex}.mobile-nav-header h2{font-size:var(--text-lg);margin:0;font-weight:700}.mobile-nav-close{border-radius:var(--border-radius-md);width:36px;height:36px;color:var(--white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex}.mobile-nav-close:hover{background:var(--surface-glass-sm)}.mobile-nav-items{padding:var(--spacing-md);gap:var(--spacing-xs);flex-direction:column;display:flex}.mobile-nav-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--text-base);cursor:pointer;text-align:left;background:0 0;border:none;font-weight:500;transition:all .2s;display:flex}.mobile-nav-item:hover{background:var(--interactive-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{flex-direction:column;display:flex}.mobile-nav-group-trigger{justify-content:space-between;align-items:center;width:100%;display:flex}.mobile-nav-item-content{align-items:center;gap:var(--spacing-md);display:flex}.mobile-nav-chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .2s}.mobile-nav-chevron.open{transform:rotate(180deg)}.mobile-nav-subitems{max-height:0;padding-left:var(--spacing-xl);flex-direction:column;gap:0;transition:max-height .3s;display:flex;overflow:hidden}.mobile-nav-subitems.open{max-height:500px;margin-top:var(--spacing-xs)}.mobile-nav-subitem{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.mobile-nav-subitem:hover{background:var(--interactive-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 (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 (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 (width<=768px){.app-logo{font-size:1.25rem}.header-content{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-md)}.header-left{flex:1;justify-content:flex-start;width:100%}.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{min-width:200px;left:auto;right:0}}.sidebar-overlay{background:var(--surface-overlay-soft);z-index:200;opacity:0;pointer-events:none;transition:opacity .25s;display:none;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.app-sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-default);width:256px;box-shadow:var(--shadow-xl);z-index:201;flex-direction:column;transition:transform .26s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.app-sidebar.open{transform:translate(0)}.app-sidebar-header{border-bottom:1px solid var(--border-default);background:var(--bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.app-sidebar-header-left{align-items:center;gap:.5rem;display:flex}.app-sidebar-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.app-sidebar-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.8125rem;font-weight:600}.app-sidebar-close{border-radius:var(--border-radius-sm);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.app-sidebar-close:hover{background:var(--interactive-hover);color:var(--text-primary)}.app-sidebar-body{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;flex-direction:column;flex:1;gap:.25rem;padding:.75rem .625rem;display:flex;overflow-y:auto}.app-sidebar-body::-webkit-scrollbar{width:4px}.app-sidebar-body::-webkit-scrollbar-track{background:0 0}.app-sidebar-body::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}.sidebar-quick-actions{border-bottom:1px solid var(--border-subtle);margin-bottom:.75rem;padding-bottom:.75rem}.sidebar-quick-action-btn{border:1px solid var(--border-default);border-radius:var(--border-radius-md);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:.5rem;padding:.4375rem .625rem;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:flex}.sidebar-quick-action-btn:hover{background:var(--interactive-hover);color:var(--color-accent);border-color:var(--color-accent)}.sidebar-quick-action-btn svg{color:inherit;flex-shrink:0}.app-sidebar-nav{flex-direction:column;gap:1px;display:flex}.sidebar-nav-item{border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;transition:background .13s,color .13s;display:flex;position:relative}.sidebar-nav-item:hover{background:var(--interactive-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--interactive-hover);color:var(--color-primary);font-weight:600}.sidebar-nav-item.active:before{content:"";background:var(--color-primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.sidebar-nav-item svg{color:var(--text-tertiary);flex-shrink:0;transition:color .13s}.sidebar-nav-item:hover svg,.sidebar-nav-item.active svg{color:inherit}.sidebar-nav-group{flex-direction:column;margin-top:.375rem;display:flex}.sidebar-section-label{border-radius:var(--border-radius-sm);width:100%;color:var(--text-tertiary);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.3125rem .625rem;font-size:.6875rem;font-weight:600;transition:background .13s,color .13s;display:flex}.sidebar-section-label:hover{background:var(--interactive-hover);color:var(--text-secondary)}.sidebar-section-label.active{color:var(--text-secondary)}.sidebar-section-label-content{align-items:center;gap:.375rem;display:flex}.sidebar-section-label-content svg{opacity:.7;flex-shrink:0}.sidebar-nav-chevron{color:var(--text-tertiary);opacity:.6;flex-shrink:0;transition:transform .2s}.sidebar-nav-chevron.open{transform:rotate(180deg)}.sidebar-nav-subitems{border-left:1.5px solid var(--border-default);flex-direction:column;max-height:0;margin-left:1.125rem;padding-left:.5rem;transition:max-height .25s;display:flex;overflow:hidden}.sidebar-nav-subitems.open{max-height:400px;margin-top:2px;margin-bottom:4px}.sidebar-nav-subitem{border-radius:var(--border-radius-sm);color:var(--text-tertiary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.3125rem .5rem;font-size:.8125rem;font-weight:400;transition:background .13s,color .13s;display:flex;position:relative}.sidebar-nav-subitem:hover{background:var(--interactive-hover);color:var(--text-primary)}.sidebar-nav-subitem.active{color:var(--color-primary);background:var(--interactive-hover);font-weight:600}.sidebar-nav-subitem.active:before{content:"";background:var(--color-primary);border-radius:50%;width:5px;height:5px;margin-left:-2px;position:absolute;top:50%;left:-.5rem;transform:translateY(-50%)}.sidebar-nav-subitem svg{color:var(--text-tertiary);flex-shrink:0;transition:color .13s}.sidebar-nav-subitem:hover svg,.sidebar-nav-subitem.active svg{color:inherit}@media (width<=768px){.app-sidebar,.sidebar-overlay{display:none!important}}@media (width>=769px){.sidebar-overlay{display:block}}@media (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{z-index:9999;gap:var(--spacing-sm);flex-direction:column;max-width:420px;display:flex;position:fixed;top:24px;right:24px}.toast{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-xl);align-items:center;gap:var(--spacing-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid;min-width:320px;transition:all .3s;animation:.3s cubic-bezier(.4,0,.2,1) slideInRight;display:flex}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast:hover{box-shadow:var(--shadow-xl), 0 0 0 1px var(--gray-200);transform:translate(-4px)}.toast.success{border-left-color:var(--color-success);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(--color-warning);background:linear-gradient(135deg, var(--white) 0%, var(--warning-50) 100%)}.toast.info{border-left-color:var(--color-info);background:linear-gradient(135deg, var(--white) 0%, var(--info-50) 100%)}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.toast.success .toast-icon{background:var(--accent-100);color:var(--color-success)}.toast.error .toast-icon{background:var(--danger-100);color:var(--color-danger)}.toast.warning .toast-icon{background:var(--warning-100);color:var(--color-warning)}.toast.info .toast-icon{background:var(--info-100);color:var(--color-info)}.toast-content{gap:var(--spacing-xs);flex-direction:column;flex:1;align-items:flex-start;display:flex}.toast-message{font-size:var(--font-size-sm);color:var(--gray-900);margin:0;font-weight:600;line-height:1.4}.toast-close{color:var(--gray-400);font-size:var(--font-size-xl);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.toast-close:hover{background:var(--gray-100);color:var(--gray-600)}@media (width<=768px){.toast-container{max-width:none;top:16px;left:16px;right:16px}.toast{min-width:unset;width:100%}}:is(body:has(.login-container),html:has(.login-container)){overflow-x:hidden;margin:0!important;padding:0!important}.login-container{background:var(--bg-primary);grid-template-columns:1fr 1fr;width:100%;min-height:100vh;margin:0;padding:0;display:grid;position:relative;overflow:hidden}.login-bg-decoration{opacity:.45;filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.login-bg-decoration-1{background:var(--gradient-primary);width:420px;height:420px;top:-200px;left:-200px}.login-bg-decoration-2{background:var(--gradient-secondary);width:320px;height:320px;bottom:-140px;right:8%}.login-feature{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-lg);background:var(--color-primary);color:var(--text-inverse);border-radius:var(--border-radius-lg);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);font-size:1.075rem;font-weight:700;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex}.login-feature:hover{filter:brightness(1.06);box-shadow:var(--shadow-md);transform:translate(8px)}.login-feature svg{opacity:1;color:var(--text-inverse);flex-shrink:0}.login-brand{background:var(--gradient-primary);color:var(--text-inverse);padding:var(--spacing-3xl);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.login-brand:before{content:"";background:var(--gradient-light);opacity:.05;pointer-events:none;position:absolute;inset:0}.login-brand-content{text-align:center;width:100%;max-width:520px}.login-brand h1,.login-card h2{margin-top:0}.login-brand-icon{border-radius:var(--border-radius-lg);background:var(--surface-glass);width:84px;height:84px;box-shadow:var(--shadow-lg);justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.login-brand-title{color:var(--text-inverse);letter-spacing:-.03em;margin:0 0 12px;padding:0;font-size:2.75rem;font-weight:800;line-height:1.1}.login-brand-subtitle{color:var(--text-inverse);opacity:.96;margin-bottom:28px;font-size:1.15rem;font-weight:400;line-height:1.6}.login-features{gap:var(--spacing-md);flex-direction:column;display:flex}.login-form-wrapper{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);padding:var(--spacing-3xl);z-index:1;justify-content:center;align-items:center;display:flex}.login-card{background:var(--surface-elevated);border-radius:var(--border-radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);border:1px solid var(--border-default)}.login-card-header{text-align:center;margin-bottom:32px}.login-card-header h2{color:var(--text-primary);margin:0 0 12px;padding:0;font-size:1.9rem;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:var(--spacing-md);border-radius:var(--border-radius-md);align-items:flex-start;gap:var(--spacing-sm);margin-bottom:24px;display:flex}.login-error p{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.login-lockout{align-items:flex-start;gap:var(--spacing-sm);background:var(--surface-warning-light);border:1px solid var(--warning-200);color:var(--warning-800);padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);display:flex}.login-lockout svg{color:var(--color-warning);flex-shrink:0;margin-top:2px}.login-lockout strong{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);display:block}.login-lockout p{line-height:var(--line-height-normal);color:inherit;margin:0}.login-buttons{gap:var(--spacing-md);flex-direction:column;margin-top:32px;display:flex}.login-button-wrapper{margin-bottom:0;position:relative}.login-button-wrapper iframe[title*=Iniciar\ sesión]{visibility:hidden!important;width:0!important;height:0!important;display:none!important}.login-button-wrapper .S9gUrf-YoZ4jf>div:first-child{opacity:1!important;visibility:visible!important;display:block!important}.login-divider{align-items:center;gap:var(--spacing-sm);color:var(--text-tertiary);margin:var(--spacing-xs) 0;font-weight:600;display:flex}.login-divider:before,.login-divider:after{content:"";background:linear-gradient(to right, transparent, var(--border-default), transparent);flex:1;height:1px}.login-apple-button{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-lg);background:var(--black);color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);cursor:pointer;border:none;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.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);margin:var(--spacing-xs) 0 8px 0;font-size:.9rem}.login-footer{border-top:1px solid var(--border-default);text-align:center;margin-top:32px;padding-top:24px}.login-footer p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.login-link{color:var(--color-primary);font-weight:600;text-decoration:none;transition:all .2s}.login-link:hover{color:var(--primary-600);text-decoration:underline}@media (width<=1024px){.login-container{grid-template-columns:1fr}.login-brand{display:none}.login-form-wrapper{padding:var(--spacing-2xl) var(--spacing-lg)}}@media (width<=480px){.login-card{padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:none}.login-brand-title{font-size:1.9rem}}:root.dark .login-brand,: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:"";border-radius:var(--spacing-xs);background:0 0;width:4px;transition:background .18s,transform .18s;position:absolute;top:8px;bottom:8px;left:0}: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);text-shadow:var(--shadow-text);font-weight:900}: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{filter:brightness(1.02);transform:translate(6px)}:root.dark .login-brand.palette-neutral,: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)}.login-email-toggle{width:100%;color:var(--text-tertiary);font-size:var(--font-size-sm);cursor:pointer;margin-top:var(--spacing-xs);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 0;transition:color .15s;display:flex}.login-email-toggle:hover{color:var(--text-secondary)}.login-email-form{gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--bg-secondary);flex-direction:column;display:flex}.login-email-field{flex-direction:column;gap:4px;display:flex}.login-email-field label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:600}.login-email-field input{border:1px solid var(--border-default);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);outline:none;padding:8px 12px;transition:border-color .15s}.login-email-field input:focus{border-color:var(--color-primary)}.login-email-submit{width:100%;margin-top:var(--spacing-xs)}.db-page{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-lg);gap:var(--spacing-xl);flex-direction:column;max-width:1440px;margin:0 auto;display:flex}.db-loading,.db-error{justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-3xl);text-align:center;min-height:60vh;color:var(--text-secondary);flex-direction:column;display:flex}.db-spinner{border:3px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;width:44px;height:44px;animation:.7s linear infinite db-spin}@keyframes db-spin{to{transform:rotate(360deg)}}.db-error-icon{background:var(--danger-50);border-radius:var(--border-radius-xl);width:72px;height:72px;color:var(--color-danger);justify-content:center;align-items:center;display:flex}.db-error h3{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:700}.db-error p{font-size:var(--font-size-sm);margin:0}.db-btn-retry{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);background:var(--color-primary);color:var(--text-inverse);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);cursor:pointer;border:none;font-weight:600;transition:background .2s;display:inline-flex}.db-btn-retry:hover{background:var(--primary-600)}.db-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.db-header-text{flex:1}.db-title{margin:0 0 var(--spacing-xs);color:var(--text-primary);letter-spacing:-.3px;font-size:clamp(1.25rem,3.5vw,1.75rem);font-weight:700}.db-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary);text-transform:capitalize;margin:0}.db-btn-refresh{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.db-btn-refresh:hover{border-color:var(--color-primary);color:var(--color-primary);transform:rotate(90deg)}.db-section{gap:var(--spacing-md);flex-direction:column;display:flex}.db-section-title{font-size:var(--font-size-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;margin:0;font-weight:700}.db-section-title--inline{font-size:var(--font-size-base);text-transform:none;letter-spacing:0;color:var(--text-primary);font-weight:700}.db-metrics{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.db-metric{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-xl);padding:var(--spacing-lg);gap:var(--spacing-xs);flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.db-metric:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.db-metric--primary{background:var(--gradient-primary);border-color:#0000}.db-metric--primary .db-metric-value,.db-metric--primary .db-metric-label,.db-metric--primary .db-metric-sub{color:var(--text-inverse)}.db-metric-top{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.db-metric-icon{background:var(--primary-50);border-radius:var(--border-radius-md);width:36px;height:36px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.db-metric--primary .db-metric-icon{background:var(--white-alpha-25);color:var(--text-inverse)}.db-metric-icon--accent{background:var(--secondary-50);color:var(--color-secondary)}.db-metric-icon--info{background:var(--info-50);color:var(--color-info)}.db-metric-icon--success{background:var(--success-50);color:var(--color-success)}.db-metric-trend{font-size:var(--font-size-xs);padding:2px var(--spacing-xs);border-radius:var(--border-radius-sm);align-items:center;gap:3px;font-weight:700;display:inline-flex}.trend-up{background:var(--success-50);color:var(--color-success)}.trend-down{background:var(--danger-50);color:var(--color-danger)}.trend-neutral{background:var(--bg-tertiary);color:var(--text-tertiary)}.db-metric--primary .trend-up{background:var(--white-alpha-25);color:var(--text-inverse)}.db-metric--primary .trend-down{background:var(--white-alpha-15);color:var(--white-alpha-90)}.db-metric-value{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:clamp(1rem,2.8vw,1.375rem);font-weight:800;line-height:1.1}.db-metric-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;font-weight:600}.db-metric-sub{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0}.db-ops{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}.db-op-card{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-xl);padding:var(--spacing-lg);gap:var(--spacing-md);cursor:pointer;outline:none;flex-direction:column;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex}.db-op-card:hover,.db-op-card:focus-visible{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-2px)}.db-op-card--alert{border-left:3px solid var(--color-warning)}.db-op-card--danger{border-left:3px solid var(--color-danger)}.db-op-card--muted{opacity:.8;cursor:default}.db-op-card--muted:hover{box-shadow:none;transform:none}.db-op-header{align-items:center;gap:var(--spacing-md);display:flex}.db-op-icon{border-radius:var(--border-radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.db-op-icon--tables{background:var(--primary-50);color:var(--color-primary)}.db-op-icon--kitchen{background:var(--warning-50);color:var(--color-warning)}.db-op-icon--kitchen-alert{background:var(--warning-100);color:var(--color-warning)}.db-op-icon--cash{background:var(--success-50);color:var(--color-success)}.db-op-icon--inventory{background:var(--info-50);color:var(--color-info)}.db-op-icon--danger{background:var(--danger-50);color:var(--color-danger)}.db-op-icon--muted{background:var(--bg-tertiary);color:var(--text-tertiary)}.db-op-title-group{flex:1;min-width:0}.db-op-title{font-size:var(--font-size-base);color:var(--text-primary);margin:0 0 2px;font-weight:700}.db-op-subtitle{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500}.db-op-arrow{color:var(--text-tertiary);flex-shrink:0;transition:transform .2s,color .2s}.db-op-card:hover .db-op-arrow{color:var(--color-primary);transform:translate(3px)}.db-op-empty{font-size:var(--font-size-sm);color:var(--text-tertiary);text-align:center;padding:var(--spacing-md) 0;margin:0}.db-op-stats{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-lg);display:flex}.db-op-stat{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.db-op-divider{background:var(--border-default);width:1px;height:32px}.db-op-stat-num{font-size:var(--font-size-xl);color:var(--text-primary);font-weight:800;line-height:1}.db-op-stat--occupied{color:var(--color-primary)}.db-op-stat--available{color:var(--color-success)}.db-op-stat--reserved{color:var(--color-info)}.db-op-stat-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;font-weight:500}.db-progress-wrap{gap:var(--spacing-xs);flex-direction:column;display:flex}.db-progress-info{justify-content:space-between;align-items:center;display:flex}.db-progress-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;font-weight:500}.db-progress-pct{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:700}.db-progress-track{background:var(--bg-tertiary);border-radius:99px;height:6px;overflow:hidden}.db-progress-fill{border-radius:99px;height:100%;transition:width .5s}.db-progress-fill--tables{background:var(--gradient-primary)}.db-kitchen-main{align-items:baseline;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius-lg);display:flex}.db-kitchen-num{color:var(--text-primary);font-size:clamp(2rem,6vw,3rem);font-weight:900;line-height:1}.db-kitchen-num--active{color:var(--color-warning)}.db-kitchen-num--danger{color:var(--color-danger)}.db-kitchen-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.db-cash-badge{font-size:var(--font-size-xs);padding:3px var(--spacing-sm);border-radius:var(--border-radius-sm);font-weight:700}.db-cash-badge--open{background:var(--success-50);color:var(--color-success)}.db-cash-badge--closed{background:var(--bg-tertiary);color:var(--text-tertiary)}.db-cash-amounts{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-lg);flex-direction:column;display:flex}.db-cash-row{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.db-cash-row-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500}.db-cash-row-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:700}.db-cash-divider{background:var(--border-default);height:1px;margin:var(--spacing-xs) 0}.db-status-chip{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);align-self:flex-start;font-weight:700;display:inline-flex}.db-status-chip--success{background:var(--success-50);color:var(--color-success)}.db-status-chip--warning{background:var(--warning-50);color:var(--color-warning)}.db-status-chip--danger{background:var(--danger-50);color:var(--color-danger)}.db-pulse{background:var(--color-warning);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite db-pulse;position:absolute;top:6px;right:6px}@keyframes db-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.db-text-success{color:var(--color-success)}.db-text-danger{color:var(--color-danger)}.db-text-muted{color:var(--text-tertiary)}.db-text-secondary{color:var(--text-secondary)}.db-top-products{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-xl);overflow:hidden}.db-product-row{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-subtle);transition:background .15s;display:flex}.db-product-row:last-child{border-bottom:none}.db-product-row:hover{background:var(--bg-secondary)}.db-product-rank{flex-shrink:0;justify-content:center;align-items:center;width:28px;display:flex}.db-rank-num{font-size:var(--font-size-sm);color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:800;display:flex}.db-rank-gold{background:var(--warning-100);color:var(--color-warning)}.db-rank-silver{background:var(--gray-100);color:var(--gray-600)}.db-rank-bronze{background:var(--danger-50);color:var(--primary-700)}.db-product-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.db-product-name{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.db-product-qty{font-size:var(--font-size-xs);color:var(--text-tertiary)}.db-product-revenue{font-size:var(--font-size-sm);color:var(--color-success);white-space:nowrap;font-weight:700}.db-alerts-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.db-alerts-title-wrap{align-items:flex-start;gap:var(--spacing-sm);display:flex}.db-alerts-icon{color:var(--color-warning);flex-shrink:0;margin-top:1px}.db-alerts-desc{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:4px 0 0}.db-btn-link{align-items:center;gap:var(--spacing-xs);color:var(--color-primary);font-size:var(--font-size-xs);cursor:pointer;padding:var(--spacing-xs) 0;white-space:nowrap;background:0 0;border:none;font-weight:700;transition:gap .2s;display:inline-flex}.db-btn-link:hover{gap:var(--spacing-sm)}.db-alerts-list{gap:var(--spacing-sm);grid-template-columns:1fr;display:grid}.db-alert-item{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-md);gap:var(--spacing-sm);border-left-width:3px;flex-direction:column;transition:box-shadow .2s;display:flex}.db-alert-item:hover{box-shadow:var(--shadow-sm)}.db-alert-item--critical{border-left-color:var(--color-danger);background:var(--danger-50)}.db-alert-item--warning{border-left-color:var(--color-warning)}.db-alert-body{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.db-alert-name{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.db-alert-qty{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap}.db-alert-progress{align-items:center;gap:var(--spacing-sm);display:flex}.db-alert-track{background:var(--bg-tertiary);border-radius:99px;flex:1;height:5px;overflow:hidden}.db-alert-fill{border-radius:99px;height:100%;transition:width .4s}.db-alert-fill--warning{background:var(--gradient-amber)}.db-alert-fill--critical{background:var(--gradient-red)}.db-alert-pct{font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:right;min-width:32px;font-weight:700}@media (width>=640px){.db-page{padding:var(--spacing-xl)}.db-metrics,.db-ops,.db-alerts-list{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.db-page{padding:var(--spacing-2xl);gap:var(--spacing-2xl)}.db-metrics,.db-ops{grid-template-columns:repeat(4,1fr)}.db-alerts-list{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.db-top-products{grid-template-columns:repeat(2,1fr);display:grid}.db-product-row:first-child,.db-product-row:nth-child(2),.db-product-row:nth-child(3){border-bottom:1px solid var(--border-subtle)}}.empty-state{text-align:center;background:var(--surface-base);border-radius:var(--border-radius-lg);border:2px dashed var(--border-default);flex-direction:column;justify-content:center;align-items:center;min-height:300px;margin:2rem 0;padding:4rem 2rem;transition:all .3s;display:flex}.empty-state-icon{filter:var(--shadow-sm);color:var(--text-secondary);opacity:.6;margin-bottom:1.5rem;font-size:5rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.5rem;font-weight:600}.empty-state-description{color:var(--text-secondary);max-width:400px;margin:0 0 2rem;font-size:1rem;line-height:1.6}.empty-state-button{color:var(--white);background:var(--gradient-primary);border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-primary);border:none;padding:.875rem 1.75rem;font-size:1rem;font-weight:600}.empty-state-button:hover{box-shadow:var(--shadow-primary-lg);transform:translateY(-2px)}.empty-state-button:active{transform:translateY(0)}@media (width<=768px){.empty-state{min-height:250px;padding:3rem 1.5rem}.empty-state-icon{margin-bottom:1rem;font-size:4rem}.empty-state-title{font-size:1.25rem}.empty-state-description{font-size:.875rem}.empty-state-button{padding:.75rem 1.5rem;font-size:.875rem}}.tc{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-card);border-left:4px solid #0000;outline:none;flex-direction:column;transition:box-shadow .2s,transform .18s;display:flex;position:relative;overflow:hidden}.tc:active{box-shadow:var(--shadow-card-active);transition-duration:70ms;transform:translateY(-1px)}.tc:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.tc--loading{cursor:wait;opacity:.65;pointer-events:none}.tc__head{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);display:flex}@keyframes tc-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.7)}}.tc__paid-check{color:var(--success-600);flex-shrink:0}.tc__meta{align-items:center;gap:var(--spacing-sm);padding:.4375rem var(--spacing-md);background:var(--bg-secondary);border-top:1px solid var(--border-default);display:flex}.tc__stat--time{color:var(--warning-600)}.tc__cta-hint{color:var(--text-secondary);opacity:.18;flex-shrink:0;margin-left:auto;transition:opacity .2s,transform .2s}.tc:hover .tc__cta-hint{opacity:.65;transform:translate(3px)}.tc__body{padding:.4375rem var(--spacing-md);border-top:1px solid var(--border-subtle);flex-direction:column;gap:.2rem;display:flex}.tc__guest{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:600;line-height:1.3;overflow:hidden}.tc__note-inline{align-items:center;gap:.3rem;min-width:0;margin:0;display:flex}.tc__note-inline svg{opacity:.4;color:var(--text-tertiary);flex-shrink:0}.tc__note-inline span{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}@media (width<=1280px){.tc__num{font-size:2rem}}@media (width<=1024px){.tc__num{font-size:1.75rem}.tc__head,.tc__meta,.tc__body{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}@media (width<=768px){.tc__num{font-size:1.5rem}}.tc{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);border-left:4px solid #0000;flex-direction:column;transition:box-shadow .22s,transform .18s;display:flex;position:relative;overflow:hidden}.tc:hover{box-shadow:var(--shadow-card-lg-hover);transform:translateY(-3px)}.tc--available{border-left-color:var(--success-500)}.tc--occupied{border-left-color:var(--warning-500)}.tc--reserved{border-left-color:var(--color-primary)}.tc__head{background:var(--bg-primary);justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.875rem 1rem .75rem;display:flex}.tc--available .tc__head{background:var(--success-50)}.tc--occupied .tc__head{background:var(--warning-50)}.tc--reserved .tc__head{background:var(--primary-50)}.tc__id{align-items:baseline;gap:.375rem;display:flex}.tc__num{letter-spacing:-.04em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:900;line-height:1}.tc__wordmesa{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:.6875rem;font-weight:700}.tc__top-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.375rem;display:flex}.tc__floor{border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;align-items:center;padding:.2rem .5rem;font-size:.625rem;font-weight:800;display:inline-flex}.tc__floor--0{background:var(--primary-100);color:var(--primary-700)}.tc__floor--1{background:var(--secondary-100);color:var(--secondary-700)}.tc__floor--2{background:var(--accent-100);color:var(--accent-700)}.tc__floor--3{background:var(--warning-100);color:var(--warning-700)}.tc__floor--4{background:var(--info-100);color:var(--info-700)}.tc__status-pill{border-radius:var(--border-radius-full);background:var(--surface-glass);border:1px solid var(--border-glass);text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.6875rem;font-weight:700;display:inline-flex}.tc--available .tc__status-pill{color:var(--success-700)}.tc--occupied .tc__status-pill{color:var(--warning-700)}.tc--reserved .tc__status-pill{color:var(--primary-700)}.tc__dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:block}.tc--available .tc__dot{background:var(--success-500)}.tc--occupied .tc__dot{background:var(--warning-500);animation:1.8s ease-in-out infinite tc-blink}.tc--reserved .tc__dot{background:var(--color-primary)}.tc__paid-check{color:var(--success-600)}.tc__stats{background:var(--bg-secondary);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.tc__stat{color:var(--text-secondary);align-items:center;gap:.3rem;font-size:.8125rem;font-weight:600;display:inline-flex}.tc__stat svg{opacity:.55;flex-shrink:0}.tc__stat--time{color:var(--warning-700);margin-left:auto}.tc__stat--time svg{opacity:.9}.tc__body{flex-direction:column;flex:1;gap:.5rem;padding:.75rem 1rem;display:flex}.tc__guest{color:var(--text-primary);word-break:break-word;margin:0;font-size:.9375rem;font-weight:700;line-height:1.3}.tc__paid-tag{color:var(--success-700);background:var(--success-50);border:1px solid var(--surface-success-border);border-radius:var(--border-radius-full);align-items:center;gap:.35rem;width:fit-content;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.tc__note{background:var(--bg-secondary);border-left:3px solid var(--color-primary);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;color:var(--text-secondary);word-break:break-word;align-items:flex-start;gap:.4rem;padding:.5rem .625rem;font-size:.8125rem;line-height:1.45;display:flex}.tc__note svg{opacity:.5;flex-shrink:0;margin-top:2px}.tc__pending{color:var(--primary-600);opacity:.85;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:500;display:inline-flex}.tc__actions{border-top:1px solid var(--border-default);flex-direction:column;gap:.5rem;margin-top:auto;padding:.75rem 1rem;display:flex}.tc__btn{border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1;transition:all .16s;display:flex}.tc__btn:disabled{opacity:.45;cursor:not-allowed}.tc__btn svg{flex-shrink:0}.tc__btn--primary{background:var(--gradient-primary);color:var(--white);box-shadow:0 2px 8px -2px var(--surface-primary-glow)}.tc__btn--primary:not(:disabled):hover{box-shadow:0 6px 18px -4px var(--surface-primary-glow-strong);filter:brightness(1.06);transform:translateY(-1px)}.tc__btn--primary:not(:disabled):active{filter:brightness(.97);transform:translateY(0)}.tc__btn--ghost{border-color:var(--border-default);color:var(--text-secondary);background:0 0}.tc__btn--ghost:not(:disabled):hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--primary-50)}@media (width<=1280px){.tc__num{font-size:2.125rem}}@media (width<=1024px){.tc__head{padding:.75rem .875rem .625rem}.tc__num{font-size:1.875rem}.tc__stats,.tc__body,.tc__actions{padding-left:.875rem;padding-right:.875rem}}@media (width<=768px){.tc__num{font-size:1.625rem}.tc__btn{width:100%;min-height:44px}.tc__head,.tc__stats,.tc__body,.tc__actions{padding-left:.75rem;padding-right:.75rem}}[data-theme=dark] .tc__status-pill{background:var(--black-alpha-35);border-color:var(--white-alpha-8)}.product-selector{gap:var(--spacing-lg);flex-direction:column;width:100%;display:flex}.product-selector__header{gap:var(--spacing-lg);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.search-box{background:var(--bg-primary);border:2px solid var(--border-default);border-radius:var(--border-radius-xl);width:100%;box-shadow:var(--shadow-sm);align-items:center;transition:all .3s;display:flex;position:relative}.search-box:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.search-icon{right:var(--spacing-lg);color:var(--color-primary);pointer-events:none;z-index:2;flex-shrink:0;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;height:56px;padding:var(--spacing-md);padding-left:var(--spacing-lg);padding-right:calc(var(--spacing-lg) + 32px);border-radius:var(--border-radius-xl);color:var(--text-primary);font-size:var(--font-size-base);z-index:1;background:0 0;border:none;font-weight:500;transition:all .2s}.search-input::placeholder{color:var(--text-tertiary);font-weight:400}.search-input:focus{outline:none}.search-clear{right:var(--spacing-md);width:36px;height:36px;padding:var(--spacing-xs);border-radius:var(--border-radius-md);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;z-index:2;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-clear:hover{background:var(--color-danger);color:var(--white);transform:translateY(-50%)scale(1.05)}.category-filters{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.category-btn{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;font-size:.8125rem;font-weight:500;transition:all .2s}.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{gap:var(--spacing-md);max-height:500px;padding:var(--spacing-xs);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid;overflow-y:auto}.product-selector__empty{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xxl) var(--spacing-lg);color:var(--text-tertiary);text-align:center;flex-direction:column;grid-column:1/-1;display:flex}.product-card{border:2px solid var(--border-default);border-radius:var(--border-radius-lg);background:var(--bg-primary);cursor:pointer;text-align:left;flex-direction:column;height:max-content;padding:0;transition:all .2s;display:flex;overflow:hidden}.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()}.product-card__image{aspect-ratio:1;background:var(--bg-secondary);width:100%;position:relative;overflow:hidden}.product-card__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.product-card__placeholder{width:100%;height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.product-card__selected-badge{top:var(--spacing-xs);right:var(--spacing-xs);align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-success);color:var(--white);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);box-shadow:var(--shadow-md);font-weight:700;display:flex;position:absolute}.product-card__quantity{line-height:1}.product-card__stock-badge{bottom:var(--spacing-xs);left:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-danger);color:var(--white);border-radius:var(--border-radius-sm);font-size:.6875rem;font-weight:600;position:absolute}.product-card__content{gap:var(--spacing-xs);padding:var(--spacing-xs);flex-direction:column;display:flex}.product-card__name{font-size:var(--font-size-sm);color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.product-card__meta{justify-content:space-between;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);display:flex}.product-card__category{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.product-card__price{color:var(--color-primary);white-space:nowrap;font-weight:700}@media (width<=640px){.product-selector__header{gap:var(--spacing-md)}.search-box{height:auto}.search-input{height:48px;font-size:var(--font-size-sm);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{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));max-height:400px}.category-filters{scrollbar-width:thin;padding-bottom:var(--spacing-xs);flex-wrap:nowrap;overflow-x:auto}.category-filter{white-space:nowrap}.product-card__name{-webkit-line-clamp:2;line-clamp:2;font-size:.8125rem}.product-card__meta{font-size:.6875rem}}@media (width>=641px) and (width<=1024px){.product-selector__grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:500px}.search-input{height:46px}}@media (width>=1025px){.product-selector__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:600px}}.form-group{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.form-group-checkbox{margin-bottom:var(--spacing-sm)}.form-group-wrapper{gap:var(--spacing-md);display:flex}.form-group-wrapper-vertical{flex-direction:column}.form-group-wrapper-horizontal{flex-direction:row}.form-group-wrapper-inline{flex-flow:wrap}.form-label{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-primary);-webkit-user-select:none;user-select:none;font-weight:600;line-height:1.4;display:flex}.form-required{color:var(--color-danger);font-weight:700}.form-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);box-sizing:border-box;appearance:textfield;font-family:inherit;line-height:1.5;transition:all .2s}.form-input::-webkit-outer-spin-button{appearance:none;margin:0}.form-input::-webkit-inner-spin-button{appearance:none;margin:0}.form-input::placeholder{color:var(--text-tertiary);opacity:1}.form-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);background-color:var(--bg-primary);outline:none}.form-input:hover:not(:focus){border-color:var(--border-strong)}.form-input:disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;border-color:var(--border-subtle)}.form-input-error{border-color:var(--color-danger);background-color:var(--danger-50)}.form-input-error:focus{border-color:var(--color-danger);box-shadow:var(--shadow-sm)}.form-input[type=date],.form-input[type=datetime-local],.form-input[type=time],.form-input[type=month]{cursor:pointer}:root.dark .form-input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}:root.dark .form-input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}:root.dark .form-input[type=time]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}:root.dark .form-input[type=month]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.form-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);box-sizing:border-box;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%231c1917' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px;font-family:inherit;line-height:1.5;transition:all .2s}.form-select option{color:var(--text-primary);background-color:var(--bg-primary)}.form-select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);outline:none}.form-select:hover:not(:focus){border-color:var(--border-strong)}.form-select:disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;border-color:var(--border-subtle)}.form-select-error{border-color:var(--color-danger);background-color:var(--danger-50)}.form-select-error:focus{border-color:var(--color-danger);box-shadow:var(--shadow-sm)}.form-textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);box-sizing:border-box;resize:vertical;min-height:100px;font-family:inherit;line-height:1.5;transition:all .2s}.form-textarea::placeholder{color:var(--text-tertiary);opacity:1}.form-textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);outline:none}.form-textarea:hover:not(:focus){border-color:var(--border-strong)}.form-textarea:disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;border-color:var(--border-subtle)}.form-textarea-error{border-color:var(--color-danger);background-color:var(--danger-50)}.form-textarea-error:focus{border-color:var(--color-danger);box-shadow:var(--shadow-sm)}.form-char-count{font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:right;margin-top:4px}.form-char-count-warning{color:var(--color-warning)}.form-checkbox{appearance:none;border:2px solid var(--border-default);border-radius:var(--border-radius-sm);background-color:var(--bg-primary);cursor:pointer;box-sizing:border-box;background-image:none;width:20px;min-width:20px;height:20px;min-height:20px;transition:all .2s}.form-checkbox:hover{border-color:var(--color-primary)}.form-checkbox:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);outline:none}.form-checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M6 10l3 3 5-5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px}.form-checkbox:disabled{background-color:var(--bg-tertiary);border-color:var(--border-subtle);cursor:not-allowed}.form-checkbox-error{border-color:var(--color-danger)}.form-checkbox-error:focus{box-shadow:var(--shadow-sm)}.form-checkbox-label{align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.5;display:flex}.form-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:4px;margin-bottom:1.25rem;line-height:1.4;display:block}.form-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:4px;font-style:italic;line-height:1.4;display:block}.form-error-box{padding:var(--spacing-md);border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--danger-100) 0%, var(--danger-50) 100%);border:1px solid var(--color-danger);margin-bottom:var(--spacing-md)}.form-error-message{font-size:var(--font-size-sm);color:var(--color-danger);margin:0;font-weight:500;line-height:1.5}.form-error-detail{color:var(--color-danger);margin-top:8px;font-size:.8125rem;line-height:1.5}.form-error-list{margin:var(--spacing-sm) 0 0 0;color:var(--color-danger);padding:0;font-size:.8125rem;list-style:none}.form-error-list li{margin-bottom:4px;line-height:1.5}.form-error-list li strong{font-weight:600}@media (width<=699px){.form-group{margin-bottom:var(--spacing-md)}.form-input,.form-select,.form-textarea{font-size:var(--font-size-base)}.form-group-wrapper-horizontal{flex-direction:column}}@media (width>=700px){.form-group{margin-bottom:var(--spacing-lg)}}@media (width>=1100px){.form-group{margin-bottom:var(--spacing-lg)}.form-group-wrapper-horizontal{flex-wrap:nowrap}}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,.form-checkbox:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:more){.form-input,.form-select,.form-textarea,.form-checkbox{border-width:2px}}@media (prefers-reduced-motion:reduce){.form-input,.form-select,.form-textarea,.form-checkbox{transition:none}}.status-section{gap:var(--spacing-md);flex-direction:column;display:flex}.status-indicator{padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--border-default);transition:all .3s}.status-indicator.active{background:linear-gradient(135deg, var(--success-50) 0%, var(--surface-info-xlight) 100%);border-color:var(--color-success)}.status-indicator.inactive{background:linear-gradient(135deg, var(--surface-warning-xlight) 0%, var(--bg-secondary) 100%);border-color:var(--color-warning)}.status-badge{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.status-dot{border-radius:50%;width:12px;height:12px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;display:inline-block}.status-indicator.active .status-dot{background:var(--color-success)}.status-indicator.inactive .status-dot{background:var(--color-warning);animation:none}@keyframes pulse{0%,to{box-shadow:var(--shadow-elevated)}50%{box-shadow:0 2px 16px var(--danger-alpha-50)}}.status-text{color:var(--text-primary);font-size:.9375rem;font-weight:600}.status-indicator.active .status-text{color:var(--color-success)}.status-indicator.inactive .status-text{color:var(--color-warning)}.status-description{color:var(--text-secondary);margin:0;padding:0;font-size:.8125rem;line-height:1.5}.status-indicator.active .status-description,.status-indicator.inactive .status-description{color:var(--text-secondary)}.tooltip-icon{cursor:help;color:var(--text-secondary);justify-content:center;align-items:center;margin-left:.375rem;transition:color .2s;display:inline-flex}.tooltip-icon:hover,.tooltip-icon:focus{color:var(--text-primary);outline:none}.tooltip-inline{display:none}.tooltip-content{background-color:var(--surface-elevated);color:var(--text-primary);border-radius:var(--border-radius-md);word-wrap:break-word;width:auto;max-width:480px;box-shadow:var(--shadow-md);z-index:10010;pointer-events:none;border:1px solid var(--border-default);padding:.75rem 1rem;font-size:.875rem;animation:.2s tooltipFadeIn;position:fixed}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tooltip-arrow{border-left:4px solid #0000;border-right:4px solid #0000;border-bottom:4px solid var(--surface-elevated);width:0;height:0;position:absolute;top:-4px;left:50%;transform:translate(-50%)}@media (width<=768px){.tooltip-content{max-width:90vw;padding:.625rem .875rem;font-size:.8125rem}.tooltip-icon,.tooltip-inline,.tooltip-content{display:none!important}}@media (width>=769px){.tooltip-icon{display:inline-flex!important}.tooltip-inline{display:none!important}}@media (width<=768px){.modal-content .tooltip-icon,.modal-content .tooltip-inline{display:none!important}}.modal-form-layout{flex-direction:column;gap:1.25rem;margin:0;padding:0;display:flex}.modal-form-layout>*{flex-shrink:0}.form-section-header{flex-direction:column;gap:.25rem;display:flex}.form-section-description{color:var(--text-tertiary);margin:0;font-size:.8125rem;line-height:1.4}.form-section-content{flex-direction:column;gap:.75rem;display:flex}.form-row{align-items:start;gap:1rem;display:grid}.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 (width<=768px){.form-row,.form-row-2,.form-row-3,.form-row-4{grid-template-columns:1fr}}.form-actions{border-top:1px solid var(--border-subtle);gap:.75rem;margin-top:.5rem;padding-top:1.5rem;display:flex}.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{border-radius:var(--border-radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;min-height:40px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.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 (width<=768px){.form-actions{flex-direction:column-reverse}.form-actions button{justify-content:center;width:100%}}.guests-grid{gap:var(--spacing-md);padding:var(--spacing-md) 0;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.guest-card{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;flex-direction:column;transition:all .3s;display:flex;position:relative}.guest-card:hover{border-color:var(--guest-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.guest-card--active{border-color:var(--guest-color);background:linear-gradient(135deg, var(--white) 0%, color-mix(in srgb, var(--guest-color) 5%, transparent) 100%);box-shadow:var(--shadow-md)}.guest-card--add{border:2px dashed var(--border-default);min-height:200px;color:var(--text-tertiary);background:0 0;justify-content:center;align-items:center}.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{justify-content:space-between;align-items:flex-start;display:flex}.guest-avatar{background:var(--bg-secondary);width:60px;height:60px;color:var(--color-primary);border:2px solid var(--border-default);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex}.guest-remove-btn{background:var(--color-danger);width:28px;height:28px;color:var(--white);cursor:pointer;opacity:.7;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.guest-remove-btn:hover{opacity:1;transform:scale(1.1)}.guest-name-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-primary);text-align:center;font-size:1rem;font-weight:600;transition:all .2s}.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{color:var(--color-danger);margin-top:var(--spacing-xs);text-align:center;font-size:.75rem;font-weight:500}.guest-name-input:focus{border-color:var(--guest-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--guest-color) 20%, transparent);outline:none}.guest-stats{justify-content:space-between;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-subtle);display:flex}.guest-stat{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.875rem;font-weight:500;display:flex}.guest-stat svg{color:var(--guest-color)}.active-guest-selector{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.guest-chip{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--white);border:2px solid var(--border-default);border-radius:var(--border-radius-xl);cursor:pointer;transition:all .2s;display:flex;position:relative}.guest-chip:hover{border-color:var(--guest-color);box-shadow:var(--shadow);transform:translateY(-2px)}.guest-chip--active{border-color:var(--guest-color);background:linear-gradient(135deg, var(--guest-color), color-mix(in srgb, var(--guest-color) 80%, var(--black)));color:var(--white);box-shadow:var(--shadow-md)}.guest-chip__avatar{font-size:1.25rem}.guest-chip__name{font-size:.875rem;font-weight:600}.guest-chip__badge{background:var(--color-success);min-width:20px;height:20px;color:var(--white);border-radius:var(--border-radius-lg);justify-content:center;align-items:center;padding:0 .25rem;font-size:.75rem;font-weight:700;display:flex}.guest-chip--active .guest-chip__badge{background:var(--white);color:var(--guest-color)}.product-price-preview{gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--border-radius-md);flex-direction:column;justify-content:center;align-items:flex-start;height:100%;display:flex}.product-price-preview__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.product-price-preview__value{color:var(--color-primary);font-size:1.25rem;font-weight:700;line-height:1.2}.inline-actions{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%;display:flex}.inline-actions button{min-width:160px;padding:var(--spacing-md) var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-xs);font-weight:600;display:flex}.order-review{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.guest-order-summary{background:var(--white);border:2px solid var(--border-default);border-left:4px solid var(--guest-color);border-radius:var(--border-radius-lg);transition:all .3s;overflow:hidden}.guest-order-summary:hover{box-shadow:var(--shadow-md)}.guest-order-header{padding:var(--spacing-md);background:color-mix(in srgb, var(--guest-color) 5%, transparent);justify-content:space-between;align-items:center;display:flex}.guest-info{align-items:center;gap:var(--spacing-md);display:flex}.guest-avatar-small{background:var(--bg-secondary);width:40px;height:40px;color:var(--color-primary);border:2px solid var(--border-default);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.guest-name-large{color:var(--text-primary);font-size:1.125rem;font-weight:700}.guest-total{color:var(--guest-color);font-size:1.25rem;font-weight:700}.guest-items-list{gap:var(--spacing-xs);background:var(--border-subtle);flex-direction:column;display:flex}.review-item{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--white);display:flex}.review-item__content{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.review-item__header{justify-content:space-between;align-items:center;display:flex}.review-item__name{color:var(--text-primary);font-weight:600}.review-item__qty{background:var(--guest-color);color:var(--white);border-radius:var(--border-radius-sm);padding:.25rem .5rem;font-size:.75rem;font-weight:700}.review-item__notes{color:var(--text-tertiary);font-size:.875rem;font-style:italic}.review-item__price{color:var(--text-secondary);font-weight:700}.review-item__remove{width:32px;height:32px;color:var(--color-danger);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.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);text-align:center;color:var(--text-tertiary);font-style:italic}.order-total-summary{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-lg);margin-top:var(--spacing-md);flex-direction:column;display:flex}.summary-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:1rem;display:flex}.summary-row--total{padding-top:var(--spacing-sm);border-top:2px solid var(--border-default);color:var(--text-primary);font-size:1.25rem;font-weight:700}.summary-value{color:var(--text-primary);font-weight:700}.btn-primary--large{padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem}@media (width<=640px){.guests-grid{gap:var(--spacing-md);grid-template-columns:1fr}.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{gap:var(--spacing-sm);flex-direction:column}.guest-chip{justify-content:center;width:100%}.guest-order-header{gap:var(--spacing-sm);flex-direction:column;align-items:flex-start}.review-item{flex-direction:column;align-items:flex-start}.inline-actions{gap:var(--spacing-sm);flex-direction:column}.inline-actions button{width:100%;min-width:unset}.product-price-preview__value{font-size:1.125rem}}@media (width>=641px) and (width<=1024px){.guests-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.active-guest-selector{gap:var(--spacing-sm);flex-wrap:wrap}.inline-actions{flex-wrap:wrap}}@media (width>=1025px){.guests-grid{grid-template-columns:repeat(3,1fr)}}.item-status-badge{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);white-space:nowrap;line-height:1;display:inline-flex}.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 (width<=480px){.item-status-badge{font-size:var(--text-xs)}.item-status-badge__icon{width:var(--spacing-sm);height:var(--spacing-sm)}}.pos-invoice{background:var(--bg-primary);width:302px;padding:var(--spacing-md);font-family:Courier New,Courier,monospace;font-size:var(--font-size-xs);color:var(--text-primary);box-shadow:var(--shadow-md);border-radius:var(--radius-md);margin:0 auto;line-height:1.4;overflow-x:auto}.pos-content{width:100%}.pos-header{text-align:center;margin-bottom:var(--spacing-sm)}.pos-business-name{font-size:var(--font-size-sm);text-transform:uppercase;margin-bottom:var(--spacing-xs);color:var(--text-primary);font-weight:700}.pos-nit-highlight{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;font-size:.8125rem;font-weight:900}.pos-nit,.pos-regime,.pos-address,.pos-address-2,.pos-phone,.pos-email,.pos-responsibility{color:var(--text-secondary);margin-bottom:2px;font-size:.6875rem}.pos-responsibility{color:var(--text-primary);margin-top:var(--spacing-xs);text-transform:uppercase;font-size:.625rem;font-weight:600}.pos-dian-info{margin-top:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px dashed var(--border-default);font-size:.625rem}.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);white-space:nowrap;font-size:.625rem;overflow:hidden}.pos-divider-thin{text-align:center;margin:var(--spacing-xs) 0;color:var(--text-tertiary);white-space:nowrap;font-size:.625rem;overflow:hidden}.pos-info{margin:var(--spacing-sm) 0}.pos-info-row{color:var(--text-secondary);justify-content:space-between;margin-bottom:2px;font-size:.6875rem;display:flex}.pos-info-row span:first-child{color:var(--text-primary);font-weight:600}.pos-info-highlight{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);font-size:.8125rem;font-weight:700}.pos-warning{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);color:var(--text-primary);font-size:.625rem;line-height:1.3;display:flex}.pos-warning svg{color:var(--color-warning);flex-shrink:0}.pos-items{margin:var(--spacing-sm) 0}.pos-items-header{gap:var(--spacing-xs);text-transform:uppercase;color:var(--text-primary);margin-bottom:var(--spacing-xs);grid-template-columns:1fr auto auto auto;font-size:.625rem;font-weight:700;display:grid}.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{color:var(--text-primary);word-wrap:break-word;margin-bottom:2px;font-size:.6875rem;font-weight:600}.pos-item-details{gap:var(--spacing-xs);color:var(--text-secondary);grid-template-columns:1fr auto auto auto;font-size:.6875rem;display:grid}.pos-item-details .pos-col-qty,.pos-item-details .pos-col-price,.pos-item-details .pos-col-total{color:var(--text-primary);font-weight:600}.pos-totals{margin:var(--spacing-sm) 0}.pos-total-row{font-size:var(--font-size-xs);color:var(--text-secondary);justify-content:space-between;margin-bottom:4px;display:flex}.pos-total-row span:first-child{font-weight:600}.pos-total-row span:last-child{color:var(--text-primary);font-family:Courier New,Courier,monospace;font-weight:700}.pos-total-final{font-size:var(--font-size-sm);color:var(--text-primary);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);font-weight:700}.pos-total-final span{font-size:var(--font-size-sm);font-weight:700}.pos-payment{margin:var(--spacing-sm) 0;text-align:center}.pos-payment-row{color:var(--text-secondary);justify-content:space-between;margin-bottom:4px;font-size:.6875rem;display:flex}.pos-payment-row span:first-child{color:var(--text-primary);font-weight:600}.pos-footer{text-align:center;margin:var(--spacing-sm) 0;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word;font-size:.6875rem}.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);flex-direction:column;justify-content:center;align-items:center;min-height:100px;display:flex}.pos-qr-placeholder{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:600}.pos-qr-hint{color:var(--text-tertiary);font-size:.5625rem;font-style:italic}.pos-legal{text-align:center;color:var(--text-tertiary);margin-top:var(--spacing-sm);font-size:.625rem}.pos-thank-you{font-size:var(--font-size-xs);color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.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:.5625rem}.pos-test-mode-warning{margin-top:var(--spacing-sm);padding:var(--spacing-xs);background:var(--color-warning);color:var(--text-primary);text-transform:uppercase;border-radius:var(--border-radius-sm);font-size:.625rem;font-weight:700}@media print{.pos-invoice{background:var(--white);width:80mm;max-width:80mm;box-shadow:none;color:var(--black);border-radius:0;margin:0;padding:0}.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:var(--black)}@page{size:80mm 297mm;margin:0}}@media (width<=768px){.pos-invoice{width:100%;max-width:302px}}.invoice-modal-header{justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-default);display:flex}.btn-toggle-view{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);cursor:pointer;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-toggle-view:active{transform:scale(.98)}.btn-print{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-primary);border-radius:var(--border-radius-md);color:var(--white);font-size:var(--text-base);cursor:pointer;box-shadow:var(--shadow-sm);border:none;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.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);color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;font-weight:800}.invoice-nit{margin:var(--spacing-xs) 0;font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.invoice-business-header p{margin:var(--spacing-xxs) 0;font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.invoice-contact{justify-content:center;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-sm);font-size:var(--text-sm);color:var(--text-tertiary);display:flex}.invoice-info{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);flex-direction:column;display:flex}.invoice-info-row{font-size:var(--text-sm);padding:var(--spacing-xxs) 0;justify-content:space-between;align-items:center;display:flex}.invoice-label{color:var(--text-primary);text-transform:uppercase;font-weight:700;font-size:var(--text-xs);letter-spacing:.5px}.invoice-value{color:var(--text-primary);font-weight:700;font-size:var(--text-sm)}.invoice-items-table{border-collapse:collapse;width:100%;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);color:var(--text-primary);text-transform:uppercase;letter-spacing:.8px;font-weight:700}.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{text-align:center;width:60px;font-weight:600}.col-description{width:auto}.col-price,.col-total{text-align:right;width:120px;font-weight:600}.item-note{font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.guest-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--spacing-xs);display:block}.invoice-totals{gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-direction:column;display:flex}.invoice-total-row{font-size:var(--text-base);padding:var(--spacing-sm) 0;justify-content:space-between;align-items:center;display:flex}.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{align-items:center;gap:var(--spacing-xs);color:var(--text-primary);font-weight:600;display:flex}.tip-controls{align-items:center;gap:var(--spacing-md);display:flex}.tip-input-wrapper{align-items:center;display:inline-flex;position:relative}.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);text-align:center;color:var(--text-primary);background:var(--bg-secondary);font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.tip-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-alpha-10);outline:none}.tip-input-error:focus{box-shadow:0 0 0 3px var(--danger-alpha-10)}.tip-input-suffix{right:var(--spacing-sm);color:var(--text-tertiary);font-size:var(--text-sm);pointer-events:none;font-weight:600;position:absolute}.tip-error-message{color:var(--color-danger);font-size:var(--text-sm);margin-top:var(--spacing-xs);padding-left:var(--spacing-sm);font-weight:500}.tip-amount{color:var(--text-primary);text-align:right;min-width:100px;font-weight:700}.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);text-transform:uppercase;letter-spacing:1px;font-weight:900}.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);border-top:1px dashed var(--border-default);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;background:0 0;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);color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;border-top:2px solid var(--border-strong);font-weight:700}.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{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;position:static;overflow:visible}.invoice-modal-content{max-width:100%;max-height:none;box-shadow:none;border-radius:0;overflow:visible}.invoice-body{max-width:70mm;margin:0 auto;padding:5mm}.invoice-business-header{margin-bottom:3mm;padding-bottom:2mm}.invoice-business-header h1{margin-bottom:1mm;font-size:14pt}.invoice-business-header p{margin:.5mm 0;font-size:8pt}.invoice-info{margin-bottom:3mm;padding:2mm;font-size:9pt}.invoice-info-row{font-size:9pt}.invoice-items-table{page-break-inside:avoid;margin-bottom:3mm}.invoice-items-table th{padding:1mm .5mm;font-size:8pt}.invoice-items-table td{padding:1.5mm .5mm;font-size:9pt}.invoice-totals{page-break-inside:avoid;font-size:9pt}.invoice-total-row{padding:1mm 0}.invoice-total-final{margin-top:2mm;padding:2mm;font-size:12pt}.invoice-total-final strong:last-child{font-size:14pt}.invoice-footer,.invoice-footer-default{margin-top:3mm;padding-top:2mm;font-size:8pt}.invoice-divider,.invoice-totals,.invoice-footer{page-break-inside:avoid}}@media (width<=1024px) and (width>=769px){.invoice-modal-content{max-width:700px}.invoice-business-header h1{font-size:var(--text-xl)}.col-price,.col-total{width:100px}}@media (width<=768px){.invoice-modal-content{border-radius:0;max-width:100%;max-height:100vh}.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{gap:var(--spacing-xs);flex-direction:column}.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{align-items:flex-end;gap:var(--spacing-xs);flex-direction:column}.tip-amount{min-width:auto}}@media (width<=480px){.invoice-modal-header{gap:var(--spacing-md);flex-direction:column;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:.625rem}.invoice-total-row{font-size:var(--text-sm)}.invoice-total-final{font-size:var(--text-base)}.btn-print{justify-content:center;width:100%}}.print-only{display:none}.payment-summary{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);flex-direction:column;display:flex}.payment-summary-row{padding:var(--spacing-xs) 0;justify-content:space-between;align-items:center;display:flex}.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);color:var(--text-primary);font-weight:700}.payment-summary-total .payment-summary-value{font-size:var(--text-xl);color:var(--color-primary);font-weight:900}.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{align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-base);color:var(--text-primary);font-weight:600;display:flex}.tip-checkbox{cursor:pointer;width:20px;height:20px;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);text-align:center;margin-top:var(--spacing-sm);font-weight:500}.payment-methods{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.payment-method-option{justify-content:center;align-items: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;flex-direction:column;min-height:120px;transition:all .2s;display:flex}.payment-method-option:hover{border-color:var(--color-primary);background:var(--bg-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.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}.payment-method-option:hover svg,.payment-method-option.selected svg{color:var(--color-primary)}.payment-method-label{font-size:var(--text-base);color:var(--text-primary);text-align:center;font-weight:600}.cash-input-wrapper{gap:var(--spacing-lg);flex-direction:column;display:flex}.cash-input-group{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;display:flex}.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);color:var(--text-secondary);font-weight:700}.cash-input{font-size:var(--text-2xl);color:var(--text-primary);padding:var(--spacing-xs);background:0 0;border:none;outline:none;flex:1;font-weight:700}.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);padding:var(--spacing-xs) var(--spacing-sm);background:var(--danger-50);border-radius:var(--border-radius-sm);margin-top:calc(var(--spacing-sm) * -1);font-weight:500}.change-display{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);flex-direction:column;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.change-header{align-items:center;gap:var(--spacing-sm);display:flex}.change-header svg{color:var(--color-success);flex-shrink:0}.change-label{font-size:var(--text-base);color:var(--text-secondary);font-weight:600}.change-amount{font-size:var(--text-3xl);color:var(--color-success);text-align:center;padding:var(--spacing-sm) 0;font-weight:900}.reference-input-wrapper{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-direction:column;display:flex}.reference-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.reference-input{width:100%;padding:var(--spacing-md);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--border-radius-md);outline:none;font-weight:500;transition:all .2s}.reference-input:focus{border-color:var(--color-primary);background:var(--bg-primary);box-shadow:var(--shadow-md)}.reference-input::placeholder{color:var(--text-tertiary);font-weight:400}@media (width<=768px){.payment-methods{gap:var(--spacing-sm);grid-template-columns:1fr}.payment-method-option{padding:var(--spacing-md);flex-direction:row;justify-content:flex-start;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{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--surface-base);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);flex-direction:column;width:100%;max-width:600px;display:flex}.cs-header{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.cs-header-title{align-items:center;gap:var(--spacing-sm);display:flex}.cs-header-title h3{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:600}.cs-close-btn{border-radius:var(--border-radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.cs-close-btn:hover{background:var(--interactive-hover);color:var(--text-primary)}.cs-selected-customer{padding:var(--spacing-md);background:var(--gradient-primary);border-radius:var(--border-radius-md);color:var(--text-inverse);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}.cs-selected-info{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.cs-selected-name{align-items:center;gap:var(--spacing-sm);font-size:var(--text-md);font-weight:600;display:flex}.cs-selected-doc,.cs-selected-email{font-size:var(--text-sm);opacity:.9}.cs-clear-btn{background:var(--white-alpha-20);border-radius:var(--border-radius-md);width:32px;height:32px;color:var(--text-inverse);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;display:flex}.cs-clear-btn:hover{background:var(--white-alpha-30)}.cs-document-search{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);flex-direction:column;display:flex}.cs-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.cs-document-input-wrapper{align-items:center;display:flex;position:relative}.cs-document-input{width:100%;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);background:var(--surface-base);transition:all var(--transition-normal);padding-right:40px}.cs-document-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.cs-document-input.found{border-color:var(--color-success);background:var(--color-success-bg)}.cs-document-input.error{border-color:var(--color-danger);background:var(--surface-danger-light)}.cs-document-input:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.cs-loading-spinner-small{right:var(--spacing-md);border:2px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;position:absolute}.cs-status-icon{right:var(--spacing-md);color:var(--color-primary);position:absolute}.cs-status-icon.success{color:var(--color-success)}.cs-status-icon.error{color:var(--color-danger)}.cs-error-message,.cs-success-message{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);margin:0;display:flex}.cs-error-message{color:var(--color-danger);background:var(--surface-danger-light)}.cs-success-message{color:var(--color-success-text);background:var(--color-success-bg)}.cs-search-box{align-items:center;display:flex;position:relative}.cs-search-icon{left:var(--spacing-md);color:var(--text-tertiary);pointer-events:none;position:absolute}.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{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.cs-search-clear{right:var(--spacing-sm);border-radius:var(--border-radius-sm);width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.cs-search-clear:hover{background:var(--interactive-hover);color:var(--text-primary)}.cs-new-customer-btn{justify-content:center;align-items: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);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);font-weight:600;display:flex}.cs-new-customer-btn:hover{background:var(--color-success-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.cs-new-customer-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.cs-list{gap:var(--spacing-xs);max-height:400px;padding:var(--spacing-xs);border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--bg-secondary);flex-direction:column;display:flex;overflow-y:auto}.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{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--text-secondary);font-size:var(--text-sm);flex-direction:column;display:flex}.cs-loading-spinner{border:3px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.cs-empty{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--text-tertiary);text-align:center;flex-direction:column;display:flex}.cs-empty p{font-size:var(--text-md);color:var(--text-secondary);margin:0;font-weight:600}.cs-empty span{font-size:var(--text-sm)}.cs-customer-item{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;justify-content:space-between;align-items:center;width:100%;display:flex}.cs-customer-item:hover{background:var(--interactive-hover);border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translate(2px)}.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{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.cs-customer-name{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--text-primary);font-weight:600;display:flex}.cs-customer-doc,.cs-customer-email{font-size:var(--text-xs);color:var(--text-secondary)}.cs-receiver-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.3px;font-size:.6875rem;font-weight:600;display:inline-flex}.cs-receiver-consumer{background:var(--color-info-bg);color:var(--color-info-text)}.cs-receiver-legal-entity{background:var(--primary-50);color:var(--color-primary-text)}.cs-receiver-natural-person{background:var(--color-success-bg);color:var(--color-success-text)}.cs-receiver-foreigner{background:var(--surface-warning-light);color:var(--warning-700)}.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 (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 (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{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;flex-direction:column;display:flex}.close-table-warning svg{color:var(--color-warning)}.close-table-warning h3{font-size:var(--text-xl);color:var(--text-primary);margin:0;font-weight:700}.close-table-warning p{font-size:var(--text-sm);color:var(--text-secondary);max-width:500px;margin:0;line-height:1.5}.close-table-summary{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);flex-direction:column;display:flex}.close-table-summary-row{padding:var(--spacing-xs) 0;justify-content:space-between;align-items:center;display:flex}.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);color:var(--text-primary);font-weight:700}.close-table-summary-total .close-table-summary-value{font-size:var(--text-xl);color:var(--color-primary);font-weight:900}.close-table-summary-value.tip-amount{color:var(--color-warning);font-weight:700}.close-table-process{gap:var(--spacing-md);flex-direction:column;display:flex}.close-table-process-step{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);display:flex}.close-table-process-step svg{color:var(--color-success);flex-shrink:0;margin-top:2px}.close-table-process-step span{font-size:var(--text-sm);color:var(--text-primary);line-height:1.5}.close-table-electronic-invoice-option{gap:var(--spacing-lg);flex-direction:column;display:flex}.electronic-invoice-checkbox{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s;display:flex}.electronic-invoice-checkbox:hover{background:var(--interactive-hover);border-color:var(--color-primary)}.electronic-invoice-checkbox input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary)}.electronic-invoice-checkbox span{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.electronic-invoice-customer-section{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--info-50);border:1px solid var(--color-info);border-radius:var(--border-radius-md);flex-direction:column;display:flex}.customer-help-text{font-size:var(--text-sm);color:var(--text-primary);margin:0;font-weight:600}.customer-warning{padding:var(--spacing-sm) var(--spacing-md);background:var(--warning-50);border-left:3px solid var(--color-warning);border-radius:var(--border-radius-sm);font-size:var(--text-sm);color:var(--text-primary);align-items:center;gap:var(--spacing-sm);margin:0;display:flex}.customer-warning svg{color:var(--color-warning);flex-shrink:0}.electronic-invoice-note{padding:var(--spacing-md);background:var(--bg-secondary);border-left:3px solid var(--color-info);border-radius:var(--border-radius-sm);font-size:var(--text-sm);color:var(--text-secondary);align-items:flex-start;gap:var(--spacing-sm);margin:0;line-height:1.6;display:flex}.electronic-invoice-note svg{color:var(--color-info);flex-shrink:0;margin-top:2px}@media (width<=1024px){.close-table-warning{padding:var(--spacing-lg)}.close-table-summary{padding:var(--spacing-md)}}@media (width<=768px){.close-table-warning{padding:var(--spacing-lg);gap:var(--spacing-sm)}.close-table-warning svg{width:36px;height:36px}.close-table-warning h3{font-size:var(--text-lg)}.close-table-warning p{font-size:var(--text-xs)}.close-table-summary{padding:var(--spacing-sm)}.close-table-summary-row{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.close-table-summary-label,.close-table-summary-value{font-size:var(--text-sm)}.close-table-summary-total .close-table-summary-value{font-size:var(--text-lg)}.close-table-process-step{gap:var(--spacing-xs);flex-direction:column}.electronic-invoice-checkbox{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.electronic-invoice-customer-section{padding:var(--spacing-md)}.customer-warning{padding:var(--spacing-sm);flex-direction:column}}@media (width<=480px){.close-table-warning{padding:var(--spacing-md)}.close-table-warning h3,.close-table-summary-total .close-table-summary-label{font-size:var(--text-base)}.close-table-summary-total .close-table-summary-value{font-size:var(--text-lg)}.electronic-invoice-checkbox span{font-size:var(--text-sm)}.customer-help-text,.customer-warning,.electronic-invoice-note{font-size:var(--text-xs)}}.table-details-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.details-section{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);flex-direction:column;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.details-section:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-title{align-items:center;gap:var(--spacing-sm);font-size:var(--text-lg);color:var(--text-primary);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-default);margin:0;font-weight:700;display:flex}.section-title svg{color:var(--color-primary)}.info-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.info-item{gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);flex-direction:column;transition:all .2s;display:flex}.info-item:hover{background:var(--bg-primary);border-color:var(--border-default);box-shadow:var(--shadow-sm)}.info-label{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:600;display:flex}.info-label svg{color:var(--color-primary)}.occupancy-display{gap:var(--spacing-sm);flex-direction:column;display:flex}.payment-status-indicator{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);display:flex}.payment-status-indicator svg{color:var(--color-success);flex-shrink:0}.payment-status-indicator span{font-size:var(--text-base);color:var(--success-700);flex:1;font-weight:700}.payment-status-indicator small{font-size:var(--text-sm);color:var(--success-600);margin-top:var(--spacing-xs);font-weight:500;display:block}.occupancy-bar{background:var(--bg-tertiary);border:2px solid var(--border-default);border-radius:var(--border-radius-xl);width:100%;height:16px;position:relative;overflow:hidden}.occupancy-fill{border-radius:var(--border-radius-xl);background:var(--gradient-primary);height:100%;box-shadow:inset 0 0 12px var(--primary-alpha-30);transition:width .4s cubic-bezier(.4,0,.2,1)}.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{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;display:flex}.occupancy-percentage{font-size:var(--text-2xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.occupancy-text{color:var(--text-secondary);font-size:var(--text-base);font-weight:600}.client-info{gap:var(--spacing-sm);flex-direction:column;display:flex}.client-name{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;display:flex}.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{color:var(--text-primary);font-size:var(--text-base);margin:0;line-height:1.7}.items-placeholder{justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xxl) var(--spacing-xl);color:var(--text-tertiary);text-align:center;flex-direction:column;display:flex}.items-placeholder svg{color:var(--text-tertiary);opacity:.5}.items-placeholder p{font-size:var(--text-base);margin:0;font-weight:500}.placeholder-actions{gap:var(--spacing-md);flex-direction:column;width:100%;max-width:300px;display:flex}.btn-add-items-inline{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);background:var(--gradient-primary);border-radius:var(--border-radius-md);color:var(--white);font-size:var(--text-base);cursor:pointer;box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:.3px;border:none;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-add-items-inline:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.btn-add-items-inline:active{transform:translateY(-1px)}.btn-add-items-inline:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-release-table{justify-content:center;align-items: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);cursor:pointer;text-transform:uppercase;letter-spacing:.3px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-release-table:hover{background:var(--danger-50);border-color:var(--color-danger);color:var(--color-danger);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-release-table:active{transform:translateY(0)}.btn-release-table:disabled{opacity:.6;cursor:not-allowed;transform:none}.guest-orders-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.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);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.guest-order-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translate(4px)}.guest-order-header{align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:2px solid var(--border-default);display:flex}.guest-order-header svg{color:var(--color-primary)}.guest-order-header h4{color:var(--text-primary);font-size:var(--text-lg);flex:1;margin:0;font-weight:700}.guest-subtotal{color:var(--color-primary);font-size:var(--text-xl);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm);font-weight:800}.guest-items-list{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guest-item{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);flex-direction:column;transition:all .2s;display:flex}.guest-item:hover{background:var(--bg-secondary);border-color:var(--border-default);box-shadow:var(--shadow-sm)}.item-main{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.item-info{align-items:center;gap:var(--spacing-sm);flex:1;display:flex}.item-quantity{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);text-align:center;min-width:2.5rem;box-shadow:var(--shadow-sm);-webkit-text-fill-color:var(--white);color:var(--white)!important}.item-name{color:var(--text-primary);font-size:var(--text-base);flex:1;font-weight:600}.item-price{color:var(--text-primary);font-size:var(--text-lg);font-weight:700}.btn-delete-item{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;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.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{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-success);border-radius:var(--border-radius-sm);color:var(--white);cursor:pointer;font-size:var(--text-xs);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-mark-served:hover:not(:disabled){background:var(--success-600);color:var(--white);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-mark-served:active:not(:disabled){transform:translateY(0)}.btn-mark-served:disabled{opacity:.5;cursor:not-allowed;transform:none}.item-notes{padding:var(--spacing-sm) 0 0 var(--spacing-xxl);color:var(--text-tertiary);font-size:var(--text-sm);margin:0;font-style:italic;line-height:1.5}.no-items{padding:var(--spacing-xl);color:var(--text-tertiary);font-size:var(--text-base);text-align:center;background:var(--bg-tertiary);border-radius:var(--border-radius-md);margin:0;font-weight:500}.orders-total{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);justify-content:space-between;align-items:center;display:flex}.orders-total strong{color:var(--text-primary);font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.5px;font-weight:800}.orders-total strong:last-child{color:var(--color-primary);font-size:var(--text-2xl);font-weight:900}.invoice-summary{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);flex-direction:column;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.invoice-summary:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.invoice-summary-header{gap:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(auto-fit,minmax(80px,1fr));display:grid}.summary-item{gap:var(--spacing-xs);text-align:center;flex-direction:column;display:flex}.summary-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.625rem;font-weight:600}.summary-value{font-size:var(--text-lg);color:var(--color-primary);font-weight:700}.invoice-summary-totals{gap:var(--spacing-sm);flex-direction:column;display:flex}.total-row{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;display:flex}.total-label{font-size:var(--text-base);color:var(--text-secondary);font-weight:600}.total-value{font-size:var(--text-base);color:var(--text-primary);font-weight:700}.tip-config-row{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px solid var(--border-subtle);align-items:center}.tip-input-container{align-items:center;gap:var(--spacing-sm);flex:1;display:flex}.tip-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.tip-input-wrapper{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);max-width:100px;transition:all .2s;display:flex}.tip-input{font-size:var(--text-sm);color:var(--text-primary);text-align:right;background:0 0;border:none;outline:none;width:50px;font-weight:700}.tip-input:disabled{opacity:.6;cursor:not-allowed}.tip-input-suffix{font-size:var(--text-base);color:var(--text-secondary);font-weight:600}.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);margin:-var(--spacing-md) 0 0 0;font-weight:500}.tip-include-checkbox{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);align-items:center;display:flex}.tip-include-checkbox .checkbox-label{align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-sm);color:var(--text-primary);display:flex}.tip-include-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;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);color:var(--text-primary);font-weight:700}.total-final .total-value{font-size:var(--text-2xl);color:var(--color-primary);font-weight:900}.invoice-actions{gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:center;display:flex}.btn-view-invoice,.btn-mark-paid,.btn-close-table{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);color:var(--white);font-size:var(--text-sm);cursor:pointer;box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:.5px;border:none;flex:0 auto;justify-content:center;min-width:150px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-view-invoice{background:var(--gradient-primary)}.btn-view-invoice:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.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){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.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){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.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{padding:var(--spacing-sm) 0;box-shadow:none;background:0 0;border:none}.details-section--timestamps:hover{box-shadow:none;transform:none}.timestamps-grid{gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--border-radius-md);flex-direction:column;display:flex}.timestamp-item{justify-content:space-between;align-items:center;gap:var(--spacing-lg);font-size:var(--text-sm);display:flex}.timestamp-label{color:var(--text-tertiary);font-weight:600}.timestamp-value{color:var(--text-secondary);font-weight:700}@media (width<=1024px) and (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{min-width:140px;padding:var(--spacing-md) var(--spacing-md);font-size:var(--text-xs);flex:0 auto}}@media (width<=768px){.invoice-summary{padding:var(--spacing-lg);gap:var(--spacing-md)}.invoice-summary-header{gap:var(--spacing-sm);padding-bottom:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.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{align-items:stretch;gap:var(--spacing-md);flex-direction:column}.tip-input-container{flex-direction:row;justify-content:space-between;align-items:center}.tip-label{font-size:var(--text-xs);min-width:60px}.tip-input-wrapper{flex:1;justify-self:flex-end;max-width:120px}.invoice-actions{gap:var(--spacing-sm);padding-top:var(--spacing-md);flex-direction:column}.btn-view-invoice,.btn-mark-paid,.btn-close-table{min-width:unset;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-sm);gap:var(--spacing-sm);flex:1}}@media (width<=480px){.invoice-summary{padding:var(--spacing-md)}.invoice-summary-header{gap:var(--spacing-xs);grid-template-columns:1fr 1fr 1fr}.summary-item{gap:var(--spacing-xs)}.summary-label{font-size:.625rem}.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{align-items:center;gap:var(--spacing-sm);flex-direction:row}.tip-label{min-width:50px;font-size:.625rem}.tip-input-wrapper{padding:var(--spacing-xs) var(--spacing-sm);max-width:unset;flex:1}.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{gap:var(--spacing-xs);padding-top:var(--spacing-md);flex-direction:column}.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 (width<=768px){.table-details-content{gap:var(--spacing-xl)}.details-section{padding:var(--spacing-xl)}.section-title{font-size:var(--text-lg)}.info-grid{gap:var(--spacing-md);grid-template-columns:1fr}.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 (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{gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.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{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.item-info{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column;width:100%}.item-actions{justify-content:space-between;width:100%}.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{font-size:var(--text-xs);padding-left:0}.orders-total{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-sm);text-align:center;flex-direction:column}.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);align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}}@media (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 (width<=768px){.table-details-modal-content{padding:var(--spacing-md)}.modal-details-grid{gap:var(--spacing-md);grid-template-columns:1fr}.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-flow:wrap}.item-info{flex:1;min-width:200px}.item-actions{gap:var(--spacing-xs);flex:none}}.tip-config{gap:var(--spacing-md);flex-direction:column;display:flex}.tip-info{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.tip-label{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.tip-input-wrapper{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;display:flex}.tip-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100)}.tdm-loading{padding:var(--spacing-2xl);text-align:center}.table-status-header{align-items:baseline;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.table-status-label{letter-spacing:1px;text-transform:uppercase;opacity:.85;font-size:.875rem;font-weight:600}.table-status-number{letter-spacing:2px;font-size:2.5rem;font-weight:700}.table-status-info{align-items:center;gap:var(--spacing-sm);opacity:.95;font-size:.9375rem;font-weight:500;display:flex}.two-column-inputs{gap:var(--spacing-lg);grid-template-columns:1fr auto;align-items:flex-end;display:grid}.capacity-guide{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);flex-direction:column;display:flex}.guide-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.guide-value{color:var(--text-primary);font-size:1rem;font-weight:700}.guests-input-section{gap:var(--spacing-lg);flex-direction:column;display:flex}.capacity-visualization{gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-default);grid-template-columns:auto 1fr;align-items:center;display:grid}.capacity-circle-display{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;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.circle-content{justify-content:center;align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.circle-number{color:var(--color-primary);font-size:2rem;font-weight:700;line-height:1}.circle-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.capacity-bar-container{gap:var(--spacing-sm);flex-direction:column;display:flex}.capacity-bar{background-color:var(--bg-tertiary);border-radius:var(--border-radius-full);width:100%;height:10px;box-shadow:inset 0 1px 2px color-mix(in srgb, var(--text-primary) 5%, transparent);overflow:hidden}.capacity-fill{border-radius:var(--border-radius-full);background-color:var(--color-info);height:100%;transition:all .2s cubic-bezier(.4,0,.2,1)}.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{color:var(--text-primary);text-align:right;font-size:.875rem;font-weight:600}.field-helper{margin-top:var(--spacing-xs);justify-content:flex-end;display:flex}.char-counter{color:var(--text-tertiary);letter-spacing:.5px;font-size:.75rem;font-weight:500}.alert-section{gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);border-left:3px solid;align-items:flex-start;font-size:.875rem;display:flex}.alert-section svg{flex-shrink:0;margin-top:2px}.alert-section>div{gap:var(--spacing-xs);flex-direction:column;display:flex}.alert-title{font-weight:600;display:block}.alert-text{opacity:.85;font-size:.8125rem;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-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)}.btn-primary.btn-large{padding:var(--spacing-md) var(--spacing-xl);justify-content:center;align-items:center;gap:var(--spacing-md);border-radius:var(--border-radius-md);height:48px;box-shadow:var(--shadow-sm);font-size:1rem;font-weight:600;transition:all .2s ease-in-out;display:flex}.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{border:2px solid var(--white-alpha-30);border-top-color:var(--white);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@media (width<=768px){.table-status-number{font-size:2rem}.capacity-visualization{gap:var(--spacing-md);padding:var(--spacing-md);grid-template-columns:1fr}.capacity-circle-display{width:80px;height:80px;margin:0 auto}.circle-number{font-size:1.75rem}.btn-primary.btn-large{padding:var(--spacing-sm) var(--spacing-lg);height:44px;font-size:.9375rem}.alert-section{padding:var(--spacing-md)}}@media (width<=480px){.table-status-header{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column}.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{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.takeaway-steps{padding:var(--spacing-md);background:var(--bg-primary);align-items:center;gap:var(--spacing-sm);border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex}.step{align-items:center;gap:var(--spacing-xs);flex-direction:column;flex:none;display:flex}.step-number{width:32px;height:32px;font-weight:600;font-size:var(--font-size-sm);background:var(--border-default);color:var(--text-secondary);transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex}.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);white-space:nowrap;font-weight:500}.step.active .step-label{color:var(--color-primary);font-weight:600}.step-line{background:var(--border-default);flex:1;min-width:24px;height:2px}.takeaway-modal-content{padding:var(--spacing-md);flex:1;min-height:0;overflow-y:auto}.takeaway-step{gap:var(--spacing-md);flex-direction:column;min-height:min-content;display:flex}.takeaway-step .product-selector__grid{min-height:400px;max-height:60vh}.takeaway-step .product-selector{flex-direction:column;flex:1;display:flex}.selected-items-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.selected-item-card{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);justify-content:space-between;align-items:center;display:flex}.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);color:var(--text-primary);font-weight:600}.item-notes{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.item-price{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.item-actions{align-items:center;gap:var(--spacing-sm);display:flex}.qty-btn,.remove-btn{border-radius:var(--border-radius-sm);border:1px solid var(--border-default);background:var(--surface-base);width:32px;height:32px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.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-danger);color:var(--text-inverse);border-color:var(--color-danger)}.qty-value{text-align:center;min-width:24px;color:var(--text-primary);font-weight:600}.review-summary{gap:var(--spacing-lg);flex-direction:column;display:flex}.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);color:var(--text-primary);font-weight:600}.review-section p{margin:var(--spacing-xs) 0;color:var(--text-secondary)}.review-items{gap:var(--spacing-sm);flex-direction:column;display:flex}.review-item{padding:var(--spacing-sm);background:var(--surface-base);border-radius:var(--border-radius-sm);justify-content:space-between;align-items:center;display:flex}.review-item-name{font-size:var(--font-size-sm);color:var(--text-primary)}.review-item-price{color:var(--color-primary);font-weight:600}.review-totals{background:var(--surface-base);border-color:var(--color-primary)}.total-row{padding:var(--spacing-sm) 0;font-size:var(--font-size-base);color:var(--text-secondary);justify-content:space-between;display:flex}.total-row:not(:last-child){border-bottom:1px solid var(--border-default)}.total-final{font-size:var(--font-size-lg);color:var(--text-primary);padding-top:var(--spacing-md);font-weight:700}.total-final span:last-child{color:var(--color-primary)}.product-detail-overlay{background:var(--surface-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10001;padding:var(--spacing-md);justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.product-detail-popup{background:var(--surface-elevated);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-2xl);width:100%;max-width:500px;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;overflow:hidden}.popup-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.popup-header h3{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:600}.popup-close{border-radius:var(--border-radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.popup-close:hover{background:var(--color-danger);color:var(--text-on-primary)}.popup-content{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.popup-price{font-size:var(--font-size-xl);color:var(--color-primary);font-weight:700}.quantity-controls{align-items:center;gap:var(--spacing-md);display:flex}.quantity-controls button{border-radius:var(--border-radius-md);border:1px solid var(--border-default);background:var(--surface-base);width:36px;height:36px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.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);text-align:center;min-width:32px;font-weight:600}.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{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--surface-primary-light);outline:none}.popup-actions{gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-default);display:flex}.popup-actions button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);flex:1;font-weight:600}@media (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{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.item-actions{justify-content:space-between;width:100%}}@media (width<=480px){.modal-header-content h2{font-size:var(--font-size-lg)}.popup-content{padding:var(--spacing-md)}}.takeaway-stock-error{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-danger-light);border-radius:var(--border-radius-md);color:var(--color-danger);grid-column:1/-1}.tables-page{background:var(--bg-primary);min-height:100vh}.tables-layout{grid-template-columns:320px 1fr;gap:0;min-height:100vh;transition:grid-template-columns .25s;display:grid}.tables-layout--collapsed{grid-template-columns:20px 1fr}.tables-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-default);padding:var(--spacing-xl) 0 0 0;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:visible}.sidebar-scroll-content{gap:var(--spacing-md);padding:0 var(--spacing-lg) var(--spacing-xl);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.tables-sidebar--collapsed .sidebar-scroll-content{display:none}.sidebar-toggle-btn{z-index:20;background:var(--bg-primary);border:1px solid var(--border-default);width:26px;height:26px;color:var(--text-tertiary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,border-color .15s,box-shadow .15s;display:flex;position:absolute;top:24px;right:-13px}.sidebar-toggle-btn:hover{color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.sidebar-toggle-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar-metrics{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.tables-metric-card{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);flex-direction:column;transition:all .2s;display:flex}.tables-tables-metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tables-metric-icon{border-radius:var(--border-radius-sm);background:var(--primary-100);width:36px;height:36px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.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{gap:var(--spacing-xs);flex-direction:column;display:flex}.tables-metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.6875rem;font-weight:600}.tables-metric-value{font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:700;line-height:1}.occupancy-widget{padding:var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);gap:var(--spacing-md);flex-direction:column;display:flex}.widget-header{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600;display:flex}.widget-header svg{color:var(--color-primary)}.occupancy-bar{background:var(--bg-tertiary);border-radius:var(--border-radius-full);height:10px;position:relative;overflow:hidden}.occupancy-fill{background:var(--gradient-primary);border-radius:var(--border-radius-full);height:100%;box-shadow:var(--shadow-sm);transition:width .4s}.occupancy-label{color:var(--text-secondary);text-align:center;font-size:.8125rem;font-weight:600}.sidebar-filters{gap:var(--spacing-sm);flex-direction:column;display:flex}.sidebar-filters h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.filter-option{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-md);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;width:100%;font-weight:600;transition:all .2s;display:flex}.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:var(--white-alpha-20);color:var(--white)}.filter-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.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{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);color:var(--text-secondary);margin-left:auto;font-weight:700}.no-floors-message{padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--border-radius-md);text-align:center}.no-floors-message p{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}.no-floors-message span{font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic}.tables-content{padding:var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;display:flex;overflow-y:auto}.content-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-default);display:flex}.header-info h1{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.view-controls{gap:var(--spacing-sm);align-items:center;display:flex}.view-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;background:0 0;font-weight:500;transition:all .2s;display:flex}.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{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.tables-list-view{gap:var(--spacing-sm);flex-direction:column;display:flex}.table-list-item{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);transition:all .2s;display:flex}.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{width:12px;height:12px;box-shadow:var(--shadow-sm);border-radius:50%;display:block}.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) 0;font-size:var(--font-size-base);color:var(--text-primary);font-weight:700}.item-subtitle{color:var(--text-secondary);margin:0;font-size:.8125rem;font-weight:500}.list-item-meta{gap:var(--spacing-sm);display:flex}.meta-tag{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:600;display:flex}.meta-tag svg{flex-shrink:0}.list-item-actions{gap:var(--spacing-sm);flex-shrink:0;display:flex}.action-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.action-btn.action-primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-sm);border-color:#0000}.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:var(--spacing-sm)}.action-btn.action-secondary:hover{background:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.empty-state-wrapper{min-height:400px;padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.loading-state,.error-state{justify-content:center;align-items:center;gap:var(--spacing-lg);min-height:100vh;padding:var(--spacing-xl);text-align:center;flex-direction:column;display:flex}.loading-state p,.error-state p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;font-weight:500}.error-state svg{color:var(--color-danger)}.error-state h3{font-size:var(--font-size-xl);color:var(--text-primary);margin:0;font-weight:700}@media (width<=1024px){.tables-layout{grid-template-columns:280px 1fr}.tables-sidebar{padding:var(--spacing-lg) var(--spacing-md)}.tables-content{padding:var(--spacing-lg)}.sidebar-metrics{grid-template-columns:1fr}.tables-grid-view{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (width<=768px){.tables-layout{grid-template-columns:1fr}.tables-sidebar{border-right:none;border-bottom:1px solid var(--border-default);height:auto;padding:var(--spacing-lg) var(--spacing-md);position:static}.sidebar-metrics{grid-template-columns:repeat(2,1fr)}.occupancy-widget{padding:var(--spacing-md)}.tables-content{padding:var(--spacing-md);gap:var(--spacing-lg)}.content-header{flex-direction:column;align-items:stretch}.view-controls{width:fit-content}.tables-grid-view{gap:var(--spacing-md);grid-template-columns:1fr}.table-list-item{gap:var(--spacing-md);flex-wrap:wrap}.list-item-actions{justify-content:stretch;width:100%}.action-btn.action-primary{flex:1}}@media (width<=480px){.tables-sidebar{padding:var(--spacing-md)}.sidebar-metrics{gap:var(--spacing-sm);grid-template-columns:1fr}.tables-metric-card{padding:var(--spacing-sm)}.tables-metric-value{font-size:var(--font-size-xl)}.tables-content{padding:var(--spacing-sm)}.header-info h1{font-size:var(--font-size-xl)}.table-list-item{padding:var(--spacing-md)}.action-btn{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-sm)}}.tables-grid-view>*,.table-list-item{animation:.3s forwards fadeIn}.tables-grid-view>:first-child,.table-list-item:first-child{animation-delay:0s}.tables-grid-view>:nth-child(2),.table-list-item:nth-child(2){animation-delay:50ms}.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{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;display:inline-flex}.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 (width>=768px){.ws-text{display:inline}}.ws-connected{animation:2s ease-in-out infinite pulse-success}@keyframes pulse-success{0%,to{opacity:1}50%{opacity:.8}}.kitchen-page{background-color:var(--bg-primary);min-height:100vh;padding:var(--spacing-lg)}.kitchen-header{justify-content:space-between;align-items:center;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);display:flex}.header-title h1{font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:700}.header-stats{gap:var(--spacing-md);display:flex}.stat-card{gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);text-align:center;flex-direction:column;min-width:100px;display:flex}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.stat-card:first-child{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{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xxl);color:var(--text-secondary);flex-direction:column;display:flex}.kitchen-empty{justify-content:center;align-items: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);flex-direction:column;display:flex}.kitchen-empty h2{font-size:var(--text-xl);color:var(--text-secondary);margin:0;font-weight:600}.kitchen-empty p{font-size:var(--text-base);margin:0}.kitchen-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));display:grid}.kitchen-table-card{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.table-info{justify-content:space-between;align-items:center;display:flex}.table-items-count{font-size:var(--text-sm);opacity:.9}.table-items{padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;display:flex}.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}.kitchen-item-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.item-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.item-guest,.item-time{align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.item-details{align-items:center;gap:var(--spacing-sm);display:flex}.item-quantity{color:var(--color-primary);font-weight:700;font-size:var(--text-base)}.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{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--text-sm);cursor:pointer;border:none;flex:1;font-weight:600;transition:all .2s;display:flex}.btn-preparing{background:var(--color-info);color:var(--white)}.btn-preparing:hover:not(:disabled){background:var(--color-info-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-ready{background:var(--color-success);color:var(--white)}.btn-ready:hover:not(:disabled){background:var(--color-success-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-kitchen:disabled{opacity:.6;cursor:not-allowed;transform:none}.item-meta{font-size:var(--text-xs);color:var(--text-tertiary);padding-top:var(--spacing-sm);border-top:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}@media (width<=1024px){.kitchen-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.kitchen-header{flex-direction:column;align-items:flex-start}.header-stats{justify-content:flex-start;width:100%}}@media (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 (width<=480px){.kitchen-page{padding:var(--spacing-sm)}.kitchen-header{padding:var(--spacing-md)}.header-stats{flex-direction:column;width:100%}.stat-card{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.item-actions{flex-direction:column}}.ready-page{gap:var(--spacing-xl);padding:var(--spacing-xl);background:var(--bg-secondary);flex-direction:column;min-height:100vh;display:flex}.ready-header{justify-content:space-between;align-items:center;gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.header-title{align-items:center;gap:var(--spacing-md);display:flex}.header-title svg{color:var(--color-success);flex-shrink:0}.header-title h1{color:var(--text-primary);margin:0;font-size:2rem;font-weight:700}.header-stats{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.stat-card{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);flex-direction:column;min-width:140px;transition:all .2s;display:flex}.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-value{color:var(--text-primary);font-size:2rem;font-weight:700}.header-actions{gap:var(--spacing-sm);align-items:center;display:flex}.btn-header{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:600;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;border:none;transition:all .2s;display:flex}.btn-takeaway{background:linear-gradient(135deg, var(--color-primary), var(--color-warning));color:var(--surface-base);box-shadow:var(--shadow-md)}.btn-takeaway:hover{box-shadow:var(--shadow-lg);opacity:.9;transform:translateY(-2px)}.btn-delivery{background:linear-gradient(135deg, var(--color-info), var(--color-success));color:var(--surface-base);box-shadow:var(--shadow-md)}.btn-delivery:hover{box-shadow:var(--shadow-lg);opacity:.9;transform:translateY(-2px)}.ready-content{flex:1}.ready-empty{justify-content:center;align-items: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;flex-direction:column;min-height:400px;display:flex}.ready-empty svg{color:var(--text-tertiary);opacity:.5}.ready-empty h2{color:var(--text-secondary);margin:0;font-size:1.5rem;font-weight:600}.ready-empty p{font-size:var(--text-md);color:var(--text-tertiary);margin:0}.ready-loading,.ready-error{justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-2xl);flex-direction:column;min-height:400px;display:flex}.loading-spinner{border:4px solid var(--border-subtle);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.ready-error svg{color:var(--color-danger)}.ready-grid{gap:var(--spacing-lg);padding-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));display:grid}.ready-table-card{background:var(--surface-base);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:2px solid var(--border-default);transition:all .2s;overflow:hidden}.ready-table-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-success);transform:translateY(-4px)}.table-card-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--gradient-primary);color:var(--white)}.table-info{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.table-number{font-size:1.25rem;font-weight:700}.table-items-count{font-size:var(--text-sm);opacity:.9;font-weight:500}.table-items{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;display:flex}.ready-item-card{background:var(--bg-primary);border:2px solid var(--color-success);border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all .2s}.ready-item-card:hover{box-shadow:var(--shadow-md);background:linear-gradient(135deg, var(--bg-primary), var(--success-50));transform:translate(4px)}.item-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.item-guest{align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--text-secondary);font-weight:600;display:flex}.item-guest svg{color:var(--color-info)}.item-time{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500;display:flex}.item-time-ready{background:var(--success-100);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);color:var(--color-success)}.item-time svg{flex-shrink:0}.item-body{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.item-details{align-items:baseline;gap:var(--spacing-sm);flex:1;display:flex}.item-quantity{color:var(--color-primary);flex-shrink:0;font-size:1.125rem;font-weight:700}.item-name{font-size:var(--text-md);color:var(--text-primary);font-weight:600}.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{color:var(--text-primary);font-style:normal;font-weight:600}.item-actions{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.btn-ready{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--text-sm);cursor:pointer;border:none;flex:1;font-weight:600;transition:all .2s;display:flex}.btn-deliver{background:var(--color-success);color:var(--white)}.btn-deliver:hover:not(:disabled){background:var(--success-600);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-return{background:var(--color-warning);color:var(--white)}.btn-return:hover:not(:disabled){background:var(--warning-600);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-ready:disabled{opacity:.5;cursor:not-allowed;transform:none}.item-meta{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);display:flex}.return-modal{background:var(--surface-base);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:500px;animation:.3s ease-out slideUp}.return-modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.return-modal-header h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.btn-close-modal{color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);background:0 0;border:none;transition:all .2s}.btn-close-modal:hover{background:var(--interactive-hover);color:var(--text-primary)}.return-modal-body{padding:var(--spacing-xl);gap:var(--spacing-md);flex-direction:column;display:flex}.return-item-name{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700}.return-item-guest{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.return-reason-label{gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--text-primary);flex-direction:column;font-weight:600;display:flex}.return-reason-input{padding:var(--spacing-md);border:2px solid var(--border-default);border-radius:var(--border-radius-md);font-size:var(--text-sm);resize:vertical;font-family:inherit;transition:all .2s}.return-reason-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100);outline:none}.return-modal-actions{gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-default);display:flex}.btn-cancel{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--border-radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;flex:1;font-weight:600;transition:all .2s}.btn-confirm-return{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-warning);border-radius:var(--border-radius-md);font-size:var(--text-sm);color:var(--white);cursor:pointer;border:none;flex:1;font-weight:600;transition:all .2s}.btn-confirm-return:hover:not(:disabled){background:var(--warning-600);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-cancel:disabled,.btn-confirm-return:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=1024px){.ready-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (width<=768px){.ready-page{padding:var(--spacing-md);gap:var(--spacing-lg)}.ready-header{align-items:stretch;gap:var(--spacing-lg);flex-direction:column}.header-title{justify-content:center}.header-title h1{font-size:1.5rem}.header-stats{justify-content:center}.ready-grid{gap:var(--spacing-md);grid-template-columns:1fr}.stat-card{min-width:120px}.stat-value{font-size:1.75rem}}@media (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{gap:var(--spacing-sm);flex-direction:column}.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{gap:var(--spacing-xs);flex-direction:column}.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}}.error-boundary__icon{vertical-align:middle;margin-right:var(--spacing-sm);display:inline-block}.product-form{flex-direction:column;gap:1.5rem;display:flex}.form-error{color:var(--color-danger);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.875rem;display:flex}.form-error:before{content:"⚠ "}.form-error-block{background:var(--gradient-red-light);border:1px solid var(--danger-100);border-radius:var(--border-radius-md);color:var(--danger-700);margin-bottom:.5rem;padding:.75rem 1rem;font-size:.875rem}.form-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.form-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.form-checkbox span{color:var(--text-primary);font-size:.875rem}@media (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);margin-top:.5rem;padding:1rem}.tax-preview-box h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.tax-preview-row{color:var(--text-secondary);border-bottom:1px solid var(--primary-200);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem;display:flex}.tax-preview-row:last-child{border-bottom:none}.tax-preview-row.tax-preview-total{color:var(--text-primary);border-top:2px solid var(--primary-300);border-bottom:none;margin-top:.25rem;padding-top:.75rem;font-weight:600}.tax-preview-value{color:var(--color-success);font-family:Monaco,Courier New,monospace;font-weight:600}.tax-preview-row.tax-preview-total .tax-preview-value{color:var(--color-primary);font-size:1.125rem}.form-help-text{color:var(--text-tertiary);margin:-.25rem 0 0;font-size:.8125rem}.modal-error{background:var(--gradient-red-light);color:var(--text-primary);border:1px solid var(--color-danger);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:12px}.modal-error .modal-error-content{align-items:center;gap:var(--spacing-sm);display:flex}.modal-error .modal-error-text{font-weight:500}.business-settings-container{gap:var(--spacing-lg);padding:var(--spacing-sm);flex-direction:column;max-height:calc(100vh - 200px);display:flex;overflow-y:auto}.settings-section{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-default);flex-direction:column;display:flex}.settings-section-title{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:600;display:flex}.members-count{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-lg);font-weight:500}.form-group label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.form-input,.form-textarea{padding:var(--spacing-sm) var(--spacing-sm);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);font-family:inherit;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);box-sizing:border-box;width:100%;transition:border-color .2s,box-shadow .2s}.form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.form-row .form-group:last-child:nth-child(odd){grid-column:1/-1}.settings-section-subtitle{color:var(--text-secondary);margin:-8px 0 8px;font-size:.8125rem}.info-box{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--info-50);border:1px solid var(--info-100);border-radius:var(--border-radius-sm);color:var(--text-primary);display:flex}.info-box-content{gap:var(--spacing-xs);flex-direction:column;display:flex}.info-box-title{color:var(--text-primary);margin:0;font-size:.8125rem;font-weight:600}.info-box-content p{color:var(--text-secondary);margin:0;font-size:.8125rem}.btn-save{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--white);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);cursor:pointer;border:none;font-weight:500;transition:background-color .2s,opacity .2s;display:flex}.btn-save:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.members-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.empty-members{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-md);color:var(--text-secondary);text-align:center;flex-direction:column;display:flex}.empty-members p{font-size:var(--font-size-sm);margin:0}.member-item{gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex}.member-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.member-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.member-info{gap:var(--spacing-xs);flex-direction:column;flex:1;min-width:200px;display:flex}.member-name{font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary)}.member-email{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.8125rem;display:flex}.member-current-role{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm);color:var(--text-primary);white-space:nowrap;font-size:.8125rem;font-weight:500;display:flex}.btn-expand{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);cursor:pointer;width:32px;height:32px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .2s,transform .2s;display:flex}.btn-expand:hover{background:var(--bg-tertiary)}.btn-expand svg{transition:transform .2s}.btn-expand svg.rotated{transform:rotate(180deg)}.member-expanded{gap:var(--spacing-sm);border-top:1px solid var(--border-default);flex-direction:column;padding-top:12px;display:flex}.role-selector{gap:var(--spacing-sm);flex-direction:column;display:flex}.role-selector label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem;font-weight:600}.role-control{gap:var(--spacing-sm);align-items:center;display:flex}.role-select{padding:var(--spacing-sm) var(--spacing-sm);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);cursor:pointer;flex:1;transition:border-color .2s}.role-select:focus{border-color:var(--color-primary);outline:none}.btn-apply-role{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);background:var(--color-primary);color:var(--white);border-radius:var(--border-radius-sm);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;font-size:.8125rem;font-weight:500;transition:background-color .2s;display:flex}.btn-apply-role:hover{opacity:.9;transform:translateY(-1px)}.member-actions{gap:var(--spacing-sm);display:flex}.btn-remove-member{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);background:var(--gradient-red-light);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--border-radius-sm);cursor:pointer;flex:1;font-size:.8125rem;font-weight:500;transition:background-color .2s;display:flex}.btn-remove-member:hover{background:var(--color-danger);color:var(--white)}.member-owner-notice{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);background:var(--gradient-blue-light);border:1px solid var(--color-info);border-radius:var(--border-radius-sm);color:var(--color-info);font-size:.8125rem;display:flex}.member-owner-notice p{margin:0}.no-permissions-notice{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-md);text-align:center;color:var(--text-secondary);background:var(--bg-tertiary);border:2px dashed var(--border-default);border-radius:var(--border-radius-md);flex-direction:column;display:flex}.no-permissions-notice p{font-size:var(--font-size-sm);margin:0}.notice-subtext{font-size:var(--font-size-xs);opacity:.7}.business-settings-container::-webkit-scrollbar{width:6px}.business-settings-container::-webkit-scrollbar-track{background:0 0}.business-settings-container::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--spacing-xs)}.business-settings-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (width<=768px){.business-settings-container{gap:var(--spacing-md);max-height:calc(100vh - 240px);padding:var(--spacing-sm)}.settings-section{padding:var(--spacing-sm);gap:var(--spacing-sm)}.settings-section-title{font-size:var(--font-size-base)}.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:var(--font-size-base)}}@media (width<=480px){.business-settings-container{gap:var(--spacing-sm);max-height:calc(100vh - 220px);padding:var(--spacing-sm)}.settings-section{padding:var(--spacing-sm);gap:var(--spacing-sm)}.settings-section-title{gap:var(--spacing-sm);font-size:.9375rem}.form-group label{font-size:.8125rem}.form-input,.form-textarea{font-size:var(--font-size-base);padding:var(--spacing-sm)}.btn-save{padding:var(--spacing-sm) var(--spacing-sm);font-size:.8125rem}.member-item{padding:var(--spacing-sm);gap:var(--spacing-sm)}.member-name{font-size:.8125rem}.member-email{font-size:var(--font-size-xs)}.member-current-role{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.btn-expand{width:28px;height:28px}.role-selector label{font-size:var(--font-size-xs)}.role-select{padding:var(--spacing-sm);font-size:.8125rem}.btn-apply-role,.btn-remove-member,.member-owner-notice{padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-xs)}.members-count{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}.empty-members{padding:var(--spacing-lg) var(--spacing-sm)}.empty-members p{font-size:.8125rem}.no-permissions-notice{padding:var(--spacing-lg) var(--spacing-sm)}.no-permissions-notice p{font-size:.8125rem}.notice-subtext{font-size:.6875rem}.form-row{grid-template-columns:1fr}.form-row .form-group:last-child:nth-child(odd){grid-column:1}.input-hint{font-size:.6875rem}.info-box{padding:var(--spacing-sm) var(--spacing-sm);gap:var(--spacing-sm)}.info-box svg{width:16px;min-width:16px;height:16px}.info-box-title,.info-box-content p{font-size:var(--font-size-xs)}}@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{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--gradient-red-light);border:1px solid var(--color-danger);border-radius:var(--border-radius-md);color:var(--color-danger);font-size:var(--font-size-sm);margin-bottom:24px;line-height:1.5;animation:.3s slideDown;display:flex}.error-box-icon{stroke-width:2.5px;flex-shrink:0;margin-top:2px}.error-box-content{flex:1}.error-box-content strong{margin-bottom:4px;font-weight:600;display:block}.error-box-content p{word-break:break-word;margin:0;font-weight:500}.business-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.bf-section{gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;transition:all .3s;display:flex}.bf-section:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.bf-section-title{font-size:var(--font-size-lg);color:var(--text-primary);align-items:center;gap:var(--spacing-sm);letter-spacing:-.3px;margin:0;font-weight:700;display:flex}.bf-section-title:before{content:"";background:var(--gradient-primary);border-radius:var(--spacing-xs);width:4px;height:20px;display:inline-block}.bf-form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.bf-form-group label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;opacity:.9;font-size:.8125rem;font-weight:600}.bf-form-group label strong{color:var(--color-danger);margin-left:2px}.bf-input,.bf-select,.bf-textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-md);font-family:inherit;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);transition:all .2s}.bf-input::-moz-placeholder{color:var(--text-tertiary)}.bf-select::-moz-placeholder{color:var(--text-tertiary)}.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{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100);background:var(--bg-primary);outline:none}.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;appearance:none;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-position:right 8px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:32px}.bf-error{font-size:var(--font-size-xs);color:var(--color-danger);align-items:center;gap:var(--spacing-xs);font-weight:500;animation:.2s slideDown;display:flex}.bf-add-member{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border:1px dashed var(--border-default);border-radius:var(--border-radius-md);flex-direction:column;transition:all .2s;display:flex}.bf-add-member-inputs{gap:var(--spacing-sm);grid-template-columns:1fr 180px 120px;align-items:flex-end;display:grid}.bf-form-group:last-child{margin-bottom:0}.bf-btn-add-member{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--gradient-primary);color:var(--white);border-radius:var(--border-radius-md);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;border:none;transition:all .2s;display:flex}.bf-btn-add-member:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.bf-btn-add-member:active:not(:disabled){transform:translateY(0)}.bf-btn-add-member:disabled{opacity:.6;cursor:not-allowed}.bf-member-error{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--danger-100);border:1px solid var(--danger-200);border-radius:var(--border-radius-md);color:var(--color-danger);font-size:.8125rem;font-weight:500;animation:.2s slideDown;display:flex}.bf-member-error svg{flex-shrink:0}.bf-members-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.bf-member-item{justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);transition:all .2s;display:flex}.bf-member-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.bf-member-info{gap:var(--spacing-xs);flex-direction:column;flex:1;min-width:0;display:flex}.bf-member-email{font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary);word-break:break-word;line-height:1.4}.bf-member-role{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-weight:600}.bf-btn-remove-member{background:var(--danger-100);border:1px solid var(--danger-200);width:36px;height:36px;color:var(--color-danger);border-radius:var(--border-radius-md);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.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{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-lg);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);flex-direction:column;display:flex}.bf-empty-members p{font-size:var(--font-size-sm);color:var(--text-primary);margin:0;font-weight:600}.bf-empty-members small{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0;line-height:1.4}.bf-actions{gap:var(--spacing-sm);justify-content:flex-start;padding-top:12px;display:flex}.bf-btn-submit{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-primary);color:var(--white);border-radius:var(--border-radius-md);font-weight:700;font-size:var(--font-size-sm);cursor:pointer;letter-spacing:-.3px;border:none;transition:all .2s;display:flex}.bf-btn-submit:hover:not(:disabled){box-shadow:var(--shadow-xl);transform:translateY(-2px)}.bf-btn-submit:active:not(:disabled){transform:translateY(0)}.bf-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.bf-section{padding:var(--spacing-lg);gap:var(--spacing-md)}.bf-section-title{font-size:var(--font-size-base);gap:var(--spacing-sm)}.bf-add-member-inputs{gap:var(--spacing-sm);grid-template-columns:1fr}.bf-btn-add-member{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem}.bf-member-item{padding:var(--spacing-sm);flex-direction:column;align-items:flex-start}.bf-member-info{width:100%}.bf-btn-remove-member{align-self:flex-end}.bf-input,.bf-select,.bf-textarea{padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-base)}.bf-btn-submit{padding:var(--spacing-sm) var(--spacing-lg);font-size:.8125rem}}@media (width<=480px){.bf-section{padding:var(--spacing-md);gap:var(--spacing-md)}.bf-section-title{gap:var(--spacing-sm);font-size:.9375rem}.bf-section-title:before{width:3px;height:18px}.bf-form-group label{font-size:var(--font-size-xs);letter-spacing:.3px}.bf-input,.bf-select,.bf-textarea{padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-base);border-radius:var(--border-radius-sm)}.bf-textarea{min-height:80px}.bf-select{background-position:right 6px center;background-size:14px 14px}.bf-add-member{padding:var(--spacing-sm);gap:var(--spacing-sm)}.bf-add-member-inputs{gap:var(--spacing-sm)}.bf-btn-add-member{padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-xs);gap:var(--spacing-sm)}.bf-member-item{padding:var(--spacing-sm);gap:var(--spacing-sm)}.bf-member-email{font-size:.8125rem}.bf-member-role{font-size:.6875rem}.bf-btn-remove-member{width:32px;height:32px}.bf-btn-remove-member svg{width:16px;height:16px}.bf-empty-members{padding:var(--spacing-lg) var(--spacing-sm)}.bf-empty-members p{font-size:.8125rem}.bf-empty-members small{font-size:.6875rem}.bf-actions{gap:var(--spacing-sm)}.bf-btn-submit{width:100%;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm);font-size:.8125rem}.bf-error,.bf-member-error{gap:var(--spacing-sm);font-size:.6875rem}}@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{display:inline-block;position:relative}.btn-row-actions-toggle{border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.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{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:9999;flex-direction:column;gap:0;min-width:180px;animation:.2s ease-out slideDown;display:flex;position:absolute;top:calc(100% + 4px);right:0}.row-action-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;text-align:left;box-sizing:border-box;white-space:nowrap;background:0 0;border:none;width:100%;min-height:32px;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.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(--surface-warning-xlight) 0%, transparent 100%)}.row-action-danger{color:var(--color-danger)}.row-action-danger:not(.disabled):hover{background:linear-gradient(135deg, var(--surface-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 (width<=768px){.btn-row-actions-toggle{width:40px;height:40px}.row-actions-dropdown{min-width:200px;padding:var(--spacing-sm)}.row-action-item{padding:var(--spacing-sm) var(--spacing-md);min-height:36px;font-size:.9rem}}.inventory-form{flex-direction:column;gap:2rem;display:flex}.form-section{border-radius:var(--border-radius-md);background:var(--surface-base);border:1px solid var(--border-subtle);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;position:relative;overflow:visible}.form-section-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin:0;font-size:.875rem;font-weight:600}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.form-input,.form-textarea{border:1px solid var(--border-default);border-radius:var(--border-radius-md);background-color:var(--surface-base);color:var(--text-primary);padding:.75rem;font-family:inherit;font-size:1rem;transition:all .2s}.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{box-sizing:border-box;width:100%;min-height:40px;padding:.75rem;line-height:1.25;display:block}.inventory-form .form-group{flex-direction:column;justify-content:flex-start;margin:0;display:flex}.inventory-form .form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start;gap:1rem;display:grid}.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{align-items:center;gap:.5rem;margin-bottom:.4rem;display:inline-flex}.inventory-form .form-input.chevron-right{padding-right:2.25rem}.inventory-form select.form-input{appearance:none;background-position:right .6rem center;background-repeat:no-repeat}.form-input[type=number]{box-sizing:border-box;appearance:textfield;padding:.75rem}.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input:focus,.form-textarea:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px var(--primary-100);outline:none}.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{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.form-error{color:var(--color-danger);align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;display:flex}.form-warning{color:var(--color-warning);background-color:var(--surface-warning-light);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-warning);padding:.5rem .75rem;font-size:.75rem}.form-info-banner{color:var(--color-info);background-color:color-mix(in srgb, var(--color-info) 8%, var(--bg-primary));border:1px solid color-mix(in srgb, var(--color-info) 25%, transparent);border-radius:var(--border-radius-sm);align-items:flex-start;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.form-info-banner svg{flex-shrink:0;margin-top:1px}.form-hint{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem;font-style:italic}.inventory-form .form-checkbox-label .tooltip-wrapper{margin-left:.5rem}.inventory-form .tooltip-inline{display:none!important}.inventory-form .tooltip-icon{vertical-align:middle;color:var(--text-secondary)!important;margin-left:.4rem!important;display:inline-flex!important}.inventory-form .tooltip-inline{color:var(--text-secondary)!important;font-size:.8rem!important;font-style:italic!important}.input-with-icon{align-items:center;width:100%;display:flex;position:relative}.input-with-icon .form-input{box-sizing:border-box;width:100%;padding-right:2.25rem}.input-with-icon svg{width:1.25rem;height:1.25rem;color:var(--text-secondary);stroke:currentColor;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.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{display:none}.input-with-icon input[type=date]::-ms-expand{display:none}.input-with-icon input[type=date]{background:0 0}.input-with-icon svg{top:50%;right:.6rem;transform:translateY(-50%)}.form-actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.form-actions button{border-radius:var(--border-radius-md);cursor:pointer;border:none;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.form-actions .btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow)}.form-actions .btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.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 (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{align-items:center;gap:.5rem;display:inline-flex}.form-label .tooltip-wrapper{order:0;margin-left:6px}.form-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.form-checkbox input[type=checkbox]{cursor:pointer}.form-checkbox span{align-items:center;gap:.25rem;display:inline-flex}.inventory-form .form-section .form-checkbox,.inventory-form .form-section .form-checkbox *{box-sizing:border-box}.inventory-form .form-section .form-checkbox{align-items:center!important;gap:.75rem!important;margin:0!important;padding:.5rem!important;display:flex!important}.inventory-form .form-section .form-checkbox input[type=checkbox]{flex:0 0 20px!important;align-self:flex-start!important;width:20px!important;height:20px!important;margin:0!important}.inventory-form .form-section .form-checkbox span{vertical-align:middle!important;color:var(--text-primary)!important;align-items:center!important;line-height:1.3!important}.status-section{background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-subtle);flex-direction:column;gap:1rem;padding:1rem;display:flex}.status-indicator{flex-direction:column;gap:.75rem;display:flex}.status-badge{align-items:center;gap:.75rem;font-size:.95rem;font-weight:500;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.status-indicator.active .status-dot{background:var(--color-success);box-shadow:var(--shadow-md)}.status-indicator.inactive .status-dot{background:var(--text-secondary)}.status-description{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.4}.form-input-readonly{border:1px solid var(--border-default);border-radius:var(--border-radius-md);background-color:var(--interactive-disabled);color:var(--text-secondary);cursor:not-allowed;align-items:center;min-height:44px;padding:.75rem;font-family:inherit;font-size:1rem;font-weight:500;display:flex}.batch-card{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;display:flex;position:relative}.batch-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.batch-card__position{background:var(--gradient-primary);border-radius:var(--border-radius-md);width:56px;height:56px;color:var(--white);text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.batch-card__position-number{font-size:var(--font-size-xl);font-weight:700;line-height:1}.batch-card__position-label{opacity:.9;margin-top:2px;font-size:.625rem;font-weight:500}.batch-card__content{gap:var(--border-radius-md);flex-direction:column;flex:1;min-width:0;display:flex}.batch-card__header{justify-content:space-between;align-items:flex-start;gap:var(--border-radius-md);display:flex}.batch-card__title-group{align-items:center;gap:var(--border-radius-sm);flex-wrap:wrap;display:flex}.batch-card__batch-number{font-size:var(--font-size-base);color:var(--text-primary);margin:0;font-weight:600}.batch-card__badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.5px;font-size:.6875rem;font-weight:600;display:inline-flex}.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{gap:var(--border-radius-sm);flex-shrink:0;display:flex}.batch-card__action-btn{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);width:32px;height:32px;color:var(--text-primary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.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{gap:var(--border-radius-md);padding:var(--border-radius-md);background:var(--bg-secondary);border-radius:var(--border-radius-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.batch-card__detail-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.batch-card__detail-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-weight:500}.batch-card__detail-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.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{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-left:4px;font-weight:400}.batch-card__footer{gap:var(--border-radius-sm);padding-top:var(--border-radius-sm);border-top:1px solid var(--border-subtle);display:flex}.batch-card__fifo-note{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;line-height:1.5;display:flex}.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 (width<=900px){.batch-card{flex-direction:column}.batch-card__position{width:100%;height:auto;padding:var(--border-radius-md);flex-direction:row;justify-content:space-between;align-items:center}.batch-card__position-number{font-size:var(--font-size-lg)}.batch-card__position-label{margin-top:0;margin-left:8px}.batch-card__details{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (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{justify-content:flex-end;width:100%}.batch-card__details{padding:var(--border-radius-sm);grid-template-columns:1fr}.batch-card__batch-number{font-size:var(--font-size-sm)}.batch-card__detail-value{font-size:.8125rem}.batch-card__fifo-note{font-size:.6875rem}}.batch-list{gap:var(--border-radius-lg);flex-direction:column;display:flex}.batch-list__empty{padding:var(--spacing-2xl) var(--border-radius-lg);background:var(--bg-secondary);border-radius:var(--border-radius-md);border:2px dashed var(--border-subtle);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.batch-list__empty-icon{color:var(--text-tertiary);opacity:.7;margin-bottom:16px}.batch-list__empty-message{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.batch-list__section{border-radius:var(--border-radius-md);background:var(--bg-primary);border:1px solid var(--border-default);overflow:hidden}.batch-list__section:hover{border-color:var(--border-strong)}.batch-list__section-header{width:100%;padding:var(--border-radius-lg);background:var(--bg-secondary);border:none;border-bottom:1px solid var(--border-default);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary);justify-content:space-between;align-items:center;font-weight:600;transition:all .2s;display:flex}.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:"";background:var(--color-success);border-radius:50%;width:4px;height:4px;margin-right:8px;display:inline-block}.batch-list__section-header--expiring{border-bottom-color:var(--color-warning)}.batch-list__section-header--expiring:before{content:"";background:var(--color-warning);border-radius:50%;width:4px;height:4px;margin-right:8px;display:inline-block}.batch-list__section-header--expired{border-bottom-color:var(--color-danger)}.batch-list__section-header--expired:before{content:"";background:var(--color-danger);border-radius:50%;width:4px;height:4px;margin-right:8px;display:inline-block}.batch-list__section-title{align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;display:flex}.batch-list__section-status{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.batch-list__section-status--active{background:var(--color-success)}.batch-list__section-status--expiring{background:var(--color-warning);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.batch-list__section-status--expired{background:var(--color-danger)}.batch-list__section-count{background:var(--bg-tertiary);border-radius:var(--border-radius-sm);min-width:28px;height:24px;font-size:var(--font-size-xs);color:var(--text-secondary);justify-content:center;align-items:center;margin-left:auto;padding:0 6px;font-weight:700;display:inline-flex}.batch-list__section-content{gap:var(--border-radius-lg);padding:var(--border-radius-lg);flex-direction:column;animation:.2s slideDown;display:flex}.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{align-items:flex-start;gap:var(--spacing-sm);display:flex}.batch-list__footer-text{color:var(--info-600);margin:0;font-size:.8125rem;font-weight:500;line-height:1.6}@media (width<=600px){.batch-list__section-header{padding:var(--border-radius-md);font-size:.8125rem}.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:.6875rem}.batch-list__footer{padding:var(--border-radius-md)}.batch-list__footer-content{gap:var(--spacing-sm)}.batch-list__footer-text{font-size:var(--font-size-xs)}}.batch-form{gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--surface-default);border-radius:var(--border-radius-md);flex-direction:column;display:flex}.batch-form .form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.batch-form .form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.batch-form .form-group.full-width{grid-column:1/-1}.batch-form label{color:var(--text-primary);align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:600;display:flex}.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(--bg-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::placeholder{color:var(--text-tertiary)}.batch-form .form-input:focus{border-color:var(--color-primary);background-color:var(--surface-default);box-shadow:var(--shadow-sm);outline:none}.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{color:var(--color-danger);margin-top:calc(var(--spacing-xs) * -1);font-size:.8125rem;font-weight:500}.batch-form .total-cost-box{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;justify-content:space-between;align-items:center;display:flex}.batch-form .total-cost-label{color:var(--text-primary);font-size:.938rem;font-weight:600}.batch-form .total-cost-value{color:var(--color-primary);font-size:1.25rem;font-weight:700}.batch-form .form-actions{gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-default);justify-content:flex-end;display:flex}.batch-form .btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);white-space:nowrap;border:none;font-size:.938rem;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}.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(--bg-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 (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 (width<=600px){.batch-form{padding:var(--spacing-sm);gap:var(--spacing-sm)}.batch-form label{font-size:.8125rem}.batch-form .form-input{padding:var(--spacing-sm);font-size:.875rem}.batch-form .total-cost-box{padding:var(--spacing-sm);align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.batch-form .total-cost-value{font-size:1.125rem}.batch-form .btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}}.fifo-widget{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);flex-direction:column;display:flex}.fifo-widget .widget-header{gap:var(--spacing-xs);border-bottom:1px solid var(--border-default);padding-bottom:var(--spacing-md);flex-direction:column;display:flex}.fifo-widget .widget-header h3{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700}.fifo-widget .widget-subtitle{color:var(--text-tertiary);margin:0;font-size:.8125rem}.fifo-widget .widget-empty{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md);text-align:center;color:var(--text-tertiary);flex-direction:column;display:flex}.fifo-widget .widget-empty-icon{color:var(--color-warning)}.fifo-widget .widget-empty p{margin:0;font-size:.938rem}.fifo-widget .widget-section{gap:var(--spacing-md);flex-direction:column;display:flex}.fifo-widget .quantity-label{color:var(--text-primary);align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:600;display:flex}.fifo-widget .required{color:var(--color-danger);font-weight:700}.fifo-widget .quantity-input-wrapper{gap:var(--spacing-sm);flex-direction:column;display:flex}.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(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all .15s ease-in-out}.fifo-widget .quantity-input:focus{border-color:var(--color-primary);background-color:var(--surface-default);box-shadow:var(--shadow-sm);outline:none}.fifo-widget .quantity-input:disabled{background-color:var(--surface-tertiary);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.fifo-widget .quantity-available{color:var(--text-tertiary);font-size:.8125rem;font-weight:500}.fifo-widget .breakdown-title{color:var(--text-primary);padding:var(--spacing-md) 0 var(--spacing-sm) 0;margin:0;font-size:.938rem;font-weight:600}.fifo-widget .breakdown-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.fifo-widget .breakdown-item{gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius-sm);border-left:4px solid var(--color-primary);grid-template-columns:40px 1fr auto;align-items:flex-start;transition:all .2s ease-in-out;display:grid}.fifo-widget .breakdown-item:hover{background-color:var(--surface-tertiary)}.fifo-widget .breakdown-position{background:linear-gradient(135deg, var(--gradient-primary-start), var(--gradient-primary-end));border-radius:var(--border-radius-sm);width:40px;height:40px;color:var(--white);justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.fifo-widget .breakdown-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.fifo-widget .breakdown-batch-number{color:var(--text-primary);font-size:.938rem;font-weight:600}.fifo-widget .breakdown-details{gap:var(--spacing-xs);flex-direction:column;display:flex}.fifo-widget .breakdown-detail{color:var(--text-tertiary);font-size:.8125rem;line-height:1.4}.fifo-widget .breakdown-cost{align-items:flex-end;gap:var(--spacing-xs);flex-direction:column;display:flex}.fifo-widget .cost-per-unit{color:var(--text-tertiary);font-size:.8125rem;font-weight:500}.fifo-widget .cost-total{color:var(--color-primary);font-size:1rem;font-weight:700}.fifo-widget .breakdown-totals{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);flex-direction:column;display:flex}.fifo-widget .total-row{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:.938rem;display:flex}.fifo-widget .total-row span:first-child{font-weight:600}.fifo-widget .total-quantity,.fifo-widget .total-amount{color:var(--text-primary);font-weight:700}.fifo-widget .total-cost-row{padding-top:var(--spacing-md);border-top:1px solid var(--border-default)}.fifo-widget .total-amount{color:var(--color-primary);font-size:1.25rem}.fifo-widget .widget-alert{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--border-radius-sm);border-left:4px solid;font-size:.938rem;font-weight:500;display:flex}.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-radius:var(--border-radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;min-height:44px;font-size:1rem;font-weight:600;transition:all .2s ease-in-out;display:flex}.fifo-widget .btn-consume:hover:not(:disabled){background-color:var(--color-success-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.fifo-widget .btn-consume:disabled{background-color:var(--color-success-light);cursor:not-allowed;opacity:.6}.fifo-widget .loading-spinner{border:2px solid var(--white-alpha-30);border-top-color:var(--white);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.fifo-widget .widget-footer{padding-top:var(--spacing-md);border-top:1px solid var(--border-default)}.fifo-widget .footer-text{color:var(--text-tertiary);margin:0;font-size:.8125rem;line-height:1.5}@media (width<=900px){.fifo-widget .breakdown-item{gap:var(--spacing-sm);grid-template-columns:1fr}.fifo-widget .breakdown-cost{flex-direction:row;justify-content:space-between;align-items:center}}@media (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{padding:var(--spacing-sm);grid-template-columns:1fr}.fifo-widget .breakdown-position{width:32px;height:32px;font-size:.875rem}.fifo-widget .breakdown-title{padding:var(--spacing-sm) 0 var(--spacing-xs) 0;font-size:.875rem}.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{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-primary);flex-direction:column;display:flex}.detail-header{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:flex-start;display:flex}.header-title{flex:1}.header-title h2{color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;font-size:1.5rem;font-weight:700}.header-title .sku{color:var(--text-tertiary);margin:0;font-size:.875rem}.header-info{gap:var(--spacing-lg);display:flex}.info-box{gap:var(--spacing-xs);text-align:right;flex-direction:column;display:flex}.info-box .label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.info-box .value{color:var(--color-primary);font-size:1.25rem;font-weight:700}.tabs-nav{border-bottom:2px solid var(--border-default);-webkit-overflow-scrolling:touch;gap:0;display:flex;overflow-x:auto}.tab-btn{padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:var(--spacing-sm);background:0 0;border:none;border-bottom:3px solid #0000;font-size:.95rem;font-weight:600;transition:all .2s ease-in-out;display:flex;position:relative}.tab-btn:hover{color:var(--color-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-btn .badge{background-color:var(--color-primary);min-width:24px;height:24px;color:var(--white);border-radius:var(--border-radius-lg);justify-content:center;align-items:center;padding:0 6px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.tabs-content{min-height:300px;animation:.15s ease-in-out fadeIn}.tab-pane,.batches-pane{gap:var(--spacing-md);flex-direction:column;display:flex}.batches-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.batches-header h3{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.batches-actions{gap:var(--spacing-sm);align-items:center;display:flex}.btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);white-space:nowrap;border:none;font-size:.9rem;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}.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);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary:hover:not(:disabled){background-color:var(--interactive-active);border-color:var(--border-active)}.btn-danger{background-color:var(--color-danger);color:var(--white)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger);box-shadow:var(--shadow-md)}.empty-batches{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center;color:var(--text-tertiary);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px dashed var(--border-default);flex-direction:column;display:flex}.empty-batches svg{color:var(--color-warning);opacity:.5}.empty-batches p{margin:0;font-size:.95rem}.loading{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);text-align:center;color:var(--text-tertiary);display:flex}.error-box{gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--surface-danger-light);border:1px solid var(--color-danger);border-radius:var(--border-radius-md);flex-direction:column;display:flex}.error-box .error-title{color:var(--color-danger);margin:0;font-size:1rem;font-weight:700}.error-box .error-message{color:var(--color-danger);margin:0;font-size:.9rem;line-height:1.5}.coming-soon{padding:var(--spacing-lg);text-align:center;color:var(--text-tertiary);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-default)}.confirm-modal{gap:var(--spacing-md);flex-direction:column;display:flex}.confirm-modal p{color:var(--text-primary);margin:0;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{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.modal-actions .btn{flex:1}.history-pane{gap:var(--spacing-md);flex-direction:column;display:flex}@media (width<=900px){.detail-header{gap:var(--spacing-md);flex-direction:column}.header-info{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}.batches-header{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.batches-actions{flex-direction:column;width:100%}.btn{width:100%}}@media (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 (width<=600px){.detail-header{gap:var(--spacing-sm)}.header-title h2{font-size:1.25rem}.header-title .sku{font-size:.8rem}.header-info{gap:var(--spacing-sm);flex-direction:column}.info-box{text-align:left;align-items:flex-start}.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{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-group label{color:var(--text-primary);font-weight:600;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}.form-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);outline:none}.form-input:disabled{background-color:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed}.form-section{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);flex-direction:column;display:flex}.section-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.section-header h3{font-size:var(--font-size-base);color:var(--text-primary);margin:0;font-weight:600}.btn-add-ingredient{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary);color:var(--text-primary);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);border:none;font-weight:600;transition:all .2s;display:flex}.btn-add-ingredient:hover{background-color:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-2px)}.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{gap:var(--spacing-md);flex-direction:column;display:flex}.ingredient-row{gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-primary);border-radius:var(--border-radius-md);border:1px solid var(--border-default);align-items:flex-end;display:flex}.ingredient-field{gap:var(--spacing-xs);flex-direction:column;flex:1;min-width:200px;display:flex}.ingredient-field label{color:var(--text-primary);font-weight:600;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{border-radius:var(--border-radius-md);background-color:var(--surface-danger-light);width:40px;height:40px;color:var(--color-danger);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.btn-remove-ingredient:hover{background-color:var(--color-danger);color:var(--white)}.btn-remove-ingredient:disabled{opacity:.5;cursor:not-allowed}.form-actions{gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-default);justify-content:flex-end;display:flex}.btn-primary,.btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;border:none;font-weight:600;transition:all .2s}.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{padding:var(--spacing-2xl);font-size:var(--font-size-sm);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}@media (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%}}.form-group--spaced{margin-top:var(--spacing-sm)}.recipe-list{background-color:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);overflow:hidden}.recipe-list-table-wrapper{overflow-x:auto}.recipe-list-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.recipe-list-table thead{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-default)}.recipe-list-table th{padding:var(--spacing-md);text-align:left;color:var(--text-primary);white-space:nowrap;font-weight:600}.recipe-list-table tbody tr{border-bottom:1px solid var(--border-default);transition:background-color .2s}.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{min-width:200px;font-weight:500}.product-badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--primary-50);color:var(--color-primary);border-radius:var(--border-radius-sm);font-weight:600;display:inline-block}.ingredients-count{min-width:150px}.badge{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;display:inline-block}.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{gap:var(--spacing-xs);justify-content:flex-end;display:flex}.btn-icon{border-radius:var(--border-radius-md);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.btn-edit:hover{background-color:var(--primary-50);color:var(--color-primary)}.btn-delete:hover{background-color:var(--surface-danger-light);color:var(--color-danger)}.recipe-list-summary{padding:var(--spacing-md);border-top:1px solid var(--border-default);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 (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{flex-direction:column;gap:2rem;display:flex}.ingredients-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ingredients-header h4{color:var(--text-primary);letter-spacing:-.01em;flex:1;margin:0;font-size:1rem;font-weight:700}.btn-add-ingredient{color:var(--white);background:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-add-ingredient:hover{background:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-add-ingredient:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.empty-ingredients{text-align:center;background:linear-gradient(135deg, var(--surface-base) 0%, transparent 100%);border:2px dashed var(--border-subtle);border-radius:.75rem;padding:2.5rem}.empty-ingredients p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.ingredients-list{flex-direction:column;gap:1.25rem;display:flex}.ingredient-row{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:.75rem;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.ingredient-row:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md)}.ingredient-row-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ingredient-row-number{background:linear-gradient(135deg, var(--color-primary), var(--primary-600));min-width:2.5rem;height:2.5rem;color:var(--white);box-shadow:var(--shadow-sm);border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.ingredient-row-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9375rem;font-weight:600;overflow:hidden}.btn-remove-ingredient{border:1px solid var(--border-subtle);min-width:2.5rem;height:2.5rem;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.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{grid-template-columns:1fr 1fr 1fr;align-items:flex-start;gap:1.5rem;display:grid}.ingredient-fields .form-group{width:100%;margin-bottom:0}.ingredient-cost{background:var(--success-50);border:1px solid var(--success-100);border-radius:.5rem;align-items:flex-end;gap:1rem;margin-top:.5rem;padding:1rem;display:flex}.cost-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:.75rem;font-weight:600}.cost-value{color:var(--success);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:1.125rem;font-weight:700}.ingredients-summary{background:linear-gradient(135deg, var(--surface-primary-xlight) 0%, var(--surface-success-xlight) 100%);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.75rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.summary-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.summary-row span:first-child{color:var(--text-secondary);font-size:.875rem;font-weight:500}.summary-row strong{color:var(--text-primary);font-size:1rem;font-weight:700}.cost-total{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;color:var(--success)!important;font-size:1.5rem!important}.recipe-ingredients-builder .error-message{background:var(--surface-danger-light);border:1px solid var(--error);color:var(--error);border-radius:.5rem;padding:1rem;font-size:.875rem;font-weight:500;line-height:1.5}@media (width<=768px){.recipe-ingredients-builder{gap:1.5rem}.ingredients-header{flex-direction:column;align-items:flex-start}.btn-add-ingredient{justify-content:center;width:100%}.ingredient-row{padding:1rem}.ingredient-row-header{gap:.75rem}.ingredient-fields{grid-template-columns:1fr;gap:1rem}.ingredient-cost{flex-direction:row;justify-content:space-between;align-items:center;margin-top:.5rem}.ingredients-summary{gap:.75rem}.summary-row{flex-direction:column;align-items:flex-start}}.ingredient-warning{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);flex-shrink:0;display:flex}.ingredient-warning svg{flex-shrink:0}.ingredient-warning--error{background-color:var(--surface-danger-light);color:var(--color-danger)}.ingredient-warning--caution{background-color:var(--surface-warning-light);color:var(--color-warning)}.error-message--spaced-sm{margin-top:var(--spacing-xs)}.error-message--spaced-md{margin-top:var(--spacing-sm)}.form-hint{color:var(--text-secondary);margin-top:.5rem;font-size:.875rem;font-style:italic;display:block}.catalog-type-guide{color:var(--color-info);background-color:color-mix(in srgb, var(--color-info) 8%, var(--bg-primary));border:1px solid color-mix(in srgb, var(--color-info) 25%, transparent);border-radius:var(--border-radius-sm);align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.625rem .875rem;font-size:.8125rem;line-height:1.55;display:flex}.catalog-type-guide svg{flex-shrink:0;margin-top:2px}.catalog-type-guide--warning{color:var(--color-warning);background-color:color-mix(in srgb, var(--color-warning) 8%, var(--bg-primary));border-color:color-mix(in srgb, var(--color-warning) 25%, transparent)}.form-error-banner{background:var(--surface-danger-light);border:1px solid var(--error);color:var(--error);border-radius:.5rem;padding:1rem 1.25rem;font-size:.875rem;font-weight:500}.inventory-info{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:.5rem;margin-top:1.5rem;padding:1.5rem}.inventory-info h4{text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);opacity:.9;margin:0 0 1rem;font-size:.875rem;font-weight:600}.info-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.info-item{flex-direction:column;gap:.25rem;display:flex}.info-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);font-size:.75rem;font-weight:500}.info-value{color:var(--text-primary);font-size:1rem;font-weight:600}.info-value.profit{color:var(--success)}@media (width<=768px){.info-grid{grid-template-columns:1fr}}.catalog-recipe-cost-panel{margin-top:var(--spacing-xl);padding:var(--spacing-md);background-color:var(--surface-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-default)}.catalog-recipe-cost-grid{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}.catalog-recipe-cost-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-xs);color:var(--text-primary)}.catalog-recipe-cost-value--empty{color:var(--text-secondary)}.catalog-card{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);transition:var(--transition-all);flex-direction:column;height:100%;display:flex;overflow:hidden}.catalog-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.catalog-card-image{background:var(--bg-tertiary);width:100%;height:200px;position:relative;overflow:hidden}.catalog-card-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.catalog-card-placeholder{width:100%;height:100%;color:var(--text-tertiary);background:var(--bg-secondary);justify-content:center;align-items:center;display:flex}.catalog-card-badges{gap:var(--spacing-sm);flex-direction:column;display:flex;position:absolute;top:12px;left:12px}.catalog-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);font-weight:600}.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:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.catalog-card-title{font-size:var(--font-size-lg);color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.catalog-card-description{font-size:var(--font-size-sm);color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:1;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.catalog-card-meta{gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);flex-direction:column;display:flex}.catalog-card-category,.catalog-card-price{justify-content:space-between;align-items:center;display:flex}.catalog-card-label{color:var(--text-tertiary);font-size:.8125rem;font-weight:500}.catalog-card-value{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}.catalog-card-value-price{font-size:var(--font-size-base);color:var(--color-primary);font-weight:700}.catalog-card-actions{gap:var(--spacing-sm);margin-top:auto;display:flex}.catalog-btn{padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-all);justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;flex:1;font-size:.8125rem;font-weight:600;display:flex}.catalog-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.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 (width<=768px){.catalog-card-image{height:160px}.catalog-card-title{font-size:var(--font-size-base)}.catalog-card-description{font-size:.8125rem}.catalog-btn{padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-xs)}}.invoice-print-modal{z-index:10000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{background:var(--bg-primary);border-radius:var(--border-radius-lg);max-width:95vw;max-height:95vh;box-shadow:var(--shadow-xl);z-index:1;position:relative;overflow-y:auto}.invoice-print-header{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;justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.header-title{align-items:center;gap:var(--spacing-sm);color:var(--color-primary);display:flex}.header-title h2{font-size:var(--text-xl);margin:0;font-weight:700}.header-actions{align-items:center;gap:var(--spacing-sm);display:flex}.btn-toggle-view,.btn-print,.btn-close{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);cursor:pointer;font-weight:600;transition:all .2s;display:inline-flex}.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);color:var(--white);box-shadow:var(--shadow-sm);border:none}.btn-print:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-close{border:1px solid var(--border-default);color:var(--text-secondary);background:0 0}.btn-close:hover{background:var(--color-danger);color:var(--white);border-color:var(--color-danger)}.invoice-print-content{padding:var(--spacing-xl);min-height:400px}.invoice-normal-view{background:var(--white);max-width:800px;color:var(--black);padding:var(--spacing-xl);border-radius:var(--border-radius-md);margin:0 auto}.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);margin-bottom:var(--spacing-sm);color:var(--black);font-weight:700}.invoice-business-header p{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--spacing-xs) 0}.invoice-divider{background:var(--border-default);height:2px;margin:var(--spacing-lg) 0}.invoice-info{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:grid}.invoice-info-row{font-size:var(--text-base);justify-content:space-between;display:flex}.invoice-label{color:var(--text-secondary);font-weight:600}.invoice-value{color:var(--black);font-weight:700}.invoice-items-table{border-collapse:collapse;width:100%;margin:var(--spacing-lg) 0}.invoice-items-table th{background:var(--bg-secondary);padding:var(--spacing-sm);font-size:var(--text-sm);text-align:left;border-bottom:2px solid var(--border-strong);font-weight:700}.invoice-items-table td{padding:var(--spacing-sm);border-bottom:1px solid var(--border-default)}.col-qty{text-align:center;width:60px}.col-description{text-align:left}.col-price,.col-total{text-align:right;width:120px}.invoice-totals{margin-top:var(--spacing-lg)}.invoice-total-row{padding:var(--spacing-sm) 0;font-size:var(--text-base);justify-content:space-between;display:flex}.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);color:var(--color-primary);font-weight:700}.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 (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;justify-content:center;min-width:120px}.invoice-print-content{padding:var(--spacing-md)}}.invoice-summary{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.invoice-summary .summary-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-default);display:flex}.invoice-summary .summary-header svg{color:var(--color-primary)}.invoice-summary .summary-header div{gap:var(--spacing-xs);flex-direction:column;display:flex}.invoice-summary .summary-header strong{color:var(--text-primary);font-size:1.125rem}.invoice-summary .summary-header span{color:var(--text-secondary);font-size:.875rem}.invoice-summary .summary-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.invoice-summary .summary-item{padding:var(--spacing-sm);background:var(--bg-primary);border-radius:var(--border-radius-sm);justify-content:space-between;display:flex}.invoice-summary .summary-item .label{color:var(--text-secondary);font-size:.875rem}.invoice-summary .summary-item .value{color:var(--text-primary);font-weight:600}.invoice-summary .summary-item.total{background:var(--color-primary);color:var(--white);grid-column:1/-1}.invoice-summary .summary-item.total .label,.invoice-summary .summary-item.total .value{color:var(--white);font-size:1rem}.already-electronic-warning{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--warning-50);border:1px solid var(--warning-200);border-radius:var(--border-radius-md);color:var(--warning-700);display:flex}.customer-search{margin-bottom:var(--spacing-md)}.customers-loading,.customers-empty{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--text-secondary);text-align:center;flex-direction:column;display:flex}.customers-loading .spinner{animation:1s linear infinite spin}.customers-list{gap:var(--spacing-sm);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.customer-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-primary);border:2px solid var(--border-default);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s;display:flex}.customer-card:hover{border-color:var(--color-primary);background:var(--bg-secondary)}.customer-card.selected{border-color:var(--color-primary);background:var(--primary-50)}.customer-card.invalid{opacity:.7}.customer-card.invalid:hover{border-color:var(--color-warning)}.customer-icon{background:var(--bg-tertiary);border-radius:var(--border-radius-md);width:48px;height:48px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.customer-card.selected .customer-icon{background:var(--color-primary);color:var(--white)}.customer-info{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.customer-info strong{color:var(--text-primary);font-size:1rem}.customer-document{color:var(--text-secondary);font-size:.875rem}.customer-email{color:var(--text-tertiary);font-size:.75rem}.customer-status .valid-icon{color:var(--color-success)}.customer-status .invalid-icon{color:var(--color-warning)}.validation-result{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--border-radius-md);display:flex}.validation-result.valid{background:var(--success-50);border:1px solid var(--success-200);color:var(--success-700)}.validation-result.valid svg{color:var(--success-500);flex-shrink:0}.validation-result.invalid{background:var(--danger-50);border:1px solid var(--danger-200);color:var(--danger-700)}.validation-result.invalid svg{color:var(--danger-500);flex-shrink:0}.validation-result div{gap:var(--spacing-xs);flex-direction:column;display:flex}.validation-result strong{font-size:.95rem}.validation-result p{margin:0;font-size:.875rem}.validation-result ul{margin:var(--spacing-xs) 0 0 0;padding-left:var(--spacing-lg);font-size:.875rem}.validation-result li{margin-bottom:var(--spacing-xs)}.modal-actions{justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-default);display:flex}.modal-actions .btn-primary,.modal-actions .btn-secondary{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;font-weight:600;transition:all .2s;display:flex}.modal-actions .btn-primary{background:var(--color-primary);color:var(--white);border:none}.modal-actions .btn-primary:hover:not(:disabled){background:var(--primary-600)}.modal-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.modal-actions .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.modal-actions .btn-secondary:hover{background:var(--bg-tertiary)}.modal-actions .spinner{animation:1s linear infinite spin}.electronic-invoice-success{text-align:center;padding:var(--spacing-xl);flex-direction:column;align-items:center;display:flex}.electronic-invoice-success .success-icon{color:var(--color-success);margin-bottom:var(--spacing-lg)}.electronic-invoice-success h3{color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:1.25rem}.electronic-invoice-success .success-details{background:var(--bg-secondary);border-radius:var(--border-radius-lg);width:100%;max-width:400px;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.electronic-invoice-success .detail-row{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;display:flex}.electronic-invoice-success .detail-row:last-child{border-bottom:none}.electronic-invoice-success .detail-row .label{color:var(--text-secondary);font-size:.875rem}.electronic-invoice-success .detail-row .value{color:var(--text-primary);font-weight:600}.electronic-invoice-success .detail-row .value.uuid,.electronic-invoice-success .detail-row .value.cufe{font-family:monospace;font-size:.875rem}.electronic-invoice-success .cufe-row{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.electronic-invoice-success .qr-section{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);flex-direction:column;width:100%;max-width:400px;display:flex}.electronic-invoice-success .qr-section svg{color:var(--text-secondary)}.electronic-invoice-success .qr-section p{color:var(--text-secondary);margin:0;font-size:.875rem}.electronic-invoice-success .qr-link{color:var(--color-primary);font-weight:500;text-decoration:none}.electronic-invoice-success .qr-link:hover{text-decoration:underline}.electronic-invoice-success .success-status{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--warning-50);border:1px solid var(--warning-200);border-radius:var(--border-radius-md);color:var(--warning-700);margin-bottom:var(--spacing-lg);display:flex}.electronic-invoice-success .btn-close-success{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:var(--white);border-radius:var(--border-radius-md);cursor:pointer;border:none;font-weight:600;transition:background .2s}.electronic-invoice-success .btn-close-success:hover{background:var(--primary-600)}@media (width<=768px){.invoice-summary .summary-grid{grid-template-columns:1fr}.customer-card{padding:var(--spacing-sm)}.customer-icon{width:40px;height:40px}.modal-actions{flex-direction:column}.modal-actions .btn-primary,.modal-actions .btn-secondary{justify-content:center;width:100%}}.download-electronic-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;outline:none;font-weight:500;transition:all .2s;display:inline-flex;position:relative}.download-electronic-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.download-electronic-btn:active:not(:disabled){transform:translateY(0)}.download-electronic-btn:disabled{opacity:.6;cursor:not-allowed}.download-electronic-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.download-electronic-btn svg{transition:transform .2s}.download-electronic-btn:hover:not(:disabled) svg{transform:translateY(-2px)}.download-electronic-dropdown{display:inline-block;position:relative}.dropdown-trigger{position:relative}.dropdown-menu{top:calc(100% + var(--spacing-1));background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);min-width:220px;box-shadow:var(--shadow-lg);padding:var(--spacing-2);z-index:1000;opacity:0;pointer-events:none;transition:all .2s;position:absolute;right:0;transform:translateY(-8px)}.dropdown-menu.open{opacity:1;pointer-events:all;transform:translateY(0)}.dropdown-item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;background:0 0;border:none;font-weight:500;transition:all .15s;display:flex}.dropdown-item:hover:not(:disabled){background:var(--bg-secondary);color:var(--color-primary)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item svg{color:var(--text-secondary);flex-shrink:0}.dropdown-item:hover:not(:disabled) svg{color:var(--color-primary)}.dropdown-item-label{flex:1}.dropdown-item-badge{padding:var(--spacing-1) var(--spacing-2);background:var(--info-100);color:var(--info-700);font-size:var(--font-size-xs);border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.dropdown-divider{background:var(--border-subtle);height:1px;margin:var(--spacing-2) 0}.dropdown-footer{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center}.download-electronic-btn.loading{pointer-events:none}.download-electronic-btn.loading svg{animation:1s linear infinite spin}.download-electronic-btn.compact{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}.download-electronic-btn.compact svg{width:16px;height:16px}.download-electronic-btn.primary{background:var(--gradient-primary);color:var(--text-inverse);border-color:#0000}.download-electronic-btn.primary:hover:not(:disabled){background:var(--gradient-primary-dark);box-shadow:var(--shadow-md)}@media (width<=768px){.dropdown-menu{min-width:200px;left:0;right:auto}.download-electronic-btn{padding:var(--spacing-2)}.download-electronic-btn-text{display:none}}.catalog-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.catalog-loading,.catalog-error{justify-content:center;align-items:center;gap:var(--spacing-md);min-height:400px;color:var(--text-secondary);flex-direction:column;display:flex}.catalog-error{color:var(--danger-600)}.catalog-error h2{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0}.catalog-error p{font-size:var(--font-size-base);margin:0}.catalog-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:32px;display:flex}.catalog-header-title h1{color:var(--text-primary);margin:0 0 8px;font-size:2rem;font-weight:700}.catalog-header-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0}.catalog-header-actions{gap:var(--spacing-sm);display:flex}.catalog-btn-primary,.catalog-btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-all);align-items:center;gap:var(--spacing-sm);white-space:nowrap;border:none;font-weight:600;display:flex}.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:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;margin-bottom:24px;display:flex}.catalog-search{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);transition:var(--transition-all);display:flex}.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{font-size:var(--font-size-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.catalog-search-input::placeholder{color:var(--text-tertiary)}.catalog-categories{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.catalog-category-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);background:var(--bg-secondary);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all);font-weight:500}.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{justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:300px;color:var(--text-tertiary);flex-direction:column;display:flex}.catalog-no-results h3{font-size:var(--font-size-xl);color:var(--text-primary);margin:0}.catalog-no-results p{font-size:var(--font-size-sm);margin:0}.catalog-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:24px;display:grid}@media (width<=1024px){.catalog-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=768px){.catalog-page{padding:var(--spacing-md)}.catalog-header{flex-direction:column;align-items:stretch}.catalog-header-title h1{font-size:var(--font-size-2xl)}.catalog-header-actions{flex-direction:column}.catalog-btn-primary,.catalog-btn-secondary{justify-content:center;width:100%}.catalog-grid{gap:var(--spacing-md);grid-template-columns:1fr}.catalog-categories{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.catalog-category-btn{white-space:nowrap}}@media (width<=480px){.catalog-header-title h1{font-size:var(--font-size-xl)}.catalog-filters{padding:var(--spacing-md)}}.invoices-page{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.invoices-header{margin-bottom:var(--spacing-xl)}.invoices-title{align-items:center;gap:var(--spacing-md);color:var(--text-primary);margin-bottom:var(--spacing-sm);display:flex}.invoices-title h1{font-size:var(--text-3xl);margin:0;font-weight:700}.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{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.filter-input{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;display:flex}.filter-input svg{color:var(--text-tertiary);flex-shrink:0}.filter-input input{font-size:var(--text-base);color:var(--text-primary);background:0 0;border:none;outline:none;width:100%}.filter-input input::placeholder{color:var(--text-tertiary)}.filter-date-range{align-items:center;gap:var(--spacing-sm);flex:2;display:flex}.date-separator{color:var(--text-tertiary);font-weight:600}.btn-filter{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-primary);border-radius:var(--border-radius-md);color:var(--white);font-size:var(--text-base);cursor:pointer;box-shadow:var(--shadow-sm);border:none;font-weight:600;transition:all .2s;display:inline-flex}.btn-filter:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.invoices-loading,.invoices-error,.invoices-empty{padding:var(--spacing-3xl);text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.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{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.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}.invoice-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-4px)}.invoice-card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.invoice-code{align-items:center;gap:var(--spacing-sm);color:var(--color-primary);font-weight:700;font-size:var(--text-lg);display:flex}.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}.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{padding:var(--spacing-xs) 0;font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.invoice-info-row .label{color:var(--text-secondary);font-weight:500}.invoice-info-row .value{color:var(--text-primary);font-weight:600}.invoice-total{padding:var(--spacing-sm) 0;margin-top:var(--spacing-sm);border-top:2px solid var(--border-default);font-size:var(--text-lg);justify-content:space-between;align-items:center;font-weight:700;display:flex}.invoice-total .label{color:var(--text-primary)}.invoice-total .value{color:var(--color-primary)}.invoice-payment-method{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm);font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;margin-top:var(--spacing-sm);font-weight:600;display:inline-block}.btn-view-details{width:100%;padding:var(--spacing-sm);background:var(--gradient-primary);border-radius:var(--border-radius-md);color:var(--white);font-size:var(--text-base);cursor:pointer;border:none;font-weight:600;transition:all .2s}.btn-view-details:hover{box-shadow:var(--shadow-md);transform:scale(1.02)}.invoices-pagination{justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);display:flex}.btn-pagination{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);cursor:pointer;font-weight:600;transition:all .2s;display:inline-flex}.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{z-index:9999;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-xl);z-index:1;position:relative;overflow-y:auto}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--text-2xl);color:var(--color-primary);margin:0}.btn-close{color:var(--text-tertiary);cursor:pointer;border-radius:var(--border-radius-md);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;line-height:1;transition:all .2s;display:flex}.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{padding:var(--spacing-sm) 0;color:var(--text-secondary);font-size:var(--text-base);justify-content:space-between;align-items:center;display:flex}.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{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.item-row:last-child{border-bottom:none}.item-name{align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-weight:500;display:flex}.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);justify-content:flex-end;display:flex}.btn-print-modal{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-primary);border-radius:var(--border-radius-md);color:var(--white);font-size:var(--text-base);cursor:pointer;box-shadow:var(--shadow-sm);border:none;font-weight:600;transition:all .2s;display:inline-flex}.btn-print-modal:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge-electronic{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg, var(--color-success-light) 0%, var(--color-success) 100%);color:var(--white);font-size:var(--text-xs);border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.5px;font-weight:700;display:inline-flex}.invoice-card-actions{align-items:center;gap:var(--spacing-xs);display:flex}.btn-electronic-invoice{background:linear-gradient(135deg, var(--color-success-light) 0%, var(--color-success) 100%);border-radius:var(--border-radius-md);padding:var(--spacing-xs) var(--spacing-sm);color:var(--white);cursor:pointer;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);border:none;font-weight:600;transition:all .2s;display:inline-flex}.btn-electronic-invoice:hover{box-shadow:0 2px 8px var(--surface-success-glow);transform:scale(1.05)}.btn-electronic-modal{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg, var(--color-success-light) 0%, var(--color-success) 100%);border-radius:var(--border-radius-md);color:var(--white);font-size:var(--text-base);cursor:pointer;box-shadow:var(--shadow-sm);border:none;font-weight:600;transition:all .2s;display:inline-flex}.btn-electronic-modal:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.modal-footer-actions{gap:var(--spacing-md);justify-content:flex-end;width:100%;display:flex}.invoice-dian-status{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.badge-dian{padding:2px var(--spacing-sm);font-size:var(--text-xs);border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.4px;align-items:center;font-weight:700;display:inline-flex}.badge-dian-accepted{background:var(--color-success);color:var(--white)}.badge-dian-rejected{background:var(--color-danger);color:var(--white)}.badge-dian-pending{background:var(--color-warning);color:var(--white)}.badge-dian-sent{background:var(--color-info);color:var(--white)}.badge-dian-draft{background:var(--text-tertiary);color:var(--white)}.btn-retry-dian{padding:3px var(--spacing-sm);background:var(--color-warning);border-radius:var(--border-radius-md);color:var(--white);font-size:var(--text-xs);cursor:pointer;border:none;align-items:center;gap:4px;font-weight:600;transition:all .2s;display:inline-flex}.btn-retry-dian:hover:not(:disabled){filter:brightness(.9)}.btn-retry-dian:disabled{opacity:.6;cursor:not-allowed}.btn-retry-dian .spinning{animation:1s linear infinite spin}@media (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{gap:var(--spacing-sm);flex-direction:column}.date-separator{display:none}.invoices-grid{grid-template-columns:1fr}.invoices-pagination{gap:var(--spacing-md);flex-direction:column}.pagination-info{order:-1}}.customers-container{padding:var(--spacing-md);max-width:var(--max-width-xl);margin:0 auto}.customers-header{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.customers-header-content{flex:1}.customers-title{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;display:flex}.customers-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.customers-controls{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.search-box{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);display:flex;position:relative}.search-input{font-size:var(--font-size-base);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1}.search-loading{right:var(--spacing-md);font-size:var(--font-size-sm);opacity:.6;animation:1.5s ease-in-out infinite pulse;position:absolute}.customers-table-wrapper{background-color:var(--color-white);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:none;overflow-x:auto}.customers-table{border-collapse:collapse;width:100%}.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{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.customer-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.customer-document{gap:var(--spacing-xs);flex-direction:column;display:flex}.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{gap:var(--spacing-xs);flex-direction:column;display:flex}.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{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);align-items:center;display:inline-flex}.badge-receiver{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);align-items:center;display:inline-flex}.text-muted{color:var(--color-text-tertiary);font-style:italic}.customer-actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.btn-action{border-radius:var(--border-radius-md);cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-action:hover{background-color:var(--color-gray-100)}.btn-delete:hover:not(:disabled){background-color:var(--color-red-100)}.customers-cards{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}.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{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);display:flex}.customer-card-title{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.customer-card-body{gap:var(--spacing-sm);flex-direction:column;display:flex}.customer-card-row{justify-content:space-between;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);display:flex}.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{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);display:flex}.pagination-btn{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);border:var(--border-width) solid var(--color-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);background-color:#0000;display:flex}.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{padding:var(--spacing-2xl);font-size:var(--font-size-lg);color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.customers-error{color:var(--color-red-600)}@media (width>=768px){.customers-container{padding:var(--spacing-lg)}.customers-header{flex-direction:row;justify-content:space-between;align-items:center}.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 (width>=1024px){.customers-container{padding:var(--spacing-xl)}.customers-table-wrapper{display:block}.customers-cards{display:none}}@media (width>=1280px){.customers-table th,.customers-table td{padding:var(--spacing-lg)}}.register-customer-container{min-height:100vh;padding:var(--spacing-lg);background:linear-gradient(160deg, var(--primary-100) 0%, var(--primary-50) 60%, var(--bg-secondary) 100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.register-customer-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);width:100%;max-width:800px;box-shadow:var(--shadow-xl);overflow:hidden}.rc-honeypot{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:-9999px;left:-9999px;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);color:var(--white);font-weight:700}.rc-header p{font-size:var(--text-base);color:var(--white);opacity:.9;margin:0}.rc-error-banner{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);display:flex}.rc-error-banner .btn-close-error{color:var(--white);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:background var(--transition-fast);background:0 0;border:none;margin-left:auto}.rc-error-banner .btn-close-error:hover{background:var(--white-alpha-20)}.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);color:var(--text-primary);border-bottom:2px solid var(--border-default);padding-bottom:var(--spacing-sm);font-weight:600}.rc-receiver-types{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.receiver-type-btn{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);text-align:center;flex-direction:column;font-family:inherit;display:flex}.receiver-type-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.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);color:var(--text-primary);font-weight:600}.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{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.rc-form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.rc-form-group.full-width{grid-column:1/-1}.rc-form-group label{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.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{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha);outline:none}.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);align-items:center;gap:var(--spacing-xs);display:flex}.success-message{font-size:var(--text-xs);color:var(--color-success);align-items:center;gap:var(--spacing-xs);display:flex}.rc-actions{justify-content:center;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-xl);border-top:2px solid var(--border-default);margin-top:var(--spacing-xl);display:flex}.rc-error-inline{align-items:center;gap:var(--spacing-xs);color:var(--color-danger);font-size:var(--text-sm);margin-right:auto;display:flex}.rc-actions .btn-cancel,.rc-actions .btn-submit{padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--text-base);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;font-family:inherit;font-weight:600}.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{font-size:var(--text-sm);margin:0}.rc-footer-hint{font-size:var(--text-xs);opacity:.7;margin-top:var(--spacing-xs)}.register-customer-success{background:var(--gradient-primary);min-height:100vh;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.success-card{text-align:center;background:var(--bg-primary);padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:500px}.success-icon{color:var(--color-success);margin-bottom:var(--spacing-lg);animation:1s ease-in-out successPulse}@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);color:var(--text-primary);font-weight:700}.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 (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{gap:var(--spacing-sm);flex-direction:column-reverse}.rc-actions .btn-cancel,.rc-actions .btn-submit{width:100%}.rc-error-inline{margin-right:0;margin-bottom:var(--spacing-sm)}}@media (width<=480px){.register-customer-card{border-radius:0}.rc-receiver-types{grid-template-columns:1fr}.receiver-type-btn{text-align:left;flex-direction:row;justify-content:flex-start}}.rc-doc-hint{color:var(--text-secondary);margin-top:var(--spacing-xs);font-size:var(--font-size-xs);display:block}.checklist-detail{gap:var(--spacing-lg);flex-direction:column;display:flex}.checklist-header{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-secondary);border-radius:var(--border-radius-md);flex-direction:column;display:flex}.checklist-info{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.info-item{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);display:flex}.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);text-transform:capitalize;font-weight:600}.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{gap:var(--spacing-xs);flex-direction:column;display:flex}.progress-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.progress-bar{background:var(--color-border);border-radius:var(--border-radius-full);width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--color-success);border-radius:var(--border-radius-full);height:100%;transition:width .3s}.progress-percentage{font-size:var(--font-size-sm);color:var(--color-success);text-align:right;font-weight:600}.checklist-items{gap:var(--spacing-sm);flex-direction:column;display:flex}.checklist-item{padding:var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);flex-direction:column;transition:all .2s;display:flex}.checklist-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xs)}.checklist-item.completed{background:var(--color-success-light);border-color:var(--color-success)}.item-main{align-items:flex-start;gap:var(--spacing-md);display:flex}.item-checkbox{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .3s cubic-bezier(.34,1.56,.64,1),color .2s;display:flex}.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:.6s ease-in-out infinite iconPulse}.icon-completed{color:var(--color-success);transition:color .3s,transform .3s}.icon-pending{color:var(--color-text-tertiary);transition:color .3s,transform .3s}.item-content{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.item-description{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0;line-height:1.5}.checklist-item.completed .item-description{color:var(--color-text-secondary);text-decoration:line-through}.item-metadata{align-items:center;gap:var(--spacing-sm);display:flex}.metadata-text{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.item-notes,.item-photo{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);display:flex}.item-photo a{align-items:center;gap:var(--spacing-xs);color:var(--color-primary);text-decoration:none;transition:color .2s;display:flex}.item-photo a:hover{color:var(--color-primary-dark);text-decoration:underline}.btn-edit-item{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;flex-shrink:0;transition:all .2s;display:flex}.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{gap:var(--spacing-md);padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.item-edit-actions{justify-content:flex-end;gap:var(--spacing-sm);display:flex}@media (width<=768px){.checklist-info,.item-main{gap:var(--spacing-sm);flex-direction:column}.btn-edit-item{align-self:flex-start}}.temperature-detail{gap:var(--spacing-lg);flex-direction:column;display:flex}.temp-status-header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--border-radius-md);display:flex}.temp-status-header.in-range{background:var(--color-success-light);color:var(--color-success-dark)}.temp-status-header.out-of-range{background:var(--surface-danger-light);color:var(--color-danger)}.temp-status-header h3{font-size:var(--font-size-lg);margin:0;font-weight:600}.temp-status-header p{font-size:var(--font-size-sm);opacity:.9;margin:0}.temp-reading-card{justify-content:center;align-items: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);display:flex}.temp-icon{color:var(--color-primary)}.temp-reading{flex-direction:column;align-items:center;display:flex}.temp-value{color:var(--color-text-primary);font-size:3rem;font-weight:700;line-height:1}.temp-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.temp-range-card{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-secondary);border-radius:var(--border-radius-md);flex-direction:column;display:flex}.range-info{justify-content:center;align-items:center;gap:var(--spacing-md);display:flex}.range-item{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.range-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.range-value{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:600}.range-separator{font-size:var(--font-size-xl);color:var(--color-text-tertiary);font-weight:300}.temp-range-visual{width:100%;position:relative}.range-bar{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);width:100%;height:12px;position:relative}.range-marker{border-radius:var(--border-radius-full);border:3px solid var(--color-white);width:20px;height:20px;box-shadow:var(--shadow-elevated);transition:all .3s;position:absolute;top:50%;transform:translate(-50%,-50%)}.range-marker.in-range{background:var(--color-success)}.range-marker.out-of-range{background:var(--color-danger);animation:2s infinite pulse}.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{color:var(--color-text-primary);margin:0;line-height:1.6}.recorded-by{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);display:flex}.recorded-label{color:var(--color-text-secondary)}.recorded-value{color:var(--color-text-primary);font-weight:600}@media (width<=768px){.temp-reading-card{padding:var(--spacing-lg);flex-direction:column}.temp-value{font-size:2.5rem}.range-info{gap:var(--spacing-sm);flex-direction:column}.range-separator{display:none}}.pest-control-detail{gap:var(--spacing-lg);flex-direction:column;display:flex}.pest-status-header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--border-radius-md);display:flex}.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(--surface-danger-light);color:var(--color-danger)}.pest-status-header h3{font-size:var(--font-size-lg);margin:0;font-weight:600}.pest-status-header p{font-size:var(--font-size-sm);opacity:.9;margin:0}.detail-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.detail-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.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{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-secondary);border-radius:var(--border-radius-md);flex-direction:column;display:flex}.findings-row{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.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(--surface-danger-light);color:var(--color-danger)}.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{color:var(--color-text-primary);white-space:pre-wrap;margin:0;line-height:1.6}.next-inspection{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);display:flex}.next-inspection>div{gap:var(--spacing-xs);flex-direction:column;display:flex}.next-label{font-size:var(--font-size-sm);font-weight:500}.next-date{font-size:var(--font-size-base);font-weight:600}@media (width<=768px){.pest-status-header{text-align:center;flex-direction:column}.detail-grid{grid-template-columns:1fr}.findings-row{flex-direction:column;align-items:flex-start}}.pest-documents-section{gap:var(--spacing-md);flex-direction:column;display:flex}.pest-documents-list{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pest-document-item{justify-content:space-between;align-items:center;gap: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-md);transition:border-color .15s;display:flex}.pest-document-item:hover{border-color:var(--border-strong)}.pest-document-info{align-items:center;gap:var(--spacing-sm);min-width:0;display:flex}.pest-document-icon{color:var(--color-danger);flex-shrink:0}.pest-document-meta{flex-direction:column;min-width:0;display:flex}.pest-document-name{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-weight:500;overflow:hidden}.pest-document-size{font-size:var(--font-size-xs,.75rem);color:var(--text-tertiary)}.pest-document-actions{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.pest-doc-btn{border:1px solid var(--border-default);border-radius:var(--border-radius-sm);background:var(--bg-primary);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.pest-doc-btn:disabled{opacity:.5;cursor:not-allowed}.pest-doc-btn--download{color:var(--color-primary)}.pest-doc-btn--download:not(:disabled):hover{background:var(--interactive-hover);border-color:var(--color-primary)}.pest-doc-btn--delete{color:var(--color-danger)}.pest-doc-btn--delete:not(:disabled):hover{background:var(--interactive-hover);border-color:var(--color-danger)}@keyframes pest-spin{to{transform:rotate(360deg)}}.pest-doc-spinner{animation:.8s linear infinite pest-spin}.pest-documents-empty{padding:var(--spacing-md);text-align:center;font-size:var(--font-size-sm);color:var(--text-tertiary);background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px dashed var(--border-default);margin:0}.pest-documents-upload{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.pest-documents-input-hidden{display:none}.pest-doc-upload-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-primary);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.pest-doc-upload-btn:not(:disabled):hover{background:var(--color-primary);color:var(--text-inverse)}.pest-doc-upload-btn:disabled{opacity:.6;cursor:not-allowed}.pest-documents-hint{font-size:var(--font-size-xs,.75rem);color:var(--text-tertiary)}.pest-documents-limit{font-size:var(--font-size-sm);color:var(--color-warning);margin:0;font-weight:500}@media (width<=480px){.pest-document-name{max-width:160px}.pest-documents-upload{flex-direction:column;align-items:flex-start}}.poes-page{background:var(--bg-primary);flex-direction:column;height:calc(100vh - 60px);display:flex}.poes-container{flex:1;width:100%;max-width:100%;margin:0;padding:0;display:flex;overflow:hidden}.poes-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-default);flex-shrink:0;width:240px;height:100%;padding:1.5rem .5rem 1.5rem 0;overflow-y:auto}.poes-tabs{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.poes-tab{border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.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{opacity:.9;flex-shrink:0}.poes-content{flex:1;height:100%;padding:1.5rem 2rem;overflow-y:auto}.poes-section{animation:.3s ease-out fadeIn}.poes-section-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.poes-section-header h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.poes-section-header p{color:var(--text-secondary);margin:0;font-size:.9375rem}.poes-loading{min-height:200px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.9375rem;display:flex}.poes-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.poes-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);padding:1rem;transition:all .2s}.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{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.poes-card-header h3{color:var(--text-primary);flex:1;min-width:0;margin:0;font-size:1rem;font-weight:600}.poes-card-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.btn-icon-danger{border:1px solid var(--border-default);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.btn-icon-danger:hover{background:var(--danger-100);border-color:var(--color-danger);color:var(--color-danger)}.btn-icon-danger:active{transform:scale(.95)}.poes-card-body{flex-direction:column;gap:.375rem;display:flex}.poes-card-body p{color:var(--text-secondary);margin:0;font-size:.875rem}.poes-card-body strong{color:var(--text-primary);font-weight:500}.poes-status{border-radius:var(--border-radius-sm);text-transform:uppercase;white-space:nowrap;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.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 (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 (width<=768px){.poes-container{flex-direction:column}.poes-sidebar{border-right:none;border-bottom:1px solid var(--border-default);width:100%;height:auto;padding:.75rem 1rem;overflow-y:visible}.poes-tabs{flex-direction:row;gap:.5rem;width:100%;min-height:auto;overflow-x:auto}.poes-tab{flex-shrink:0;gap:.625rem;padding:.75rem 1rem;font-size:.875rem}.poes-content{flex:1;height:auto;padding:1rem}.poes-section-header{flex-direction:column;align-items:stretch}.poes-section-header h2{font-size:1.25rem}.poes-list{grid-template-columns:1fr}}@media (width<=480px){.poes-sidebar{padding:.5rem .75rem}.poes-tabs{gap:.375rem}.poes-tab{gap:.5rem;padding:.625rem .75rem;font-size:.8125rem}.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}}.reports-page{padding:var(--spacing-xl);max-width:1800px;margin:0 auto;animation:.4s ease-out fadeIn}.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:"";background:radial-gradient(circle, var(--white-alpha-10) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-10%}.reports-header-content{justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);z-index:1;flex-wrap:wrap;display:flex;position:relative}.reports-title-group{gap:var(--spacing-lg);align-items:center;display:flex}.reports-title-group svg{opacity:.95;filter:var(--shadow-drop);flex-shrink:0}.reports-title-group h1{color:var(--white);letter-spacing:-.5px;margin:0;font-size:2rem;font-weight:800}.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{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.period-selector{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);display:flex}.period-selector svg{color:var(--color-primary);flex-shrink:0}.period-select{font-size:var(--text-base);color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;padding:0;font-weight:500}.custom-date-range{align-items:center;gap:var(--spacing-sm);display:flex}.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{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100);outline:none}.report-tabs{gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--border-default);padding-bottom:2px;display:flex;overflow-x:auto}.report-tab{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;font-weight:500;transition:all .2s;display:flex}.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:.3s fadeIn}.reports-loading{padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary)}.kpi-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.kpi-card{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;display:flex}.kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.kpi-icon{border-radius:var(--border-radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.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);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;font-weight:700;line-height:1}.kpi-period{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.metrics-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.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);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;font-weight:600}.metric-value-group{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.metric-value{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.metric-percentage{font-size:var(--text-lg);color:var(--text-secondary);font-weight:600}.metric-trend-up{color:var(--color-success)}.metric-trend-down{color:var(--color-danger)}.reports-alerts{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.alert-card{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid;display:flex}.alert-card svg{flex-shrink:0;margin-top:2px}.alert-card h4{font-size:var(--text-base);margin:0 0 var(--spacing-xs) 0;font-weight:600}.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);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;font-weight:700}.section-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0}.sales-table-container{margin-top:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--border-subtle);overflow-x:auto}.reports-table{border-collapse:collapse;width:100%;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;color:var(--text-secondary);white-space:nowrap;font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px}.reports-table th:first-child{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),.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){width:120px!important;max-width:120px!important}.mobile-label{color:var(--text-secondary);margin-right:var(--spacing-xs);font-weight:600;display:none}.items-cell{gap:var(--spacing-xs);flex-direction:column;width:100%;max-width:100%;display:flex}.items-count{color:var(--color-primary);font-weight:600;font-size:var(--text-base)}.items-preview{font-size:var(--text-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.amount-value{font-family:Courier New,monospace;font-weight:500}.amount-total{color:var(--color-primary);font-weight:700;font-size:var(--text-base)}.no-data{color:var(--text-tertiary)}.tip-cell{justify-content:flex-start;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.tip-badge{padding:var(--spacing-xs) 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;display:inline-flex}.total-cell{color:var(--color-primary);font-weight:600}.payment-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--text-xs);text-transform:capitalize;font-weight:600;display:inline-flex}.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{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--text-xs);font-weight:600;display:inline-flex}.status-completed{background:var(--success-100);color:var(--success-700)}.status-pending{background:var(--warning-100);color:var(--warning-700)}.cost-summary{gap:var(--spacing-lg);margin:var(--spacing-xl) 0;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.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);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;font-weight:600}.cost-value{font-size:var(--text-3xl);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;font-weight:700}.cost-label{font-size:var(--text-xs);color:var(--text-tertiary)}.info-box{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);display:flex}.info-box svg{color:var(--info-600);flex-shrink:0;margin-top:2px}.info-box h4{font-size:var(--text-base);color:var(--info-700);margin:0 0 var(--spacing-xs) 0;font-weight:600}.info-box p{font-size:var(--text-sm);color:var(--info-700);margin:0;line-height:1.5}.profitability-grid{gap:var(--spacing-lg);margin:var(--spacing-xl) 0;grid-template-columns:2fr 1fr 1fr;display:grid}.profit-card{padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--border-radius-lg)}.profit-card h3{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;font-weight:600}.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);margin:0 0 var(--spacing-lg) 0;font-weight:700}.profit-breakdown{justify-content:space-between;align-items:center;gap:var(--spacing-md);font-size:var(--text-sm);display:flex}.profit-breakdown>div{gap:var(--spacing-xs);flex-direction:column;display:flex}.profit-breakdown .label{opacity:.9;font-weight:500}.profit-breakdown .value{font-weight:700;font-size:var(--text-base)}.profit-breakdown .operator{font-size:var(--text-2xl);font-weight:300}.margin-indicator{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.margin-circle{background:var(--gradient-primary);width:120px;height:120px;box-shadow:var(--shadow-lg);border-radius:50%;justify-content:center;align-items:center;display:flex}.margin-value{font-size:var(--text-3xl);color:var(--white);font-weight:700}.margin-label{font-size:var(--text-sm);color:var(--text-secondary);margin:0;font-weight:600}.additional-revenue{text-align:center}.revenue-item{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.revenue-item .label{font-size:var(--text-sm);color:var(--text-secondary)}.revenue-item .value{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.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);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;font-weight:600}.insights-list{gap:var(--spacing-md);flex-direction:column;display:flex}.insight-item{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);display:flex}.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);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;font-weight:600}.insight-item p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.inventory-metrics{gap:var(--spacing-lg);margin:var(--spacing-xl) 0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.inventory-metric-card{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);display:flex}.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);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;font-weight:700}.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);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;font-weight:600}.inventory-items-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.inventory-alert-item{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-primary);border-radius:var(--border-radius-md);border:1px solid;justify-content:space-between;align-items:center;display:flex}.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);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;font-weight:600}.item-sku{font-size:var(--text-xs);color:var(--text-tertiary);font-family:Courier New,monospace}.item-status{align-items:center;gap:var(--spacing-md);display:flex}.stock-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--text-sm);font-weight:600;display:inline-flex}.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 (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)}.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{padding:var(--spacing-xs) var(--spacing-xs);font-size:.65rem}}@media (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{justify-content:center;width:100%}.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{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);display:block}.reports-table tbody tr:hover{background:var(--bg-secondary)}.reports-table td{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.reports-table td:last-child{border-bottom:none}.mobile-label{font-size:var(--text-xs);display:inline-block}.items-cell{align-items:center;gap:var(--spacing-sm);flex-direction:row}.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{align-items:flex-end;gap:var(--spacing-xs);flex-direction:column}}.accounting-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.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{box-shadow:var(--shadow-xl);border-color:var(--color-primary);transform:translateY(-4px)}.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{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle);display:flex}.accounting-header svg{color:var(--color-primary);flex-shrink:0}.accounting-header h3{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:700}.accounting-metrics{gap:var(--spacing-lg);flex-direction:column;display:flex}.accounting-metric{gap:var(--spacing-xs);flex-direction:column;display:flex}.accounting-metric .metric-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.accounting-metric .metric-value{font-size:var(--text-2xl);color:var(--text-primary);font-weight:800}.accounting-metric .metric-helper{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.accounting-metric .metric-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;align-items:center;font-weight:700;display:inline-flex}.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{align-items:center;gap:var(--spacing-md);margin:0 0 var(--spacing-xl) 0;font-size:var(--text-xl);color:var(--text-primary);font-weight:700;display:flex}.financial-statement h3 svg{color:var(--color-primary)}.statement-body{gap:var(--spacing-md);flex-direction:column;display:flex}.statement-row{padding:var(--spacing-md) 0;justify-content:space-between;align-items:center;display:flex}.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);margin:var(--spacing-sm) 0;font-weight:600}.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);box-shadow:var(--shadow-md);font-weight:700}.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);color:var(--text-primary);font-family:Courier New,monospace;font-weight:700}.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:var(--white-alpha-20);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md)}.statement-separator{background:var(--border-subtle);height:1px;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{align-items:center;gap:var(--spacing-md);margin:0 0 var(--spacing-xl) 0;font-size:var(--text-xl);color:var(--text-primary);font-weight:700;display:flex}.professional-insights h3 svg{color:var(--color-primary)}.insights-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.insight-card{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;display:flex}.insight-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.insight-icon{border-radius:var(--border-radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.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);color:var(--text-primary);font-weight:600}.insight-content p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}.cashflow-summary{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.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{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.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{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.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{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:700}.cashflow-amount{color:var(--text-primary);margin-bottom:var(--spacing-lg);font-family:Courier New,monospace;font-size:2.5rem;font-weight:800}.cashflow-amount.positive{color:var(--success-600)}.cashflow-amount.negative{color:var(--danger-600)}.cashflow-breakdown{gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.cashflow-item{font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.cashflow-item span:last-child{color:var(--text-primary);font-weight:600}.cashflow-item.muted{opacity:.5}.cashflow-status{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius-lg);color:var(--text-primary);font-weight:600;display:flex}.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{align-items:center;gap:var(--spacing-md);margin:0 0 var(--spacing-xl) 0;font-size:var(--text-xl);color:var(--text-primary);font-weight:700;display:flex}.payment-analysis h3 svg{color:var(--color-primary)}.payment-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.payment-analysis-card{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;display:flex}.payment-analysis-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.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{border-radius:var(--border-radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.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);color:var(--text-primary);font-weight:600}.payment-amount{font-size:var(--text-xl);color:var(--text-primary);margin:var(--spacing-xs) 0;font-weight:700}.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 (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 (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 (width<=480px){.reports-page{padding:var(--spacing-sm)}.reports-header{padding:var(--spacing-lg)}.reports-title-group{gap:var(--spacing-sm);flex-direction:column;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{align-items:center;gap:var(--spacing-md);margin:0 0 var(--spacing-xs) 0;font-size:var(--text-xl);color:var(--text-primary);font-weight:700;display:flex}.section-header h3 svg{color:var(--color-primary)}.section-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.top-products-grid{gap:var(--spacing-md);flex-direction:column;display:flex}.top-product-card{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;display:flex}.top-product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translate(8px)}.product-rank{flex-shrink:0}.rank-badge{border-radius:var(--border-radius-lg);width:48px;height:48px;font-size:var(--text-lg);color:var(--white);justify-content:center;align-items:center;font-weight:800;display:flex}.rank-badge.rank-1{background:var(--gradient-amber);box-shadow:0 4px 12px var(--amber-alpha-40)}.rank-badge.rank-2{background:linear-gradient(135deg, var(--gray-300) 0%, var(--gray-500) 100%);box-shadow:0 4px 12px var(--gray-alpha-40)}.rank-badge.rank-3{background:linear-gradient(135deg, var(--primary-600) 0%, var(--primary-800) 100%);box-shadow:0 4px 12px var(--orange-alpha-40)}.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);color:var(--text-primary);font-weight:600}.product-stats{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.product-revenue{align-items:flex-end;gap:var(--spacing-xs);flex-direction:column;display:flex}.revenue-value{font-size:var(--text-xl);color:var(--color-primary);font-family:Courier New,monospace;font-weight:700}.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{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.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{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.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{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle);display:flex}.comparison-header svg{color:var(--color-primary);opacity:.8}.comparison-header h4{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600}.comparison-values{justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);display:flex}.current-period{gap:var(--spacing-xs);flex-direction:column;display:flex}.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);color:var(--text-primary);font-weight:800}.comparison-indicator{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.comparison-indicator svg{color:var(--success-600)}.growth-positive{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);align-items:center;font-weight:700;display:inline-flex}.growth-negative{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);align-items:center;font-weight:700;display:inline-flex}.no-data-indicator{font-size:var(--text-xl);color:var(--text-tertiary);opacity:.5}.comparison-note{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;margin:0;font-style:italic}.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{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.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{gap:var(--spacing-xl);margin-top:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.action-btn{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);cursor:pointer;background:var(--bg-primary);color:var(--text-primary);flex-direction:column;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.action-btn:before{content:"";width:100%;height:4px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:scaleX(0)}.action-btn:hover:before{transform:scaleX(1)}.action-btn:hover{box-shadow:var(--shadow-lg);border-color:currentColor;transform:translateY(-4px)}.action-btn-icon{border-radius:var(--border-radius-full);justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.action-btn:hover .action-btn-icon{transform:scale(1.1)rotate(5deg)}.action-btn-content{align-items:center;gap:var(--spacing-xs);text-align:center;flex-direction:column;display:flex}.action-btn-title{font-size:var(--text-base);letter-spacing:-.3px;font-weight:600}.action-btn-description{font-size:var(--text-xs);color:var(--text-secondary);font-weight:400;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 (width<=768px){.top-products-section,.period-comparison-section,.quick-actions-section{padding:var(--spacing-lg)}.top-product-card{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.product-revenue{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.comparison-grid{grid-template-columns:1fr}.comparison-values{flex-direction:column;align-items:flex-start}.quick-actions-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.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 (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}}.dian-reports-page{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.dian-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-2xl);background:var(--gradient-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);color:var(--white);display:flex}.dian-header-left{align-items:center;gap:var(--spacing-md);display:flex}.dian-header-icon{background:var(--white-alpha-20);border-radius:var(--border-radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.dian-title{font-size:var(--font-size-2xl);color:var(--white);margin:0;font-weight:700}.dian-subtitle{font-size:var(--font-size-sm);color:var(--white-alpha-80);margin:0;margin-top:var(--spacing-xs)}.dian-refresh-btn{color:var(--white);border:1px solid var(--white-alpha-30);background:var(--white-alpha-10)}.dian-refresh-btn:hover:not(:disabled){background:var(--white-alpha-20)}.spinning{animation:1s linear infinite spin}.dian-filters{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.dian-filter-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.dian-filter-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.dian-select-wrapper{align-items:center;display:flex;position:relative}.dian-select-wrapper .filter-select{padding-right:var(--spacing-2xl);min-width:220px}.dian-select-chevron{right:var(--spacing-sm);pointer-events:none;color:var(--text-secondary);position:absolute}.dian-error-banner{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-danger-light);color:var(--color-danger);border:1px solid var(--danger-300);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl);display:flex}.dian-cards-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}@media (width<=880px){.dian-cards-grid{grid-template-columns:1fr}}.dian-card{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.dian-card-header{padding:var(--spacing-lg) var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.dian-card-header--iva{background:var(--primary-50);border-bottom:2px solid var(--color-primary)}.dian-card-header--inc{background:var(--surface-warning-light);border-bottom:2px solid var(--color-warning,var(--color-primary))}.dian-card-header-left{align-items:center;gap:var(--spacing-sm);color:var(--color-primary);display:flex}.dian-card-header--inc .dian-card-header-left{color:var(--color-warning,var(--color-primary))}.dian-card-badge{font-size:var(--font-size-xs);background:var(--color-primary);color:var(--white);border-radius:var(--border-radius-sm);letter-spacing:.05em;margin-bottom:2px;padding:2px 8px;font-weight:700;display:inline-block}.dian-card-header--inc .dian-card-badge{background:var(--color-warning,var(--color-primary))}.dian-card-title{font-size:var(--font-size-base);color:var(--text-primary);margin:0;font-weight:700}.dian-card-period{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap}.dian-card-body{padding:var(--spacing-xl)}.dian-kpis{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.dian-kpi{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.dian-kpi--highlight{background:var(--primary-50);border-color:var(--color-primary)}.dian-kpi-label{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-xs);display:block}.dian-kpi-value{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:700;display:block}.dian-kpi--highlight .dian-kpi-value{color:var(--color-primary)}.dian-table-wrapper{border-radius:var(--border-radius-md);border:1px solid var(--border-default);overflow-x:auto}.dian-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.dian-table-th{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border-default);white-space:nowrap;font-weight:600}.dian-th-right{text-align:right}.dian-table-row:hover{background:var(--interactive-hover)}.dian-table-cell{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.dian-cell-rate{color:var(--color-primary);font-weight:600}.dian-cell-amount{text-align:right;font-variant-numeric:tabular-nums}.dian-table-total td{background:var(--bg-secondary);border-top:2px solid var(--border-default);font-weight:700}.dian-inc-empty{padding:var(--spacing-2xl);justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);text-align:center;flex-direction:column;display:flex}.dian-inc-empty p{font-size:var(--font-size-base);color:var(--text-primary);margin:0;font-weight:600}.dian-inc-empty span{font-size:var(--font-size-sm)}.employee-form-transport-label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.employee-form-transport-container{gap:var(--spacing-sm);flex-direction:column;display:flex}.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{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);font-weight:600;display:flex}.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);margin-bottom:var(--spacing-xs);font-weight:500}.employee-form-parafiscal-content{margin:var(--spacing-sm) 0 0 0}.employee-form-parafiscal-status{align-items:center;gap:var(--spacing-xs);font-weight:600;display:inline-flex}.employee-form-parafiscal-status.exempt{color:var(--color-danger)}.employee-form-parafiscal-status.not-exempt{color:var(--color-accent)}.employee-form-icon{align-items:center;width:1.25rem;height:1.25rem;display:inline-flex}.employees-container{padding:var(--spacing-xl);max-width:1400px;min-height:100%;margin:0 auto}.employees-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex}.employees-header-content{flex:1}.employees-title{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;display:flex}.employees-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.employees-create-btn{align-items:center;gap:var(--spacing-xs);white-space:nowrap;display:flex}.employees-controls{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;align-items:stretch;display:flex}.search-box{align-items:center;gap:var(--spacing-sm);min-width:250px;padding:0 var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1;transition:all .2s;display:flex}.search-input{padding:var(--spacing-sm) 0;color:var(--color-text-primary);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1;min-width:0}.filter-controls{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.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;min-width:180px;transition:all .2s}.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{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:block;overflow-x:auto}.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{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;display:flex}.employee-card-info{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.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{gap:var(--spacing-xs);display:flex}.employee-card-body{gap:var(--spacing-sm);flex-direction:column;display:flex}.employee-card-row{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.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{border-collapse:collapse;width:100%;min-width:865px;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:first-child,.employees-table td:first-child{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{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.employee-email{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.employee-document{align-items:center;gap:var(--spacing-xs);display:flex}.document-type{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);display:inline-block}.document-number{font-family:var(--font-mono)}.contract-badge{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;display:inline-block}.status-badge{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;display:inline-block}.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);color:var(--color-success);font-size:var(--font-size-xs);white-space:nowrap}.employees-actions-header{text-align:center;width:120px}.employees-actions-cell{justify-content:center;gap:var(--spacing-xs);display:flex}.btn-icon{padding:var(--spacing-xs);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.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 (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 (width<=768px){.employees-container{padding:var(--spacing-md)}.employees-header{align-items:stretch;gap:var(--spacing-md);flex-direction:column}.employees-title{font-size:var(--font-size-xl)}.employees-subtitle{font-size:var(--font-size-sm)}.employees-create-btn{justify-content:center;width:100%}.employees-controls{gap:var(--spacing-sm);flex-direction:column}.search-box{width:100%;min-width:unset}.filter-controls{width:100%}.filter-select{min-width:unset;flex:1}.employees-cards-container{display:block}.employees-table-container{display:none}}@media (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}}.site-manager{background:var(--bg-primary);min-height:100vh}.sm-header{background:var(--gradient-primary);padding:var(--spacing-2xl) var(--spacing-lg);color:var(--white);margin-bottom:0;position:relative;overflow:hidden}.sm-header:before{content:"";background:radial-gradient(circle, var(--white-alpha-10) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.sm-header-content{z-index:1;max-width:1200px;margin:0 auto;position:relative}.sm-header-text h1{align-items:center;gap:var(--spacing-sm);letter-spacing:-.5px;margin:0 0 12px;font-size:2rem;font-weight:800;display:flex}.sm-title-icon{flex-shrink:0}.sm-subtitle{font-size:var(--font-size-base);opacity:.95;margin:0;font-weight:400;line-height:1.5}.sm-container{max-width:1200px;padding:var(--spacing-2xl) var(--spacing-lg);margin:0 auto}.sm-wrapper{gap:var(--spacing-lg);flex-direction:column;display:flex}.sm-info-card{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);transition:all .3s;display:flex}.sm-info-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.sm-info-icon{background:var(--primary-100);border-radius:var(--border-radius-md);width:48px;height:48px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sm-info-content h3{font-size:var(--font-size-base);color:var(--text-primary);margin:0 0 4px;font-weight:600}.sm-info-content p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}@media (width<=768px){.sm-header{padding:var(--spacing-xl) var(--spacing-md)}.sm-header-text h1{font-size:var(--font-size-2xl)}.sm-subtitle{font-size:var(--font-size-sm)}.sm-container{padding:var(--spacing-xl) var(--spacing-md)}.sm-info-card{padding:var(--spacing-md);gap:var(--spacing-sm)}.sm-info-icon{width:40px;height:40px}.sm-info-content h3{font-size:.9375rem}.sm-info-content p{font-size:.8125rem}}@media (width<=480px){.sm-header{padding:var(--spacing-lg) var(--spacing-sm);margin-bottom:0}.sm-header-text h1{font-size:var(--font-size-xl);gap:var(--spacing-sm)}.sm-title-icon{width:24px;height:24px}.sm-subtitle{font-size:.8125rem}.sm-container{padding:var(--spacing-lg) var(--spacing-sm)}.sm-wrapper{gap:var(--spacing-md)}.sm-info-card{padding:var(--spacing-sm);flex-direction:column;align-items:flex-start}.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:var(--spacing-xl) var(--spacing-lg);max-width:1200px;margin:0 auto}.mar-header{gap:var(--spacing-md);justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.mar-header h1{color:var(--text-primary);margin:0;font-size:1.25rem}.mar-title{align-items:center;gap:var(--spacing-sm);font-weight:700;display:inline-flex}.mar-badge{background:var(--surface-pressed);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--border-radius-full);font-weight:600}.mar-controls{gap:var(--spacing-sm);align-items:center;display:flex}.mar-search{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--border-radius-md);background-color:var(--surface-base);border:1px solid var(--border-default);display:inline-flex}.mar-search input{color:var(--text-primary);background:0 0;border:none;outline:none;min-width:220px}.mar-header input,.mar-header select{height:36px;padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--border-radius-md);border:1px solid var(--border-default);background-color:var(--surface-base);color:var(--text-primary);padding-right:2.25rem;font-size:.95rem}.mar-header input:focus,.mar-header select:focus{outline:3px solid var(--primary-100);outline-offset:2px}.mar-list{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}.mar-card{justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--border-radius-lg);background:var(--surface-elevated);box-shadow:var(--shadow-sm);border:1px solid var(--border-default);flex-direction:column;display:flex}.mar-status-badge{padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:.85rem;font-weight:600}.mar-status-open .mar-status-badge{background:var(--color-info);color:var(--text-inverse)}.mar-status-in_progress .mar-status-badge{background:var(--color-warning);color:var(--text-inverse)}.mar-status-closed .mar-status-badge{background:var(--color-success);color:var(--text-inverse)}.mar-main{gap:var(--spacing-sm);flex-direction:column;display:flex}.mar-row{gap:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.mar-email{color:var(--text-primary);word-break:break-word;font-weight:700}.mar-meta{font-size:var(--font-size-xs);color:var(--text-tertiary)}.mar-phone{color:var(--text-secondary);font-size:.95rem}.mar-actions{gap:var(--spacing-sm);justify-content:flex-end;align-items:center;display:flex}.mar-closed{align-items:center;gap:var(--spacing-sm);color:var(--text-tertiary);display:flex}.mar-empty{padding:var(--spacing-xl);text-align:center;color:var(--text-tertiary)}.mar-pagination{gap:var(--spacing-sm);align-items:center;margin-top:12px;display:flex}.mar-pagination-info{color:var(--text-primary);font-size:.95rem}.mar-status-open{border-left:4px solid var(--color-info)}.mar-status-in_progress{border-left:4px solid var(--color-warning)}.mar-status-closed{border-left:4px solid var(--color-success);opacity:.95}.mar-card .btn-primary,.mar-card .btn-secondary,.btn-tertiary{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--border-radius-md);display:inline-flex}.btn-tertiary{border:1px solid var(--border-default);color:var(--text-primary);background:0 0}@media (width>=700px){.mar-list{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.mar-list{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.mar-page{padding:var(--spacing-lg) var(--spacing-md)}.mar-header{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.mar-header h1{font-size:1.125rem}.mar-controls{gap:var(--spacing-sm);flex-direction:column;width:100%}.mar-search{width:100%}.mar-search input{width:100%;min-width:0}.mar-header input,.mar-header select{width:100%}.mar-list{grid-template-columns:1fr}.mar-card{padding:var(--spacing-md)}}@media (width<=480px){.mar-page{padding:var(--spacing-md) var(--spacing-sm)}.mar-header h1{font-size:1rem}.mar-title{gap:var(--spacing-sm)}.mar-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.mar-card{padding:var(--spacing-sm);gap:var(--spacing-sm)}.mar-email{font-size:.875rem}.mar-phone{font-size:.85rem}.mar-meta{font-size:.6875rem}.mar-actions{gap:var(--spacing-sm);flex-direction:column;width:100%}.mar-actions button{justify-content:center;width:100%;min-height:40px}.mar-status-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}}.no-business-message{border-radius:var(--border-radius-lg);background:var(--bg-secondary);border:2px dashed var(--border-default);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;padding:2rem;display:flex}.no-business-message svg{color:var(--color-warning);opacity:.8}.no-business-message h2{color:var(--text-primary);margin:0;font-size:1.5rem}.no-business-message p{max-width:400px;color:var(--text-secondary);margin:0;font-size:.9375rem}.inventory-controls-wrapper{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.alerts-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.alert-card{border-radius:var(--border-radius-md);border-left:4px solid #0000;gap:1rem;padding:1rem;transition:all .2s;display:flex}.alert-card h3{margin:0;font-size:.875rem;font-weight:600}.alert-card p{opacity:.8;margin:.25rem 0 0;font-size:.75rem}.alert-card svg{flex-shrink:0;width:24px;height:24px}.alert-warning{background-color:var(--surface-warning-light);color:var(--color-warning);border-left-color:var(--color-warning)}.alert-danger{background-color:var(--surface-danger-light);color:var(--color-danger);border-left-color:var(--color-danger)}.inventory-controls{flex-wrap:wrap;flex:1;gap:1rem;display:flex}.btn-primary-icon{background:var(--gradient-primary);color:var(--white);border-radius:var(--border-radius-md);cursor:pointer;box-shadow:var(--shadow);white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-primary-icon:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary-icon:disabled{opacity:.6;cursor:not-allowed;transform:none}.search-box{background-color:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--border-radius-md);flex:1;align-items:center;gap:.5rem;min-width:250px;padding:0 1rem;transition:all .2s;display:flex}.search-box svg{color:var(--text-secondary);flex-shrink:0}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.75rem 0;font-size:.875rem}.filter-controls{gap:.75rem;display:flex}.filter-select{background-color:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;padding:.75rem 2.25rem .75rem 1rem;font-size:.875rem;transition:all .2s}.filter-select:hover{border-color:var(--primary-600)}.filter-select:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px var(--primary-100);outline:none}.loading-state{min-height:400px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.inventory-cards-container{display:none}.inventory-table{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);display:block;position:relative;overflow:visible}.table{border-collapse:collapse;width:100%;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{text-align:left;color:var(--text-primary);text-transform:uppercase;letter-spacing:.6px;vertical-align:middle;height:60px;padding:1rem;font-size:.7rem;font-weight:700;display:table-cell}.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(--surface-warning-xlight) 0%, transparent 50%)}.table-row-warning:hover{background:linear-gradient(90deg, var(--surface-warning-light) 0%, var(--interactive-hover) 50%)}.table-row-critical{background:linear-gradient(90deg, var(--surface-danger-xlight) 0%, transparent 50%)}.table-row-critical:hover{background:linear-gradient(90deg, var(--surface-danger-light) 0%, var(--interactive-hover) 50%)}.table-row-excess{background:linear-gradient(90deg, var(--surface-info-xlight) 0%, transparent 50%)}.table-row-excess:hover{background:linear-gradient(90deg, var(--surface-info-light) 0%, var(--interactive-hover) 50%)}.table td{vertical-align:middle;height:70px;padding:1rem;transition:color .2s;display:table-cell}.table th:first-child,.table td:first-child{width:30%}.table th:nth-child(2),.table td:nth-child(2){width:15%}.table th:nth-child(3),.table td:nth-child(3){text-align:left;width:12%}.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){text-align:center;width:10%}.cell-name{font-weight:600;position:relative}.cell-name:before{content:"";background:var(--primary-600);border-radius:var(--spacing-xs);opacity:0;width:3px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.table tbody tr:hover .cell-name:before{opacity:1}.item-name{flex-direction:column;gap:.25rem;display:flex}.item-name h4{color:var(--text-primary);margin:0;font-size:.95rem}.item-name small{color:var(--text-secondary);font-size:.75rem}.cell-sku{color:var(--text-secondary);letter-spacing:.5px;font-family:Monaco,Courier New,monospace;font-size:.8rem;font-weight:500}.sku-badge{background:var(--bg-secondary);border-radius:var(--spacing-xs);padding:.25rem .5rem;display:inline-block}.cell-type{text-align:center}.badge{border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;align-items:center;padding:.35rem .875rem;font-size:.7rem;font-weight:700;transition:all .2s;display:inline-flex}.badge-info{background:linear-gradient(135deg, var(--surface-info-light) 0%, var(--primary-50) 100%);color:var(--primary-700);border:1px solid var(--primary-200)}.cell-quantity{flex-direction:column;gap:.5rem;display:flex}.cell-quantity strong{color:var(--text-primary);align-items:baseline;gap:.25rem;font-size:1rem;display:flex}.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:1.5s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.7}}.cell-quantity-warning,.cell-quantity-warning strong{color:var(--color-warning)}.cell-prices{flex-direction:column;gap:.5rem;display:flex}.price-info{flex-direction:column;gap:.35rem;display:flex}.cost{color:var(--text-secondary);font-size:.8rem}.selling{color:var(--text-primary);font-size:.9rem;font-weight:600}.cell-expiration{flex-direction:column;gap:.35rem;display:flex}.exp-date{color:var(--text-primary);font-weight:600}.cell-expiration small{border-radius:var(--spacing-xs);width:fit-content;padding:.2rem .4rem;font-size:.75rem;font-weight:500}.cell-expiration-expired small,.cell-expiration-urgent small{background:var(--surface-danger-light);color:var(--color-danger)}.cell-expiration-warning small{background:var(--surface-warning-light);color:var(--color-warning)}.cell-expiration-ok small{background:var(--success-50);color:var(--color-success)}.text-secondary{color:var(--text-secondary)}.cell-actions{justify-content:center;align-items:center;gap:.25rem;min-width:40px;max-width:40px;display:flex}.btn-action{border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--surface-base);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;padding:0;font-weight:500;transition:all .2s;display:flex}.btn-action:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-2px)}.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(--surface-danger-light);border-color:var(--color-danger);color:var(--color-danger)}@media (width<=1200px){.table th,.table td{padding:1rem;font-size:.8rem}.table th:first-child,.table td:first-child{width:20%;padding-left:1rem}}@media (width<=1024px){.table th,.table td{padding:.875rem;font-size:.75rem}.btn-action{width:36px;height:36px}.cell-name{min-width:140px}}@media (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{width:100%;min-width:auto}.filter-controls{flex-direction:column;width:100%}.filter-select{width:100%}.btn-primary-icon{justify-content:center;width:100%}.inventory-table{display:none}.inventory-cards-container{grid-template-columns:1fr;gap:1rem;display:grid}.inventory-card{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:.875rem;padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.inventory-card:active{box-shadow:var(--shadow);transform:scale(.98)}.inventory-card:before{content:"";border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;background:var(--border-subtle);height:3px;position:absolute;top:0;left:0;right:0}.inventory-card{padding-top:1.25rem;position:relative}.inventory-card.card-warning:before{background:var(--color-warning)}.inventory-card.card-critical:before{background:var(--color-danger)}.inventory-card.card-excess:before{background:var(--primary-600)}.card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.card-title-group{flex:1}.card-title-group h4{color:var(--text-primary);word-break:break-word;margin:0 0 .35rem;font-size:1rem;font-weight:700}.card-sku{color:var(--text-secondary);letter-spacing:.3px;margin:0;font-family:Monaco,Courier New,monospace;font-size:.75rem}.card-badge{background:linear-gradient(135deg, var(--surface-info-light) 0%, var(--primary-50) 100%);color:var(--primary-700);border-radius:var(--border-radius-sm);text-transform:uppercase;white-space:nowrap;letter-spacing:.5px;flex-shrink:0;align-items:center;padding:.35rem .875rem;font-size:.65rem;font-weight:700;display:inline-flex}.card-stock{background:var(--interactive-hover);border-radius:var(--border-radius-md);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.875rem;font-size:.8rem;display:flex}.stock-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;font-weight:600}.stock-value{color:var(--text-primary);font-size:1rem;font-weight:700}.stock-value.critical{color:var(--color-danger);animation:1.5s ease-in-out infinite blink}.stock-value.warning{color:var(--color-warning)}.card-prices{background:var(--bg-secondary);border-radius:var(--border-radius-md);grid-template-columns:1fr 1fr;gap:.875rem;padding:.875rem;display:grid}.price-item{text-align:center;flex-direction:column;gap:.25rem;display:flex}.price-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:.65rem;font-weight:600}.price-value{color:var(--text-primary);font-size:.95rem;font-weight:700}.card-expiration{background:var(--interactive-hover);border-radius:var(--border-radius-md);border:1px solid var(--border-subtle);flex-direction:column;gap:.5rem;padding:.875rem;font-size:.8rem;display:flex}.exp-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;font-weight:600}.exp-value{color:var(--text-primary);justify-content:space-between;align-items:center;font-weight:700;display:flex}.exp-value.expired:after,.exp-value.urgent:after{content:"!";background:var(--color-danger);width:20px;height:20px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.exp-value.warning:after{content:"⚠";font-size:1rem}.exp-value.ok:after{content:"✓";color:var(--color-success);font-weight:700}.exp-value.expired,.exp-value.urgent{color:var(--color-danger)}.exp-value.warning{color:var(--color-warning)}.exp-value.ok{color:var(--color-success)}.card-meta{grid-template-columns:1fr 1fr;gap:.75rem;font-size:.75rem;display:grid}.meta-item{background:var(--bg-secondary);border-radius:var(--spacing-xs);flex-direction:column;gap:.25rem;padding:.5rem;display:flex}.meta-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:.65rem;font-weight:600}.meta-value{color:var(--text-primary);word-break:break-word;font-size:.8rem;font-weight:500}.card-footer{border-top:1px solid var(--border-default);gap:.5rem;padding-top:.875rem;display:flex}.card-footer .btn-action{border-radius:var(--border-radius-md);flex:1;justify-content:center;align-items:center;gap:.5rem;width:100%;height:auto;padding:.75rem;font-size:.8rem;display:flex}.card-footer .btn-action svg{width:16px;height:16px}}.no-business-page{padding:var(--spacing-xl) var(--spacing-md);justify-content:center;display:flex}.no-business-card{background:var(--white);border-radius:var(--border-radius-lg);width:100%;max-width:920px;box-shadow:var(--shadow);padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;display:flex}.card-header{gap:var(--spacing-md);align-items:center;display:flex}.card-icon{background:var(--gradient-light);border-radius:var(--border-radius-lg);width:64px;height:64px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex}.nb-feature--sales svg,.nb-feature--analytics svg,.nb-feature--automation svg,.nb-feature--sales span,.nb-feature--analytics span,.nb-feature--automation span{color:var(--text-inverse)}.no-business-request{margin-top:6px}.no-business-request-form{gap:var(--spacing-sm);flex-direction:column;margin-top:8px;display:flex}.no-business-request-form input,.no-business-request-form textarea{padding:var(--spacing-sm) var(--spacing-sm);border:1px solid var(--gray-200);border-radius:var(--border-radius-sm);background:var(--white)}.no-business-request-form label{color:var(--gray-700);font-weight:600}.small-muted{color:var(--gray-500);font-size:.9rem}.form-actions{justify-content:center;margin-top:8px;display:flex}@media (width<=640px){.no-business-card{padding:var(--spacing-md)}.no-business-actions{justify-content:center}}.no-business-page{min-height:100vh;padding:var(--spacing-xl) var(--spacing-md);justify-content:center;align-items:center;display:flex}.no-business-card{background:var(--surface-elevated);border:1px solid var(--border-default);padding:var(--spacing-2xl);border-radius:var(--border-radius-xl);width:100%;max-width:900px;box-shadow:var(--shadow-lg);text-align:center;transition:transform .16s var(--transition-fast), box-shadow .16s var(--transition-fast);animation:.22s ease-out both fadeInCard}@keyframes fadeInCard{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.no-business-card h1{color:var(--text-primary);margin-bottom:12px;font-size:1.75rem}.no-business-card p{color:var(--text-secondary);margin-bottom:24px;font-size:1rem}.no-business-request-form input,.no-business-request-form textarea{transition:border-color .12s,box-shadow .12s}.no-business-request-form input:focus,.no-business-request-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--primary-100);outline:none}.no-business-request-form input[disabled],.no-business-request-form textarea[disabled]{opacity:.7;cursor:not-allowed}.no-business-actions{gap:var(--spacing-sm);justify-content:center;display:flex}.no-business-actions .btn-primary{padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-primary);color:var(--text-inverse);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);border:none;font-weight:600}.no-business-actions .btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.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:var(--spacing-sm) var(--spacing-lg);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 (width<=520px){.no-business-actions{gap:var(--spacing-sm);flex-direction:column;align-items:stretch}.no-business-actions .btn-primary,.no-business-actions .btn-secondary{width:100%}}@media (width<=900px){.no-business-card{padding:var(--spacing-xl);max-width:720px}.card-header{text-align:center;align-items:center;gap:var(--spacing-sm);flex-direction:column}.card-icon{width:56px;height:56px}.lead{font-size:.98rem}.oauth-actions{flex-wrap:wrap;justify-content:center}.no-business-request-form{gap:var(--spacing-sm)}}@media (width>=1200px){.no-business-card{padding:var(--spacing-3xl);max-width:1100px}.no-business-card h1{font-size:2rem}}.small-muted{color:var(--text-tertiary)}.no-business-container{background:var(--bg-primary);grid-template-columns:1fr 1fr;min-height:100vh;display:grid;position:relative;overflow:hidden}.nb-bg-decoration{opacity:.4;filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;animation:25s ease-in-out infinite floatNB;position:absolute}.nb-bg-decoration-1{background:var(--gradient-primary);width:500px;height:500px;animation-delay:0s;top:-250px;left:-250px}.nb-bg-decoration-2{background:var(--gradient-secondary);width:350px;height:350px;animation-delay:8s;bottom:-175px;right:15%}.nb-bg-decoration-3{background:var(--gradient-emerald);width:280px;height:280px;animation-delay:16s;top:45%;right:-140px}@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{background:var(--gradient-primary);color:var(--text-inverse);padding:var(--spacing-3xl) var(--spacing-3xl);z-index:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.nb-brand:before{content:"";background:var(--gradient-light);opacity:.08;pointer-events:none;width:100%;height:100%;position:absolute}.nb-brand-content{z-index:1;max-width:520px;animation:.9s ease-out fadeInLeft;position:relative}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.nb-brand-icon{background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--border-radius-xl);width:100px;height:100px;box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle);justify-content:center;align-items:center;margin-bottom:32px;animation:3.5s ease-in-out infinite pulseNB;display:flex}@keyframes pulseNB{0%,to{box-shadow:var(--shadow-xl);transform:scale(1)rotate(0)}50%{box-shadow:var(--shadow-lg);transform:scale(1.08)rotate(2deg)}}.nb-brand-title{letter-spacing:-.03em;color:var(--text-inverse);margin-bottom:20px;font-size:3.25rem;font-weight:800;line-height:1.1}.nb-brand-subtitle{opacity:.96;color:var(--text-inverse);margin-bottom:48px;font-size:1.35rem;font-weight:400;line-height:1.6}.nb-features{gap:var(--spacing-lg);flex-direction:column;margin-bottom:40px;display:flex}.nb-feature{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-lg);background:var(--color-primary);color:var(--text-inverse);border-radius:var(--border-radius-lg);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);font-size:1.075rem;font-weight:700;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex}.nb-feature:hover{filter:brightness(1.06);box-shadow:var(--shadow-md);transform:translate(8px)}.nb-feature svg{opacity:1;color:var(--text-inverse);flex-shrink:0}.nb-feature--sales svg,.nb-feature--analytics svg,.nb-feature--automation svg,.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{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);padding:var(--spacing-3xl) var(--spacing-3xl);z-index:1;background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);padding:var(--spacing-3xl) var(--spacing-3xl);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.nb-form-card{background:var(--surface-elevated);border-radius:var(--border-radius-2xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl);padding:var(--spacing-3xl);border:1px solid var(--border-default);animation:.9s ease-out fadeInRight;position:relative}.nb-form-header{text-align:center;margin-bottom:40px}.nb-form-header h2{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:2.25rem;font-weight:700}.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{align-items:center;gap:var(--spacing-sm);color:var(--text-primary);margin-bottom:12px;font-size:.95rem;font-weight:600;display:flex}.nb-form-group label svg{color:var(--color-primary);opacity:.9}.nb-form-group input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-default);border-radius:var(--border-radius-lg);color:var(--text-primary);background:var(--surface-base);box-sizing:border-box;font-size:1rem;font-weight:500;transition:all .25s}.nb-phone-input{align-items:center;gap:var(--spacing-sm);display:flex}.nb-phone-prefix{padding:var(--spacing-sm) var(--spacing-sm);background:var(--surface-base);border:2px solid var(--border-default);border-radius:var(--border-radius-lg);color:var(--text-primary);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.nb-phone-input input{flex:1;min-width:0}.nb-form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--interactive-hover);outline:none;transform:translateY(-2px)}.nb-form-group input:disabled{opacity:.6;cursor:not-allowed;background:var(--interactive-disabled)}.nb-form-group input::placeholder{color:var(--text-tertiary);opacity:.7}.nb-form-hint{color:var(--text-tertiary);margin-top:10px;font-size:.875rem;line-height:1.5}.nb-form-actions{margin-bottom:24px}.nb-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);border:none;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nb-btn:before{content:"";background:var(--surface-glass);opacity:.3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nb-btn:hover:before{width:300px;height:300px}.nb-btn svg{z-index:1;flex-shrink:0;position:relative}.nb-btn span{z-index:1;position:relative}.nb-btn-primary{background:var(--gradient-primary);color:var(--text-inverse)}.nb-btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-3px)}.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);box-shadow:var(--shadow-md);transform:translateY(-2px)}.nb-btn-secondary:active{transform:translateY(0)}.nb-spinner{border:3px solid var(--border-subtle);border-top-color:var(--text-inverse);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spinNB}@keyframes spinNB{to{transform:rotate(360deg)}}.nb-divider{align-items:center;gap:var(--spacing-lg);margin:var(--spacing-xl) 0;color:var(--text-tertiary);font-size:.9rem;font-weight:600;display:flex}.nb-divider:before,.nb-divider:after{content:"";background:linear-gradient(to right, transparent, var(--border-default), transparent);flex:1;height:2px}.nb-footer{border-top:1px solid var(--border-default);text-align:center;margin-top:32px;padding-top:24px}.nb-footer p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.nb-footer a{color:var(--color-primary);font-weight:600;text-decoration:none;transition:all .2s}.nb-footer a:hover{color:var(--color-primary);text-decoration:underline}@media (width<=1200px){.no-business-container{grid-template-columns:1fr}.nb-brand{display:none}.nb-form-wrapper{padding:var(--spacing-3xl) var(--spacing-2xl)}.nb-form-card{padding:var(--spacing-2xl) var(--spacing-2xl)}}@media (width<=768px){.nb-form-wrapper{padding:var(--spacing-2xl) var(--spacing-lg)}.nb-form-card{padding:var(--spacing-2xl) var(--spacing-xl);border-radius:var(--border-radius-xl)}.nb-form-header h2{font-size:1.875rem}.nb-form-group input{padding:var(--spacing-md) var(--spacing-lg);font-size:.95rem}.nb-btn{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.nb-bg-decoration{opacity:.25}}@media (width<=480px){.nb-form-wrapper{padding:var(--spacing-lg) var(--spacing-md)}.nb-form-card{padding:var(--spacing-xl) var(--spacing-lg);box-shadow:none;border:none}.nb-form-header h2{font-size:1.625rem}.nb-form-header p{font-size:.9rem}.nb-btn{padding:var(--spacing-md) var(--spacing-lg);font-size:.95rem}}.nb-btn:hover{animation:1.5s ease-in-out infinite buttonGlow}@keyframes buttonGlow{0%,to{filter:brightness()}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{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.header-title{flex:1;min-width:250px}.header-title h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0;margin-bottom:var(--spacing-xs);font-weight:700}.header-title .subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.header-actions{gap:var(--spacing-md);flex-wrap:wrap;flex:1;justify-content:flex-end;min-width:300px;display:flex}.search-box{background-color:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);min-width:250px;max-width:400px;padding:var(--spacing-xs);flex:1;align-items:center;transition:all .2s;display:flex;position:relative}.search-box:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.search-icon{color:var(--text-tertiary);margin-right:var(--spacing-xs);flex-shrink:0}.search-input{font-size:var(--font-size-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:0}.search-input::placeholder{color:var(--text-tertiary)}.btn-primary{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:var(--white);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;border:none;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{background-color:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background-color:var(--text-tertiary);cursor:not-allowed;box-shadow:none;transform:none}.error-alert{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--surface-danger-light);border:1px solid var(--danger-300);border-radius:var(--border-radius-md);color:var(--color-danger);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);display:flex}.recipe-catalog-loading{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);min-height:60vh;color:var(--text-secondary);flex-direction:column;display:flex}@media (width<=768px){.recipe-catalog{padding:var(--spacing-md)}.recipe-catalog-header{flex-direction:column}.header-actions{justify-content:stretch;width:100%}.search-box{max-width:100%}.btn-primary{flex:1}}.add-member-form,.edit-member-form{gap:var(--border-radius-md);flex-direction:column;display:flex}.form-error-block{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 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:.3s ease-out slideIn;display:flex}.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:var(--font-size-sm);line-height:1.4}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-label{font-weight:500;font-size:var(--font-size-sm);color:var(--text-primary)}.form-input,.form-select{padding:var(--spacing-sm) var(--spacing-sm);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);font-family:inherit;transition:border-color .2s}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);outline:none}.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::placeholder{color:var(--text-tertiary)}.field-error{font-size:var(--font-size-xs);color:var(--color-danger);font-weight:500}.field-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic}.member-display{padding:var(--spacing-sm);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);background:var(--bg-secondary);gap:var(--spacing-sm);flex-direction:column;display:flex}.member-display .member-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.member-display .member-email{color:var(--text-secondary);font-size:.8125rem;font-style:italic}.form-actions{gap:var(--spacing-sm);margin-top:var(--border-radius-md);padding-top:var(--border-radius-md);border-top:1px solid var(--border-default);justify-content:flex-end;display:flex}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:var(--spacing-sm);border:none;font-weight:500;transition:all .2s;display:flex}.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: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)}.member-tab-selector{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-xs);display:flex}.member-tab-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;flex:1;font-weight:500;transition:all .15s;display:flex}.member-tab-btn--active{background:var(--bg-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.member-tab-btn:hover:not(.member-tab-btn--active){color:var(--text-primary);background:var(--bg-tertiary)}.form-hint-box{background:var(--bg-secondary);border:1px solid var(--border-default);border-left:3px solid var(--color-primary);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.field-optional{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:400}.staff-credentials{gap:var(--spacing-md);flex-direction:column;display:flex}.staff-credentials__warning{gap:var(--spacing-sm);background:var(--surface-warning-light);border:1px solid var(--color-warning);border-radius:var(--border-radius-md);padding:var(--spacing-md);color:var(--warning-700);font-size:var(--font-size-sm);align-items:flex-start;display:flex}.staff-credentials__warning p{margin:var(--spacing-xs) 0 0;color:var(--text-secondary)}.staff-credentials__summary{gap:var(--spacing-xs);flex-direction:column;display:flex}.staff-credentials__row{justify-content:space-between;align-items:center;display:flex}.staff-credentials__label{font-size:var(--font-size-sm);color:var(--text-secondary)}.staff-credentials__value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.staff-credentials__divider{border:none;border-top:1px solid var(--border-default);margin:0}.staff-credentials__field{gap:var(--spacing-xs);flex-direction:column;display:flex}.staff-credentials__field-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.staff-credentials__copy-row{align-items:center;gap:var(--spacing-xs);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);display:flex}.staff-credentials__credential{font-family:Courier New,Courier,monospace;font-size:var(--font-size-base);color:var(--text-primary);letter-spacing:.05em;-webkit-user-select:all;user-select:all;flex:1;font-weight:700}.staff-credentials__credential--password{letter-spacing:.1em}.staff-credentials__copy-btn{border:1px solid var(--border-default);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--font-size-xs);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;transition:all .15s;display:flex}.staff-credentials__copy-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.staff-credentials__copy-btn--icon{padding:4px 8px}.staff-credentials__copy-icon--success{color:var(--color-success)}.numbering-alert{background:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);margin:var(--spacing-md) 0;animation:.3s ease-out slideDown;overflow:hidden}.numbering-alert.warning{border-left:4px solid var(--warning-500)}.numbering-alert.critical{border-left:4px solid var(--color-danger)}.numbering-alert.exhausted{border-left:4px solid var(--danger-700);background:var(--danger-50)}.alert-header{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-default);display:flex}.alert-icon{width:var(--spacing-lg);height:var(--spacing-lg);flex-shrink:0}.alert-icon.warning{color:var(--warning-500)}.alert-icon.critical{color:var(--color-danger)}.alert-icon.exhausted{color:var(--danger-700)}.alert-title{flex:1}.alert-title h3{font-size:var(--font-size-base);color:var(--text-primary);margin:0;font-weight:600}.alert-business{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--text-tertiary)}.alert-close{font-size:var(--spacing-lg);color:var(--gray-400);cursor:pointer;width:var(--spacing-lg);height:var(--spacing-lg);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:color .2s;display:flex}.alert-close:hover{color:var(--gray-600)}.alert-body{padding:var(--spacing-md) var(--spacing-lg)}.alert-message{color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;font-size:.9375rem;line-height:1.5}.alert-stats{gap:var(--spacing-sm);margin:var(--spacing-md) 0;padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--border-radius-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat{gap:var(--spacing-xs);flex-direction:column;display:flex}.stat-label{color:var(--text-tertiary);font-size:.8125rem;font-weight:500}.stat-value{font-size:var(--font-size-base);color:var(--text-primary);font-weight:600}.stat-value.highlight{color:var(--danger-600)}.warning-text{color:var(--warning-500)}.alert-recommendation{margin:var(--spacing-md) 0;padding:var(--spacing-sm);background:var(--info-50);border-left:3px solid var(--info-600);border-radius:var(--spacing-xs)}.alert-recommendation strong{margin-bottom:var(--spacing-sm);color:var(--info-700);font-size:var(--font-size-sm);display:block}.alert-recommendation p{font-size:var(--font-size-sm);color:var(--info-700);margin:0;line-height:1.5}.alert-new-range{margin:var(--spacing-sm) 0 0 0;padding:var(--spacing-sm);background:var(--success-50);border-left:3px solid var(--accent-500);border-radius:var(--spacing-xs)}.alert-new-range strong{margin-bottom:var(--spacing-sm);color:var(--accent-800);font-size:var(--font-size-sm);display:block}.alert-new-range p{font-size:var(--font-size-sm);color:var(--accent-700);margin:0;font-weight:500}.alert-actions{gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-default);background:var(--bg-tertiary);display:flex}.alert-actions button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:var(--spacing-sm);border:none;font-weight:500;transition:all .2s;display:flex}.btn-primary{background:var(--info-600);color:var(--white)}.btn-primary:hover{background:var(--info-700)}.btn-secondary{background:var(--white);color:var(--text-secondary);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--bg-tertiary)}.numbering-alert.compact{box-shadow:var(--shadow-sm);margin:0}.alert-content-compact{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);display:flex}.alert-message-compact{font-size:var(--font-size-sm);color:var(--text-secondary);flex:1}.alert-dismiss-compact{font-size:var(--font-size-xl);color:var(--gray-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:color .2s;display:flex}.alert-dismiss-compact:hover{color:var(--gray-600)}@media (width<=768px){.alert-stats{grid-template-columns:1fr}.alert-actions{flex-direction:column}.alert-actions button{justify-content:center;width:100%}}@media (width<=480px){.alert-header,.alert-body,.alert-actions{padding:var(--spacing-sm) var(--spacing-md)}.alert-title h3{font-size:.9375rem}.alert-message{font-size:var(--font-size-sm)}}.manage-business{max-width:1400px;padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;margin:0 auto;display:flex}.mb-tabs{gap:var(--spacing-sm);background:var(--bg-secondary);padding:var(--spacing-sm);border-radius:var(--border-radius-lg);border:1px solid var(--border-default);scrollbar-width:thin;display:flex;overflow-x:auto}.mb-tab{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;font-weight:600;transition:all .2s;display:flex}.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-md) var(--spacing-xl);border-radius:var(--border-radius-lg);color:var(--white);box-shadow:var(--shadow-md)}.mb-header-content{gap:var(--spacing-xs);flex-direction:column;display:flex}.mb-header-content h1{letter-spacing:-.3px;margin:0;font-size:1.375rem;font-weight:700}.mb-header-content .mb-muted{opacity:.85;letter-spacing:.3px;margin:0;font-size:.8125rem;font-weight:500}.mb-card h2{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);color:var(--text-primary);font-weight:700}.mb-field{margin-bottom:var(--spacing-md);gap:var(--spacing-xs);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);padding:var(--spacing-xs) var(--spacing-md);flex-direction:column;transition:box-shadow .18s,transform .18s;display:flex}.mb-field:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.mb-field label{color:var(--text-secondary);font-weight:700;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.6px;margin:0;display:block}.mb-field>:not(label){color:var(--text-primary);word-break:break-word;padding-left:var(--spacing-md);margin-top:6px;font-size:.9375rem;line-height:1.5}@media (width>=700px){.mb-field{grid-template-columns:var(--mb-label-width) 1fr;align-items:center;gap:0 var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);display:grid}.mb-field label{text-align:left;margin:0;font-size:.8125rem}.mb-field>:not(label){text-align:left;padding-left:var(--spacing-md);flex:none;margin-top:0;margin-left:0}.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)}.mb-display{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--bg-primary);box-shadow:var(--shadow-xs);transition:all .2s;display:flex}.mb-display:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.mb-display p{color:var(--text-primary);font-size:var(--font-size-sm);word-break:break-word;flex:1;margin:0;font-weight:500;line-height:1.5}.mb-edit-actions{gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-sm);justify-content:flex-end;display:flex}.btn-edit,.btn-save,.btn-cancel,.btn-danger{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;letter-spacing:.2px;border:none;min-height:40px;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-edit{background:var(--bg-secondary);color:var(--color-primary);border:1px solid var(--border-default);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;flex-shrink:0;min-height:36px;font-size:.8125rem;font-weight:600;transition:all .2s}.btn-edit:hover:not(:disabled){border-color:var(--color-primary);background:var(--bg-primary)}.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 (width<=1099px){.manage-business{max-width:100%}.mb-header{padding:var(--spacing-sm) var(--spacing-lg)}.mb-header-content h1{font-size:var(--font-size-xl)}.mb-card{padding:var(--spacing-lg)}.mb-field label{font-size:var(--font-size-xs)}.mb-display{padding:var(--spacing-lg);flex-direction:row;align-items:center}.mb-display p{min-width:150px;font-size:.9375rem}.btn-edit{padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-xs);min-height:36px}.btn-save,.btn-cancel{padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem}.members-table th,.member-row td{padding:var(--spacing-sm) var(--spacing-md)}.members-table th{font-size:var(--font-size-xs)}.btn-member-action{width:34px;height:34px}.mb-members-header{gap:var(--spacing-md)}}@media (width<=768px){.manage-business{padding:var(--spacing-md);gap:var(--spacing-lg);max-width:100%}.mb-tabs{gap:var(--spacing-xs);flex-direction:column}.mb-tab{padding:var(--spacing-sm) var(--spacing-md);flex:none;justify-content:flex-start}.mb-header{padding:var(--spacing-lg)}.mb-header-content h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.mb-header-content .mb-muted{font-size:var(--font-size-xs)}.mb-card{padding:var(--spacing-lg)}.mb-card h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.mb-field{margin-bottom:var(--spacing-md)}.mb-field label{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}.mb-field input,.mb-field textarea{padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-sm)}.mb-display{padding:var(--spacing-md);align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.mb-display p{font-size:var(--font-size-sm);width:100%;min-width:auto}.mb-display .btn-edit{width:100%;margin-top:var(--spacing-sm)}.mb-edit-group{gap:var(--spacing-sm)}.mb-edit-actions{gap:var(--spacing-sm);flex-direction:column}.btn-save,.btn-cancel{width:100%;padding:var(--spacing-sm) var(--spacing-sm);min-width:auto;font-size:.8125rem}.members-table{font-size:var(--font-size-xs)}.members-table th,.member-row td{padding:var(--spacing-sm) var(--spacing-sm)}.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{align-items:stretch;gap:var(--spacing-md);flex-direction:column}.btn-add-member{width:100%}.member-role-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:.6875rem}.member-role-badge svg{width:12px;height:12px}.badge-active,.badge-inactive{padding:var(--spacing-xs) var(--spacing-sm);font-size:.6875rem}}@media (width<=480px){.manage-business{padding:var(--spacing-sm);gap:var(--spacing-md)}.mb-header{padding:var(--spacing-md);border-radius:var(--border-radius-md)}.mb-header-content h1{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs)}.mb-header-content .mb-muted{font-size:.6875rem}.mb-card{padding:var(--spacing-md);border-radius:var(--border-radius-md)}.mb-card h2{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.mb-field{margin-bottom:var(--spacing-sm)}.mb-field label{margin-bottom:var(--spacing-xs);font-size:.6875rem}.mb-field input,.mb-field textarea{padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-sm);border-radius:var(--border-radius-sm)}.mb-display{padding:var(--spacing-sm);gap:var(--spacing-xs);border-radius:var(--border-radius-sm);flex-direction:column}.mb-display p{font-size:.8125rem;line-height:1.5}.mb-display .btn-edit{width:100%;padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-xs);min-height:36px;margin-top:var(--spacing-xs)}.mb-edit-group,.mb-edit-actions{gap:var(--spacing-xs)}.btn-save,.btn-cancel{width:100%;padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-xs)}.members-table{font-size:.6875rem}.members-table th,.member-row td{padding:var(--spacing-sm) var(--spacing-sm)}.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:.8125rem}.btn-member-action{width:30px;height:30px;padding:0}.btn-member-action svg{width:13px;height:13px}.member-role-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:.625rem}.member-role-badge svg{width:10px;height:10px}.badge-active,.badge-inactive{padding:var(--spacing-xs) var(--spacing-sm);font-size:.625rem}.btn-add-member{width:100%;padding:var(--spacing-sm) var(--spacing-sm);font-size:.8125rem}.mb-members-header{gap:var(--spacing-sm)}}@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);padding:var(--spacing-lg);box-shadow:var(--shadow);transition:all .3s}.mb-card:hover{box-shadow:var(--shadow-md)}.mb-card h2{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);color:var(--text-primary);align-items:center;gap:var(--spacing-sm);font-weight:700;display:flex}.mb-card.mb-card-danger{border-color:var(--color-danger);background:var(--danger-50)}.mb-muted{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.mb-field{margin-bottom:var(--spacing-lg)}.mb-field:last-child{margin-bottom:0}.mb-field label{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:600;font-size:var(--font-size-sm);display:block}.mb-field input,.mb-field textarea{width:100%;padding:var(--spacing-md) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-md);font-family:inherit;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-secondary);box-sizing:border-box;transition:border-color .2s,background-color .2s,box-shadow .2s}.mb-field input:focus,.mb-field textarea:focus{border-color:var(--color-primary);background:var(--bg-primary);box-shadow:var(--shadow-sm);outline:none}.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{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;min-height:44px;display:flex}.mb-display p{color:var(--text-primary);flex:1;margin:0;font-size:.9375rem;line-height:1.5}.mb-edit-group{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.mb-edit-actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.btn-edit,.btn-save,.btn-cancel,.btn-danger{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;border:none;min-height:40px;font-weight:600;transition:all .2s;display:inline-flex}.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{justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.mb-members-header h2{font-size:var(--font-size-base);color:var(--text-primary);margin:0;font-weight:700}.btn-add-member{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-primary);color:var(--white);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;box-shadow:var(--shadow-sm);border:none;flex-shrink:0;min-height:40px;font-weight:600;transition:all .2s;display:inline-flex}.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);border-radius:var(--border-radius-md);border:1px solid var(--border-default);overflow-x:auto}.members-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);background:var(--bg-primary)}.members-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-default)}.members-table th{padding:var(--spacing-md) var(--spacing-md);text-align:left;color:var(--text-primary);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem;font-weight:700}.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{text-align:right;width:25%}.members-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background-color .2s}.members-table tbody tr:hover{background-color:var(--bg-secondary)}.members-table tbody tr:last-child{border-bottom:none}.member-row td{padding:var(--spacing-md) var(--spacing-md);vertical-align:middle}.member-name-cell{color:var(--text-primary);font-weight:600}.member-name{color:var(--text-primary);font-size:var(--font-size-sm);display:block}.member-role-cell{color:var(--text-secondary)}.member-role-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);background:var(--primary-100);border-radius:var(--border-radius-sm);color:var(--color-primary);font-size:var(--font-size-xs);width:fit-content;font-weight:600;display:inline-flex}.member-role-badge svg{flex-shrink:0;width:14px;height:14px}.member-status-cell{text-align:center}.member-actions-cell{text-align:right}.member-actions{align-items:center;gap:var(--spacing-sm);justify-content:flex-end;display:flex}.badge-active{padding:var(--spacing-sm) var(--spacing-sm);background:var(--success-100);color:var(--color-success);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;display:inline-block}.badge-inactive{padding:var(--spacing-sm) var(--spacing-sm);background:var(--gray-100);color:var(--text-secondary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;display:inline-block}.btn-member-action{border:1px solid var(--border-default);border-radius:var(--border-radius-sm);background:var(--bg-primary);width:36px;height:36px;color:var(--text-primary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.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 (width<=768px){.manage-business{padding:var(--spacing-md);gap:var(--spacing-lg)}.mb-header{padding:var(--spacing-lg)}.mb-header-content h1{font-size:var(--font-size-2xl)}.mb-card{padding:var(--spacing-lg)}.mb-members-header{flex-direction:column;align-items:stretch}.btn-add-member{width:100%}.members-table{font-size:.8125rem}.members-table th,.member-row td{padding:var(--spacing-sm) var(--spacing-sm)}.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-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-default)}.mb-settings-header h2{align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:1.0625rem;font-weight:700;display:flex}.mb-settings-header h2 svg{color:var(--color-primary)}.mb-settings-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.mb-settings-section-modern{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);flex-direction:column;transition:all .3s;display:flex}.mb-settings-section-modern:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.section-header{gap:var(--spacing-lg);align-items:center;display:flex}.section-icon-wrapper{background:var(--gradient-primary);border-radius:var(--border-radius-lg);width:56px;min-width:56px;height:56px;color:var(--white);box-shadow:var(--shadow);justify-content:center;align-items:center;display:flex}.section-info{flex:1}.section-info h3{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:.9375rem;font-weight:700}.section-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.6}.tables-stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);transition:all .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--border-radius-sm);background:var(--primary-100);width:36px;min-width:36px;height:36px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.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{gap:var(--spacing-xs);flex-direction:column;display:flex}.stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:var(--font-size-xl);color:var(--text-primary);font-weight:700;line-height:1}.mb-form-group-modern{gap:var(--spacing-sm);flex-direction:column;display:flex}.mb-form-group-modern label{font-size:var(--font-size-sm);color:var(--text-primary);align-items:center;gap:var(--spacing-xs);font-weight:600;display:flex}.mb-form-group-modern .required{color:var(--color-danger)}.input-with-preview{gap:var(--spacing-sm);flex-direction:column;display:flex;position:relative}.mb-form-input-modern{width:100%;padding:var(--spacing-md) var(--spacing-md);border:2px solid var(--border-default);border-radius:var(--border-radius-md);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);box-shadow:var(--shadow-xs);font-weight:600;transition:all .2s}.mb-form-input-modern:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);outline:none}.mb-form-input-modern.error{border-color:var(--color-danger)}.mb-form-input-modern.error:focus{box-shadow:var(--shadow-sm)}.input-range-bar{background:var(--bg-tertiary);border-radius:var(--border-radius-full);height:8px;position:relative;overflow:hidden}.input-range-fill{background:var(--gradient-primary);border-radius:var(--border-radius-full);height:100%;box-shadow:var(--shadow-sm);transition:width .3s}.form-error-message{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--danger-100);border:1px solid var(--color-danger);border-radius:var(--border-radius-sm);color:var(--color-danger);font-size:.8125rem;font-weight:600;display:flex}.form-error-message svg{flex-shrink:0}.input-hint-box{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--info-50);border:1px solid var(--info-200);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:.8125rem;line-height:1.5;display:flex}.input-hint-box svg{color:var(--color-info);flex-shrink:0;margin-top:2px}.mb-info-section{gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--info-50);border:1px solid var(--info-200);border-left:4px solid var(--color-info);border-radius:var(--border-radius-md);display:flex}.info-icon-wrapper{background:var(--info-100);border-radius:var(--border-radius-md);width:40px;min-width:40px;height:40px;color:var(--color-info);justify-content:center;align-items:center;display:flex}.info-content{flex:1}.info-content h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-base);color:var(--text-primary);font-weight:700}.info-content p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.info-content p:last-child{margin-bottom:0}.info-secondary{color:var(--text-tertiary);font-size:.8125rem}.info-secondary strong{color:var(--color-info);font-weight:600}.mb-settings-actions{gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-default);display:flex}.btn-save-modern{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-primary);color:var(--white);border-radius:var(--border-radius-md);cursor:pointer;box-shadow:var(--shadow-md);border:none;flex:1;min-height:48px;font-size:.9375rem;font-weight:600;transition:all .2s;display:inline-flex}.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{padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-default);border-radius:var(--border-radius-md);cursor:pointer;justify-content:center;align-items:center;min-height:48px;font-size:.9375rem;font-weight:600;transition:all .2s;display:inline-flex}.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 (width<=768px){.mb-settings-section-modern{padding:var(--spacing-lg)}.section-header{gap:var(--spacing-md);flex-direction:column}.section-icon-wrapper{width:48px;min-width:48px;height:48px}.tables-stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:var(--font-size-2xl)}.mb-settings-actions{flex-direction:column}.btn-save-modern,.btn-reset-modern{width:100%}.mb-info-section{gap:var(--spacing-md);flex-direction:column}}@media (width<=480px){.mb-settings-section-modern{padding:var(--spacing-md)}.section-icon-wrapper{width:44px;min-width:44px;height:44px}.section-info h3{font-size:var(--font-size-lg)}.section-description{font-size:.8125rem}.stat-icon{width:40px;min-width:40px;height:40px}.stat-value{font-size:1.375rem}.mb-form-input-modern{padding:var(--spacing-sm) var(--spacing-md);font-size:.9375rem}.btn-save-modern,.btn-reset-modern{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);min-height:44px}}.mb-settings-section{gap:var(--spacing-md);flex-direction:column;display:flex}.mb-settings-section h3{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:700}.mb-settings-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.mb-form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.mb-form-group label{font-size:var(--font-size-sm);color:var(--text-primary);align-items:center;gap:var(--spacing-xs);font-weight:600;display:flex}.mb-form-group .required{color:var(--color-danger)}.mb-tooltip-hint{background:var(--interactive-hover);width:16px;height:16px;color:var(--text-secondary);font-size:var(--font-size-xs);cursor:help;margin-left:var(--spacing-xs);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.mb-form-input-wrapper{gap:var(--spacing-xs);flex-direction:column;display:flex}.mb-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:var(--bg-primary);transition:all .2s}.mb-form-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);outline:none}.mb-form-input.error{border-color:var(--color-danger)}.mb-form-input.error:focus{box-shadow:var(--shadow-sm)}.mb-input-hint{font-size:var(--font-size-xs);color:var(--text-tertiary)}.mb-form-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--spacing-xs)}@media (width<=480px){.manage-business{padding:var(--spacing-md);gap:var(--spacing-md)}.mb-header{padding:var(--spacing-md)}.mb-header-content h1{font-size:var(--font-size-xl)}.mb-card{padding:var(--spacing-md)}.mb-field{margin-bottom:var(--spacing-md)}.members-table th,.member-row td{padding:var(--spacing-sm) var(--spacing-sm)}.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{gap:var(--spacing-md);margin-top:var(--spacing-md);flex-direction:column;display:flex}.floors-header-mb{justify-content:flex-start;display:flex}.btn-add-floor-mb{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--btn-primary-bg);color:var(--btn-primary-text);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;border:none;font-weight:600;transition:all .2s;display:flex}.btn-add-floor-mb:hover{background:var(--btn-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-add-floor-mb:active{transform:translateY(0)}.floors-empty-mb{padding:var(--spacing-lg);text-align:center;background:var(--bg-secondary);border:2px dashed var(--border-default);border-radius:var(--border-radius-md)}.floors-empty-mb p{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:.9375rem;font-weight:600}.floors-empty-mb span{color:var(--text-secondary);font-size:.8125rem}.floors-list-mb{gap:var(--spacing-sm);flex-direction:column;display:flex}.floor-item-mb{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);transition:all .2s;display:flex}.floor-item-mb:hover{border-color:var(--border-focus);box-shadow:var(--shadow-sm)}.floor-name-input-mb{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);flex:1;transition:all .2s}.floor-name-input-mb:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.floor-name-input-mb::placeholder{color:var(--text-tertiary)}.floor-tables-input-mb{width:80px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);text-align:center;transition:all .2s}.floor-tables-input-mb:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.floor-tables-label-mb{color:var(--text-secondary);min-width:45px;font-size:.8125rem;font-weight:500}.floors-total-mb{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);margin-top:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);display:flex}.floors-total-mb strong{color:var(--color-primary);font-size:var(--font-size-base)}.btn-remove-floor-mb{width:36px;height:36px;color:var(--text-error);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.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-lg);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg)}.tax-info-header{align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);display:flex}.tax-info-header h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl);color:var(--text-primary);font-weight:700}.tax-info-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.tax-info-banner{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--surface-info-xlight);border:1px solid var(--info-200);border-left:4px solid var(--color-info);border-radius:var(--border-radius-md);color:var(--text-primary);display:flex}.tax-info-banner svg{color:var(--color-info);flex-shrink:0;margin-top:2px}.tax-info-banner strong{margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:.9375rem;display:block}.tax-info-banner p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.tax-rates-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.tax-rate-card{gap:var(--spacing-xs);padding:var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);flex-direction:column;transition:all .2s;display:flex}.tax-rate-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.tax-rate-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem;font-weight:600}.tax-rate-value{color:var(--color-primary);font-size:1.375rem;font-weight:700;line-height:1}.tax-rate-hint{color:var(--text-tertiary);font-size:.8125rem}.tax-info-footer{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:.8125rem;line-height:1.5;display:flex}.tax-info-footer svg{color:var(--text-tertiary);flex-shrink:0;margin-top:2px}.tax-info-footer code{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-primary)}.mb-form-select-modern{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;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-position:right 12px center;background-repeat:no-repeat;padding-right:40px;font-family:inherit;transition:all .2s}.mb-form-select-modern:hover{border-color:var(--border-strong)}.mb-form-select-modern:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.mb-form-select-modern.error{border-color:var(--border-error)}@media (width<=1100px){.tax-rates-grid{grid-template-columns:repeat(2,1fr)}.tax-info-header{flex-direction:column}}@media (width<=700px){.mb-tax-info-section{padding:var(--spacing-lg)}.tax-rates-grid{grid-template-columns:1fr}.tax-rate-value{font-size:1.75rem}.tax-info-banner{padding:var(--spacing-md);flex-direction:column}.tax-info-footer{gap:var(--spacing-xs);flex-direction:column}}.mb-fiscal-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-default)}.mb-fiscal-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.mb-fiscal-header h3{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:600;display:flex}.mb-fiscal-header .mb-muted{color:var(--text-secondary);margin-top:4px;font-size:.8125rem}.mb-fiscal-form{gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-default);flex-direction:column;display:flex}.mb-fiscal-row{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.mb-fiscal-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.mb-fiscal-group label{color:var(--text-primary);font-size:.8125rem;font-weight:600}.mb-fiscal-group input,.mb-fiscal-group select,.mb-fiscal-group textarea{padding:var(--spacing-sm) var(--spacing-sm);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);font-family:inherit;font-size:var(--font-size-sm);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{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100);outline:none}.mb-fiscal-group textarea{resize:vertical;min-height:60px}.input-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:4px}.mb-fiscal-divider{align-items:center;gap:var(--spacing-md);margin:var(--spacing-xl) 0 var(--spacing-lg) 0;padding:var(--spacing-md);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);display:flex}.mb-fiscal-divider svg{color:var(--color-primary);flex-shrink:0}.mb-fiscal-divider h4{font-size:var(--font-size-sm);color:var(--text-primary);letter-spacing:.3px;text-transform:uppercase;margin:0;font-weight:700}.mb-fiscal-display{gap:var(--spacing-xl);flex-direction:column;display:flex}.mb-fiscal-section-display{gap:var(--spacing-md);flex-direction:column;display:flex}.mb-fiscal-section-title{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-default);margin:0;font-weight:700}.mb-fiscal-cards-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.mb-fiscal-card{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);flex-direction:column;transition:all .2s;display:flex}.mb-fiscal-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.mb-fiscal-card-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.mb-fiscal-card-value{font-size:var(--font-size-sm);color:var(--text-primary);word-break:break-word;font-weight:500}.mb-fiscal-empty{color:var(--text-tertiary);font-size:.8125rem;font-style:italic}.mb-fiscal-prefix-badge{padding:var(--spacing-sm) var(--spacing-sm);background:var(--gradient-primary);color:var(--white);border-radius:var(--border-radius-sm);font-weight:700;font-size:var(--font-size-sm);letter-spacing:1px;justify-content:center;align-items:center;display:inline-flex}.mb-fiscal-info-box{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--info-50);border:1px solid var(--info-100);border-radius:var(--border-radius-sm);color:var(--text-primary);display:flex}.mb-fiscal-info-box svg{color:var(--info-500);flex-shrink:0;margin-top:2px}.mb-fiscal-info-box .info-title{color:var(--text-primary);margin:0 0 4px;font-size:.8125rem;font-weight:600}.mb-fiscal-info-box p{color:var(--text-secondary);margin:0;font-size:.8125rem}.mb-fiscal-actions{gap:var(--spacing-md);margin-top:var(--spacing-md);display:flex}.mb-fiscal-actions .btn-save,.mb-fiscal-actions .btn-cancel{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;flex:1;font-weight:500;transition:all .2s;display:flex}.mb-fiscal-actions .btn-save{background:var(--color-primary);color:var(--white)}@media (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) 0}.mb-fiscal-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.mb-fiscal-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.mb-fiscal-item .label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.mb-fiscal-item .value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}@media (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)}.mb-fiscal-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md)}}.mb-checkbox-label{align-items:center;gap:var(--spacing-sm);display:flex}.payroll-config-container{padding:var(--spacing-xl);max-width:1200px;min-height:100%;margin:0 auto}.payroll-config-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.payroll-config-title{align-items:center;gap:var(--spacing-sm);display:flex}.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{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.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{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);display:flex}.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{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);justify-content:flex-start;width:100%;display:flex}.payroll-config-load-section button{align-items:center;gap:var(--spacing-sm);white-space:normal;text-align:left;display:flex}.payroll-config-form{gap:var(--spacing-lg);flex-direction:column;width:100%;display:flex}.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{gap:var(--spacing-lg);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.payroll-config-actions{justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) 0;margin-top:var(--spacing-lg);display:flex}.payroll-config-actions button{align-items:center;gap:var(--spacing-xs);display:flex}@media (width<=1024px){.payroll-config-container{padding:var(--spacing-lg)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (width<=768px){.payroll-config-container{padding:var(--spacing-lg)}.payroll-config-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.payroll-config-title h1{font-size:var(--font-size-xl)}.payroll-config-load-section{padding:var(--spacing-md)}.payroll-config-load-section button{justify-content:center;width:100%}.form-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.payroll-config-actions{padding:var(--spacing-md) 0;flex-direction:column-reverse}.payroll-config-actions button{justify-content:center;width:100%}.payroll-config-form .form-section{padding:var(--spacing-md)}}@media (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{gap:var(--spacing-sm);grid-template-columns:1fr}.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{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);font-size:.875rem}.payroll-event-modal .form-actions{gap:var(--spacing-md);padding-top:var(--spacing-md);justify-content:flex-end;display:flex}.payroll-event-modal .btn-primary,.payroll-event-modal .btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;border:none;font-size:.9375rem;font-weight:600;transition:all .2s}.payroll-event-modal .btn-primary{background:var(--gradient-primary);color:var(--white)}.payroll-event-modal .btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.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 (width<=899px){.payroll-event-modal .form-hint{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}}@media (width<=639px){.payroll-event-modal .form-actions{gap:var(--spacing-sm);flex-direction:column-reverse}.payroll-event-modal .btn-primary,.payroll-event-modal .btn-secondary{justify-content:center;width:100%}.payroll-event-modal .form-hint{font-size:.75rem}}.payroll-management{max-width:1400px;padding:var(--spacing-lg);margin:0 auto}.pm-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);display:flex}.pm-header-content{flex:1}.pm-header-title{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.pm-header-title svg{color:var(--primary-500)}.pm-header-title h1{color:var(--text-primary);margin:0;font-size:2rem;font-weight:700}.pm-header-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.pm-header-actions{gap:var(--spacing-md);display:flex}.pm-header-actions .btn-primary,.pm-header-actions .btn-secondary{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;border:none;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.pm-header-actions .btn-primary{background:var(--gradient-primary);color:var(--white)}.pm-header-actions .btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.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{align-items:center;gap:var(--spacing-sm);color:var(--primary-500);cursor:pointer;padding:var(--spacing-sm);background:0 0;border:none;font-weight:600;transition:color .2s;display:flex}.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{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;display:grid}.pm-filter-field{gap:var(--spacing-xs);flex-direction:column;display:flex}.pm-filter-field label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.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}.pm-filter-select:focus,.pm-filter-input:focus{border-color:var(--primary-500);outline:none}.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);cursor:pointer;font-weight:600;transition:all .2s}.pm-clear-filters:hover{background:var(--danger-50);color:var(--danger-600);border-color:var(--danger-300)}.pm-events-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.pm-event-card{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;transition:all .2s;display:flex}.pm-event-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pm-event-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.pm-event-type{align-items:center;gap:var(--spacing-xs);color:var(--text-primary);font-size:.9375rem;font-weight:600;display:flex}.pm-event-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.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{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.pm-event-employee{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.875rem;display:flex}.pm-event-description{color:var(--text-primary);margin:0;font-size:.9375rem;line-height:1.5}.pm-event-details{gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-md);flex-direction:column;display:flex}.pm-event-detail{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.detail-label{color:var(--text-secondary);font-weight:500}.detail-value{color:var(--text-primary);font-weight:600}.pm-event-dates{align-items:center;gap:var(--spacing-xs);color:var(--text-tertiary);font-size:.8125rem;display:flex}.pm-event-actions{gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.pm-event-actions button{padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--border-radius-md);cursor:pointer;align-items:center;gap:var(--spacing-xs);border:1px solid #0000;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.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{padding:var(--spacing-4xl);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.spinner{border:4px solid var(--border-subtle);border-top-color:var(--primary-500);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.pm-modal-overlay{background:var(--surface-overlay);z-index:1000;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pm-modal{background:var(--surface-base);border-radius:var(--border-radius-lg);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-2xl);overflow-y:auto}.pm-modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.pm-modal-header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.pm-modal-close{color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;font-size:1.5rem;transition:color .2s}.pm-modal-close:hover{color:var(--text-primary)}.pm-modal-body{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex}.pm-modal-field{gap:var(--spacing-xs);flex-direction:column;display:flex}.pm-modal-field label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.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}.pm-modal-select:focus,.pm-modal-input:focus{border-color:var(--primary-500);outline:none}.pm-modal-hint{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;font-size:.875rem}.pm-modal-actions{gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-subtle);justify-content:flex-end;display:flex}@media (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{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pm-filter-row{grid-template-columns:1fr 1fr}.pm-clear-filters{grid-column:span 2}}@media (width<=639px){.payroll-management{padding:var(--spacing-sm)}.pm-header-title{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.pm-header-title h1{font-size:1.5rem}.pm-header-actions{flex-direction:column}.pm-header-actions button{justify-content:center;width:100%}.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{justify-content:center;width:100%}.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;padding:var(--spacing-lg);margin:0 auto}.fs-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);display:flex}.fs-header-content{flex:1}.fs-header-title{align-items:flex-start;gap:var(--spacing-md);display:flex}.fs-header-title svg{color:var(--danger-500);flex-shrink:0}.fs-header-title h1{color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;font-size:2rem;font-weight:700}.fs-header-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.fs-header .btn-primary{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);background:var(--gradient-primary);color:var(--white);border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;border:none;font-weight:600;transition:all .2s;display:flex}.fs-header .btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.fs-settlements-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));display:grid}.fs-settlement-card{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;transition:all .2s;display:flex}.fs-settlement-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.fs-card-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle);display:flex}.fs-card-employee h3{color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;font-size:1.125rem;font-weight:700}.fs-card-employee p{color:var(--text-secondary);margin:0;font-size:.875rem}.fs-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:.75rem;font-weight:600}.fs-card-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.fs-info-row{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.fs-info-row .label{color:var(--text-secondary);font-weight:500}.fs-info-row .value{color:var(--text-primary);text-align:right;font-weight:600}.fs-card-amounts{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);grid-template-columns:repeat(2,1fr);display:grid}.fs-amount-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.fs-amount-item.highlight{background:var(--danger-50);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);border-left:3px solid var(--danger-500);grid-column:span 2}.amount-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.amount-value{color:var(--text-primary);font-size:1rem;font-weight:700}.fs-amount-item.highlight .amount-value{color:var(--danger-700);font-size:1.125rem}.fs-card-total{padding:var(--spacing-md);background:var(--gradient-primary);border-radius:var(--border-radius-md);margin-top:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.total-label{color:var(--white);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:600}.total-value{color:var(--white);font-size:1.5rem;font-weight:700}.fs-card-actions{gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle);display:flex}.fs-card-actions button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;border:1px solid #0000;flex:1;font-size:.875rem;font-weight:600;transition:all .2s}.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{padding:var(--spacing-4xl);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.fs-modal-overlay{background:var(--surface-overlay);z-index:1000;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fs-modal{background:var(--surface-base);border-radius:var(--border-radius-lg);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-2xl);overflow-y:auto}.fs-modal-detail{max-width:800px}.fs-modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-subtle);background:var(--surface-base);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.fs-modal-header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.fs-modal-close{color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;font-size:1.5rem;transition:color .2s}.fs-modal-close:hover{color:var(--text-primary)}.fs-modal-body{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex}.fs-warning{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);display:flex}.fs-warning svg{color:var(--danger-600);flex-shrink:0}.fs-warning p{color:var(--text-primary);margin:0;font-size:.875rem;line-height:1.5}.fs-modal-field{gap:var(--spacing-xs);flex-direction:column;display:flex}.fs-modal-field label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.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}.fs-modal-textarea{resize:vertical;font-family:inherit}.fs-modal-select:focus,.fs-modal-input:focus,.fs-modal-textarea:focus{border-color:var(--primary-500);outline:none}.fs-modal-hint{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);font-size:.875rem}.fs-modal-actions{gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-subtle);background:var(--surface-base);justify-content:flex-end;display:flex;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);cursor:pointer;align-items:center;gap:var(--spacing-xs);border:none;font-weight:600;transition:all .2s;display:flex}.fs-modal-actions .btn-primary{background:var(--gradient-primary);color:var(--white)}.fs-modal-actions .btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.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{gap:var(--spacing-md);flex-direction:column;display:flex}.fs-detail-section h3{color:var(--text-primary);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-default);margin:0;font-size:1rem;font-weight:700}.fs-detail-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.fs-detail-grid>div{gap:var(--spacing-xs);flex-direction:column;display:flex}.fs-detail-grid .label{color:var(--text-tertiary);text-transform:uppercase;font-size:.75rem;font-weight:500}.fs-detail-grid .value{color:var(--text-primary);font-size:.9375rem;font-weight:600}.fs-detail-items{gap:var(--spacing-xs);flex-direction:column;display:flex}.fs-detail-item{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-sm);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.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{color:var(--text-tertiary);text-align:right;font-size:.75rem}.fs-detail-total{border-top:2px solid var(--border-default);padding-top:var(--spacing-lg)}.fs-total-breakdown{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);flex-direction:column;display:flex}.fs-total-item{justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;display:flex}.fs-total-item.final{padding-top:var(--spacing-md);border-top:2px solid var(--border-default);color:var(--success-700);font-size:1.25rem}.fs-total-item .negative{color:var(--danger-600)}@media (width<=899px){.final-settlements{padding:var(--spacing-md)}.fs-header{flex-direction:column;align-items:stretch}.fs-header .btn-primary{justify-content:center;width:100%}.fs-settlements-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.fs-detail-grid{grid-template-columns:1fr}}@media (width<=639px){.final-settlements{padding:var(--spacing-sm)}.fs-header-title{gap:var(--spacing-sm);flex-direction:column}.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{justify-content:center;width:100%}.fs-detail-items{font-size:.8125rem}}.change-password-container{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.change-password-card{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);width:100%;max-width:420px;padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.change-password-icon{background:var(--bg-secondary);border:1px solid var(--border-default);width:64px;height:64px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.change-password-title{font-size:var(--font-size-xl);color:var(--text-primary);text-align:center;margin:0;font-weight:700}.change-password-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;margin:0}.change-password-error{align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-danger-light);border:1px solid var(--color-danger);border-radius:var(--border-radius-sm);color:var(--color-danger);font-size:var(--font-size-sm);display:flex}.change-password-form{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.cp-field{flex-direction:column;gap:4px;display:flex}.cp-field label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:600}.cp-input-wrapper{align-items:center;display:flex;position:relative}.cp-input-wrapper input{border:1px solid var(--border-default);border-radius:var(--border-radius-sm);background:var(--bg-primary);width:100%;color:var(--text-primary);font-size:var(--font-size-sm);box-sizing:border-box;outline:none;padding:10px 40px 10px 12px;transition:border-color .15s}.cp-field input{border:1px solid var(--border-default);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);outline:none;width:100%;padding:10px 12px;transition:border-color .15s}.cp-input-wrapper input:focus,.cp-field input:focus{border-color:var(--color-primary)}.cp-toggle-visibility{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;right:10px}.cp-toggle-visibility:hover{color:var(--text-secondary)}.cp-strength{font-size:var(--font-size-xs);align-items:center;gap:4px;display:flex}.cp-strength--ok{color:var(--color-success)}.cp-strength--weak{color:var(--color-warning)}.cp-mismatch{font-size:var(--font-size-xs);color:var(--color-danger)}.cp-submit{background:var(--color-primary);width:100%;color:var(--white);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;margin-top:var(--spacing-xs);border:none;padding:12px;font-weight:600;transition:opacity .15s}.cp-submit:disabled{opacity:.6;cursor:not-allowed}.cp-submit:hover:not(:disabled){opacity:.9}