.event-form-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:25px}.form-title{border-bottom:2px solid #667eea;color:#1f2937;font-size:1.3rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.event-form{gap:15px}.event-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#374151;font-size:.9rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:6px;font-family:inherit;font-size:.95rem;padding:10px 12px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#f9fafb;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.input-error,.form-group textarea.input-error{background-color:#fef2f2;border-color:#ef4444}.form-group input.input-error:focus,.form-group textarea.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.error-message{animation:shake .3s ease-in-out;font-size:.85rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.form-group textarea{font-size:.9rem;min-height:80px;resize:vertical}.form-buttons{display:flex;gap:10px;margin-top:10px}.btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:12px 16px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;color:#fff}.btn-primary:hover{box-shadow:0 6px 16px #667eea80;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#f3f4f6;border:2px solid #e5e7eb;color:#374151}.btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db}@media (max-width:768px){.event-form-card{padding:20px}.form-buttons{flex-direction:column}}.participant-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:10px;padding:12px}.participant-form h4{border-bottom:1px solid #d1d5db;color:#374151;font-size:.95rem;margin:0;padding-bottom:8px}.form-group-small{display:flex;flex-direction:column;gap:5px}.form-group-small label{color:#374151;font-size:.85rem;font-weight:600}.form-group-small input[type=email],.form-group-small input[type=tel],.form-group-small input[type=text],.form-group-small select{border:1px solid #d1d5db;border-radius:4px;font-size:.85rem;padding:8px 10px;transition:all .2s ease}.form-group-small input[type=email]:focus,.form-group-small input[type=tel]:focus,.form-group-small input[type=text]:focus,.form-group-small select:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.form-group-small input.input-error{background-color:#fef2f2;border-color:#ef4444}.form-group-small input.input-error:focus{box-shadow:0 0 0 2px #ef44441a}.error-message{color:#ef4444;font-size:.8rem;font-weight:500}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:8px}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px}.checkbox-label input[type=checkbox],.radio-label input[type=radio]{accent-color:#667eea;cursor:pointer;height:16px;width:16px}.radio-options{display:flex;flex-direction:column;gap:6px;margin-left:0}.radio-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.85rem;gap:8px}.form-buttons-small{display:flex;gap:8px;margin-top:5px}.btn-small{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:8px 12px;transition:all .2s ease}.btn-submit{background:#667eea;color:#fff}.btn-submit:hover{background:#764ba2;box-shadow:0 2px 8px #667eea66;transform:translateY(-1px)}.btn-submit:active{transform:translateY(0)}.btn-cancel{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-cancel:hover{background:#e5e7eb;border-color:#9ca3af}.participant-list{background:#f0f7ff;border-left:3px solid #667eea;border-radius:6px;padding:12px}.participant-list h5{border-bottom:1px solid #bfdbfe;color:#1f2937;font-size:.9rem;margin:0 0 10px;padding-bottom:8px}.no-participants{color:#9ca3af;font-size:.85rem;margin:0;padding:10px;text-align:center}.participants-ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.participant-item{align-items:center;background:#fff;border:1px solid #dbeafe;border-radius:4px;display:flex;gap:10px;justify-content:space-between;padding:10px;transition:all .2s ease}.participant-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33}.participant-info{flex:1 1;min-width:0}.participant-name{color:#1f2937;font-size:.9rem;font-weight:600;word-break:break-word}.participant-details{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.detail-badge{background:#e0e7ff;color:#3730a3;word-break:break-word}.attendance-badge,.detail-badge{border-radius:3px;font-size:.75rem;padding:2px 6px}.attendance-badge{font-weight:600}.attendance-offline{background:#dbeafe;color:#1e40af}.attendance-online{background:#d1fae5;color:#065f46}.attendance-hybrid{background:#fcd34d;color:#78350f}.remove-participant-btn{align-items:center;background:#fee2e2;border:none;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:28px;justify-content:center;transition:all .2s ease;width:28px}.remove-participant-btn:hover{background:#fecaca;transform:scale(1.1)}.remove-participant-btn:active{transform:scale(.95)}.event-card{background:#fff;border-left:5px solid #667eea;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.event-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.event-card-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:15px;justify-content:space-between;padding:20px}.event-title-section{display:flex;flex:1 1;flex-direction:column;gap:8px}.event-title-section h3{font-size:1.2rem;margin:0;word-break:break-word}.event-category{background:#fff3;border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.badge-workshop{background:#3b82f64d}.badge-seminar{background:#22c55e4d}.badge-training{background:#fb923c4d}.badge-konferensi{background:#8b5cf64d}.badge-meetup{background:#ec48994d}.event-actions{display:flex;gap:8px}.action-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-btn:hover{background:#ffffff4d;transform:scale(1.1)}.action-btn:active{transform:scale(.95)}.delete-btn:hover{background:#ef444480}.event-card-body{display:flex;flex:1 1;flex-direction:column;gap:15px;padding:20px}.event-detail{align-items:flex-start;color:#374151;display:flex;font-size:.95rem;gap:10px}.detail-icon{font-size:1.1rem;min-width:20px}.event-description{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}.participants-info{background:#f9fafb;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:12px}.participant-count{color:#374151;font-size:.9rem}.progress-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.progress-fill.full{background:linear-gradient(90deg,#ef4444,#dc2626)}.toggle-participants-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;font-weight:600;padding:0;text-align:left;transition:color .2s}.toggle-participants-btn:hover{color:#764ba2;text-decoration:underline}.participants-section{border-top:1px solid #f0f0f0;padding-top:12px}.btn-add-participant{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:auto;padding:12px;transition:all .2s ease;width:100%}.btn-add-participant:hover:not(.disabled){background:#059669;box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-add-participant:active:not(.disabled){transform:translateY(0)}.btn-add-participant.disabled{background:#d1d5db;cursor:not-allowed;opacity:.7}.participant-form-container{border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:10px;padding-top:12px}@media (max-width:768px){.event-card-header{padding:15px}.event-title-section h3{font-size:1.1rem}.event-card-body{padding:15px}}.event-list{width:100%}.event-list-header{border-bottom:2px solid #667eea;margin-bottom:25px;padding-bottom:15px}.event-list-header h2{color:#1f2937;font-size:1.5rem}.events-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.empty-list-message{background:#f9fafb;border-radius:8px;color:#9ca3af;padding:40px;text-align:center}.empty-list-message p{font-size:1rem}@media (max-width:1024px){.events-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.events-grid{grid-template-columns:1fr}.event-list-header h2{font-size:1.2rem}}.statistics-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:25px}.stats-title{border-bottom:2px solid #667eea;color:#1f2937;font-size:1.3rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:20px}.stat-item{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;gap:12px;padding:15px;transition:all .3s ease}.stat-item:hover{box-shadow:0 4px 16px #667eea66;transform:translateY(-2px)}.stat-icon{font-size:1.8rem;min-width:45px;text-align:center}.stat-content{flex:1 1}.stat-label{font-size:.85rem;font-weight:500;opacity:.9}.stat-value{font-size:1.5rem;font-weight:700;margin-top:2px}.stats-details{background:#f9fafb;border-left:4px solid #667eea;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:15px}.detail-row{align-items:center;color:#374151;display:flex;font-size:.9rem;justify-content:space-between}.detail-row span{font-weight:500}.detail-row strong{color:#1f2937;font-size:1.1rem}.detail-row strong.available{color:#10b981}.detail-row strong.unavailable{color:#ef4444}@media (max-width:1024px){.statistics-card{padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item{flex-direction:column;text-align:center}}@media (max-width:768px){.statistics-card{padding:15px}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:1.3rem}}.app-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;color:#fff;margin-bottom:20px;padding:40px 20px;text-align:center}.app-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.app-header p{font-size:1.1rem;opacity:.9}.notification{animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;font-weight:500;max-width:400px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:1000}.notification-success{background-color:#10b981;color:#fff}.notification-error{background-color:#ef4444;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.app-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:350px 1fr;margin:0 auto;max-width:1400px;padding:0 20px 40px}.sidebar{display:flex;flex-direction:column;gap:30px}.main-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:30px}.filters-section{border-bottom:2px solid #f0f0f0;display:flex;flex-direction:column;gap:15px;margin-bottom:30px;padding-bottom:20px}.search-box{width:100%}.search-input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:12px 15px;transition:border-color .3s;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.category-filter{display:flex;flex-direction:column;gap:8px}.category-filter label{color:#374151;font-size:.95rem;font-weight:600}.filter-select{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.95rem;padding:10px 12px;transition:border-color .3s}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.empty-state{color:#9ca3af;padding:60px 20px;text-align:center}.empty-state p{font-size:1.1rem}@media (max-width:1024px){.app-content{grid-template-columns:1fr}.sidebar{flex-direction:column}.main-content{grid-column:1;order:1}.sidebar{gap:20px;order:2}}@media (max-width:768px){.app-header h1{font-size:1.8rem}.app-content{gap:20px}.filters-section{flex-direction:column}.main-content{border-radius:8px;padding:20px}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}#root{margin:0 auto;max-width:1200px}
/*# sourceMappingURL=main.f2d26a35.css.map*/