body{margin:0;background:#f3f5f7;font-family:IBM Plex Sans Thai,system-ui,sans-serif;color:#14212e}a{color:#2b5c8a}a:hover{color:#14212e}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.plan{background-color:#e8eef3;background-image:linear-gradient(#D3DDE6 1px,transparent 1px),linear-gradient(90deg,#D3DDE6 1px,transparent 1px);background-size:24px 24px}.room{all:unset;box-sizing:border-box;cursor:pointer;background:#fff;border:2px solid #14212E;border-radius:4px;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:168px;text-align:left}.room:hover{border-color:#2b5c8a}.room:focus-visible{outline:3px solid #2B5C8A;outline-offset:2px}.room.sel{border:3px solid #B45309;box-shadow:0 0 0 4px #fce7d2}.room.kb{background:#f7f4ec;border-style:dashed}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px}.pill .d{width:8px;height:8px;border-radius:50%}.pill.working{background:#d7f0ec;color:#0b5a53}.pill.working .d{background:#0f766e}.pill.waiting{background:#fce7d2;color:#8a3c07}.pill.waiting .d{background:#b45309}.pill.idle{background:#e5e7eb;color:#374151}.pill.idle .d{background:#6b7280}.pill.paused{background:#fce7d2;color:#8a3c07}.pill.paused .d{background:#b45309}.pill.disabled{background:#e5e7eb;color:#6b7280}.pill.disabled .d{background:#9ca3af}.pill.info{background:#e7e1cf;color:#4a3f1e}.pill.info .d{background:#8a7432}.chip{display:inline-flex;font-size:13px;padding:4px 10px;border-radius:6px;background:#e8eef3;color:#14212e;border:1px solid #C5D2DE}.chip.missing{background:transparent;border:1px dashed #8A99A8;color:#4b5563}.btn{all:unset;box-sizing:border-box;cursor:pointer;min-height:40px;padding:8px 14px;border-radius:6px;font-size:14px;font-weight:600;display:inline-flex;align-items:center}.btn:focus-visible{outline:3px solid #2B5C8A;outline-offset:2px}.btn.ok{background:#14212e;color:#fff}.btn.ghost{border:1px solid #9AA8B6;color:#14212e}.btn[disabled]{opacity:.45;cursor:not-allowed}.rooms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media (max-width:900px){.rooms{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.rooms{grid-template-columns:repeat(1,minmax(0,1fr))}}*{box-sizing:border-box}.shell{max-width:1440px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:20px}.hdr{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.hdr-l{display:flex;align-items:center;gap:14px}.logo{width:44px;height:44px;border-radius:10px;background:#14212e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.hdr h1{margin:0;font-size:26px;font-weight:700;line-height:1.2}.sub{font-size:14px;color:#4b5563}.hdr-r{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.sel-tenant{min-height:40px;padding:6px 10px;border:1px solid #9AA8B6;border-radius:6px;background:#fff;font:inherit;font-size:14px}.card{background:#fff;border:1px solid #C5D2DE;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:12px}.center{max-width:420px;margin:48px auto;padding:0 16px}.field{display:flex;flex-direction:column;gap:4px;font-size:14px}.field input{min-height:40px;padding:6px 10px;border:1px solid #9AA8B6;border-radius:6px;font:inherit}.err{color:#8a3c07;font-size:14px}.cols{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.col-main{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:16px}.col-side{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:16px}.panel{background:#fff;border:1px solid #C5D2DE;border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:10px}.panel.urgent{border:2px solid #B45309;gap:12px}.panel h2,.panel-plan h2{margin:0;font-size:17px;font-weight:600}.panel.urgent h2{font-weight:700}.panel-plan{border:1px solid #C5D2DE;border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:14px}.row-between{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.legend{display:flex;flex-wrap:wrap;gap:8px}.small{font-size:13px;color:#4b5563}.xs{font-size:12px}.nowrap{white-space:nowrap;flex-shrink:0}.room-top{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.room-name{font-size:12px;font-weight:600;letter-spacing:.04em;color:#2b5c8a}.room-who{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:#14212e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;flex-shrink:0}.agent-name{font-size:16px;font-weight:700}.room-task{font-size:13px;line-height:1.45;color:#14212e}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.kpi{background:#fff;border:1px solid #C5D2DE;border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.kpi-v{font-size:22px;font-weight:500}.count{font-size:13px;font-weight:500;background:#fce7d2;color:#8a3c07;padding:2px 10px;border-radius:999px}.qcard{border-top:1px solid #E5E7EB;padding-top:12px;display:flex;flex-direction:column;gap:8px}.qtitle{font-size:14px;font-weight:600;line-height:1.45}.btn-row{display:flex;flex-wrap:wrap;gap:8px}.okmsg{color:#0b5a53;font-weight:600}.bar{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.log-row{display:flex;gap:10px;font-size:13px;line-height:1.45}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#14212e80;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.modal{background:#fff;border-radius:10px;padding:20px;width:min(560px,100%);max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:12px}.modal h2{margin:0;font-size:17px}.field textarea,.field input[type=text],.field input[type=number]{padding:6px 10px;border:1px solid #9AA8B6;border-radius:6px;font:inherit;font-size:13px}.slot{border:1px dashed #8A99A8;border-radius:8px;padding:16px;color:#4b5563;font-size:13px}.field select{min-height:40px;padding:6px 10px;border:1px solid #9AA8B6;border-radius:6px;font:inherit;font-size:13px;background:#fff}