:root{--shell-bg: #f4f6fb;--shell-surface: #ffffff;--shell-border: #e5e7eb;--shell-radius: 12px;--shell-padding: 20px;--shell-gap: 16px;--nav-height: 64px;--nav-bg: #0f172a;--nav-accent: #2dd4bf;--text-muted: #6b7280}body{font-family:Segoe UI,Arial,sans-serif;background:var(--shell-bg);min-height:100vh;margin:0;color:#0f172a}@media(max-width:600px){nav{flex-direction:column;align-items:flex-start}}h2{margin-top:1rem;color:#333}.admin-shell{padding:calc(var(--shell-gap) * 1.5)}.admin-shell .shell-content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--shell-gap)}.admin-shell.kiosk-mode .top-nav{min-height:72px}.admin-shell.kiosk-mode .top-nav a{padding:12px 18px}.admin-shell .page-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--shell-gap)}@media(max-width:1100px){.admin-shell .page-grid{grid-template-columns:1fr}}.shell-card{background:var(--shell-surface);border:1px solid var(--shell-border);border-radius:var(--shell-radius);padding:var(--shell-padding);box-shadow:0 2px 8px #0f172a0a}.shell-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.shell-tabs{display:flex;gap:12px;flex-wrap:wrap}.shell-tab{padding:8px 14px;border-radius:10px;border:1px solid var(--shell-border);background:#f8fafc;color:#0f172a;cursor:pointer;font-weight:600}.shell-tab.active{background:#0ea5e9;color:#fff;border-color:#0ea5e9}.shell-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid transparent;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.shell-button.secondary{background:#fff;color:#0f172a;border-color:var(--shell-border)}.shell-button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #2563eb26}.shell-button:focus-visible{outline:3px solid #a5b4fc;outline-offset:2px}.shell-table{width:100%;border-collapse:collapse}.shell-table th,.shell-table td{padding:10px 12px;border-bottom:1px solid var(--shell-border);text-align:left}.shell-table thead th{position:sticky;top:0;background:#f8fafc;z-index:1}.shell-table tbody tr:hover{background:#f1f5f9}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-weight:600;font-size:12px}.form-grid{display:flex;flex-wrap:wrap;gap:10px;margin:1rem 0}.form-grid>*{flex:1 1 180px;min-width:180px}.form-grid input,.form-grid select{padding:8px;font-size:14px;border-radius:4px;border:1px solid #ccc;width:100%;box-sizing:border-box}button{padding:8px 12px;background-color:#007acc;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#005fa3}.booking-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:24px;margin-bottom:24px;max-width:100%;width:100%}.booking-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014}.booking-table tr:nth-child(2n){background:#f9f9f9}.booking-table tr:hover{background:#e6f7ff}.booking-btn{background:#1890ff;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;margin-right:8px}.booking-btn:hover,.booking-btn:focus{background:#1769aa}.booking-btn-cancel{background:#faad14;color:#fff}.booking-btn-cancel:hover,.booking-btn-cancel:focus{background:#d48806}input:focus,select:focus,button:focus{outline:2px solid #1890ff;outline-offset:2px}button,.booking-btn,.booking-btn-cancel{transition:background .2s,color .2s,box-shadow .2s}@media(max-width:900px){.booking-card{max-width:100%;padding:12px}.form-grid{flex-direction:column;gap:8px}.form-grid>*{min-width:100%}}
