.seat-page{padding:80px 0;background-image:url(/FLYER%20NEW%20TO%20DANUS1.png);background-size:cover;background-position:50%;position:relative;min-height:100vh;color:#fff;text-align:center;overflow-x:hidden;font-family:sans-serif}.seat-page:before{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.7);z-index:0}.seat-content{position:relative;z-index:1}.countdown-timer{font-size:1.5rem;font-weight:700;color:red;margin-bottom:20px}@media (min-width:768px){.countdown-timer{font-size:2rem}}.seat-layout-wrapper{width:100%;padding:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.seat-layout{display:inline-grid;grid-template-columns:repeat(20,2.75rem);grid-auto-rows:2.75rem;gap:3px;min-width:max-content;justify-content:center}@media (max-width:768px){.seat-layout{gap:2px;grid-template-columns:repeat(auto-fit,minmax(2.5rem,auto));grid-auto-rows:2.5rem;min-width:max-content}}@media (min-width:1024px){.seat-layout-wrapper{display:flex;justify-content:center}}.stage{background:#000;font-weight:700;padding:10px}.pemusik,.stage{color:#fff;text-align:center;border-radius:6px}.pemusik{background:#222;font-size:12px;padding:6px}.seat-box{min-width:2.5rem;height:2.5rem;font-size:.75rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;font-weight:700;color:#000;cursor:pointer;transition:transform .1s}@media (min-width:768px){.seat-box{min-width:2.75rem;height:2.75rem;font-size:.875rem}}@media (min-width:1024px){.seat-box{min-width:2.75rem;height:2.75rem;font-size:1rem}}.seat-box.diamond{background:#c4f0f0}.seat-box.gold{background:gold}.seat-box.silver,.seat-box.silvera,.seat-box.silverc{background:#fff;border:1px solid #ccc}.seat-box.silverb{background:#cad3db}.seat-box.bronze{background:#f5b183}.seat-box.festival{background:#b3d2f2}.seat-box.available{cursor:pointer}.seat-box.completed,.seat-box.inprogress,.seat-box.new{filter:brightness(.6);color:#fff;cursor:not-allowed}.seat-modal{display:flex;align-items:center;justify-content:center;padding:1rem;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:9999}.seat-modal .modal-content{width:95%;max-width:24rem;padding:1rem;background:#fff;color:#000;border-radius:.5rem}.modal-content input{width:100%;margin-bottom:10px;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:4px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions button{padding:8px 14px;border:none;border-radius:4px;font-weight:700;cursor:pointer}.modal-actions button:disabled{background:#ccc;color:#666;cursor:not-allowed}.modal-actions button:not(:disabled){background-color:#0070f3;color:#fff}.modal-actions button:hover:not(:disabled){background-color:#005bb5}.seat-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px}.legend-box{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:6px;vertical-align:middle;border-radius:4px;font-size:14px;background-color:#eee}.legend-box.diamond{background:#b9f2ff;border:1px solid #aaa}.legend-box.gold{background:#f9e79f}.legend-box.silver,.legend-box.silvera,.legend-box.silverc{background:#fff;border:1px solid #ccc}.legend-box.silverb{background:#cad3db}.legend-box.bronze{background:#f5b183}.legend-box.festival{background:#b3d2f2}.legend-box.booked{background-color:#6b7280;color:#fff}.legend-box.sold{background-color:#555;color:#fff}