@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-color:#00877a;--primary-hover:#006f64;--primary-light:#e8f5f3;--bg-color:#f5f7fa;--card-bg:#fff;--text-main:#1f2937;--text-muted:#6b7280;--border-color:#e5e7eb;--success:#10b981;--success-light:#d1fae5;--success-text:#059669;--danger:#ef4444;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:hidden}.app-container{max-width:600px;min-height:100vh;box-shadow:var(--shadow-lg);background-color:#fff;margin:0 auto;position:relative}.list-view-content{padding:1.5rem}.header{text-align:center;margin-bottom:2rem}.header h1{color:var(--primary-color);margin-bottom:.5rem;font-size:2rem;font-weight:700}.header p{color:var(--text-muted);opacity:0;font-size:1.1rem;animation:.6s ease-out .1s forwards fadeUp}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;padding:2rem;animation:.8s ease-out .2s forwards fadeIn}.upload-area{border:2px dashed var(--primary-color);border-radius:var(--radius-md);background-color:var(--primary-light);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:3rem;transition:all .3s;display:flex}.upload-area:hover{box-shadow:var(--shadow-md);background-color:#d8b4fe20;transform:translateY(-2px)}.upload-icon{color:var(--primary-color);margin-bottom:1rem}.upload-text{color:var(--primary-color);margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.upload-subtext{color:var(--text-muted);font-size:.9rem}.controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-wrapper{flex:1;max-width:400px;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;outline:none;width:100%;padding:.75rem 1rem .75rem 2.75rem;font-size:1rem;transition:all .3s}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e533}.stats-badge{background:var(--primary-light);color:var(--primary-color);border-radius:9999px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.card-list{flex-direction:column;gap:1rem;display:flex}.participant-card{border-radius:var(--radius-lg);cursor:pointer;background:#fff;border:1px solid #0000000a;flex-direction:column;gap:.75rem;padding:1.25rem;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #00000008,0 1px 3px #00000005}.participant-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000000f,0 2px 8px #0000000a}.card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.card-name{color:var(--text-main);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.card-id{color:var(--text-muted);font-family:monospace;font-size:.75rem}.card-body{color:var(--text-muted);flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.9rem;display:flex}.card-info-item{align-items:center;gap:.5rem;display:flex}.gender-badge{color:#475569;background-color:#f1f5f9;border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:500;display:inline-block}.gender-badge.laki-laki{color:#0369a1;background-color:#e0f2fe}.gender-badge.perempuan{color:#be185d;background-color:#fce7f3}.pagination{justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem 0;display:flex}.pagination-info{color:var(--text-muted);font-size:.9rem}.pagination-controls{gap:.5rem;display:flex}.btn-icon{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;color:var(--text-main);background:#fff;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-icon:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9}.detail-view{background:var(--bg-color);flex-direction:column;min-height:100vh;animation:.3s ease-out forwards slideIn;display:flex}.detail-header{background-color:var(--primary-color);color:#fff;align-items:center;padding:1rem;display:flex}.list-header{background-color:var(--primary-color);padding:1.5rem 1rem 1rem;box-shadow:0 2px 15px #0000001a}.detail-header-title{flex:1;margin-left:1rem;font-size:1.1rem;font-weight:600}.back-button{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.detail-content{flex:1;padding:1rem 1rem 6rem}.status-box{background-color:var(--success-light);color:var(--success-text);text-align:center;border-radius:var(--radius-sm);letter-spacing:1px;margin-bottom:1rem;padding:.75rem;font-weight:700}.detail-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;margin-bottom:1rem;padding:1.25rem}.detail-card-title{color:var(--text-main);margin-bottom:1rem;font-size:1rem;font-weight:600}.info-row{justify-content:space-between;margin-bottom:.75rem;font-size:.9rem;display:flex}.info-row:last-child{margin-bottom:0}.info-label{color:var(--text-muted)}.info-value{color:var(--text-main);text-align:right;word-wrap:break-word;max-width:65%;font-weight:500}.divider{background-color:var(--border-color);height:1px;margin:1rem 0}.event-info{gap:1rem;margin-bottom:1rem;display:flex}.event-image{border-radius:var(--radius-sm);object-fit:cover;background:#eee;width:80px;height:80px}.event-text{flex:1}.event-title-text{color:var(--text-main);margin-bottom:.25rem;font-size:1rem;font-weight:600;line-height:1.3}.event-location{color:#0284c7;align-items:flex-start;gap:.25rem;font-size:.8rem;line-height:1.4;display:flex}.event-date-badge{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;font-size:.8rem;display:inline-flex}.ticket-row{align-items:center;gap:1rem;display:flex}.ticket-icon{background:var(--primary-color);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ticket-details{flex:1}.ticket-type{color:var(--text-main);font-size:.9rem;font-weight:600}.ticket-price{color:var(--text-muted);font-size:.85rem}.ticket-qty{font-size:1rem;font-weight:600}.accordion-header{cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:1rem;font-weight:600;display:flex}.sticky-bottom-bar{border-top:1px solid var(--border-color);background:#fff;padding:1rem}.btn-primary-full{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:background .2s;display:flex}.btn-primary-full:hover{background-color:var(--primary-hover)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.w-full{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-profile{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--primary-light), #c4b5fd);width:60px;height:60px;color:var(--primary-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}@media (width<=768px){.app-container{padding:1rem}.header h1{font-size:1.75rem}.header p{font-size:.95rem}.glass-card{padding:1rem}.header-stats{flex-direction:column;align-items:flex-start;gap:.5rem}.event-title{font-size:1.25rem!important}.controls-bar{flex-direction:column;align-items:stretch}.search-wrapper{max-width:100%}.stats-badge{align-self:flex-start}.hide-mobile{display:none!important}.data-table th,.data-table td{padding:.75rem .5rem;font-size:.85rem}.pagination{justify-content:center}.modal-content{max-height:95vh}.detail-grid{grid-template-columns:1fr;gap:1rem}}.search-container.modern{margin-bottom:1.5rem;position:relative}.search-input.modern{box-sizing:border-box;background:#fff;border:1px solid #00000014;border-radius:50px;width:100%;padding:.85rem 1rem .85rem 2.8rem;font-size:.95rem;transition:all .2s;box-shadow:0 2px 8px #00000005}.search-input.modern:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 4px #00877a1a}.search-container.modern .search-icon{color:var(--text-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.segmented-control{background:#fff3;border-radius:50px;width:100%;margin-bottom:.5rem;padding:4px;display:flex}.segment-btn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:50px;flex:1;padding:.6rem 0;font-size:.95rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1)}.segment-btn.active{color:var(--primary-color);background:#fff;font-weight:600;box-shadow:0 2px 6px #0000001a}.modern-pagination{justify-content:center;align-items:center;gap:1.25rem;margin-top:2rem;margin-bottom:1rem;display:flex}.modern-pagination-btn{border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-main);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000000a}.modern-pagination-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);background:#00877a0d;transform:translateY(-2px);box-shadow:0 4px 12px #00877a26}.modern-pagination-btn:disabled{opacity:.3;cursor:not-allowed;background:#f9fafb}.modern-pagination-text{color:var(--text-main);border:1px solid var(--border-color);background:#fff;border-radius:100px;padding:.5rem 1.25rem;font-size:1rem;font-weight:700;box-shadow:0 2px 8px #0000000a}