:root{font-family:system-ui,sans-serif;color:#231c15;background:#f2eada}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:24px;align-items:center;padding:20px;background:#231c15;color:#f2eada;flex-wrap:wrap}main{max-width:1100px;margin:auto;padding:20px}form,.card{background:#fff;border-radius:16px;padding:20px;margin:12px 0;box-shadow:0 2px 6px #231c1510}form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}#login{max-width:450px;margin:50px auto;display:block}#login label{margin:12px 0}label{display:flex;flex-direction:column;gap:6px;font-size:14px}input,select,button,textarea{font:inherit;padding:12px;border:1px solid #d8c9b5;border-radius:10px;min-height:44px}input,select{max-width:100%}button{background:#231c15;color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:wait}nav,.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}nav{margin-top:24px}nav button{background:#fff;color:#231c15}nav button.active{background:#231c15;color:white}.list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.card{overflow-wrap:anywhere}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.check{flex-direction:row;align-items:center}.check input{min-height:auto}h1{font-family:Georgia,serif;font-weight:400}#message{color:#963b31;min-height:24px}footer{padding:20px;color:#77654f;font-size:13px}section[hidden],form[hidden]{display:none!important}@media(max-width:600px){form label{width:100%}form button{width:100%}.list{grid-template-columns:1fr}header{gap:10px}}
.grid{overflow:auto;background:white;border-radius:16px;padding:16px}.grid-row{display:flex;align-items:center;gap:12px;min-width:600px;padding:12px;border-bottom:1px solid #e4dacb}.grid-row strong{min-width:100px}.slot{background:#f2eada;padding:12px;border-radius:10px;white-space:nowrap}
.floor{position:relative;min-width:560px;height:300px;background:#fff;border:1px solid #d8c9b5;border-radius:16px}.floor-table{position:absolute;width:145px;min-height:70px;background:#e5f0e4;color:#231c15}.floor-table.occupied{background:#efcec8}.timeline-head,.timeline-row{display:flex;min-width:1000px;gap:10px;align-items:center;padding:12px 0}.timeline-head strong,.timeline-row strong{width:100px;flex-shrink:0}.time-axis,.time-track{position:relative;flex:1;height:52px}.time-axis{height:24px}.time-axis span{position:absolute;transform:translateX(-50%);font-size:12px}.time-track{background:repeating-linear-gradient(to right,#f2eada 0,#f2eada calc(6.25% - 1px),#d8c9b5 calc(6.25% - 1px),#d8c9b5 6.25%);}.time-booking{position:absolute;top:4px;height:44px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:6px;font-size:12px}.time-booking.done{background:#6c7864}#booking{overflow-x:auto}dialog{border:0;border-radius:16px;max-width:95vw;max-height:90vh;width:680px}dialog::backdrop{background:#231c1599}dialog form{box-shadow:none}article[hidden]{display:none!important}
.card button,.card select{display:block;max-width:100%;margin:8px 0;white-space:normal;overflow-wrap:anywhere}.card{min-width:0}.floor{max-width:none}#scheme{margin-bottom:16px}