.hr{font-family:"MS Sans Serif",Tahoma,Geneva,sans-serif;font-size:11px;color:#000;background:#008080;min-height:100vh;padding:0}.hr a{color:#000080}.hr-win{margin:0 auto;max-width:940px;background:#c0c0c0;border-color:#dfdfdf #000 #000 #dfdfdf;border-style:solid;border-width:2px;box-shadow:2px 2px 0 #000}.hr-title{background:linear-gradient(90deg,#7a0050,#b3007a);color:#fff;font-weight:700;padding:3px 6px;display:flex;justify-content:space-between;align-items:center}.hr-title .ctrls span{display:inline-block;width:16px;height:14px;margin-left:2px;background:#c0c0c0;border-color:#fff #000 #000 #fff;border-style:solid;border-width:1px;text-align:center;line-height:12px;color:#000;font-size:9px}.hr-menu{background:#c0c0c0;border-bottom:1px solid #808080;padding:2px;display:flex;gap:0}.hr-menu a{color:#000;text-decoration:none;padding:2px 8px;font-size:11px}.hr-menu a:hover{background:#000080;color:#fff}.hr-menu a u{text-decoration:underline}.hr-toolbar{background:#c0c0c0;border-bottom:1px solid #808080;padding:4px 6px;display:flex;gap:4px;flex-wrap:wrap}.hr-btn{font-family:"MS Sans Serif",Tahoma,sans-serif;font-size:11px;padding:3px 12px;color:#000;background:#c0c0c0;border-color:#fff #000 #000 #fff;border-style:solid;border-width:2px;cursor:pointer;text-decoration:none;display:inline-block;line-height:1.4}.hr-btn:active{border-color:#000 #fff #fff #000}.hr-btn:hover{background:#cacaca}.hr-btn:disabled{color:#808080;cursor:default}.hr-btn.primary{font-weight:700}.hr-btn.accent{background:#7a0050;color:#fff}.hr-btn.accent:hover{background:#930060}.hr-input,select.hr-input{font-family:"MS Sans Serif",Tahoma,sans-serif;font-size:11px;padding:2px 3px;background:#fff;border-color:#000 #808080 #808080 #000;border-style:solid;border-width:2px}.hr-body,.hr-panel{padding:8px}.hr-panel{background:#c0c0c0;border-color:#fff #808080 #808080 #fff;border-style:solid;border-width:2px;margin-bottom:8px}.hr-fieldset>legend,.hr-panel>legend{font-weight:700;padding:0 4px}.hr-fieldset{border-color:#fff #808080 #808080 #fff;border-style:solid;border-width:2px;padding:8px;margin-bottom:8px}.hr-h{background:#000080;color:#fff;font-weight:700;padding:3px 6px;margin:-8px -8px 8px}.hr-kpis{display:flex;gap:6px;flex-wrap:wrap}.hr-kpi{flex:1 1;min-width:90px;background:#fff;border-color:#000 #808080 #808080 #000;border-style:solid;border-width:2px;padding:6px;text-align:center}.hr-kpi .n{font-size:20px;font-weight:700;color:#7a0050}.hr-kpi .l{font-size:10px;color:#404040;text-transform:uppercase}table.hr-tbl{width:100%;border-collapse:collapse;font-size:11px;background:#fff}table.hr-tbl th{background:#c0c0c0;color:#000;text-align:left;padding:3px 6px;border-color:#fff #808080 #808080 #fff;border-style:solid;border-width:1px;font-weight:700}table.hr-tbl td{border-bottom:1px solid #d4d0c8;padding:3px 6px}table.hr-tbl tr:nth-child(2n) td{background:#eceae6}.hr-pill{font-size:10px;padding:1px 5px;border:1px solid #000;font-weight:700}.hr-pill.reserved{background:#ffe9a8}.hr-pill.in_house{background:#b6e2b6}.hr-pill.departed{background:#d0d0d0;color:#404040}.hr-pill.cancelled{background:#f0b3b3}.hr-pill.clean{background:#b6e2b6}.hr-pill.occupied{background:#ffd0e6}.hr-pill.dirty{background:#ffe9a8}.hr-pill.ooo{background:#f0b3b3}.hr-rack{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));grid-gap:6px;gap:6px}.hr-room{background:#c0c0c0;border-color:#fff #808080 #808080 #fff;border-style:solid;border-width:2px;padding:6px}.hr-room .rno{font-weight:700;font-size:13px}.hr-room .rtype{font-size:10px;color:#404040}.hr-room.s-clean{background:#d6f0d6}.hr-room.s-occupied{background:#ffd9ec}.hr-room.s-dirty{background:#fff0c4}.hr-room.s-ooo{background:#f0c4c4}.hr-steps{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}.hr-step{font-size:10px;padding:2px 8px;background:#c0c0c0;border-color:#fff #808080 #808080 #fff;border-style:solid;border-width:2px;color:#606060}.hr-step.on{background:#7a0050;color:#fff;border-color:#000;font-weight:700}.hr-step.done{background:#b6e2b6;color:#000}.hr-wfoot{display:flex;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid #808080}.hr-field{margin-bottom:6px}.hr-field label{display:block;margin-bottom:2px;font-weight:700}.hr-field .hr-input{width:100%;max-width:320px;box-sizing:border-box}.hr-typecard{display:flex;justify-content:space-between;align-items:center;background:#fff;border-color:#000 #808080 #808080 #000;border-style:solid;border-width:2px;padding:6px 8px;margin-bottom:5px;cursor:pointer}.hr-typecard.sel{outline:2px solid #7a0050;background:#fdeef6}.hr-typecard.dis{opacity:.5;cursor:not-allowed}.hr-tabs{display:flex;gap:2px;margin-top:6px}.hr-tab{padding:3px 12px;font-size:11px;cursor:pointer;background:#c0c0c0;border:2px solid #fff;border-right-color:#808080;border-bottom:none;position:relative;top:1px}.hr-tab.on{background:#fff;font-weight:700}.hr-tabbody{background:#fff;border:2px solid #808080;border-top-color:#fff;padding:10px}dl.hr-dl{margin:0}dl.hr-dl dt{float:left;clear:left;width:130px;font-weight:700;color:#404040}dl.hr-dl dd{margin:0 0 4px 140px}.hr-bill{width:100%;max-width:320px;border-collapse:collapse}.hr-bill td{padding:2px 4px}.hr-bill .tot td{font-weight:700;border-top:1px solid #000}.hr-flash{background:#ffffcc;border:2px solid #808080;padding:6px 8px;margin-bottom:8px}.hr-statusbar{background:#c0c0c0;border-top:1px solid #fff;padding:2px 6px;font-size:10px;color:#000;display:flex;gap:14px}.hr-statusbar .cell{border-color:#fff #808080 #808080 #fff;border-style:solid;border-width:1px;padding:1px 6px}.hr-login-wrap{display:grid;place-items:center;min-height:100vh}