:root{--blue:#135d8b;--light:#f4f8fa;--line:#c9d4da;--green:#167b45;--red:#bb3434}*{box-sizing:border-box}body{margin:0;background:var(--light);font-family:Arial,sans-serif;color:#15242d}main{max-width:1200px;margin:auto;padding:20px}.card{background:#fff;border-radius:14px;padding:28px;box-shadow:0 3px 16px #1232}h1{color:var(--blue);margin-top:0}.login{max-width:430px;margin:12vh auto}.login input,.form input,.form select{width:100%;padding:13px;margin:7px 0 15px;border:1px solid var(--line);border-radius:7px;font-size:16px}button{border:0;border-radius:8px;padding:12px 17px;font-size:16px;font-weight:bold;cursor:pointer;background:var(--blue);color:white}.danger{background:#687780}.menu{max-width:600px;margin:7vh auto}.menu button{display:block;width:100%;padding:23px;margin:14px 0;font-size:22px}.disabled{opacity:.45}.top{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.date{font-size:18px;padding:10px}.save{background:var(--green);font-size:19px;padding:16px 26px}.notice{min-height:24px;color:var(--green);font-weight:bold}.error{color:var(--red)}.table-wrap{overflow-x:auto;background:#fff;border-radius:10px}.schedule{border-collapse:collapse;width:100%;min-width:700px;table-layout:fixed}.schedule th,.schedule td{border:1px solid var(--line);padding:8px;text-align:left}.schedule th{background:#e5edf1;text-align:center}.schedule th:nth-child(1){width:70px}.schedule th:nth-child(2){width:125px}.schedule th:nth-child(3){width:30%}.schedule th:nth-child(4){width:68px}.schedule th:nth-child(6){width:125px}.schedule td input{border:0;width:100%;padding:7px;font-size:15px;background:transparent}.schedule .cleaning td{background:#d9d8d0;font-weight:bold}.bath{white-space:nowrap}.mark{display:inline-flex;gap:5px;align-items:center}.mark button{padding:7px 10px}.yes{background:var(--green)}.no{background:var(--red)}.stamp{font-size:12px;color:#43545c}.settings{max-width:850px}.users td,.users th{padding:8px;border-bottom:1px solid var(--line)}.users{width:100%;border-collapse:collapse}@media(max-width:600px){main{padding:12px}.card{padding:18px}.top{align-items:stretch}.top>*{width:100%}.save{width:100%}h1{font-size:25px}.menu{margin:4vh auto}.menu button{font-size:20px}.schedule th,.schedule td{padding:6px 4px}.schedule th:nth-child(2){width:105px}.schedule th:nth-child(3){width:33%}.schedule th:nth-child(6){width:108px}}