@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-success: #16a34a;--color-success-light: #f0fdf4;--color-success-strong: #15803d;--color-error: #dc2626;--color-error-light: #fef2f2;--color-error-strong: #b91c1c;--color-warning: #F36F21;--color-warning-light: #fff7ed;--color-warning-strong: #E55F10;--color-info: #2563eb;--color-info-light: #eff6ff;--color-info-strong: #1d4ed8;--color-purple: #7c3aed;--color-purple-light: #f5f3ff;--color-purple-strong: #6d28d9;--color-brand-green: #3b82f6;--color-brand-green-hover: #2563eb;--color-primary: #3b82f6;--color-primary-dim: rgba(59, 130, 246, .08);--color-primary-hover: #2563eb;--color-accent: #22d3ee;--bg-main: #F7F8FA;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--bg-input: #FFFFFF;--bg-hover: #F3F4F6;--bg-selected: rgba(59, 130, 246, .08);--text-main: #1F2937;--text-muted: #6B7280;--text-light: #FFFFFF;--border-color: #E5E7EB;--border-input: #D1D5DB;--border-subtle: #F3F4F6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--font-main: "Geist", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", "Fira Code", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 28px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--header-height: 52px;--nav-height: 44px;--sidebar-width: 240px;--sidebar-collapsed-width: 48px;--radius-sm: 5px;--radius: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-full: 9999px;--transition-fast: .12s ease;--transition-base: .15s ease;--motion-fast: .12s;--motion-base: .15s;--motion-slow: .2s;--ease-standard: ease;--ease-emphasized: cubic-bezier(.2, 0, 0, 1);--ease-decelerate: ease-out;--ease-accelerate: ease-in;--ring-color: rgba(59, 130, 246, .4);--ring-offset-color: var(--bg-main)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite;display:inline-block}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}:root,[data-density=default]{--density-scale: 1;--density-padding-xs: 4px;--density-padding-sm: 8px;--density-padding-md: 16px;--density-row-height: 44px;--density-input-height: 36px;--density-table-cell-padding: 8px 16px;--density-card-padding: 16px;--header-height: 52px;--nav-height: 44px;--text-base: 14px}[data-density=comfortable]{--density-scale: 1.15;--density-padding-xs: 8px;--density-padding-sm: 16px;--density-padding-md: 24px;--density-row-height: 48px;--density-input-height: 44px;--density-table-cell-padding: 12px 16px;--density-card-padding: 24px;--header-height: 60px;--nav-height: 52px;--text-base: 15px}[data-density=compact]{--density-scale: .85;--density-padding-xs: 2px;--density-padding-sm: 4px;--density-padding-md: 8px;--density-row-height: 32px;--density-input-height: 28px;--density-table-cell-padding: 2px 8px;--density-card-padding: 8px;--header-height: 44px;--nav-height: 34px;--text-base: 13px;--text-sm: 11px}[data-theme=dark]{--bg-main: #12171c;--bg-card: #1b222a;--bg-elevated: #212932;--bg-input: #12171c;--bg-hover: rgba(255, 255, 255, .05);--bg-selected: rgba(52, 150, 248, .15);--text-main: #ebf0f5;--text-muted: #9ba6ad;--text-light: #ffffff;--border-color: #29333d;--border-input: #455463;--border-subtle: #1b222a;--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 8px 0 rgba(0, 0, 0, .5);--shadow-lg: 0 8px 16px 0 rgba(0, 0, 0, .5);--shadow-xl: 0 12px 24px 0 rgba(0, 0, 0, .6);--color-primary: #60a5fa;--color-accent: #22d3ee;--color-primary-hover: #93c5fd;--color-primary-glow: rgba(59, 130, 246, .4);--color-success: #24a148;--color-success-light: rgba(36, 161, 72, .15);--color-success-strong: #43d26d;--color-error: #ff5050;--color-error-light: rgba(255, 80, 80, .15);--color-error-strong: #ff8080;--color-warning: #ffa033;--color-warning-light: rgba(255, 160, 51, .15);--color-warning-strong: #ffc27a;--color-info: #3496f8;--color-info-light: rgba(52, 150, 248, .15);--color-info-strong: #74b9ff;--color-purple: #a461d8;--color-purple-light: rgba(164, 97, 216, .15);--color-purple-strong: #c58df2;--glass-bg: var(--bg-card);--glass-border: 1px solid var(--border-color);--glass-shadow: none;--glass-blur: blur(0px);--bg-obsidian: var(--bg-card)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-main);zoom:.9}body{margin:0;padding:0;font-family:var(--font-main);background:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base);font-size:var(--text-base);line-height:1.4;font-variant-numeric:tabular-nums;letter-spacing:-.01em}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--ring-color);outline-offset:2px}.ui-button{transition:transform var(--transition-fast),background-color var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast)!important;border-radius:var(--radius)!important}.ui-button:active:not(:disabled){transform:scale(.97)!important}.ui-button-primary:hover:not(:disabled){background-color:var(--color-primary-hover)!important}.ui-button-secondary:hover:not(:disabled){background-color:var(--bg-hover)!important}.ui-button-ghost:hover:not(:disabled){background-color:var(--bg-hover)!important}.ui-button-danger:hover:not(:disabled){opacity:.85}input,textarea,select,button{font-family:var(--font-main)}.ui-input,.ui-textarea,.ui-select{font-family:var(--font-main)!important;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)!important}.ui-input:focus,.ui-textarea:focus,.ui-select:focus{border-color:var(--color-accent)!important;box-shadow:0 0 0 3px var(--ring-color),0 0 0 1px var(--bg-main) inset!important;background-color:var(--bg-main)!important;outline:none}.ui-table th{position:sticky;top:0;z-index:10;background-color:#f9fafb;font-weight:600;box-shadow:inset 0 -1px 0 var(--border-color)}.ui-table.compact th,.ui-table.compact td{padding:var(--compact-space-2) var(--compact-space-3)!important;font-size:13px!important}.ui-tr{transition:background-color var(--transition-fast) ease!important}.ui-tr:hover{background-color:var(--bg-hover)!important}.glass-card{padding:var(--density-card-padding)!important;border-radius:var(--radius-lg)!important;border:1px solid var(--border-color);transition:transform var(--transition-base),box-shadow var(--transition-base),padding var(--motion-base) var(--ease-standard)}.glass-card:hover{box-shadow:var(--shadow-md)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.ui-skeleton{background:var(--bg-elevated);background-image:linear-gradient(90deg,var(--bg-elevated) 0px,var(--bg-hover) 50%,var(--bg-elevated) 100%);background-size:1000px 100%;animation:shimmer 2.5s infinite linear}.font-mono,.numeric-value,td[data-type=currency],td[data-type=number]{font-family:var(--font-mono)!important;font-variant-numeric:tabular-nums}.sidebar-item{transition:background-color var(--transition-fast),color var(--transition-fast)!important;border:1px solid transparent}.sidebar-item:hover{background-color:var(--bg-hover)!important}.text-primary{color:var(--color-primary)}.text-green{color:var(--color-success)}.bg-primary{background-color:var(--color-primary)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.pro-scrollbar::-webkit-scrollbar{width:6px}.pro-scrollbar::-webkit-scrollbar-track{background:transparent}.pro-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px;border:1px solid transparent;background-clip:padding-box}.pro-scrollbar:hover::-webkit-scrollbar-thumb{background:#fff3}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}button{font-family:var(--font-main)}@media screen{.print-only{display:none!important}}@media print{@page{size:landscape;margin:5mm}.no-print{display:none!important}.print-only{display:block!important}.print-only,.print-only .table-container{width:100%!important;padding:0!important;margin:0!important}.kpi-section{display:flex!important;flex-direction:row!important;gap:10px!important;padding:10px 0!important;background:none!important;border:none!important;break-inside:avoid!important}.kpi-section>div{flex:1!important;padding:10px!important;border:1px solid #ccc!important;box-shadow:none!important}.print-only table{width:100%!important;font-size:11px!important;border:1px solid #000!important}.print-only th,.print-only td{padding:4px 6px!important;border:1px solid #999!important;font-size:11px!important;white-space:nowrap!important}.print-only td:first-child{white-space:normal!important;max-width:180px!important}.print-only th{background-color:#666!important;color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{margin:0;padding:0;font-family:var(--font-main);background:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base);font-size:var(--text-base);line-height:1.4}}.btn-export-print{background:var(--bg-card)!important;color:var(--text-main)!important;border:1px solid var(--border-color)!important;transition:all .15s}.btn-export-print:hover{background:var(--bg-elevated)!important;border-color:var(--border-input)!important}.btn-export-excel{background:var(--bg-card)!important;color:var(--color-success)!important;border:1px solid var(--border-color)!important;transition:all .15s}.btn-export-excel:hover{background:var(--bg-elevated)!important}.btn-insights{padding:8px 16px!important;background:var(--color-accent)!important;color:#fff!important;border:1px solid var(--color-accent)!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;font-size:13px!important;font-weight:600!important;font-family:var(--font-main)!important;transition:all .15s!important;letter-spacing:-.01em!important;box-shadow:0 2px 4px #0003}[data-theme=light] .btn-insights{background:var(--text-main)!important;color:var(--bg-main)!important;border-color:var(--text-main)!important}.btn-insights:hover{filter:brightness(1.1)}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform}.react-grid-item.resizing{z-index:100;box-shadow:0 0 10px #0003}.react-grid-item.react-grid-placeholder{background:#ffffff0d!important;opacity:.5;border-radius:var(--radius-lg);border:1px dashed var(--border-color);z-index:2}.react-resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;cursor:se-resize;z-index:10}.react-resizable-handle:after{content:"";position:absolute;right:6px;bottom:6px;width:6px;height:6px;border-right:1.5px solid var(--border-input);border-bottom:1.5px solid var(--border-input)}.grid-edit-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border:1px dashed var(--border-input);border-radius:var(--radius-lg);pointer-events:none;z-index:5;background:#ffffff03}@media (max-width: 768px){.header-container{left:0!important;width:100%!important;padding-left:15px!important}.mobile-menu-toggle{display:flex!important}.sidebar-nav{position:fixed!important;top:0!important;bottom:0!important;left:0!important;z-index:2100!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;width:280px!important;min-width:280px!important;box-shadow:4px 0 24px #00000080}.sidebar-nav.sidebar-collapsed{transform:translate(-100%)!important;width:280px!important}.sidebar-nav.sidebar-expanded{transform:translate(0)!important}.post-auth-layout{margin-left:0!important;width:100%!important;padding-top:60px!important;padding-bottom:70px!important}.mobile-bottom-nav{display:flex!important}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important}.category-grid{grid-template-columns:repeat(3,1fr)!important}.table-container{padding:10px!important;overflow-x:auto;-webkit-overflow-scrolling:touch}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-page-entrance{animation:fadeInUp .5s var(--ease-emphasized) forwards}.animate-card-entrance{animation:fadeInUp .6s var(--ease-emphasized) both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.stagger-9{animation-delay:.45s}.stagger-10{animation-delay:.5s}.nebula-bg-container,.nebula-blob,.nebula-star-layer{display:none!important}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.9)}}.ui-toast-enter{animation:toastSlideIn var(--motion-slow) var(--ease-decelerate) forwards}.ui-toast-exit{animation:toastSlideOut var(--motion-base) var(--ease-accelerate) forwards}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ui-form-error{animation:slideDownFade var(--motion-base) var(--ease-decelerate) forwards}.snake-page{flex:1;padding:24px;display:flex;justify-content:center;align-items:flex-start}.snake-card{width:100%;max-width:920px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:24px;display:flex;flex-direction:column;gap:20px}.snake-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.snake-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:6px}.snake-header h1{font-size:28px;line-height:1.1;margin-bottom:8px}.snake-subtitle{max-width:560px;color:var(--text-muted)}.snake-stats{display:flex;gap:12px;flex-wrap:wrap}.snake-stat{min-width:120px;padding:12px 14px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-main);display:flex;flex-direction:column;gap:4px}.snake-stat span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700}.snake-stat strong{font-size:18px}.snake-board-wrap{position:relative;width:min(100%,560px)}.snake-board{width:100%;aspect-ratio:1;display:grid;gap:3px;padding:10px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.snake-cell{border-radius:4px;background:var(--bg-card);border:1px solid rgba(127,127,127,.06)}.snake-cell-snake{background:var(--color-brand-green);border-color:#1b5e204d}.snake-cell-head{background:var(--color-primary);border-color:#3b82f673}.snake-cell-food{background:var(--color-error);border-color:#dc262659}.snake-overlay{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:calc(var(--radius-lg) - 2px);background:#0f172aad;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center}.snake-overlay strong{font-size:24px}.snake-overlay span{max-width:260px;color:#ffffffd9}.snake-actions{display:flex;gap:12px;flex-wrap:wrap}.snake-action,.snake-control{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;border-radius:var(--radius);padding:10px 14px;font-size:13px;font-weight:700;cursor:pointer}.snake-action-secondary{background:var(--bg-card);color:var(--text-main);border-color:var(--border-color)}.snake-mobile-controls{width:min(100%,240px);display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:". up ." "left down right";gap:10px}.snake-control{min-height:46px}@media (max-width: 768px){.snake-page{padding:16px}.snake-card{padding:18px}.snake-header{flex-direction:column}.snake-board-wrap{width:100%}.snake-mobile-controls{width:100%;max-width:280px}}.sales-analysis-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 300px;grid-template-rows:400px auto;gap:14px}@media (max-width: 1200px){.sales-analysis-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important;gap:16px!important}.sales-analysis-grid>div{grid-column:auto!important;grid-row:auto!important;height:auto!important}.sales-analysis-grid>div:nth-child(3){grid-column:span 2!important}}@media (max-width: 768px){.sales-analysis-grid{grid-template-columns:1fr!important;gap:16px!important}.sales-analysis-grid>div{grid-column:auto!important;grid-row:auto!important;height:auto!important}.sales-analysis-grid>div:nth-child(3){grid-column:auto!important}}.it-dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 300px;grid-template-rows:400px auto;gap:14px}.it-tickets-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:14px}@media (max-width: 1200px){.it-dashboard-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important;gap:16px!important}.it-dashboard-grid>div{grid-column:auto!important;grid-row:auto!important;height:auto!important}.it-dashboard-grid>div:nth-child(3){grid-column:span 2!important}.it-tickets-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.it-dashboard-grid{grid-template-columns:1fr!important;gap:16px!important}.it-dashboard-grid>div{grid-column:auto!important;grid-row:auto!important}.it-dashboard-grid>div:nth-child(3){grid-column:auto!important}}.pmr-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:24px}.pmr-date-selector-container{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex-shrink:0}.pmr-categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:16px}@media (max-width: 1024px){.pmr-header-container{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.pmr-date-selector-container{align-items:stretch!important;width:100%!important}.pmr-categories-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}}@media (max-width: 580px){.pmr-categories-grid{grid-template-columns:1fr!important;gap:12px!important}.pmr-date-selector-container>div{flex-wrap:wrap!important;justify-content:center!important}}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-main);cursor:pointer;padding:8px;outline:none;border-radius:var(--radius);transition:background var(--transition-fast),transform var(--transition-fast)}.mobile-menu-toggle:hover{background-color:var(--bg-hover)}.mobile-menu-toggle:active{transform:scale(.95)}.sidebar-backdrop{display:none}.login-card-container{display:flex;width:100%;max-width:860px;min-height:520px;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000073;background:transparent}.login-branding-panel{flex:1;background:#1e293b;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:40px 36px;position:relative}.login-form-panel{width:360px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-card);padding:40px 36px}@media (max-width: 768px){.mobile-menu-toggle{display:flex!important}.sidebar-backdrop{display:block!important;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2050;animation:fadeIn .2s ease}.login-card-container{flex-direction:column!important;min-height:auto!important;border-radius:12px!important}.login-branding-panel{padding:30px 24px!important;align-items:center!important;text-align:center!important}.login-branding-panel p{text-align:center!important}.login-footer-text{position:static!important;margin-top:20px!important}.login-form-panel{width:100%!important;padding:30px 24px!important}}