*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f4f6;color:#181a1f}header{background:#101216;color:#fff;padding:18px 28px;display:flex;justify-content:space-between;align-items:center}header div{display:flex;gap:14px;align-items:center}header span{font-size:12px;color:#a9adb5}nav{display:flex;gap:18px}nav a{color:#ddd;text-decoration:none;font-size:13px}main{width:min(1200px,calc(100% - 30px));margin:30px auto}.panel{background:#fff;border:1px solid #ddd;padding:24px;margin-bottom:24px}h2{margin:0 0 18px}.slot-form{display:flex;gap:10px;flex-wrap:wrap}input,select,button{padding:11px 12px;border:1px solid #cfd2d7;font:inherit}button{background:#15171b;color:#fff;border:0;cursor:pointer;font-weight:700}.danger{background:#8b2424}.hint{font-size:12px;color:#6d7179}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #eee;text-align:left;font-size:14px}.actions{display:flex;gap:6px}.actions form{margin:0}.tag{display:inline-block;padding:5px 8px;font-size:10px;font-weight:800;border-radius:4px}.open{background:#dcf4e2;color:#1c612c}.booked,.confirmed{background:#fff0c6;color:#705000}.closed,.past,.cancelled{background:#eee;color:#666}.new{background:#dcecff;color:#225e98}.done{background:#dff2e2;color:#276733}.cards{display:grid;gap:14px}.booking{border:1px solid #ddd;padding:18px}.booking-head{display:flex;justify-content:space-between}.booking-head div{display:grid;gap:4px}.booking-head strong{font-size:20px}.booking-head span{font-size:12px;color:#666}.booking-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.booking-grid p{margin:0;font-size:14px}.booking-grid small{display:block;font-size:9px;color:#888;margin-bottom:5px}.message{background:#f7f7f7;padding:12px;font-size:14px;line-height:1.5}.status-form{display:flex;gap:8px;margin-top:12px}.login-body{min-height:100vh;display:grid;place-items:center;background:#101216}.login-card{width:min(380px,calc(100% - 30px));background:#fff;padding:32px}.login-card h1{margin:0}.login-card p{color:#777}.login-card input,.login-card button{width:100%;margin-top:10px}.error{background:#fde7e7;color:#7b2222;padding:10px;margin:10px 0}
@media(max-width:800px){.booking-grid{grid-template-columns:1fr 1fr}header{align-items:flex-start;gap:12px;flex-direction:column}}