*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:30px;margin-bottom:20px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}.btn-secondary{background:#f3f4f6;color:#333}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.nav{background:#fff;padding:20px;margin-bottom:30px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);justify-content:space-between}.nav,.nav-links{display:flex;align-items:center}.nav-links{gap:20px}.nav-link{padding:8px 16px;border-radius:6px;transition:background .3s ease}.nav-link:hover{background:#f3f4f6}.nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.auth-container{max-width:450px;margin:100px auto}.error{background:#fee2e2;color:#dc2626}.error,.success{padding:12px;border-radius:8px;margin-bottom:20px}.success{background:#d1fae5;color:#059669}.grid{display:grid;grid-gap:20px;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.event-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.event-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.shift-card{background:#f9fafb;border-left:4px solid #667eea;padding:16px;border-radius:8px;margin-bottom:12px}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:600}.badge-organizer{background:#dbeafe;color:#1e40af}.badge-volunteer{background:#dcfce7;color:#166534}.badge-admin{background:#fef3c7;color:#92400e}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:30px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280}.close-btn:hover{color:#111827}.preference-stars{display:flex;gap:8px;margin-top:8px}.star{font-size:24px;cursor:pointer;transition:transform .2s ease}.star:hover{transform:scale(1.2)}.star.filled{color:#fbbf24}.star.empty{color:#d1d5db}h1,h2,h3{color:#111827;margin-bottom:16px}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}.loading{text-align:center;padding:40px;color:#fff;font-size:18px}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state h3{color:#6b7280;margin-bottom:12px}