:root{--font-primary: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--primary-color: #0f172a;--primary-hover: #1e293b;--primary-light: #f1f5f9;--bg-color: #faf9f6;--sidebar-bg: #0f172a;--sidebar-text: #cbd5e1;--sidebar-active-bg: #d97706;--sidebar-active-text: #ffffff;--surface-color: #ffffff;--text-main: #1c1917;--text-muted: #78716c;--success-color: #15803d;--success-light: #f0fdf4;--error-color: #b91c1c;--error-light: #fef2f2;--warning-color: #d97706;--warning-light: #fffbeb;--border-color: #e7e5e4;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 10px 20px -3px rgba(28, 25, 23, .04);--shadow-lg: 0 20px 30px -5px rgba(28, 25, 23, .08);--transition: all .2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%230f172a' stroke-opacity='0.12' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7M12 5h7a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-7M12 5v14' transform='translate(25, 20) rotate(-12) scale(0.95)'/%3E%3Cpath d='M21 21l-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z' transform='translate(110, 45) rotate(15) scale(0.9)'/%3E%3Cpath d='M22 10v6M2 10l10-5 10 5-10 5z M6 12v5c0 2 2 3 6 3s6-1 6-3v-5' transform='translate(30, 105) rotate(8) scale(0.85)'/%3E%3Cpath d='M18 22H6 M12 18V6 M12 6a4 4 0 0 1 4 4v3H8v-3a4 4 0 0 1 4-4z' transform='translate(105, 110) rotate(-15) scale(0.95)'/%3E%3C/g%3E%3C/svg%3E");background-size:160px 160px;background-repeat:repeat;color:var(--text-main);font-family:var(--font-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.ap-layout-wrapper{display:flex;min-height:100vh}.ap-sidebar{width:260px;background-color:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:50;box-shadow:var(--shadow-lg)}.ap-sidebar-brand{padding:24px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-icon{width:32px;height:32px;color:var(--warning-color)}.ap-sidebar-brand h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:#fff;line-height:1.2}.ap-sidebar-brand span{font-size:.75rem;color:#ffffff80;font-weight:500}.ap-sidebar-menu{flex-grow:1;padding:20px 12px;display:flex;flex-direction:column;gap:6px}.menu-item{display:flex;align-items:center;padding:12px 16px;font-size:.92rem;font-weight:500;color:var(--sidebar-text);text-decoration:none;border-radius:var(--radius-sm);transition:var(--transition)}.menu-item:hover{background-color:#1e293b;color:#fff}.menu-item.active{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #0f75bc4d}.ap-sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px;background:#0f172a99}.ap-user-card{display:flex;align-items:center;gap:12px;background:#1e293b;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;box-shadow:0 4px 12px #00000026}.ap-user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#d97706,#b45309);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;flex-shrink:0;box-shadow:0 2px 6px #d977064d}.ap-user-details{display:flex;flex-direction:column;overflow:hidden}.ap-user-details strong{color:#fff;font-size:.88rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.ap-user-details span{font-size:.72rem;color:#94a3b8;font-weight:500;margin-top:2px}.ap-btn-logout{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171;padding:9px 12px;font-size:.82rem;font-weight:700;border-radius:10px;cursor:pointer;width:100%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ap-btn-logout:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.ap-main-content{flex-grow:1;margin-left:260px;padding:32px 40px;min-height:100vh;width:calc(100% - 260px);display:flex;flex-direction:column}.ap-page-container{width:100%;max-width:100%;margin:0 auto}.ap-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.ap-page-header h2{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--text-main);line-height:1.2}.ap-page-header p{color:var(--text-muted);font-size:.95rem;margin-top:4px}.ap-card{background:var(--surface-color);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 25px -4px #0f172a0d,0 4px 6px -2px #00000005;padding:32px 36px}.ap-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.ap-field{display:flex;flex-direction:column;gap:6px}.ap-field label{font-size:.82rem;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.03em}.ap-field input,.ap-field select,.ap-textarea{padding:11px 14px;font-size:.92rem;font-family:inherit;border:1px solid #cbd5e1;border-radius:10px;background-color:#f8fafc;color:#0f172a;transition:var(--transition)}.ap-field input:focus,.ap-field select:focus,.ap-textarea:focus{outline:none;border-color:#0f172a;background-color:#fff;box-shadow:0 0 0 3px #0f172a1f}.ap-textarea{resize:vertical;min-height:80px}.ap-table-responsive{width:100%;overflow-x:auto}.ap-table{width:100%;border-collapse:collapse;text-align:left;font-size:.92rem}.ap-table th,.ap-table td{padding:14px 16px;border-bottom:1px solid var(--border-color)}.ap-table th{font-weight:600;color:var(--text-muted);background-color:#f8fafc}.ap-table tr:hover{background-color:#f8fafc}.ap-seat-badge{background:var(--primary-light);color:var(--primary-color);padding:4px 8px;border-radius:4px;font-weight:700;font-size:.85rem;border:1px solid #bae6fd}.ap-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:.9rem;color:var(--text-muted)}.ap-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ap-modal{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:100%;overflow:hidden;animation:modalEnter .2s cubic-bezier(.16,1,.3,1)}.ap-modal-lg{max-width:750px}@keyframes modalEnter{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.ap-modal-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.ap-modal-header h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.ap-modal-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);transition:var(--transition)}.ap-modal-close:hover{color:var(--text-main)}.ap-modal-body{padding:20px;max-height:70vh;overflow-y:auto}.ap-modal-footer{padding:15px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;background-color:#f8fafc}.ap-btn{font-family:inherit;font-size:.88rem;font-weight:600;padding:9px 18px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;display:inline-flex;align-items:center;justify-content:center}.ap-btn:disabled{opacity:.6;cursor:not-allowed}.ap-btn-primary{background:var(--primary-color);color:#fff}.ap-btn-primary:hover:not(:disabled){background:var(--primary-hover)}.ap-btn-secondary{background:#fff;border:1px solid var(--border-color);color:var(--text-main)}.ap-btn-secondary:hover:not(:disabled){background:#f8fafc}.ap-btn-success{background:var(--success-color);color:#fff}.ap-btn-success:hover:not(:disabled){background:#15803d}.ap-btn-danger{background:var(--error-color);color:#fff}.ap-btn-danger:hover:not(:disabled){background:#b91c1c}.ap-btn-sm{padding:5px 10px;font-size:.8rem;border-radius:4px}.ap-alert{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:.9rem;font-weight:500}.ap-alert-error{background:var(--error-light);border:1px solid #fecaca;color:var(--error-color)}.ap-alert-success{background:var(--success-light);border:1px solid #bbf7d0;color:var(--success-color)}.ap-blocked-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;align-items:start}.ap-qr-scanner-box{background:#fff;border:1.5px dashed var(--border-color);border-radius:var(--radius-md);padding:20px}.ap-qr-camera-square{width:280px!important;height:280px!important;aspect-ratio:1 / 1!important;max-width:100%!important;margin:0 auto}.ap-qr-camera-square video,.ap-qr-camera-square img,.ap-qr-camera-square canvas{width:280px!important;height:280px!important;aspect-ratio:1 / 1!important;object-fit:cover!important;border-radius:12px}.ap-scanner-divider{display:flex;align-items:center;text-align:center;color:var(--text-muted);font-size:.8rem;font-weight:700;margin:15px 0}.ap-scanner-divider:before,.ap-scanner-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.ap-scanner-divider span{padding:0 10px}.ap-scanner-result{animation:modalEnter .2s ease-out}.result-grid{display:flex;flex-direction:column;gap:12px;background-color:#f8fafc;padding:20px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.result-item{display:flex;justify-content:space-between;font-size:.95rem}.result-item span{color:var(--text-muted)}.result-item strong{color:var(--text-main)}.ap-login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-color);padding:20px}.ap-login-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:40px;max-width:420px;width:100%;text-align:center}.login-icon{width:50px;height:50px;color:var(--primary-color);margin-bottom:15px}.ap-login-card h2{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--text-main)}.ap-login-card p{color:var(--text-muted);font-size:.9rem;margin-bottom:30px}.ap-loading,.ap-empty{text-align:center;color:var(--text-muted);padding:40px 0;font-weight:500}.la-seat-layout{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:25px;margin-top:15px}.la-seat-legend{display:flex;justify-content:center;gap:25px;margin-bottom:25px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--text-main)}.legend-box{width:18px;height:18px;border-radius:4px}.legend-box.available{background-color:#f8fafc;border:1.5px solid #cbd5e1}.legend-box.reserved{background-color:#ffebee;border:1.5px solid #ef5350}.la-seat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:12px;max-width:100%;margin:0 auto;max-height:400px;overflow-y:auto;padding:10px}.seat{width:60px;height:65px;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;cursor:pointer;transition:all .2s ease}.seat:hover{transform:translateY(-2px) scale(1.05)}.seat:hover .chair-seat-top{box-shadow:0 4px 10px #0000001f}.seat:active{transform:translateY(0) scale(1)}.chair-top-view{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chair-seat-top{width:50px;height:50px;background:linear-gradient(to bottom,#fff,#f8f9fa);border:2px solid #cbd5e1;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d;transition:all .2s ease;position:relative}.chair-seat-top.status-available{background:linear-gradient(to bottom,#fff,#f8f9fa);border-color:#cbd5e1}.chair-seat-top.status-user{background:linear-gradient(to bottom,#dcfce7,#bbf7d0);border-color:#86efac}.chair-seat-top.status-staff{background:linear-gradient(to bottom,#dbeafe,#bfdbfe);border-color:#93c5fd}.chair-seat-top.status-pending{background:linear-gradient(to bottom,#fef9c3,#fde68a);border-color:#fde047}.chair-seat-top.status-inactive{background:linear-gradient(to bottom,#fee2e2,#fecaca);border-color:#fca5a5}.seat-number{font-size:.85rem;font-weight:700;color:#1e293b;line-height:1;position:relative;z-index:3}.ap-mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;position:fixed;top:12px;left:12px;z-index:60;background:var(--primary-color);border-radius:8px;box-shadow:0 2px 8px #00000026}.ap-mobile-toggle span{display:block;width:22px;height:2.5px;background:#fff;border-radius:2px;margin:4px 0;transition:all .3s ease}.ap-sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:40}@media (max-width: 768px){.ap-mobile-toggle{display:block}.ap-sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1)}.ap-sidebar.open{transform:translate(0)}.ap-sidebar-overlay.open{display:block}.ap-main-content{margin-left:0;padding:60px 16px 20px}.ap-page-header{flex-direction:column;gap:10px;align-items:flex-start;margin-bottom:20px}.ap-page-header h2{font-size:1.3rem}.ap-form-grid,.ap-blocked-grid{grid-template-columns:1fr}.ap-card{padding:16px}.ap-table th,.ap-table td{padding:10px 8px;font-size:.82rem}.ap-pagination{flex-direction:column;gap:10px;text-align:center}.ap-modal{margin:10px}.ap-modal-body{padding:16px}.ap-btn{width:100%;text-align:center}.ap-modal-footer{flex-direction:column;gap:8px}.ap-login-card{padding:24px}.ap-login-card h2{font-size:1.3rem}.la-seat-grid{grid-template-columns:repeat(auto-fill,minmax(55px,1fr));gap:8px}.seat{width:50px;height:55px}.chair-seat-top{width:42px;height:42px}.seat-number{font-size:.75rem}.ap-qr-scanner-box{padding:12px}.ap-alert{font-size:.82rem;padding:10px 14px}}