:root{--primary: #4A90E2;--primary-dark: #357ABD;--primary-light: #6BA3E8;--secondary: #E91E63;--success: #10b981;--accent: #00BCD4;--warning: #f59e0b;--danger: #ef4444;--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--text-primary: #2C3E50;--text-secondary: #7F8C8D;--border: #E1E8ED;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--gradient-primary: linear-gradient(135deg, #4A90E2 0%, #E91E63 100%);--gradient-secondary: linear-gradient(135deg, #00BCD4 0%, #4A90E2 100%);--font-headings: "Poppins", -apple-system, sans-serif;--font-body: "Roboto", -apple-system, sans-serif;--font-mono: -apple-system, "SF Pro Text", "Segoe UI", Roboto, monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}html,body{width:100%;overflow-x:hidden}body{font-family:var(--font-body);background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);font-weight:600;letter-spacing:-.02em}input[type=number]{font-family:var(--font-mono);font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease-out}input,select,textarea{font-size:16px;font-family:inherit}.table-responsive,.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}canvas{max-width:100%;height:auto!important}@media(max-width:768px){button,.btn{min-height:44px}}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}img,video,svg{max-width:100%;height:auto}