:root{--bg-deep:#0a0806;--bg-raised:#12100b;--surface:#16120f;--surface-elevated:#1c1814;--text:#f5e6d4;--text-muted:#9a9188;--gold:#d1a14e;--gold-dim:#b68d40;--gold-glow:#d1a14e38;--border-gold:#d1a14e73;--border-subtle:#d1a14e33;--shadow-deep:0 12px 40px #0000008c;--danger:#c45c4a;--danger-hover:#a84838;--ok:#6b9e5e;--ok-bg:#6b9e5e2e;--bad-bg:#c45c4a33;--bad-text:#e8a090}*{box-sizing:border-box}body{color:var(--text);background-color:var(--bg-deep);background-image:linear-gradient(#0a0806e0 0%,#120e0aeb 50%,#0a0806e6 100%),url(/steel-bg.png);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}#app{min-height:100vh}.container{gap:12px;max-width:960px;margin:0 auto;padding:12px;display:grid}.card{background:var(--surface);border:1px solid var(--border-gold);box-shadow:var(--shadow-deep);border-radius:12px;padding:12px}h1,h2,p{margin:0}h1{letter-spacing:.04em;text-transform:uppercase;color:var(--gold);font-size:1.3rem;font-weight:700}h2{letter-spacing:.03em;color:var(--gold);margin-bottom:10px;font-size:1.05rem;font-weight:600}.header p{color:var(--text-muted);margin-top:6px}.header-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.header-titles{min-width:0}.admin-entry{border:1px solid var(--border-subtle);min-height:auto;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;margin-top:2px;padding:6px 10px;font-size:.8rem;font-weight:500;text-decoration:none}.admin-entry:hover{color:var(--gold);background:var(--gold-glow);border-color:var(--border-gold)}.controls{gap:10px;display:grid}label{color:var(--text-muted);gap:6px;font-size:.9rem;display:grid}.input{border:1px solid var(--border-gold);background:var(--bg-raised);width:100%;min-height:44px;color:var(--text);border-radius:10px;padding:0 12px;font-size:.95rem}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-glow);outline:none}.btn{letter-spacing:.02em;cursor:pointer;text-transform:uppercase;border:1px solid #0000;border-radius:10px;min-height:44px;padding:0 12px;font-size:.8rem;font-weight:700}.btn-primary{background:linear-gradient(180deg, #ddb45c 0%, var(--gold) 45%, var(--gold-dim) 100%);color:var(--bg-deep);border-color:#ffffff1f;box-shadow:0 4px 16px #0006}.btn-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 6px 20px #d1a14e40}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-soft{background:var(--surface-elevated);color:var(--gold);border-color:var(--border-gold)}.btn-soft:hover:not(:disabled){background:var(--gold-glow)}.btn-danger{background:var(--danger);color:#fff;border-color:#0003}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.message{color:var(--text-muted);margin-bottom:10px}.slot-list,.booking-list{gap:10px;display:grid}.slot-card,.booking-row{border:1px solid var(--border-subtle);background:var(--bg-raised);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.slot-actions{align-items:center;gap:8px;display:flex}.slot-time{color:var(--text);font-weight:600}.slot-meta,.muted,small{color:var(--text-muted)}.slot-names{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.slot-name-chip{background:var(--gold-glow);color:var(--gold);border:1px solid var(--border-subtle);border-radius:999px;padding:4px 8px;font-size:.8rem;font-weight:600}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700}.badge-ok{background:var(--ok-bg);color:var(--ok);border:1px solid #6b9e5e59}.badge-bad{background:var(--bad-bg);color:var(--bad-text);border:1px solid #c45c4a59}.ok-text{color:var(--text-muted);margin-bottom:10px}.admin-grid{gap:12px;display:grid}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050403d1;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border-gold);width:100%;max-width:440px;box-shadow:var(--shadow-deep), 0 0 48px #d1a14e14;gap:12px;display:grid}.modal-actions{justify-content:flex-end;gap:8px;display:flex}@media (width>=768px){.container{padding:20px}.controls{grid-template-columns:1fr 1fr auto;align-items:end}.admin-grid{grid-template-columns:1fr 1fr}.admin-grid .card:last-child{grid-column:1/-1}}
