*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f5f5;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:white;border-radius:8px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:20px}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary{background:#3b82f6;color:white}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#6b7280;color:white}.btn-secondary:hover{background:#4b5563}.btn-danger{background:#ef4444;color:white}.btn-danger:hover{background:#dc2626}.btn-success{background:#10b981;color:white}.btn-success:hover{background:#059669}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6}.form-group textarea{min-height:100px;resize:vertical}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:12px;text-align:left;border-bottom:1px solid #e5e7eb}.table th{font-weight:600;color:#374151}.table tbody tr:hover,.table th{background:#f9fafb}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-upcoming{background:#dbeafe;color:#1e40af}.badge-past{background:#f3f4f6;color:#6b7280}.header{background:white;border-bottom:1px solid #e5e7eb;padding:16px 0;margin-bottom:30px}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.header h1{font-size:24px;color:#111827}.error{background:#fee2e2;color:#991b1b}.error,.success{padding:12px;border-radius:6px;margin-bottom:20px}.success{background:#d1fae5;color:#065f46}.loading{text-align:center;padding:40px;color:#6b7280}.modal-overlay{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}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .75s linear infinite;margin:0 auto}.summary-card{background:white;border-radius:14px;padding:20px 24px;box-shadow:0 2px 12px rgba(0,0,0,.07);border:1px solid #f1f5f9;display:flex;align-items:center;gap:16px;transition:transform .15s,box-shadow .15s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.create-event-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;text-decoration:none;box-shadow:0 4px 12px rgba(59,130,246,.35);transition:transform .15s,box-shadow .15s}.create-event-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(59,130,246,.45)}.search-input{width:100%;padding:10px 12px 10px 38px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;color:#374151;outline:none;transition:border-color .15s;background:#fafafa}.search-input:focus{border-color:#3b82f6;background:white}.filter-select{padding:10px 36px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;color:#374151;outline:none;background:#fafafa;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .15s}.filter-select:focus{border-color:#3b82f6;background:white}.action-btn-edit{display:inline-flex;align-items:center;gap:5px;background:#eff6ff;color:#2563eb;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;text-decoration:none;border:1px solid #bfdbfe;transition:background .15s,border-color .15s;white-space:nowrap}.action-btn-edit:hover{background:#dbeafe;border-color:#93c5fd}.action-btn-delete{display:inline-flex;align-items:center;gap:5px;background:#fef2f2;color:#dc2626;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid #fecaca;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.action-btn-delete:hover{background:#fee2e2;border-color:#fca5a5}.table-row{transition:background .15s}.nav-link{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;font-size:14px;font-weight:500;color:#6b7280;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.nav-link:hover{background:#f3f4f6;color:#111827}.nav-link-active{background:#eff6ff;color:#2563eb;font-weight:600}.nav-link-active:hover{background:#dbeafe;color:#1d4ed8}.nav-logout-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;font-size:14px;font-weight:500;color:#6b7280;background:transparent;border:1.5px solid #e5e7eb;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.nav-logout-btn:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.modal{background:white;padding:24px;border-radius:8px;max-width:400px;width:90%}.modal h3{margin-bottom:16px;font-size:18px}.modal p{margin-bottom:20px;color:#6b7280}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:8px}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}