:root{--primary: #FF5A36;--primary-dark: #E04420;--primary-light: #FF7F50;--secondary: #00A86B;--secondary-dark: #2E8B57;--accent: #FFEA00;--bg-dark: #1A1A1A;--bg-surface: #2C2C2C;--bg-elevated: #3A3A3A;--border: #4A4A4A;--text-primary: #FFFFFF;--text-secondary: #CCCCCC;--text-muted: #999999;--success: #00A86B;--warning: #FFEA00;--danger: #EF4444;--nav-width: 200px;--topbar-height: 56px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 4px var(--primary)}50%{box-shadow:0 0 16px var(--primary)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes droplet{0%{transform:translateY(0);opacity:1}to{transform:translateY(30px);opacity:0}}@keyframes stir{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes bubble{0%{transform:translateY(0) scale(1);opacity:.6}to{transform:translateY(-20px) scale(.5);opacity:0}}.fade-in{animation:fadeIn .3s ease-out}.glass-effect{background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}