:root{--xanh:#1e88e5;--xanh-dam:#1565c0;--xam-nen:#f4f6f8;--xam-vien:#d6dde5;--xam-chu:#5b6875;--do:#d32f2f;--luc:#2e7d32;--cam:#ef6c00;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{color:#17222e;background:var(--xam-nen);margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:15px}.ung-dung{max-width:1200px;margin:0 auto;padding:12px 12px 88px}.dau-trang h1{margin:4px 0 10px;font-size:18px}.dieu-khien{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}button,select,input{font:inherit;border:1px solid var(--xam-vien);background:#fff;border-radius:10px;min-height:44px;padding:8px 12px}button{cursor:pointer}button.primary{background:var(--xanh);border-color:var(--xanh-dam);color:#fff;font-weight:600}button.primary:active{background:var(--xanh-dam)}button.ghost{color:var(--xam-chu);background:#fff}button:disabled{opacity:.55;cursor:default}.loi{color:#8f2018;background:#fdecea;border:1px solid #f5c6c2;border-radius:10px;padding:10px 12px}.thanh-cong{color:#1b5e20;background:#e8f5e9;border:1px solid #b7dfba;border-radius:10px;padding:10px 12px}.trong{color:var(--xam-chu);padding:20px 4px}.bang{border:1px solid var(--xam-vien);background:#fff;border-radius:12px;gap:8px;padding:8px;display:flex;overflow-x:auto}.coc-gio{width:46px;color:var(--xam-chu);flex:0 0 46px;font-size:12px;position:relative}.moc-gio{position:absolute;transform:translateY(28px)}.cot{flex:1 0 140px;min-width:140px;position:relative}.ten-ktv{white-space:nowrap;text-overflow:ellipsis;border-bottom:3px solid;height:28px;font-size:14px;font-weight:600;overflow:hidden}.than-cot{height:calc(100% - 28px);position:relative}.ca{background:#eef4fb;border-radius:6px;position:absolute;left:0;right:0}.lich{border-left:4px solid var(--xanh);background:#cfe3fa;border-radius:8px;padding:3px 6px;font-size:12.5px;line-height:1.25;position:absolute;left:2px;right:2px;overflow:hidden}.lich .dv{color:var(--xam-chu);font-size:11.5px;display:block}.tt-checked_in{border-left-color:var(--cam);background:#fff4e0}.tt-in_service{border-left-color:var(--luc);background:#e7f6e9}.tt-done{background:#eef1f4;border-left-color:#90a4ae}.tt-draft{background:repeating-linear-gradient(45deg,#f7f7f7,#f7f7f7 6px,#ececec 6px 12px);border-left-color:#b0bec5}.tieu-de-phu{margin:18px 0 8px;font-size:16px}.ds-lich{gap:8px;margin:0;padding:0;list-style:none;display:grid}.the-khach{border:1px solid var(--xam-vien);background:#fff;border-radius:12px;padding:10px 12px}.dong-tren{align-items:baseline;gap:8px;display:flex}.gio{font-variant-numeric:tabular-nums;font-weight:700}.ten{flex:1;font-weight:600}.nhan{background:#cfe3fa;border-radius:999px;padding:2px 8px;font-size:12px}.dong-duoi{color:var(--xam-chu);margin-top:2px;font-size:13.5px}.hang-nut{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.hang-nut button{flex:auto}.nut-noi{background:var(--xanh);border-color:var(--xanh-dam);color:#fff;min-width:260px;font-weight:700;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #1565c04d}.lop-phu{background:#0f192373;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.to-giay{background:#fff;border-radius:16px 16px 0 0;width:min(560px,100%);max-height:92vh;padding:14px 16px 24px;overflow-y:auto}.dau-to{justify-content:space-between;align-items:center;gap:12px;display:flex}.dau-to h2{margin:4px 0 8px;font-size:17px}.to-giay label{color:var(--xam-chu);margin:10px 0 4px;font-size:13.5px;display:block}.to-giay input,.to-giay select{width:100%}.goi-y{color:var(--luc);margin:6px 0 0;font-size:13.5px}.canh-bao{color:var(--do)}.to-giay h3{margin:16px 0 6px;font-size:15px}.nhom-khe h4{color:var(--xam-chu);margin:10px 0 6px;font-size:13px;font-weight:600}.luoi-khe{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;display:grid}button.khe{font-variant-numeric:tabular-nums;font-weight:600}.tom-tat{color:var(--xam-chu);margin-top:14px;font-size:13.5px}@media (width<=720px){.bang{display:none}.nut-noi{min-width:calc(100% - 24px)}}.man-dang-nhap{place-items:center;min-height:100vh;padding:16px;display:grid}.the-dang-nhap{background:var(--the);border:1px solid var(--vien);border-radius:14px;flex-direction:column;gap:6px;width:100%;max-width:380px;padding:22px;display:flex}.the-dang-nhap h1{color:var(--xam-chu);margin:0;font-size:18px;font-weight:600}.the-dang-nhap h2{margin:2px 0 0;font-size:24px}.the-dang-nhap label{margin-top:10px;font-size:14px;font-weight:600}.the-dang-nhap input{min-height:48px;font-size:17px}.the-dang-nhap button.primary{min-height:52px;margin-top:16px;font-size:17px}.the-dang-nhap .phu{color:var(--xam-chu);margin:4px 0 0;font-size:13.5px;line-height:1.45}.dang-tai{color:var(--xam-chu);padding:24px}.thanh-thong-bao{margin:12px 16px 0}.ai-dang-lam{align-items:center;gap:10px;font-size:14px;display:flex}.ai-dang-lam .ten-nguoi{font-weight:600}.ai-dang-lam .vai{color:var(--xam-chu)}.man-cau-hinh{padding:0 16px 90px}.thanh-the{flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0 14px;display:flex}.thanh-the h2{margin:0;font-size:19px}.the-chon{gap:8px;margin-left:auto;display:flex}.khoi-cau-hinh{flex-direction:column;gap:4px;max-width:720px;display:flex}.khoi-cau-hinh label{margin-top:10px;font-size:14px;font-weight:600}.khoi-cau-hinh input,.khoi-cau-hinh select{min-height:44px}.khoi-cau-hinh h3{margin:18px 0 6px;font-size:16px}.khoi-cau-hinh .hang-nut{flex-wrap:wrap;margin:6px 0}.khoi-sua{border-top:1px solid var(--vien);flex-direction:column;gap:4px;margin-top:16px;padding-top:14px;display:flex}.hang-them{grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:8px;margin-bottom:12px;display:grid}.bang-gio{border-collapse:collapse;width:100%}.bang-gio td{vertical-align:middle;padding:4px 6px 4px 0}.bang-gio input[type=time]{min-height:40px}.bang-gio label{white-space:nowrap;align-items:center;gap:6px;margin:0;font-weight:500;display:inline-flex}.ds-cau-hinh{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ds-cau-hinh li{background:var(--the);border:1px solid var(--vien);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.ds-cau-hinh li .ten{font-weight:600}.ds-cau-hinh li .phu{color:var(--xam-chu);margin-right:auto;font-size:13.5px}.ds-cau-hinh li.mo-di{opacity:.55}.ma-to{letter-spacing:3px;font-variant-numeric:tabular-nums;font-size:22px}@media (width<=720px){.hang-them{grid-template-columns:1fr}.the-chon{margin-left:0}}