:root{--bg: #f5f6f8;--panel: #ffffff;--ink: #1d2330;--muted: #6b7280;--accent: #2f5bea;--border: #e3e6eb;--danger: #d33;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.centered{display:grid;place-items:center;height:100vh}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#11182a;color:#cdd5e4;display:flex;flex-direction:column;padding:18px 14px}.brand{font-weight:700;color:#fff;margin-bottom:22px;font-size:15px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{padding:9px 12px;border-radius:8px;color:#cdd5e4;font-size:14px}.sidebar nav a:hover{background:#1c2740}.sidebar nav a.active{background:var(--accent);color:#fff}.sidebar-footer{margin-top:auto;padding-top:18px;font-size:13px}.sidebar-footer .user{color:#fff;font-weight:600}.sidebar-footer .role{color:#8b95ab;margin-bottom:10px}.sidebar-footer button,button.link{background:transparent;border:1px solid #33405d;color:#cdd5e4;border-radius:7px;padding:6px 10px;cursor:pointer}.content{padding:28px 32px;overflow:auto}h1{font-size:22px;margin:0 0 18px}h2{font-size:16px;margin:24px 0 10px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:18px}table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:12px;overflow:hidden}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px}th{background:#fafbfc;color:var(--muted);font-weight:600}tr:last-child td{border-bottom:none}.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px;cursor:pointer;font-size:14px}.btn.secondary{background:#eef1f6;color:var(--ink)}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.5;cursor:default}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.row{display:flex;gap:10px;flex-wrap:wrap}input,select{padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff}label{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600}.badge.available,.badge.confirmed{background:#e3f6e9;color:#1c7a3f}.badge.reserved,.badge.checked_in{background:#fdeecf;color:#9a6b00}.badge.blocked,.badge.inactive,.badge.cancelled,.badge.restricted{background:#fbe2e2;color:#a12}.error{color:var(--danger);font-size:14px}.muted{color:var(--muted)}.login-card{width:340px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:28px}.login-card h1{font-size:20px}.login-card form{display:flex;flex-direction:column;gap:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1e73;display:grid;place-items:center}.modal{background:#fff;border-radius:14px;padding:22px;width:460px;max-height:88vh;overflow:auto}.modal h2{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-row{display:flex;flex-wrap:wrap;gap:10px}.checkbox-row label{flex-direction:row;align-items:center;gap:6px}.nav-group-label{margin:18px 4px 6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#6b7794}.panel.info{border-color:#bcd0ff;background:#eef3ff}table.kv td{border:none;padding:4px 10px 4px 0}.book-layout{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start}.book-detail{position:sticky;top:0}.legend{display:flex;gap:16px;margin-bottom:10px;font-size:13px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i.dot{width:14px;height:14px;border-radius:4px;display:inline-block}.legend i.available{background:#cdebd6}.legend i.reserved{background:#f6dca6}.legend i.blocked{background:#f3c2c2}.legend i.selected-legend{background:#fff;border:2px solid var(--accent)}.floorplan{position:relative;width:100%;max-width:760px;aspect-ratio:4 / 3;background:repeating-linear-gradient(0deg,#eef1f6,#eef1f6 39px,#e7ebf2 40px),repeating-linear-gradient(90deg,#eef1f6,#eef1f6 39px,#e7ebf2 40px);border:1px solid var(--border);border-radius:12px}.seat-dot{position:absolute;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:8px;border:2px solid transparent;font-size:10px;font-weight:700;cursor:pointer;display:grid;place-items:center;padding:0}.seat-dot.available{background:#cdebd6;color:#1c7a3f}.seat-dot.available:hover{background:#b6e2c4}.seat-dot.reserved,.seat-dot.checked_in{background:#f6dca6;color:#7a5200;cursor:not-allowed}.seat-dot.blocked,.seat-dot.inactive,.seat-dot.restricted{background:#f3c2c2;color:#a02020;cursor:not-allowed}.seat-dot.selected{border-color:var(--accent);box-shadow:0 0 0 3px #2f5bea40}