body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;background:#ffffff;min-height:100vh;color:#1a1a1a;line-height:1.6}*{box-sizing:border-box}.modern-card{background:#ffffff;border-radius:20px;border:1px solid #e5e7eb;box-shadow:0 8px 32px rgba(0,0,0,.1);transition:all .3s ease}.modern-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.15);border-color:#667eea}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:16px;padding:16px 32px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px rgba(102,126,234,.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.6)}.btn-secondary{background:#ffffff;color:#667eea;border:1px solid #667eea;border-radius:16px;padding:12px 24px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#667eea;color:#ffffff;transform:translateY(-1px)}.modern-input{background:#ffffff;border:1px solid #d1d5db;border-radius:12px;padding:16px 20px;font-size:16px;outline:none;transition:all .3s ease}.modern-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);background:#ffffff}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-success{background:rgba(34,197,94,.1);color:#16a34a;border:1px solid rgba(34,197,94,.2)}.status-warning{background:rgba(245,158,11,.1);color:#d97706;border:1px solid rgba(245,158,11,.2)}.heading-xl{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1.2}.heading-lg{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.text-muted{color:#666;font-size:.9rem}.mobile-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;padding:1rem}@media (min-width:640px){.mobile-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1.5rem}}@media (min-width:1024px){.mobile-grid{grid-template-columns:repeat(3,1fr);gap:2rem;padding:2rem}}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;font-size:24px;font-weight:300;cursor:pointer;box-shadow:0 8px 20px rgba(102,126,234,.4);transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center;line-height:1}.fab,.fab:hover{color:white;text-decoration:none}.fab:hover{transform:scale(1.1);box-shadow:0 12px 30px rgba(102,126,234,.6)}.fab:active{transform:scale(.95)}.modern-nav{background:#ffffff;border-bottom:1px solid #e5e7eb;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.1)}.rating-stars{display:flex;gap:2px;font-size:1.2rem}.star{color:#fbbf24;transition:all .2s ease}.star.empty{color:#d1d5db}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .6s ease forwards}body{background:#ffffff;color:#1a1a1a}