:root{--bg-color:#f0f4f8;--card-bg:#fff;--text-primary:#1e293b;--text-secondary:#334155;--accent-color:#0256d4;--accent-hover:#0043aa;--border-color:#cbd5e1;--danger-color:#dc2626;--success-color:#16a34a;--header-bg:#fff;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a}[data-theme=dark]{--bg-color:#0f172a;--card-bg:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-hover:#60a5fa;--border-color:#334155;--danger-color:#ef4444;--success-color:#22c55e;--header-bg:#1e293b;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0006}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);min-height:100vh;color:var(--text-primary);flex-direction:column;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:18px;line-height:1.6;transition:background-color .3s,color .3s;display:flex}#root{flex-direction:column;flex:1;display:flex}.glass-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:8px;padding:24px}input,textarea,select{border:1px solid var(--border-color);background-color:var(--card-bg);color:var(--text-primary);border-radius:4px;padding:12px 16px;font-family:inherit;font-size:1rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-color);border-color:var(--accent-color)}button{cursor:pointer;background-color:var(--accent-color);color:#fff;border:none;border-radius:4px;outline:none;padding:12px 24px;font-family:inherit;font-size:1.1rem;font-weight:700;transition:background-color .2s}button:hover,button:focus{background-color:var(--accent-hover)}button.secondary{background-color:var(--card-bg);color:var(--accent-color);border:2px solid var(--accent-color)}button.secondary:hover{background-color:var(--bg-color)}.container{width:100%;max-width:800px;margin:0 auto;padding:2rem 1.5rem}@media (width>=768px){.container{max-width:1000px}}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:1rem;font-weight:700}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}button,.primary-action,.secondary-action,.stat-card,.res-card,.glass-card{transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s}button:hover:not(:disabled),.primary-action:hover,.secondary-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-card:hover,.res-card:hover,.glass-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-color);transform:translateY(-3px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-up{opacity:0;animation:.5s forwards fadeUp}.animate-scale{opacity:0;animation:.4s forwards fadeUp}@media (width<=480px){body{font-size:15px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}.container{padding:1rem .75rem}.glass-card{padding:16px}button{padding:10px 16px;font-size:.95rem}input,textarea,select{padding:10px 12px;font-size:.9rem}}@media (width>=481px) and (width<=768px){body{font-size:16px}.container{padding:1.25rem 1rem}}