:root{--bg-color:#080808;--bg-lines:linear-gradient(90deg, #ffffff05 1px, transparent 1px), linear-gradient(#ffffff05 1px, transparent 1px);--bg-lines-size:40px 40px;--text-primary:#f2f2f2;--text-secondary:#999;--panel-bg:#111;--panel-border:1px solid #2a2a2a;--primary:#e50914;--primary-hover:#b80710;--accent:#ffc300;--danger:#e50914;--success:#1e9146;--radius:0px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:var(--bg-lines);background-size:var(--bg-lines-size);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Jost,sans-serif}h1,h2,h3,h4,th{letter-spacing:.02em;font-family:Prata,serif;font-weight:400}.ui-panel{background:var(--panel-bg);border:var(--panel-border);border-radius:var(--radius);position:relative;overflow:hidden;box-shadow:4px 4px #e509141a}.sidebar-link{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .3s;display:flex;position:relative}.sidebar-link:hover{color:#fff}.sidebar-link.active{color:#fff;background:linear-gradient(90deg,#e509141a 0%,#0000 100%)}.sidebar-link.active:before{content:"";background-color:var(--primary);width:3px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideRight;position:absolute;top:0;bottom:0;left:0}@keyframes slideRight{0%{transform:scaleY(0)}to{transform:scaleY(1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-color);border-left:var(--panel-border)}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:var(--primary)}button{cursor:pointer;border-radius:var(--radius);text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;padding:.5rem 1.25rem;font-family:Jost,sans-serif;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:active{transform:translate(2px,2px)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-danger{border:1px solid var(--danger);color:var(--danger);background-color:#0000}.btn-danger:hover{background-color:var(--danger);color:#fff}input,select,textarea{border:var(--panel-border);color:#fff;border-radius:var(--radius);background:#000;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .3s}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:#0a0a0a}label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:var(--panel-border);padding:1.25rem 1rem}.data-table th{color:var(--text-secondary);font-size:.8rem}.data-table tr:hover td{background:#ffffff05}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:2px;padding:.25rem .75rem;font-size:.7rem;font-weight:700;display:inline-block}.status-badge.NowPlaying{color:#2ecc71;background:#1e914626;border:1px solid #2ecc71}.status-badge.ComingSoon{color:var(--primary);border:1px solid var(--primary);background:#e509141a}.status-badge.Ended{color:#666;background:#222;border:1px solid #444}.action-btn{background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:inline-flex}.action-btn.edit:hover{border-color:var(--accent);background:#ffc3001a;color:var(--accent)!important}.action-btn.delete:hover{border-color:var(--primary);background:#e509141a;color:var(--primary)!important}.drawer-form{flex-direction:column;gap:1.5rem;display:flex}.drawer-form .form-group{flex-direction:column;gap:.5rem;display:flex}.drawer-form .form-group label{color:var(--text-secondary);font-size:.75rem}.drawer-form input,.drawer-form select,.drawer-form textarea{width:100%}.pagination-container{border-top:var(--panel-border);background:#ffffff03;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.pagination-info{color:var(--text-secondary);font-size:.85rem}.pagination-info b{color:#fff}.pagination-controls{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.pageSize-selector{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.pageSize-selector select{background:#111;border-color:#333;padding:.25rem .5rem;font-size:.8rem}.pagination-buttons{align-items:center;gap:.25rem;display:flex}.pagination-btn,.pagination-nav{min-width:32px;height:32px;color:var(--text-secondary);background:0 0;border:1px solid #222;justify-content:center;align-items:center;padding:0;font-size:.8rem;transition:all .2s;display:flex}.pagination-btn:hover,.pagination-nav:hover:not(:disabled){border-color:var(--primary);color:#fff;background:#e509140d}.pagination-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination-nav:disabled{opacity:.3;cursor:not-allowed}.movie-card-v2{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.movie-card-v2:hover{transform:translateY(-10px)}.movie-card-v2:hover img{transform:scale(1.1)}.card-overlay{opacity:0;background:linear-gradient(#0000,#000000e6);justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:1.5rem;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.movie-card-v2:hover .card-overlay{opacity:1}.spinner{border:4px solid #e509141a;border-left-color:var(--primary);border-radius:50%;width:40px;height:40px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.showtime-btn:hover{transform:scale(1.05);background:var(--primary)!important;border-color:var(--primary)!important}.showtime-btn:hover div{color:#fff!important}.seat-btn:not(:disabled):hover{z-index:10;transform:scale(1.2);box-shadow:0 0 15px #fff3}.seat-btn.selected{animation:2s infinite pulseGlow}@keyframes pulseGlow{0%{box-shadow:0 0 5px var(--primary)}50%{box-shadow:0 0 20px var(--primary)}to{box-shadow:0 0 5px var(--primary)}}.skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#252525 50%,#1a1a1a 75%) 0 0/400% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-card{aspect-ratio:2/3;border-radius:4px}.skeleton-text{width:80%;height:1rem;margin-top:.5rem}.skeleton-text-sm{width:60%;height:.75rem;margin-top:.3rem}@media (width<=1024px){.movie-browse-grid{grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important}}@media (width<=768px){.movie-browse-hero h1{font-size:2rem!important}.movie-browse-hero p{font-size:.85rem!important}.movie-browse-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;padding:0 3%!important}.movie-detail-hero{flex-direction:column!important;padding:2rem 4%!important}.movie-detail-poster{width:200px!important;margin:0 auto!important}.booking-layout{flex-direction:column!important}.seat-picker-container{overflow-x:auto}footer{padding:2rem 4%!important}}@media (width<=480px){.movie-browse-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.movie-card-v2{font-size:.8rem}}
