*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#1f2937}.app{max-width:1100px;margin:auto;padding:30px}.hero{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#eef2ff,#fff);padding:30px;border-radius:16px;margin-bottom:30px}.hero img{width:280px}.hero h1{margin:0;font-size:2.2rem}.hero p{max-width:420px;color:#555}.card{background:#fff;border-radius:14px;padding:24px;margin-bottom:25px;box-shadow:0 10px 25px #0000000f}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}input,select{padding:12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px}input:focus,select:focus{outline:none;border-color:#6366f1}button{margin-top:18px;padding:12px 18px;border-radius:8px;border:none;font-size:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000001f}.primary{background:#4f46e5;color:#fff}.secondary{background:#10b981;color:#fff}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #eee}th{text-align:left;font-weight:600}.muted{color:#6b7280}.fade-in{animation:fadeIn .8s ease forwards}.slide-up{animation:slideUp .7s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}