*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1b2f50;--navy-dark:#0d1b33;--teal:#117a8b;--purple:#6c3a8e;--indigo:#2e4daa;--ot-green:#1a6b3c;--red:#c0392b;--amber:#e67e22;--green-kri:#1e8b4c;--grey:#5d6d7e;--lgrey:#ecf0f1;--slate:#f4f6f9;--charcoal:#2c3e50;--white:#fff;--sidebar-w:220px}body{background:var(--slate);color:var(--charcoal);height:100vh;font-family:Calibri,Segoe UI,sans-serif;overflow:hidden}#root{height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--lgrey)}::-webkit-scrollbar-thumb{background:var(--grey);border-radius:3px}.status-GREEN{background:var(--green-kri);color:#fff}.status-AMBER{background:var(--amber);color:#fff}.status-RED{background:var(--red);color:#fff}.status-NO_DATA{color:#fff;background:#b2bec3}.badge{letter-spacing:.5px;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}button{cursor:pointer;border:none;border-radius:6px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .15s}button:hover{opacity:.85}input,select,textarea{border:1.5px solid #d0d7de;border-radius:6px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--navy)}label{color:var(--grey);margin-bottom:4px;font-size:12px;font-weight:600;display:block}