.animate-fade-in{animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.liquid-flow{background:linear-gradient(45deg,rgba(139,95,245,.8),rgba(96,165,250,.8),rgba(139,95,245,.8));background-size:300% 300%;animation:liquidFlow 3s ease-in-out infinite}@keyframes liquidFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}:root[data-theme=dark]{--color-magic-50:245 243 255;--color-magic-100:237 233 254;--color-magic-200:221 214 254;--color-magic-300:196 181 253;--color-magic-400:167 139 250;--color-magic-500:139 95 245;--color-magic-600:124 58 237;--color-magic-700:109 40 217;--color-magic-800:91 33 182;--color-magic-900:76 29 149;--color-amber-50:255 251 235;--color-amber-100:254 243 199;--color-amber-200:253 230 138;--color-amber-300:252 211 77;--color-amber-400:251 191 36;--color-amber-500:245 158 11;--color-amber-600:217 119 6;--color-amber-700:180 83 9;--color-amber-800:146 64 14;--color-amber-900:120 53 15;--color-bg-primary:10 10 15;--color-bg-secondary:19 19 26;--color-bg-tertiary:26 26 35;--color-bg-elevated:33 33 44;--color-bg-overlay:42 42 56;--color-border-subtle:42 42 56;--color-border-default:56 56 74;--color-border-strong:74 74 92;--color-border-focus:92 92 110;--color-text-primary:248 250 252;--color-text-secondary:203 213 225;--color-text-tertiary:148 163 184;--color-text-disabled:100 116 139;--color-text-placeholder:71 85 105;--color-text-muted:51 65 85;--color-success:16 185 129;--color-warning:245 158 11;--color-error:239 68 68;--color-info:59 130 246;--color-cocktail-orange:251 146 60;--color-cocktail-red:239 68 68;--color-wine-red:185 28 28;--color-champagne-gold:252 211 77;--color-hover-overlay:139 95 245/0.1;--color-active-overlay:139 95 245/0.2;--color-focus-ring:139 95 245/0.5;--color-selection-bg:139 95 245/0.15;--gradient-magic:linear-gradient(135deg,rgb(var(--color-magic-500)/0.13) 0%,rgb(99 102 241/0.13) 35%,rgb(59 130 246/0.13) 70%,rgb(6 182 212/0.13) 100%);--gradient-magic-hover:linear-gradient(135deg,rgb(var(--color-magic-600)) 0%,rgb(91 33 182) 35%,rgb(30 64 175) 70%,rgb(8 145 178) 100%);--gradient-magic-active:linear-gradient(135deg,rgb(var(--color-magic-700)) 0%,rgb(76 29 149) 35%,rgb(30 58 138) 70%,rgb(7 89 133) 100%);--gradient-cocktail:linear-gradient(135deg,rgb(var(--color-amber-400)) 0%,rgb(var(--color-amber-500)) 50%,rgb(var(--color-cocktail-orange)) 100%);--gradient-cocktail-hover:linear-gradient(135deg,rgb(var(--color-amber-500)) 0%,rgb(var(--color-amber-600)) 50%,rgb(245 101 101) 100%);--gradient-bg:linear-gradient(135deg,rgb(var(--color-bg-primary)) 0%,rgb(var(--color-bg-secondary)) 50%,rgb(var(--color-bg-tertiary)) 100%);--gradient-card:linear-gradient(135deg,rgb(var(--color-bg-tertiary)) 0%,rgb(var(--color-bg-elevated)) 100%);--gradient-nav:linear-gradient(90deg,rgb(var(--color-bg-primary)) 0%,rgb(var(--color-bg-secondary)) 100%);--gradient-success:linear-gradient(135deg,rgb(var(--color-success)) 0%,rgb(5 150 105) 100%);--gradient-warning:linear-gradient(135deg,rgb(var(--color-warning)) 0%,rgb(var(--color-amber-600)) 100%);--gradient-error:linear-gradient(135deg,rgb(var(--color-error)) 0%,rgb(220 38 38) 100%);--gradient-info:linear-gradient(135deg,rgb(var(--color-info)) 0%,rgb(37 99 235) 100%);--glow-magic:0 0 20px rgb(var(--color-magic-500)/0.3);--glow-magic-strong:0 0 40px rgb(var(--color-magic-500)/0.4);--glow-magic-intense:0 0 60px rgb(var(--color-magic-500)/0.5);--glow-cocktail:0 0 20px rgb(var(--color-amber-400)/0.3);--glow-cocktail-strong:0 0 30px rgb(var(--color-amber-400)/0.4);--glow-success:0 0 20px rgb(var(--color-success)/0.3);--glow-warning:0 0 20px rgb(var(--color-warning)/0.3);--glow-error:0 0 20px rgb(var(--color-error)/0.3);--glow-info:0 0 20px rgb(var(--color-info)/0.3);--glow-subtle:0 2px 10px rgb(0 0 0/0.3);--glow-elevated:0 4px 20px rgb(0 0 0/0.4)}body[data-theme=dark]{background:var(--gradient-bg);color:rgb(var(--color-text-primary));min-height:100vh}.magic-glow{box-shadow:var(--glow-magic);transition:box-shadow .3s ease}.magic-glow-strong,.magic-glow:hover{box-shadow:var(--glow-magic-strong)}.magic-border{border:1px solid rgb(var(--color-magic-500)/.5);transition:border-color .3s ease}.magic-border:hover{border-color:rgb(var(--color-magic-500)/.8)}.magic-gradient{background:var(--gradient-magic)}.magic-gradient:hover{background:var(--gradient-magic-hover)}.magic-gradient:active{background:var(--gradient-magic-active)}.cocktail-accent{color:rgb(var(--color-amber-400));text-shadow:0 0 10px rgb(var(--color-amber-400)/.3)}.cocktail-glow{box-shadow:var(--glow-cocktail)}.cocktail-glow:hover{box-shadow:var(--glow-cocktail-strong)}.cocktail-gradient{background:var(--gradient-cocktail)}.cocktail-gradient:hover{background:var(--gradient-cocktail-hover)}.success-glow{box-shadow:var(--glow-success)}.warning-glow{box-shadow:var(--glow-warning)}.error-glow{box-shadow:var(--glow-error)}.info-glow{box-shadow:var(--glow-info)}.card-base{background:rgb(var(--color-bg-tertiary));border:1px solid rgb(var(--color-border-default));border-radius:12px;transition:all .3s ease}.card-elevated{border:1px solid rgb(var(--color-border-strong));box-shadow:var(--glow-elevated)}.card-elevated,.card-magic{background:var(--gradient-card)}.card-magic{border:1px solid rgb(var(--color-magic-200));box-shadow:var(--glow-magic);transition:all .3s ease}.card-magic:hover{border-color:rgb(var(--color-magic-500)/.6);box-shadow:var(--glow-magic-strong);transform:translateY(-2px)}.btn-magic{background:var(--gradient-magic);color:rgb(var(--color-text-primary));border:none;padding:8px 16px;border-radius:8px;font-weight:600;box-shadow:var(--glow-magic);transition:all .3s ease;cursor:pointer}.btn-magic:hover{background:var(--gradient-magic-hover);box-shadow:var(--glow-magic-strong);transform:translateY(-1px)}.btn-magic:active{background:var(--gradient-magic-active);transform:translateY(0)}.btn-cocktail{background:var(--gradient-cocktail);color:rgb(var(--color-text-primary));border:none;padding:8px 16px;border-radius:8px;font-weight:600;box-shadow:var(--glow-cocktail);transition:all .3s ease;cursor:pointer}.btn-cocktail:hover{background:var(--gradient-cocktail-hover);box-shadow:var(--glow-cocktail-strong);transform:translateY(-1px)}.btn-success{background:var(--gradient-success);color:rgb(var(--color-text-primary));border:none;padding:8px 16px;border-radius:8px;font-weight:600;box-shadow:var(--glow-success);transition:all .3s ease;cursor:pointer}.btn-success:hover{box-shadow:0 0 30px rgb(var(--color-success)/.4);transform:translateY(-1px)}@media (max-width:768px){:root[data-theme=dark]{--glow-magic:0 0 10px rgb(var(--color-magic-500)/0.2);--glow-magic-strong:0 0 15px rgb(var(--color-magic-500)/0.3);--glow-cocktail:0 0 10px rgb(var(--color-amber-400)/0.2)}.btn-cocktail:hover,.btn-magic:hover,.btn-success:hover,.card-magic:hover{transform:none}}@media (prefers-contrast:high){:root[data-theme=dark]{--color-text-primary:255 255 255;--color-bg-primary:0 0 0;--color-border-default:102 102 102;--color-magic-500:168 85 247;--glow-magic:none;--glow-cocktail:none;--glow-success:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}:root[data-theme=dark]{--glow-magic:none;--glow-cocktail:none}}@keyframes magic-pulse{0%,to{box-shadow:var(--glow-magic)}50%{box-shadow:var(--glow-magic-strong)}}@keyframes cocktail-shimmer{0%{background-position:-200%}to{background-position:200%}}.magic-pulse{animation:magic-pulse 3s ease-in-out infinite}.cocktail-shimmer{background:linear-gradient(90deg,rgb(var(--color-amber-400)) 0,rgb(var(--color-champagne-gold)) 50%,rgb(var(--color-amber-400)) 100%);background-size:200% 100%;animation:cocktail-shimmer 2s ease-in-out infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.magic-selected{background:var(--gradient-magic);border:1px solid rgb(var(--color-magic-500));box-shadow:var(--glow-magic-intense)}.cocktail-selected,.magic-selected{color:rgb(var(--color-text-primary))}.cocktail-selected{background:var(--gradient-cocktail);border:1px solid rgb(var(--color-amber-400));box-shadow:var(--glow-cocktail-strong)}.business-active{border:1px solid rgb(var(--color-success));box-shadow:var(--glow-success);background:linear-gradient(135deg,rgb(var(--color-bg-tertiary)) 0,rgb(var(--color-success)/.05) 100%)}.text-magic{text-shadow:0 0 10px rgb(var(--color-magic-500)/.3)}.text-cocktail{text-shadow:0 0 10px rgb(var(--color-amber-400)/.3)}.text-muted{color:rgb(var(--color-text-muted))}.magicbar-dark-input,.magicbar-dark-input:focus,.magicbar-dark-input:hover{background:#18192b!important;color:#fff!important;transition:background .2s;border:1px solid #3b3b4a}.magicbar-dark-input:focus,.magicbar-dark-input:hover{background:#23243a!important}.card-elegant{background:rgb(var(--color-bg-tertiary));border:1px solid rgb(var(--color-border-default));border-radius:12px;transition:all .3s ease}.card-elegant:hover{border:1px solid transparent;background:linear-gradient(rgb(var(--color-bg-tertiary)),rgb(var(--color-bg-tertiary))) padding-box,var(--gradient-magic) border-box;transform:translateY(-1px);box-shadow:0 4px 20px rgb(var(--color-magic-500)/.03)}.btn-elegant-primary{background:rgb(var(--color-bg-elevated));color:rgb(var(--color-text-primary));border:1px solid rgb(var(--color-border-default));padding:8px 16px;border-radius:8px;font-weight:600;transition:all .3s ease;cursor:pointer}.btn-elegant-primary:hover{border:1px solid transparent;background:linear-gradient(rgb(var(--color-bg-elevated)),rgb(var(--color-bg-elevated))) padding-box,var(--gradient-magic) border-box;transform:translateY(-1px);box-shadow:0 4px 15px rgb(var(--color-magic-500)/.05)}.btn-elegant-success{background:rgb(var(--color-bg-elevated));color:rgb(var(--color-text-primary));border:1px solid rgb(var(--color-border-default));padding:8px 16px;border-radius:8px;font-weight:600;transition:all .3s ease;cursor:pointer}.btn-elegant-success:hover{border:1px solid transparent;background:linear-gradient(rgb(var(--color-bg-elevated)),rgb(var(--color-bg-elevated))) padding-box,var(--gradient-success) border-box;transform:translateY(-1px);box-shadow:0 4px 15px rgb(var(--color-success)/.05)}.btn-elegant-warning{background:rgb(var(--color-bg-elevated));color:rgb(var(--color-text-primary));border:1px solid rgb(var(--color-border-default));padding:8px 16px;border-radius:8px;font-weight:600;transition:all .3s ease;cursor:pointer}.btn-elegant-warning:hover{border:.5px solid transparent;background:linear-gradient(rgb(var(--color-bg-elevated)),rgb(var(--color-bg-elevated))) padding-box,var(--gradient-success) border-box;transform:translateY(-1px);box-shadow:0 4px 15px rgb(var(--color-amber-400)/.05)}.icon-neutral{background:rgb(var(--color-bg-elevated));color:rgb(var(--color-text-secondary));border:1px solid rgb(var(--color-border-default));transition:all .3s ease}.icon-primary{background:linear-gradient(135deg,rgb(var(--color-magic-500)) 0,rgb(var(--color-magic-600)) 100%);color:white;border:none}.icon-success{background:linear-gradient(135deg,rgb(var(--color-success)) 0,rgb(5 150 105) 100%);color:white;border:none}.icon-warning{background:linear-gradient(135deg,rgb(var(--color-warning)) 0,rgb(var(--color-amber-600)) 100%);color:white;border:none}.icon-error{background:linear-gradient(135deg,rgb(var(--color-error)) 0,rgb(220 38 38) 100%)}.icon-error,.icon-info{color:white;border:none}.icon-info{background:linear-gradient(135deg,rgb(var(--color-info)) 0,rgb(37 99 235) 100%)}.icon-cocktail{background:var(--gradient-cocktail)!important}.icon-cocktail,.icon-time{color:white!important;border:none!important}.icon-time{background:linear-gradient(135deg,rgb(126 34 206),rgb(147 51 234))!important}.icon-user{background:linear-gradient(135deg,rgb(var(--color-info)) 0,rgb(37 99 235) 100%)!important;color:white!important;border:none!important}.icon-data{background:linear-gradient(135deg,rgb(var(--color-info)) 0,rgb(37 99 235) 100%);color:white;border:none}.icon-connection-online{background:linear-gradient(135deg,rgb(var(--color-success)) 0,rgb(5 150 105) 100%)!important;color:white!important;border:none!important}.icon-connection-offline{background:linear-gradient(135deg,rgb(var(--color-error)) 0,rgb(220 38 38) 100%)!important;color:white!important;border:none!important}.icon-connection-unstable{background:linear-gradient(135deg,rgb(var(--color-warning)) 0,rgb(var(--color-amber-600)) 100%)!important;color:white!important;border:none!important}.icon-business-open{background:linear-gradient(135deg,rgb(var(--color-success)) 0,rgb(5 150 105) 100%)!important;box-shadow:0 0 20px rgb(var(--color-success)/.3)!important}.icon-business-closed,.icon-business-open{color:white!important;border:none!important}.icon-business-closed{background:linear-gradient(135deg,rgb(var(--color-text-disabled)) 0,rgb(71 85 105) 100%)!important}.business-status-active{border:1px solid rgb(var(--color-success)/.5);background:linear-gradient(135deg,rgb(var(--color-bg-tertiary)) 0,rgb(var(--color-success)/.03) 100%);box-shadow:0 0 20px rgb(var(--color-success)/.1)}.action-item{background:rgb(var(--color-bg-elevated)/.5);border:1px solid rgb(var(--color-border-default));border-radius:8px;transition:all .3s ease}.action-item:hover{background:rgb(var(--color-bg-elevated));border-color:rgb(var(--color-border-strong));transform:translateY(-1px);box-shadow:0 4px 15px rgb(0 0 0/.1)}.action-item-urgent:hover{border:1px solid transparent;background:linear-gradient(rgb(var(--color-bg-elevated)),rgb(var(--color-bg-elevated))) padding-box,linear-gradient(135deg,rgb(var(--color-error)) 0,rgb(220 38 38) 100%) border-box;box-shadow:0 4px 15px rgb(var(--color-error)/.05)}.action-item-medium:hover{border:1px solid transparent;background:linear-gradient(rgb(var(--color-bg-elevated)),rgb(var(--color-bg-elevated))) padding-box,var(--gradient-cocktail) border-box;box-shadow:0 4px 15px rgb(var(--color-amber-400)/.05)}.action-item-low:hover{border:1px solid transparent;background:linear-gradient(rgb(var(--color-bg-elevated)),rgb(var(--color-bg-elevated))) padding-box,var(--gradient-success) border-box;box-shadow:0 4px 15px rgb(var(--color-success)/.05)}.text-magic{color:rgb(var(--color-magic-500))}.text-cocktail{color:rgb(var(--color-amber-400))}.text-success{color:rgb(var(--color-success))}.text-warning{color:rgb(var(--color-warning))}.text-error{color:rgb(var(--color-error))}.text-info{color:rgb(var(--color-info))}.text-primary{color:rgb(var(--color-text-primary))}.text-secondary{color:rgb(var(--color-text-secondary))}.text-tertiary{color:rgb(var(--color-text-tertiary))}.username-highlight{background:var(--gradient-cocktail);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}