body{padding-top:50px;padding-bottom:20px}.body-content{padding-left:15px;padding-right:15px}.dl-horizontal dt{white-space:normal}input,select,textarea{max-width:100%}input,select,textarea{max-width:500px}h2{color:#1f3c88;margin-bottom:15px;margin-top:30px}.label{color:#000;font-size:110%;text-transform:uppercase}.wrap-search{margin-bottom:20px}.form-control{height:50px;display:inline-block;padding:5px 12px;margin-bottom:10px}.search-box{display:flex;gap:10px;margin-bottom:20px}.search-box input{flex:1;padding:12px;border:1px solid #ccc;border-radius:8px}.search-box button{background:#a08865;color:#fff;border:none;padding:6px 20px;border-radius:3px;cursor:pointer}.search-box button:hover{background:#000}.attendee-container{display:flex;flex-direction:column;gap:10px}.attendee-card{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px;border-radius:10px;box-shadow:0 3px 10px #00000014;transition:.3s}.attendee-card:hover{transform:scale(1.01);background:#f9fbff}.col{flex:1}.name{flex:2}.email{font-size:12px;color:#777}.badge{padding:5px 10px;border-radius:20px;font-size:12px}.present{background:#e6f9ee;color:#1a7f37}.absent{background:#ffe6e6;color:#b30000}.btn-checkin{background:#b79259;color:#fff;padding:3px 6px;border-radius:6px;text-decoration:none;height:33px;border:none}.btn-checkin:hover{background:#16306b}.done{color:#1a7f37;font-weight:700}.table-no{font-weight:700;color:#1f3c88;font-size:20px}.empty{color:#aaa}.col.center-block{text-align:center}.header{text-align:center;margin-bottom:30px}.header h1{margin:0;font-size:32px}.header p{color:#cbd5e1}.card{background:#fff;color:#111;border-radius:12px;padding:10px;margin-bottom:6px;box-shadow:0 10px 25px rgba(0,0,0,.2);display:flex;align-items:center;gap:20px;transition:.3s}.active{background:#333;border-left:6px solid #f97316;transform:scale(1.02)}.time{background:#b39058;color:#fff;padding:10px 15px;border-radius:8px;min-width:120px;text-align:center;font-weight:bold}.card.active.time{background:#fff7ed}.content h3{margin:0}.content p{margin:5px 0 0;color:#555}.live{background:#ef4444;color:#fff;padding:3px 8px;border-radius:6px;font-size:12px;margin-left:10px}.now-running{border-radius:10px;font-weight:bold;text-align:center;font-size:16px}.card.active{animation:blink 1s infinite}.ticket{width:100%;max-width:400px;margin:50px auto;background:#fff;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.15);overflow:hidden}.ticket-header{background:#1f3c88;color:#fff;padding:20px;text-align:center}.ticket-header h2{margin:0;font-size:20px;letter-spacing:1px}.ticket-body{padding:25px}.info{margin-bottom:12px;font-size:15px}.label{font-weight:bold;color:#555}.table-box{margin-top:20px;text-align:center;padding:15px;background:#eaf2ff;border-radius:10px}.table-number{font-size:40px;font-weight:bold;color:#1f3c88}.status{margin-top:15px;text-align:center;padding:10px;background:#e6f9ee;color:#1a7f37;border-radius:8px;font-weight:bold}.footer{text-align:center;padding:15px;font-size:12px;color:#888;border-top:1px dashed #ddd}.ticket-header{background:#1f3c88;color:#fff;padding:20px;text-align:center;position:relative}.back-btn{background:#8a6d3b;color:#f5f0f0;text-decoration:none;padding:15px 12px;border-radius:8px;font-size:20px;transition:all .2s ease}.back-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-50%) scale(1.05)}.back-btn:active{transform:translateY(-50%) scale(.95)}.navbar-inverse .navbar-nav>li>a{color:#fff;text-transform:uppercase}.card.text-white.bg-primary.shadow-sm.text-center.blue{background:#1f3c88;color:#fff}.card.text-white.bg-success.shadow-sm.text-center.green{background:#1a7f37;color:#fff}.card.text-white.bg-danger.shadow-sm.text-center.red{background:#b30000;color:#fff}.card.text-white.bg-warning.shadow-sm.text-center.yellow{background:#ff9800;color:#fff}.card-body{width:100%}.progress-bar{background:#1a7f37;font-size:16px}.image-card{width:100%;overflow:hidden;position:relative}.image-card-table{width:100%;position:relative;text-align:center}.image-card-table img{width:100%;height:auto;max-width:100%;display:block}button.btn-checkin.cari{height:50px;padding:2px 20px}div#nowRunning{background:#333;padding:5px;color:#fff}.card.active{background:#333;color:#fff}.card.active p{color:#fff}#nowRunning{animation:blinkText 1s infinite;font-weight:bold}@keyframes blinkText{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}@media(max-width:576px){.wrap-search{flex-direction:column}.btn-checkin{width:70%;border:none;padding:3px 2px}button.btn-checkin.cari{height:50px;width:100%}.attendee-card{padding:3px;border-radius:2px}.container{max-width:900px;margin:auto;padding:5px}.header h1{font-size:32px;text-align:center}.header p{text-align:center;margin-top:10px !important}.card{display:flex;gap:20px;align-items:center;padding:15px;border-radius:12px;margin-bottom:10px;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1)}.time{min-width:100px;text-align:center;background:#b39058;color:#fff;padding:10px;border-radius:8px;font-weight:bold}.content{flex:1}.content h4{margin:0;font-size:18px}.content p,.content li{font-size:14px}.card.active{background:#333;color:#fff;transform:scale(1.02)}.card.active p{color:#fff}.card.active.time{background:#fff;color:#000}.live{background:#f00;color:#fff;padding:2px 6px;font-size:11px;border-radius:5px;margin-left:8px}}@media(max-width:576px){.header h1{font-size:22px}.header p{font-size:14px}.card{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}.time{width:100%;text-align:left;font-size:14px;padding:8px}.content h4{font-size:16px}.content p,.content li{font-size:13px}.content{width:100%;word-wrap:break-word}button.btn.btn-primary.btn-lg{width:100%}}