:root{font-family:Inter,system-ui,sans-serif;color:#173a31;background:#f5f9f4}*{box-sizing:border-box}body{margin:0}main{max-width:1400px;margin:auto;padding:16px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;background:#538f37;color:#fff;border-radius:18px}h1{margin:2px 0;font-size:clamp(24px,4vw,36px)}small{font-weight:800;letter-spacing:.08em}#state{font-size:14px}.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:end;background:#fff;border-radius:16px;padding:14px;margin:12px 0;box-shadow:0 4px 20px #173a3112}.controls label{display:grid;gap:5px;font-weight:700;min-width:160px;flex:1}.controls select,.controls input,.controls button{min-height:44px;border:1px solid #b8cbbb;border-radius:10px;padding:8px;background:#fff;color:#173a31;font:inherit}.controls button{cursor:pointer;flex:1;font-weight:700}.controls :disabled{opacity:.55;cursor:default}#message{min-height:24px;margin:12px 3px}#board{overflow:auto;background:#fff;border-radius:16px}.schedule{width:100%;border-collapse:separate;border-spacing:4px;table-layout:fixed}.schedule th,.schedule td{padding:10px;border:1px solid #d6e3d7;border-radius:10px;vertical-align:top;overflow-wrap:anywhere}.schedule thead th{background:#e5f2dd}.schedule th.person{background:#d7f0cb;text-align:left;width:18%}.schedule td{height:90px}.schedule .shift{display:block;margin:3px 0;font-weight:700}.schedule .free{background:#85b9ff}.schedule .vacaciones{background:#a41213;color:#fff}.schedule .permiso{background:#ded1f5}.schedule .it{background:#f5c180}.schedule .compensado{background:#ffe083}.schedule .pendiente{color:#7b8980}@media(max-width:700px){main{padding:5px}.schedule{font-size:11px;border-spacing:2px}.schedule th,.schedule td{padding:4px;border-radius:5px}.schedule th.person{width:16%}.schedule td{height:112px}.controls{margin:6px 0;padding:8px}.controls label{min-width:125px}}