*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #f97316;--primary-light: #fb923c;--primary-dark: #ea580c;--primary-gradient: linear-gradient(135deg, #f97316 0%, #fb923c 100%);--primary-gradient-hover: linear-gradient(135deg, #ea580c 0%, #d97706 100%);--secondary-color: #059669;--secondary-light: #10b981;--secondary-dark: #047857;--secondary-gradient: linear-gradient(135deg, #059669 0%, #0891b2 100%);--accent-color: #dc2626;--accent-light: #ef4444;--accent-dark: #b91c1c;--accent-gradient: linear-gradient(135deg, #dc2626 0%, #ea580c 100%);--success-color: #16a34a;--success-light: #22c55e;--success-dark: #15803d;--success-gradient: linear-gradient(135deg, #16a34a 0%, #059669 100%);--warning-color: #d97706;--warning-light: #f59e0b;--warning-dark: #b45309;--warning-gradient: linear-gradient(135deg, #d97706 0%, #ea580c 100%);--danger-color: #dc2626;--danger-light: #ef4444;--danger-dark: #b91c1c;--danger-gradient: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);--info-color: #0891b2;--info-light: #06b6d4;--info-dark: #0e7490;--info-gradient: linear-gradient(135deg, #0891b2 0%, #f97316 100%);--purple-color: #7c3aed;--purple-light: #8b5cf6;--purple-dark: #6d28d9;--purple-gradient: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);--orange-color: #ea580c;--orange-light: #f97316;--orange-dark: #c2410c;--orange-gradient: linear-gradient(135deg, #ea580c 0%, #f59e0b 100%);--text-primary: #0f172a;--text-secondary: #334155;--text-light: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--text-accent: #f97316;--bg-primary: #f8fafc;--bg-secondary: #e2e8f0;--bg-tertiary: #cbd5e1;--bg-elevated: #ffffff;--bg-card: #f1f5f9;--bg-overlay: rgba(15, 23, 42, .6);--bg-gradient-primary: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--bg-gradient-secondary: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);--bg-gradient-card: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);--border-color: #94a3b8;--border-light: #cbd5e1;--border-dark: #64748b;--border-accent: #f97316;--border-gradient: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .15), 0 1px 2px 0 rgba(15, 23, 42, .1);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .15), 0 2px 4px -1px rgba(15, 23, 42, .1);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .15), 0 4px 6px -2px rgba(15, 23, 42, .1);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .15), 0 10px 10px -5px rgba(15, 23, 42, .1);--shadow-primary: 0 4px 14px 0 rgba(249, 115, 22, .25);--shadow-primary-hover: 0 8px 25px 0 rgba(249, 115, 22, .35);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-2xl: 10px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px 0 rgba(15, 23, 42, .2);--font-size-2xs: 10px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xl-2: 22px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-size-6xl: 60px;--font-size-7xl: 72px;--font-size-8xl: 96px;--font-size-9xl: 128px;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2}.dark{--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-light: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #0f172a;--text-accent: #fb923c;--bg-primary: #020617;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--bg-elevated: #1e293b;--bg-card: #0f172a;--bg-overlay: rgba(2, 6, 23, .8);--bg-gradient-primary: linear-gradient(135deg, #020617 0%, #0f172a 100%);--bg-gradient-secondary: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--bg-gradient-card: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--border-color: #334155;--border-light: #475569;--border-dark: #64748b;--border-accent: #fb923c;--border-gradient: linear-gradient(135deg, #334155 0%, #475569 100%);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-primary: 0 4px 14px 0 rgba(251, 146, 60, .3);--shadow-primary-hover: 0 8px 25px 0 rgba(251, 146, 60, .4);--glass-bg: rgba(15, 23, 42, .9);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .6);--primary-color: #fb923c;--primary-light: #fdba74;--primary-dark: #f97316;--primary-gradient: linear-gradient(135deg, #fb923c 0%, #fbbf24 100%);--primary-gradient-hover: linear-gradient(135deg, #f97316 0%, #f59e0b 100%);--secondary-color: #34d399;--secondary-light: #6ee7b7;--secondary-dark: #10b981;--secondary-gradient: linear-gradient(135deg, #34d399 0%, #06b6d4 100%);--accent-color: #f87171;--accent-light: #fca5a5;--accent-dark: #ef4444;--accent-gradient: linear-gradient(135deg, #f87171 0%, #fb923c 100%);--success-color: #4ade80;--success-light: #86efac;--success-dark: #22c55e;--success-gradient: linear-gradient(135deg, #4ade80 0%, #34d399 100%);--warning-color: #fbbf24;--warning-light: #fcd34d;--warning-dark: #f59e0b;--warning-gradient: linear-gradient(135deg, #fbbf24 0%, #fb923c 100%);--danger-color: #f87171;--danger-light: #fca5a5;--danger-dark: #ef4444;--danger-gradient: linear-gradient(135deg, #f87171 0%, #ef4444 100%);--info-color: #22d3ee;--info-light: #67e8f9;--info-dark: #06b6d4;--info-gradient: linear-gradient(135deg, #22d3ee 0%, #3b82f6 100%);--purple-color: #a855f7;--purple-light: #c084fc;--purple-dark: #9333ea;--purple-gradient: linear-gradient(135deg, #a855f7 0%, #c084fc 100%);--orange-color: #fb923c;--orange-light: #fdba74;--orange-dark: #f97316;--orange-gradient: linear-gradient(135deg, #fb923c 0%, #fbbf24 100%)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-gradient-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background var(--transition-normal),color var(--transition-normal)}#root{max-width:100%;margin:0 auto;background:var(--bg-gradient-primary);min-height:100vh;position:relative;transition:background var(--transition-normal)}*{transition:background var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}::selection{background:var(--primary-color);color:var(--text-inverse)}::-moz-selection{background:var(--primary-color);color:var(--text-inverse)}@view-transition{navigation: auto;}.button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;font-family:inherit;position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.button:hover:before{left:100%}.button--primary{background:var(--primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.button--primary:hover{background:var(--primary-gradient-hover);transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.button--secondary{background:var(--bg-gradient-secondary);color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button--secondary:hover{background:var(--bg-gradient-primary);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.button--outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);position:relative;z-index:1}.button--outline:before{background:var(--primary-gradient);z-index:-1;opacity:0;transition:opacity var(--transition-fast)}.button--outline:hover{color:var(--text-inverse);border-color:transparent}.button--outline:hover:before{opacity:1}.button--ghost{background:transparent;color:var(--text-secondary)}.button--ghost:hover{background:var(--bg-gradient-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.button--danger{background:var(--danger-gradient);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.button--danger:hover{background:linear-gradient(135deg,var(--danger-dark) 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.button--success{background:var(--success-gradient);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.button--success:hover{background:linear-gradient(135deg,var(--success-dark) 0%,#047857 100%);transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.button--warning{background:var(--warning-gradient);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.button--warning:hover{background:linear-gradient(135deg,var(--warning-dark) 0%,#b45309 100%);transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.button--info{background:var(--info-gradient);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.button--info:hover{background:linear-gradient(135deg,var(--info-dark) 0%,#1d4ed8 100%);transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.button--small{padding:6px 12px;font-size:var(--font-size-xs)}.button--medium{padding:10px 20px;font-size:var(--font-size-sm)}.button--large{padding:14px 28px;font-size:var(--font-size-base)}.button--full-width{width:100%}.button--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.button--loading{cursor:not-allowed}.button--with-icon{display:flex;align-items:center;gap:.5rem}.button-icon{display:flex;align-items:center;justify-content:center}.button-loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button--glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary)}.button--glass:hover{background:var(--glass-bg);border-color:var(--primary-color);box-shadow:var(--glass-shadow)}.button--gradient-text{background:transparent;color:transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:var(--primary-gradient);border:2px solid transparent;background-image:var(--primary-gradient),var(--primary-gradient);background-origin:border-box;background-clip:padding-box,border-box}.button--gradient-text:hover{background-image:var(--primary-gradient-hover),var(--primary-gradient-hover);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.card{background:var(--bg-gradient-card);border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-fast);z-index:-1}.card:hover:before{opacity:.02}.card--padding-none{padding:0}.card--padding-small{padding:12px}.card--padding-medium{padding:16px}.card--padding-large{padding:24px}.card--shadow-none{box-shadow:none}.card--shadow-small{box-shadow:var(--shadow-sm)}.card--shadow-medium{box-shadow:var(--shadow-md)}.card--shadow-large{box-shadow:var(--shadow-lg)}.card--hoverable:hover{transform:translateY(-4px);box-shadow:var(--shadow-primary-hover);border-color:var(--primary-color)}.card--clickable{cursor:pointer}.card--glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--glass-shadow)}.card--glass:hover{border-color:var(--primary-color);box-shadow:var(--shadow-primary)}.card--gradient{background:var(--primary-gradient);color:var(--text-inverse);border:none}.card--gradient:hover{background:var(--primary-gradient-hover);transform:translateY(-4px);box-shadow:var(--shadow-primary-hover)}.card--bordered{border:2px solid var(--border-color)}.card--bordered:hover{border-color:var(--primary-color);box-shadow:var(--shadow-primary)}.card-header{padding:16px 16px 0;border-bottom:1px solid var(--border-light);margin-bottom:16px}.card-header--gradient{background:var(--primary-gradient);color:var(--text-inverse);margin:-16px -16px 16px;padding:16px;border-bottom:none}.card-content{padding:16px}.card-content--no-padding{padding:0}.card-footer{padding:0 16px 16px;border-top:1px solid var(--border-light);margin-top:16px;display:flex;justify-content:space-between;align-items:center}.card-footer--gradient{background:var(--bg-gradient-secondary);margin:16px -16px -16px;padding:16px;border-top:1px solid var(--border-light)}.card--elevated{box-shadow:var(--shadow-lg)}.card--elevated:hover{box-shadow:var(--shadow-xl)}.card--flat{box-shadow:none;border:none;background:transparent}.card--flat:hover{background:var(--bg-gradient-secondary);box-shadow:var(--shadow-sm)}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input{width:100%;border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:1rem 1.25rem;font-size:var(--font-size-base);transition:all var(--transition-normal);background:var(--bg-gradient-secondary);font-family:inherit;color:var(--text-primary);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.input:before{content:"";position:absolute;inset:0;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-normal);z-index:-1}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-primary);transform:translateY(-2px);background:var(--bg-gradient-primary)}.input:focus:before{opacity:.02}.input::placeholder{color:var(--text-light);transition:color var(--transition-normal)}.input:focus::placeholder{color:var(--text-secondary)}.input--small{padding:.75rem 1rem;font-size:var(--font-size-sm);border-radius:var(--radius-md)}.input--medium{padding:1rem 1.25rem;font-size:var(--font-size-base);border-radius:var(--radius-lg)}.input--large{padding:1.25rem 1.5rem;font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.input--full-width{width:100%}.input--disabled{background:var(--bg-tertiary);color:var(--text-light);cursor:not-allowed;opacity:.6}.input--error{border-color:var(--danger-color);box-shadow:0 0 0 3px #ef44441a}.input--error:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px #ef444433}.input--success{border-color:var(--success-color);box-shadow:0 0 0 3px #10b9811a}.input--success:focus{border-color:var(--success-color);box-shadow:0 0 0 3px #10b98133}.input--with-icon{padding-left:3rem}.input--icon-right{padding-left:1.25rem;padding-right:3rem}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:var(--font-size-lg);transition:all var(--transition-normal);z-index:1}.input:focus+.input-icon,.input:focus~.input-icon{color:var(--primary-color);transform:scale(1.1)}.input-icon--left{left:1rem}.input-icon--right{right:1rem}.input--glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--glass-shadow)}.input--glass:focus{background:var(--glass-bg);border-color:var(--primary-color);box-shadow:var(--shadow-primary)}.input--gradient-border{border:2px solid transparent;background:var(--bg-gradient-secondary);background-clip:padding-box;position:relative}.input--gradient-border:before{content:"";position:absolute;inset:0;background:var(--primary-gradient);border-radius:inherit;padding:2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}.input--gradient-border:focus:before{background:var(--primary-gradient-hover)}.input--floating{padding-top:1.5rem;padding-bottom:.5rem}.input--floating+.input-label{position:absolute;top:1rem;left:1.25rem;color:var(--text-light);transition:all var(--transition-normal);pointer-events:none;font-size:var(--font-size-base)}.input--floating:focus+.input-label,.input--floating:not(:placeholder-shown)+.input-label{top:.5rem;left:1.25rem;font-size:var(--font-size-xs);color:var(--primary-color);font-weight:var(--font-weight-semibold)}.tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.tag--default{background:var(--bg-secondary);color:var(--text-primary)}.tag--primary{background:var(--info-light);color:var(--info-dark)}.tag--success{background:var(--success-light);color:var(--success-dark)}.tag--warning{background:var(--warning-light);color:var(--warning-dark)}.tag--danger{background:var(--danger-light);color:var(--danger-dark)}.tag--info{background:var(--info-light);color:var(--info-dark)}.tag--small{padding:2px 6px;font-size:var(--font-size-2xs)}.tag--medium{padding:4px 8px;font-size:var(--font-size-xs)}.tag--large{padding:6px 12px;font-size:var(--font-size-sm)}.tag--removable{padding-right:4px}.tag-remove{background:none;border:none;color:inherit;cursor:pointer;margin-left:4px;padding:0;font-size:var(--font-size-sm);line-height:1;opacity:.7;transition:opacity .2s ease}.tag-remove:hover{opacity:1}.loading-spinner{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px;min-height:100vh;background:var(--bg-secondary)}.loading-spinner__text{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;transition:all var(--transition-fast);position:relative;overflow:hidden}.badge:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--transition-fast)}.badge:hover:before{opacity:1}.badge--default{background:var(--bg-gradient-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.badge--primary{background:var(--primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.badge--success{background:var(--success-gradient);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.badge--warning{background:var(--warning-gradient);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.badge--danger{background:var(--danger-gradient);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.badge--info{background:var(--info-gradient);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.badge--secondary{background:var(--secondary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.badge--small{min-width:16px;height:16px;font-size:var(--font-size-2xs);padding:0 4px}.badge--medium{min-width:20px;height:20px;font-size:var(--font-size-xs);padding:0 6px}.badge--large{min-width:24px;height:24px;font-size:var(--font-size-sm);padding:0 8px}.badge--dot{min-width:8px;height:8px;padding:0;border-radius:var(--radius-full)}.badge-dot{width:4px;height:4px;border-radius:var(--radius-full);background:currentColor;margin-right:4px}.badge--glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);box-shadow:var(--glass-shadow)}.badge--glass.badge--primary{color:var(--primary-color);border-color:var(--primary-color)}.badge--glass.badge--success{color:var(--success-color);border-color:var(--success-color)}.badge--glass.badge--warning{color:var(--warning-color);border-color:var(--warning-color)}.badge--glass.badge--danger{color:var(--danger-color);border-color:var(--danger-color)}.badge--glass.badge--info{color:var(--info-color);border-color:var(--info-color)}.badge--outline{background:transparent;border:1px solid currentColor}.badge--outline.badge--primary{color:var(--primary-color);border-color:var(--primary-color)}.badge--outline.badge--success{color:var(--success-color);border-color:var(--success-color)}.badge--outline.badge--warning{color:var(--warning-color);border-color:var(--warning-color)}.badge--outline.badge--danger{color:var(--danger-color);border-color:var(--danger-color)}.badge--outline.badge--info{color:var(--info-color);border-color:var(--info-color)}.badge--pulse{animation:badgePulse 2s infinite}@keyframes badgePulse{0%{box-shadow:0 0 0 0 var(--primary-color)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.badge--bounce{animation:badgeBounce 1s infinite}@keyframes badgeBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px}.toast{display:flex;align-items:center;padding:16px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background:var(--bg-primary);border-left:4px solid;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:300px;position:relative;overflow:hidden}.toast--visible{transform:translate(0);opacity:1}.toast--success{border-left-color:var(--success-color);background:var(--bg-gradient-secondary)}.toast--error{border-left-color:var(--danger-color);background:var(--bg-gradient-secondary)}.toast--warning{border-left-color:var(--warning-color);background:var(--bg-gradient-secondary)}.toast--info{border-left-color:var(--info-color);background:var(--bg-gradient-secondary)}.toast-icon{font-size:var(--font-size-xl);margin-right:12px;flex-shrink:0}.toast-content{flex:1;min-width:0}.toast-message{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.4}.toast-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--text-light);cursor:pointer;padding:4px;border-radius:var(--radius-sm);margin-left:8px;flex-shrink:0;transition:all .2s ease}.toast-close:hover{background:var(--bg-secondary);color:var(--text-secondary)}.toast-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#0000001a;overflow:hidden}.toast-progress-fill{height:100%;background:currentColor;transition:width .05s ease-out;opacity:.8;border-radius:0 0 0 2px}.toast--success .toast-progress-fill{background:var(--success-color)}.toast--error .toast-progress-fill{background:var(--danger-color)}.toast--warning .toast-progress-fill{background:var(--warning-color)}.toast--info .toast-progress-fill{background:var(--info-color)}@media (max-width: 480px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast{min-width:auto;width:100%}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:300px;background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:1rem}.empty-state-icon{font-size:var(--font-size-5xl);margin-bottom:24px;opacity:.7;animation:float 3s ease-in-out infinite}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:12px}.empty-state-description{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:24px;max-width:300px;line-height:1.5}.empty-state-action{margin-top:16px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 480px){.empty-state{padding:40px 16px;min-height:250px;margin:.5rem}.empty-state-icon{font-size:var(--font-size-4xl);margin-bottom:20px}.empty-state-title{font-size:var(--font-size-lg)}.empty-state-description{font-size:var(--font-size-sm)}}.language-selector{position:relative;display:inline-block}.language-selector__button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-gradient-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary);transition:all var(--transition-fast);min-width:120px}.language-selector__button:hover{background:var(--bg-gradient-primary);border-color:var(--primary-color)}.language-selector__button:focus{outline:none;box-shadow:var(--shadow-primary)}.language-selector__flag{font-size:var(--font-size-base);line-height:1}.language-selector__text{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language-selector__arrow{font-size:var(--font-size-2xs);transition:transform var(--transition-fast);color:var(--text-secondary)}.language-selector__arrow.open{transform:rotate(180deg)}.language-selector__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;margin-top:4px;max-height:200px;overflow-y:auto}.language-selector__option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary);text-align:left;transition:background-color var(--transition-fast)}.language-selector__option:hover{background:var(--bg-gradient-secondary)}.language-selector__option.active{background:var(--primary-light);color:var(--primary-color);font-weight:var(--font-weight-medium)}.language-selector__option:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.language-selector__option:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.language-selector.small .language-selector__button{padding:6px 8px;font-size:var(--font-size-xs);min-width:100px}.language-selector.small .language-selector__flag{font-size:var(--font-size-sm)}.language-selector.large .language-selector__button{padding:12px 16px;font-size:var(--font-size-base);min-width:140px}.language-selector.large .language-selector__flag{font-size:var(--font-size-lg)}@media (max-width: 768px){.language-selector__button{min-width:100px}.language-selector__text{display:none}.language-selector__dropdown{min-width:120px}.language-selector__option .language-selector__text{display:block}}.theme-toggle{background:var(--bg-gradient-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle:before{content:"";position:absolute;inset:0;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-normal);z-index:0}.theme-toggle:hover:before{opacity:.1}.theme-toggle:hover{background:var(--bg-gradient-primary);border-color:var(--primary-color);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.theme-toggle:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.theme-toggle:focus{outline:none;box-shadow:0 0 0 2px var(--primary-color)}.theme-toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-normal);position:relative;z-index:1}.theme-toggle:hover .theme-toggle-icon{transform:rotate(15deg) scale(1.1)}.theme-toggle-icon svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.theme-toggle--small{padding:.375rem;width:32px;height:32px}.theme-toggle--small .theme-toggle-icon svg{width:16px;height:16px}.theme-toggle--medium{padding:.5rem;width:40px;height:40px}.theme-toggle--medium .theme-toggle-icon svg{width:20px;height:20px}.theme-toggle--large{padding:.75rem;width:48px;height:48px}.theme-toggle--large .theme-toggle-icon svg{width:24px;height:24px}.dark .theme-toggle{background:var(--bg-gradient-secondary);border-color:var(--border-color);color:var(--text-secondary)}.dark .theme-toggle:hover{background:var(--bg-gradient-primary);border-color:var(--primary-color);color:var(--text-primary)}.dark .theme-toggle-icon svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.theme-toggle-icon svg{transition:transform var(--transition-normal),filter var(--transition-normal)}.theme-toggle:active .theme-toggle-icon svg{transform:scale(.9)}.theme-toggle--glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--glass-shadow)}.theme-toggle--glass:hover{background:var(--glass-bg);border-color:var(--primary-color);box-shadow:var(--shadow-primary)}.theme-toggle--gradient{background:var(--primary-gradient);border:none;color:var(--text-inverse)}.theme-toggle--gradient:hover{background:var(--primary-gradient-hover);transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.theme-toggle--gradient .theme-toggle-icon svg{filter:none}.user-dropdown{position:relative;display:inline-block}.user-dropdown-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-gradient-secondary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.user-dropdown-trigger:hover{background:var(--bg-gradient-primary);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-dropdown-trigger:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-primary)}.user-name{display:none}@media (min-width: 768px){.user-name{display:inline}}.user-dropdown-menu{position:absolute;top:100%;right:0;min-width:240px;background:var(--bg-gradient-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;margin-top:.5rem;overflow:hidden;animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:1rem;border-bottom:1px solid var(--border-light);background:var(--bg-gradient-primary)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;background:var(--primary-gradient);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);box-shadow:var(--shadow-sm)}.user-details{flex:1;min-width:0}.user-full-name{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.user-dropdown-options{padding:.5rem 0}.user-dropdown-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left}.user-dropdown-option:hover{background:var(--bg-gradient-secondary);color:var(--primary-color);transform:translate(4px)}.user-dropdown-option:focus{outline:none;background:var(--bg-gradient-secondary);color:var(--primary-color)}.user-dropdown-option--logout{color:var(--danger-color)}.user-dropdown-option--logout:hover{background:var(--danger-gradient);color:var(--text-inverse);transform:translate(4px)}.user-dropdown-divider{height:1px;background:var(--border-light);margin:.5rem 0}@media (max-width: 768px){.user-dropdown-menu{min-width:200px;right:-.5rem}.user-dropdown-option{padding:.625rem .875rem;font-size:13px}.user-dropdown-header{padding:.875rem}.user-avatar{width:36px;height:36px}.user-full-name{font-size:13px}.user-role{font-size:11px}}@media (max-width: 480px){.user-dropdown-menu{min-width:180px;right:-1rem}.user-dropdown-option{padding:.5rem .75rem;font-size:var(--font-size-xs);gap:.5rem}.user-dropdown-option svg{width:16px;height:16px}}.dark .user-dropdown-menu{background:var(--bg-gradient-card);border-color:var(--border-color)}.dark .user-dropdown-header,.dark .user-dropdown-option:hover{background:var(--bg-gradient-primary)}.nav-bar{height:60px;background:var(--glass-bg);display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid var(--border-color);box-shadow:var(--glass-shadow);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-normal)}.nav-left{display:flex;align-items:center}.nav-right{display:flex;align-items:center;gap:12px}.nav-language-selector .language-selector__button{background:var(--bg-gradient-secondary);border:1px solid var(--border-color);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-language-selector .language-selector__button:hover{background:var(--bg-gradient-primary);border-color:var(--primary-color);color:var(--text-primary);box-shadow:var(--shadow-primary)}.nav-theme-toggle .theme-toggle{background:var(--bg-gradient-secondary);border:1px solid var(--border-color);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-theme-toggle .theme-toggle:hover{background:var(--bg-gradient-primary);border-color:var(--primary-color);color:var(--text-primary);box-shadow:var(--shadow-primary)}.nav-logo{background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;position:relative;overflow:hidden}.nav-logo:before{content:"";position:absolute;inset:0;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-fast);z-index:-1}.nav-logo:hover:before{opacity:.1}.nav-logo:hover{background:var(--bg-gradient-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.nav-button{background:var(--bg-gradient-secondary);border:1px solid var(--border-color);cursor:pointer;padding:8px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.nav-button:before{content:"";position:absolute;inset:0;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-fast);z-index:-1}.nav-button:hover:before{opacity:.1}.nav-button:hover{color:var(--text-primary);background:var(--bg-gradient-primary);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.nav-button:active{transform:translateY(0)}.nav-button--cart{color:var(--primary-color);border-color:var(--primary-color)}.nav-button--cart:hover{background:var(--primary-gradient);color:var(--text-inverse);border-color:var(--primary-color);box-shadow:var(--shadow-primary)}.nav-right .user-dropdown .user-dropdown-trigger{min-width:40px;height:40px;padding:.5rem;justify-content:center}@media (min-width: 768px){.nav-right .user-dropdown .user-dropdown-trigger{min-width:auto;padding:.5rem .75rem;justify-content:flex-start}}.cart-badge{position:absolute;top:4px;right:4px;background:var(--danger-gradient);color:var(--text-inverse);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);min-width:16px;height:16px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px;animation:badgePulse .3s ease-in-out;box-shadow:var(--shadow-sm)}@keyframes badgePulse{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.nav-button--user{color:var(--text-secondary)}.nav-button--user:hover{background:var(--bg-gradient-primary);color:var(--text-primary);border-color:var(--primary-color)}@media (min-width: 768px){.nav-bar{height:64px;padding:0 24px}.logo-text{font-size:var(--font-size-xl-2)}.nav-button{min-width:44px;height:44px}.nav-right{gap:16px}}@media (min-width: 1024px){.nav-bar{padding:0 32px}.logo-text{font-size:var(--font-size-2xl)}}.dark .nav-bar{background:var(--glass-bg);border-bottom-color:var(--border-color)}.dark .nav-button:hover{background:var(--bg-gradient-primary);border-color:var(--primary-color)}.dark .nav-button--cart:hover{background:var(--primary-gradient);color:var(--text-inverse)}.cart-item{background:var(--bg-gradient-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden;transition:all var(--transition-normal);margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cart-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-hover);border-color:var(--primary-color)}.cart-item-content{display:flex;padding:1.5rem;gap:1.5rem}.cart-item-image{flex-shrink:0}.cart-item-icon{width:80px;height:80px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);color:var(--text-inverse);box-shadow:var(--shadow-md)}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:1rem}.cart-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.cart-item-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:1.3;flex:1}.remove-item-btn{width:32px;height:32px;border:none;background:var(--bg-gradient-secondary);color:var(--text-secondary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.remove-item-btn:hover{background:var(--danger-gradient);color:var(--text-inverse);transform:scale(1.1)}.cart-item-price{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.cart-item-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem}.quantity-selector{display:flex;align-items:center;background:var(--bg-secondary);border-radius:.75rem;padding:.25rem;border:1px solid var(--border-light)}.quantity-btn{width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.quantity-btn:hover:not(:disabled){background:var(--primary-color);color:#fff}.quantity-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);min-width:24px;text-align:center;padding:0 .75rem}.cart-item-total{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.total-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.total-amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color)}@media (max-width: 768px){.cart-item-content{padding:1rem;gap:1rem}.cart-item-icon{width:60px;height:60px;font-size:var(--font-size-2xl)}.cart-item-name{font-size:var(--font-size-lg)}.cart-item-controls{flex-direction:column;align-items:stretch;gap:.75rem}.cart-item-total{align-items:center;flex-direction:row;justify-content:space-between}}@media (min-width: 1024px){.cart-item-content{padding:2rem;gap:2rem}.cart-item-icon{width:100px;height:100px;font-size:var(--font-size-4xl)}.cart-item-name{font-size:var(--font-size-2xl)}}.cart-summary{background:var(--bg-gradient-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cart-summary-content{padding:2rem}.cart-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.cart-summary-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.cart-summary-count{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);background:var(--bg-gradient-secondary);padding:.5rem 1rem;border-radius:var(--radius-full)}.cart-summary-details{margin-bottom:2rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}.summary-label{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.summary-value{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.summary-divider{height:1px;background:var(--border-light);margin:1rem 0}.summary-row--total{padding:1rem 0}.summary-row--total .summary-label{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.summary-row--total .summary-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-color)}.cart-summary-actions{display:flex;gap:1rem}.clear-cart-btn{flex:1;background:var(--bg-gradient-secondary);color:var(--text-secondary);border:1px solid var(--border-light);transition:all var(--transition-fast)}.clear-cart-btn:hover{background:var(--danger-gradient);color:var(--text-inverse);border-color:var(--danger-color);transform:translateY(-1px)}.place-order-btn{flex:2;background:var(--primary-gradient);color:var(--text-inverse);border:none;transition:all var(--transition-fast);box-shadow:var(--shadow-primary)}.place-order-btn:hover{background:var(--primary-gradient-hover);transform:translateY(-1px);box-shadow:var(--shadow-primary-hover)}.place-order-btn:active{transform:translateY(0)}@media (max-width: 768px){.cart-summary-content{padding:1.5rem}.cart-summary-header{flex-direction:column;align-items:flex-start;gap:.5rem}.cart-summary-title{font-size:var(--font-size-xl)}.cart-summary-actions{flex-direction:column}.clear-cart-btn,.place-order-btn{flex:none;width:100%}}@media (min-width: 1024px){.cart-summary-content{padding:2.5rem}.cart-summary-title{font-size:var(--font-size-3xl)}}.cart-page{min-height:100vh}.cart-content{max-width:1200px;margin:0 auto;padding:1rem;display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.empty-cart{text-align:center;padding:3rem 1rem;background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:1rem}.empty-cart-icon{font-size:var(--font-size-4xl);margin-bottom:1rem;color:var(--text-light)}.empty-cart-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:.5rem}.empty-cart-subtitle{color:var(--text-secondary);margin-bottom:2rem}.back-to-menu-button{background:var(--primary-gradient);color:var(--text-inverse);padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.back-to-menu-button:hover{background:var(--primary-gradient-hover);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.cart-items-section{display:flex;flex-direction:column}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-summary-section{position:sticky;top:2rem}@media (max-width: 1024px){.cart-content{grid-template-columns:1fr;gap:1.5rem}.cart-summary-section{position:static}}@media (max-width: 768px){.cart-content{padding:1rem;gap:1rem}}.product-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);cursor:pointer;border:1px solid var(--border-color);position:relative}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-dark)}.product-card--list{border-radius:var(--radius-md)!important;border:none!important;background:transparent!important;margin-bottom:.5rem}.product-card--list:hover{transform:none!important;box-shadow:none!important}.product-card--list .product-card-content{flex-direction:row!important;align-items:center!important;gap:1rem!important;background:var(--bg-card)!important;border-radius:var(--radius-md)!important;border:1px solid var(--border-color)!important;padding:.75rem!important}.product-card--list .product-card-content:hover{border-color:var(--border-dark)!important;box-shadow:var(--shadow-sm)!important}.product-card--list .product-image{flex-shrink:0!important;padding:0!important}.product-card--list .product-icon{width:48px!important;height:48px!important;font-size:1.25rem!important}.product-card--list .product-info{flex:1!important;padding:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.product-card--list .product-header{flex:1!important}.product-card--list .product-name{font-size:var(--font-size-lg)!important;margin-bottom:.25rem!important}.product-card--list .product-footer{margin-top:0!important;flex-shrink:0!important}.product-card--list .product-cart-controls{gap:.5rem!important}.product-card--list .product-category{font-size:var(--font-size-xs)!important;color:var(--text-secondary)!important;font-weight:var(--font-weight-medium)!important;margin-bottom:.25rem!important;text-transform:uppercase!important;letter-spacing:.5px!important}.product-card--list .product-price{font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-bold)!important;color:var(--primary-color)!important;margin-right:1rem!important}.product-category{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.product-card-content{display:flex;flex-direction:column;height:100%}.product-image{padding:1rem;display:flex;justify-content:center;align-items:center;background:var(--bg-secondary);aspect-ratio:2/1;transition:background var(--transition-normal);position:relative;overflow:hidden}.product-image:before{content:"";position:absolute;inset:0;background:var(--primary-color);opacity:.03;transition:opacity var(--transition-normal)}.product-card:hover .product-image:before{opacity:.06}.product-icon{width:60px;height:60px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);color:var(--text-inverse);background:var(--primary-color);box-shadow:var(--shadow-sm);position:relative;z-index:1}.product-info{padding:1rem;flex:1;display:flex;flex-direction:column}.product-header{flex:1}.product-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 .75rem;line-height:1.3}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.product-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary-color)}.product-cart-controls{display:flex;align-items:center;gap:.75rem}.quantity-display{background:var(--primary-color);color:var(--text-inverse);border-radius:var(--radius-full);width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm)}.quantity-selector{display:flex;align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);padding:.125rem;border:1px solid var(--border-color);transition:all var(--transition-normal)}.quantity-selector:hover{border-color:var(--border-dark)}.quantity-btn{width:24px;height:24px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.quantity-btn:hover:not(:disabled){background:var(--primary-color);color:var(--text-inverse)}.quantity-btn:disabled{opacity:.4;cursor:not-allowed}.quantity-value{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary);min-width:16px;text-align:center;padding:0 .375rem}.add-to-cart-btn{width:32px;height:32px;border:none;background:var(--primary-color);color:var(--text-inverse);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.add-to-cart-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.add-to-cart-btn:active{transform:scale(.95)}.add-to-cart-btn--loading{animation:pulse 1s infinite;pointer-events:none}.add-to-cart-btn:disabled{opacity:.7;cursor:not-allowed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (min-width: 768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.product-grid--list{grid-template-columns:1fr!important;gap:.5rem!important}.product-cart-controls{gap:.75rem}.quantity-selector{padding:.25rem}.quantity-btn{width:28px;height:28px}.add-to-cart-btn{width:36px;height:36px}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.product-grid--list{grid-template-columns:1fr!important;gap:.5rem!important}}@media (min-width: 1440px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem}.product-grid--list{grid-template-columns:1fr!important;gap:.5rem!important}}@media (max-width: 767px){.product-cart-controls{gap:.5rem}.quantity-selector{padding:.125rem}.quantity-btn{width:20px;height:20px}.quantity-btn svg{width:12px;height:12px}.add-to-cart-btn{width:28px;height:28px}.add-to-cart-btn svg{width:14px;height:14px}}.advanced-filters{background:transparent;margin-bottom:1rem}.filters-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-light);gap:1rem}.search-container{flex:1;max-width:400px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-secondary);z-index:1;transition:color var(--transition-normal)}.search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:14px;background:var(--bg-gradient-secondary);color:var(--text-primary);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-primary);background:var(--bg-gradient-primary)}.search-input:focus+.search-icon{color:var(--primary-color)}.search-input::placeholder{color:var(--text-light);transition:color var(--transition-normal)}.search-input:focus::placeholder{color:var(--text-secondary)}.filters-controls{display:flex;align-items:center;gap:.75rem}.view-controls{display:flex;gap:.5rem}.view-btn{width:36px;height:36px;border:1px solid var(--border-color);background:var(--bg-gradient-secondary);color:var(--text-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.view-btn--active{background:var(--primary-gradient);border-color:var(--primary-color);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.category-dropdown{position:relative}.category-dropdown-btn{display:flex;align-items:center;gap:.5rem;padding:8px 12px;border:1px solid var(--border-color);background:var(--bg-gradient-secondary);color:var(--text-primary);border-radius:var(--radius-md);font-size:14px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:140px;justify-content:space-between}.category-dropdown-btn:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.dropdown-icon{transition:transform var(--transition-fast);color:var(--text-secondary)}.dropdown-icon--open{transform:rotate(180deg)}.category-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;margin-top:4px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.category-dropdown-header{padding:12px 16px;border-bottom:1px solid var(--border-light);background:var(--bg-gradient-primary)}.category-dropdown-header h4{margin:0;font-size:14px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.category-options{max-height:200px;overflow-y:auto}.category-option{width:100%;padding:10px 16px;border:none;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;transition:all var(--transition-fast);font-size:14px;display:flex;align-items:center}.category-option:hover{background:var(--bg-gradient-secondary);color:var(--primary-color)}.category-option--active{background:var(--primary-gradient);color:var(--text-inverse)}.category-option--active:hover{background:var(--primary-gradient-hover);color:var(--text-inverse)}.expand-btn{width:36px;height:36px;border:1px solid var(--border-color);background:var(--bg-gradient-secondary);color:var(--text-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.expand-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.filters-content{padding:1rem 0;background:transparent}.filter-section{margin-bottom:1.5rem}.filter-section:last-child{margin-bottom:0}.filter-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 .75rem}.price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.price-input{display:flex;flex-direction:column;gap:.5rem}.price-input label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.price-input input{padding:.5rem .75rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.875rem;background:var(--bg-gradient-secondary);color:var(--text-primary);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.price-input input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-primary);background:var(--bg-gradient-primary)}.sort-select{width:100%;padding:.5rem .75rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-gradient-secondary);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sort-select:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-primary);background:var(--bg-gradient-primary)}@media (max-width: 768px){.filters-header{flex-direction:column;align-items:stretch;gap:.75rem;padding:.5rem 0}.search-container{max-width:none}.filters-controls{justify-content:space-between}.category-dropdown-btn{min-width:120px;font-size:13px}.filters-content{padding:.75rem 0}.price-inputs{grid-template-columns:1fr;gap:.75rem}}@media (max-width: 480px){.filters-controls{flex-wrap:wrap;gap:.5rem}.view-controls{order:1}.category-dropdown{order:2;flex:1;min-width:0}.expand-btn{order:3}.category-dropdown-btn{min-width:0;width:100%}}.floating-cart-button{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:var(--radius-full);background:var(--primary-gradient);color:var(--text-inverse);border:none;cursor:pointer;box-shadow:var(--shadow-primary);display:none;align-items:center;justify-content:center;transition:all var(--transition-normal);z-index:1000;position:relative}.floating-cart-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-primary-hover);background:var(--primary-gradient-hover)}.floating-cart-button:active{transform:translateY(0) scale(.95)}.cart-badge{position:absolute;top:-8px;right:-8px;background:var(--danger-gradient);color:var(--text-inverse);border-radius:var(--radius-full);width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:var(--font-weight-bold);border:2px solid var(--text-inverse);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.floating-cart-button{display:flex;bottom:1.5rem;right:1.5rem;width:56px;height:56px}}.menu-content{max-width:1200px;margin:0 auto;padding:1rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.product-grid--list{display:grid!important;grid-template-columns:1fr!important;gap:.5rem!important}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.not-found-content{text-align:center;max-width:500px;background:var(--bg-primary);padding:3rem 2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.not-found-icon{font-size:var(--font-size-6xl);font-weight:var(--font-weight-black);color:var(--primary-color);margin-bottom:1rem;line-height:1}.not-found-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 1rem}.not-found-description{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.6;margin:0 0 2rem}.not-found-actions{display:flex;gap:1rem;justify-content:center}.back-button{background:var(--bg-gradient-secondary);color:var(--text-primary);padding:.75rem 1.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.back-button:hover{background:var(--bg-gradient-primary);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.home-button{background:var(--primary-gradient);color:var(--text-inverse);padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.home-button:hover{background:var(--primary-gradient-hover);transform:translateY(-1px);box-shadow:var(--shadow-primary)}@media (max-width: 640px){.not-found-content{padding:2rem 1.5rem}.not-found-icon{font-size:var(--font-size-4xl)}.not-found-title{font-size:var(--font-size-2xl)}.not-found-description{font-size:var(--font-size-base)}.not-found-actions{flex-direction:column}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{max-width:28rem;width:100%;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem;border:1px solid var(--border-light)}.login-header{text-align:center;margin-bottom:2rem}.login-icon{margin:0 auto 1rem;width:4rem;height:4rem;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.login-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:.5rem}.login-subtitle{color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{background:var(--danger-light);border:1px solid var(--danger-color);color:var(--danger-color);padding:.75rem 1rem;border-radius:var(--radius-md)}.form-group{display:flex;flex-direction:column}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all .2s ease;background:var(--bg-primary);color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-primary)}.form-input::placeholder{color:var(--text-light)}.login-button{width:100%;background:var(--primary-gradient);color:var(--text-inverse);padding:.75rem 1rem;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all var(--transition-fast)}.login-button:hover:not(:disabled){background:var(--primary-gradient-hover);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.login-button:focus{outline:none;box-shadow:var(--shadow-primary)}.login-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.demo-credentials{margin-top:2rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.demo-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:.75rem}.demo-list{display:flex;flex-direction:column;gap:.5rem;font-size:var(--font-size-sm);color:var(--text-secondary)}.demo-list div{line-height:1.4}@media (max-width: 640px){.login-card{padding:1.5rem}.login-title{font-size:var(--font-size-2xl)}}.waiter-dashboard{min-height:100vh}.connection-status{margin-top:.75rem}.status-connected{display:flex;align-items:center;gap:.5rem;color:var(--success-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:.25rem .75rem;background:var(--success-gradient);color:var(--text-inverse);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.status-disconnected{display:flex;align-items:center;gap:.5rem;color:var(--danger-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:.25rem .75rem;background:var(--danger-gradient);color:var(--text-inverse);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.stat-icon-pending{background:var(--warning-gradient);color:var(--text-inverse)}.stat-icon-preparing{background:var(--info-gradient);color:var(--text-inverse)}.stat-icon-ready{background:var(--success-gradient);color:var(--text-inverse)}.stat-icon-delivered{background:var(--bg-gradient-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.orders-container{background:var(--bg-gradient-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.orders-header{padding:1.75rem;border-bottom:1px solid var(--border-color);background:var(--bg-gradient-primary)}.orders-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.orders-list{max-height:600px;overflow-y:auto}.order-item{padding:1.75rem;border-bottom:1px solid var(--border-light);transition:all var(--transition-normal);background:var(--bg-primary)}.order-item:last-child{border-bottom:none}.order-item:hover{background:var(--bg-gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.order-content{margin-bottom:1rem}.order-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.table-info{flex-shrink:0}.table-number{width:3rem;height:3rem;background:var(--warning-gradient);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.order-details{flex:1;min-width:0}.table-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.5px}.order-summary{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 .25rem}.order-total{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.order-status{flex-shrink:0}.products-list{margin-left:4rem;margin-top:1rem;padding:1rem;background:var(--bg-gradient-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.products-content{font-size:var(--font-size-sm);color:var(--text-secondary)}.product-item{display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.25rem 0;border-bottom:1px solid var(--border-light)}.product-item:last-child{margin-bottom:0;border-bottom:none}.product-quantity{flex:1;font-weight:var(--font-weight-medium);color:var(--text-primary)}.product-price{font-weight:var(--font-weight-semibold);color:var(--primary-color)}.order-actions{display:flex;justify-content:flex-end;margin-top:1rem}.action-button{background:var(--primary-gradient);color:var(--text-inverse);padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;cursor:pointer;font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.5px}.action-button:hover:not(:disabled){background:var(--primary-gradient-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;text-align:center;padding:1rem}.dashboard-title{font-size:var(--font-size-2xl)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.25rem}.stat-value{font-size:var(--font-size-2xl)}.order-header{flex-direction:column;align-items:flex-start;gap:.75rem}.products-list{margin-left:0;margin-top:1rem}.order-actions{justify-content:center}.table-number{width:2.5rem;height:2.5rem;font-size:var(--font-size-sm)}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}.dashboard-content{padding:1rem}.order-item{padding:1.25rem}.products-list{padding:.75rem}.action-button{padding:.5rem 1rem;font-size:var(--font-size-xs)}}.new-order{animation:slideInNew .5s ease-out,backgroundHighlight 2s ease-out}@keyframes slideInNew{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes backgroundHighlight{0%{background:var(--warning-gradient);color:var(--text-inverse)}to{background:var(--bg-primary)}}.dark .stat-card,.dark .orders-container{background:var(--bg-gradient-card)}.dark .order-item{background:var(--bg-primary)}.dark .order-item:hover,.dark .products-list{background:var(--bg-gradient-primary)}.dashboard-nav{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.dashboard-nav::-webkit-scrollbar{display:none}.dashboard-nav-tab{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:3px solid transparent;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);background:none;border:none;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-normal);position:relative;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.dashboard-nav-tab:before{content:"";position:absolute;inset:0;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-normal);z-index:-1}.dashboard-nav-tab:hover{color:var(--text-primary);border-bottom-color:var(--border-color);transform:translateY(-1px)}.dashboard-nav-tab:hover:before{opacity:.05}.dashboard-nav-tab--active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:var(--bg-gradient-primary);box-shadow:var(--shadow-sm)}.dashboard-nav-tab--active:before{opacity:.1}.dashboard-nav-icon{width:20px;height:20px;transition:transform var(--transition-normal)}.dashboard-nav-tab:hover .dashboard-nav-icon{transform:scale(1.1)}.dashboard-nav-tab--active .dashboard-nav-icon{transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(99,102,241,.3))}@media (max-width: 768px){.dashboard-nav{gap:0}.dashboard-nav-tab{padding:.75rem 1rem;font-size:var(--font-size-xs);gap:.5rem}.dashboard-nav-icon{width:18px;height:18px}}@media (max-width: 640px){.dashboard-nav-tab{padding:.5rem .75rem;font-size:10px;gap:.375rem}.dashboard-nav-icon{width:16px;height:16px}}.dark .dashboard-nav-tab--active{background:var(--bg-gradient-primary);border-bottom-color:var(--primary-color)}.dark .dashboard-nav-tab:hover{color:var(--text-primary);border-bottom-color:var(--border-light)}.admin-dashboard{min-height:100vh}.dashboard-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--glass-shadow);border-bottom:1px solid var(--border-color)}.header-content{max-width:80rem;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1rem}.dashboard-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.dashboard-subtitle{color:var(--text-secondary);margin:.25rem 0 0;font-size:var(--font-size-base)}.logout-button{background:var(--danger-gradient);color:var(--text-inverse);padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;cursor:pointer;font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.logout-button:hover{background:linear-gradient(135deg,var(--danger-dark) 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard-nav{background:var(--bg-gradient-secondary);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-content{max-width:80rem;margin:0 auto;padding:0 1rem}.dashboard-content{max-width:80rem;margin:0 auto;padding:1rem 1rem 2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-gradient-card);padding:1.75rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-normal);z-index:0}.stat-card:hover:before{opacity:.02}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.stat-content{display:flex;align-items:center;position:relative;z-index:1}.stat-icon{padding:.75rem;border-radius:var(--radius-lg);margin-right:1rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.stat-icon-users{background:var(--info-gradient);color:var(--text-inverse)}.stat-icon-products{background:var(--success-gradient);color:var(--text-inverse)}.stat-icon-categories{background:var(--primary-gradient);color:var(--text-inverse)}.stat-icon-orders{background:var(--warning-gradient);color:var(--text-inverse)}.stat-info{flex:1}.stat-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.data-container{background:var(--bg-gradient-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.data-header{padding:1.75rem;border-bottom:1px solid var(--border-color);background:var(--bg-gradient-primary)}.data-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.data-table{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table-header{background:var(--bg-gradient-secondary)}.table-th{padding:1rem 1.25rem;text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px}.table-body{background:var(--bg-primary)}.table-row{border-bottom:1px solid var(--border-light);transition:all var(--transition-fast)}.table-row:hover{background:var(--bg-gradient-secondary);transform:scale(1.01)}.table-row:last-child{border-bottom:none}.table-td{padding:1rem 1.25rem;font-size:var(--font-size-sm);color:var(--text-primary);vertical-align:middle}.role-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.role-admin{background:var(--danger-gradient);color:var(--text-inverse)}.role-manager{background:var(--info-gradient);color:var(--text-inverse)}.role-waiter{background:var(--success-gradient);color:var(--text-inverse)}.role-default{background:var(--bg-gradient-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.status-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.status-pending{background:var(--warning-gradient);color:var(--text-inverse)}.status-preparing{background:var(--info-gradient);color:var(--text-inverse)}.status-ready{background:var(--success-gradient);color:var(--text-inverse)}.status-delivered{background:var(--bg-gradient-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.status-cancelled{background:var(--danger-gradient);color:var(--text-inverse)}.status-default{background:var(--bg-gradient-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.delete-button{background:var(--danger-gradient);color:var(--text-inverse);padding:.5rem 1rem;border-radius:var(--radius-md);border:none;cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.5px}.delete-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:var(--shadow-md)}.delete-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.stat-card.loading{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;text-align:center;padding:1rem}.dashboard-title{font-size:var(--font-size-2xl)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.25rem}.stat-value{font-size:var(--font-size-2xl)}.table{font-size:var(--font-size-xs)}.table-th,.table-td{padding:.75rem}.data-header{padding:1.25rem}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}.dashboard-content{padding:1rem}.data-table{font-size:var(--font-size-xs)}.table-th,.table-td{padding:.5rem}.role-badge,.status-badge{font-size:10px;padding:.25rem .5rem}.delete-button{padding:.375rem .75rem;font-size:10px}}.dark .stat-card,.dark .data-container{background:var(--bg-gradient-card)}.dark .table-header{background:var(--bg-gradient-secondary)}.dark .table-row:hover{background:var(--bg-gradient-primary)}.profile-page{min-height:100vh;padding:2rem 1rem}.profile-container{max-width:80rem;margin:0 auto}.profile-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding:2rem;background:var(--bg-gradient-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-avatar{width:80px;height:80px;background:var(--primary-gradient);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);box-shadow:var(--shadow-lg);flex-shrink:0}.profile-info{flex:1;min-width:0}.profile-name{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-role{display:inline-block;margin-top:.5rem}.profile-actions{flex-shrink:0}.edit-button{display:flex;align-items:center;gap:.5rem}.edit-actions{display:flex;gap:.5rem}.save-button,.cancel-button{display:flex;align-items:center;gap:.25rem}.profile-content{display:grid;gap:2rem}.profile-section{width:100%}.profile-card{background:var(--bg-gradient-card);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-header{margin-bottom:1.5rem}.card-title{display:flex;align-items:center;gap:.75rem;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:.75rem 1rem;background:var(--bg-gradient-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.form-input::placeholder{color:var(--text-secondary)}.form-value{padding:.75rem 1rem;background:var(--bg-gradient-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);margin:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-grid{display:grid;gap:1.5rem}.info-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-gradient-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all var(--transition-fast)}.info-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.info-icon{width:40px;height:40px;background:var(--primary-gradient);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);flex-shrink:0}.info-content{flex:1;min-width:0}.info-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.info-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.settings-list{display:flex;flex-direction:column;gap:1rem}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-gradient-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all var(--transition-fast)}.setting-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.setting-info{flex:1;min-width:0}.setting-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 .25rem}.setting-description{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.profile-error{text-align:center;padding:4rem 2rem;background:var(--bg-gradient-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-error h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--danger-color);margin:0 0 1rem}.profile-error p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}@media (max-width: 768px){.profile-page{padding:1rem}.profile-header{flex-direction:column;text-align:center;gap:1rem;padding:1.5rem}.profile-avatar{width:64px;height:64px}.profile-name{font-size:var(--font-size-2xl)}.edit-actions{flex-direction:column;width:100%}.save-button,.cancel-button{width:100%;justify-content:center}.info-grid{grid-template-columns:1fr}.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-item .button{width:100%;justify-content:center}}@media (max-width: 480px){.profile-header{padding:1rem}.profile-avatar{width:56px;height:56px}.profile-name{font-size:var(--font-size-xl)}.card-title{font-size:var(--font-size-base)}.form-input,.form-value{padding:.625rem .875rem;font-size:13px}.info-item{padding:.75rem}.info-icon{width:32px;height:32px}.setting-item{padding:.75rem}}.dark .profile-card{background:var(--bg-gradient-card)}.dark .info-item,.dark .setting-item,.dark .form-input,.dark .form-value{background:var(--bg-gradient-secondary)}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:20px;background:var(--bg-gradient-primary)}.error-boundary h1{color:var(--danger-color);margin-bottom:16px;font-size:24px}.error-boundary p{color:var(--text-secondary);font-size:16px;margin:0}