:root{--color-background: #0F0F0F;--color-foreground: #fff;--color-foreground-header1: #a5a5a5;--color-foreground-header2: #cccccc;--color-foreground-blue: #277eff;--color-foreground-blue-lighter: #3d8aff;--color-navbar-1: #1c1c1c;--color-navbar-2: #191919;--color-sheet: #272727;--color-popup: #292929;--color-row-different: rgb(30 30 30 / 75%);--color-table-header-btn: rgb(47, 47, 47);--color-table-header-btn-hover: rgb(56, 56, 56);--color-table-header-btn-press: rgb(39, 39, 39);--color-different-10:rgb(255 255 255 / 10%);--color-different-30:rgb(255 255 255 / 30%);--color-different-p15:rgba(0, 0, 0, .15);--color-different-p20:rgba(0, 0, 0, .2);--color-different-p30:rgba(0, 0, 0, .3);--color-textbox-background: #505050;--color-textbox-watermark: #ABABAB;--color-label:#1a1e23;--color-scrollbar-background: #2D2D30;--color-scrollbar-foreground: #5A5A5A;--color-scrollbar-foreground-hover: #878787;--color-scrollbar-foreground-pressed: #A6A6A6;--color-background: #1a1a1a;--color--multi-mode--button: #303030;--color--multi-mode--button-hover: #424242;--color--multi-mode--button-disabled: rgb(43, 43, 43);--color--multi-mode--button-disabled-foreground:#4b4b4b;--color--multi-mode--group-background: #222222;--color--multi-mode--popup-background: #2b2b2b;--shadow-popup: 0 2px 3px #000;--shadow-textbox: 0 2px 3px #000;--shadow-sheet: 0 1px 3px #000000b1}html{font-size:16px;box-sizing:border-box}body{width:100%;height:100%;background:var(--color-background);font-size:1rem;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-y:auto;overflow-x:hidden}h2{color:var(--color-foreground-header2);font-size:1.5rem;font-weight:400}*{margin:0;padding:0;box-sizing:border-box}#main{width:100%}#home-page{width:600px;margin:30px auto 50px}#home-page>.panel{width:100%}#home-page>.panel>.panel-header{display:flex;margin-bottom:12px;margin-top:20px}#home-page>.panel ul{list-style-type:none;padding:0}#home-page>.panel.system-infos>.panel-body .info{display:grid;grid-template-columns:auto auto auto 1fr}#home-page>.panel.system-infos>.panel-body .info .status-led{align-self:center;justify-self:center;width:10px;height:10px;border-radius:50%;background-color:transparent}#home-page>.panel.system-infos>.panel-body .info .status-led.green{background-color:#028d41}#home-page>.panel.system-infos>.panel-body .info .status-led.red{background-color:#e54141}#home-page>.panel.system-infos>.panel-body .info .status-led.yellow{background-color:#ecc03c}#home-page>.panel.system-infos>.panel-body .info .info-1{margin-left:10px}#home-page>.panel.system-infos>.panel-body .info .info-2{margin-left:10px}#home-page>.panel.system-infos>.panel-body .info .info-3{margin-left:4px}@media screen and (max-width: 600px){#home-page>.panel.system-infos>.panel-body .info{grid-template-columns:auto auto 1fr}#home-page>.panel.system-infos>.panel-body .info .status-led{grid-column:1;grid-row:1}#home-page>.panel.system-infos>.panel-body .info .info-1{margin-left:10px;grid-column:2;grid-row:1}#home-page>.panel.system-infos>.panel-body .info .info-2{margin-left:10px;grid-column:3;grid-row:1}#home-page>.panel.system-infos>.panel-body .info .info-3{margin-left:10px;grid-column:3;grid-row:2}}#home-page>.panel.pc-control>.panel-body .pc-header,#home-page>.panel.pc-control>.panel-body .pc{display:grid;grid-template-columns:50px 1fr 140px 60px;gap:10px}#home-page>.panel.pc-control>.panel-body .pc-header .status-led-header,#home-page>.panel.pc-control>.panel-body .pc-header .switch-btn-header,#home-page>.panel.pc-control>.panel-body .pc-header .online-duration-header,#home-page>.panel.pc-control>.panel-body .pc .status-led-header,#home-page>.panel.pc-control>.panel-body .pc .switch-btn-header,#home-page>.panel.pc-control>.panel-body .pc .online-duration-header{text-align:center}#home-page>.panel.pc-control>.panel-body .pc-header .status-led-header,#home-page>.panel.pc-control>.panel-body .pc-header .switch-btn-header,#home-page>.panel.pc-control>.panel-body .pc-header .online-duration-header{text-align:center}#home-page>.panel.pc-control>.panel-body .pc{align-items:center}#home-page>.panel.pc-control>.panel-body .pc .online-duration{text-align:center}#home-page>.panel.pc-control>.panel-body .pc .status-led,#home-page>.panel.pc-control>.panel-body .pc .switch{justify-self:center;display:flex;align-items:center;justify-content:center}#home-page>.panel.pc-control>.panel-body .pc .status-led.green .MuiSvgIcon-root{fill:#028d41}#home-page>.panel.pc-control>.panel-body .pc .status-led.red .MuiSvgIcon-root{fill:#e54141}#home-page>.panel.pc-control>.panel-body .pc .status-led.yellow .MuiSvgIcon-root{fill:#ecc03c}#home-page>.panel.pc-control>.panel-body .pc .name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@keyframes l1{0%{opacity:0}to{opacity:1}}#home-page>.panel.pc-control>.panel-body .pc .switch .MuiSwitch-root .MuiSwitch-thumb{animation:l1 .3s;animation-fill-mode:forwards}#home-page>.panel.pc-control>.panel-body .pc .switch .MuiSwitch-root.is-loading .MuiSwitch-thumb{animation:l1 .3s;animation-direction:reverse;animation-fill-mode:forwards}#home-page>.panel.pc-control>.panel-body .pc .switch .MuiSwitch-root.is-loading .MuiSwitch-track{color:var(--color-theme);border:2px solid;position:relative}#home-page>.panel.pc-control>.panel-body .pc .switch .MuiSwitch-root.is-loading .MuiSwitch-track:before{content:"";position:absolute;margin:2px;top:0;right:0%;bottom:0;left:0%;border-radius:inherit;background:currentColor;animation:l6 1.5s infinite;animation-timing-function:ease-in-out}@keyframes l6{0%{top:0;right:100%;bottom:0;left:0%}33%{top:0;right:50%;bottom:0;left:0%}66%{top:0;right:0%;bottom:0;left:50%}to{top:0;right:0%;bottom:0;left:100%}}@media screen and (max-width: 600px){#home-page>.panel.pc-control>.panel-body .pc-header,#home-page>.panel.pc-control>.panel-body .pc{grid-template-columns:50px 1fr 100px 60px}}#home-page .footer{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;width:100%;left:0;padding-bottom:2rem}#home-page .footer .logout-btn{padding:.6rem 1.6rem .6rem 1.2rem;gap:.5rem}@media screen and (max-width: 700px){#home-page{width:calc(100% - 40px);margin:20px}}#login-page{display:flex;justify-content:center;margin-top:7rem;height:100vh;width:100%;background-color:transparent}#login-page .login-form{display:flex;flex-direction:column;align-items:center}#login-page .login-form>h2{margin-bottom:2rem}#login-page .login-form>input{width:18rem;margin-bottom:.7rem;padding:.8rem 1rem;border-radius:5px;border:none;border-bottom:2px solid var(--color-textbox-background);background:var(--color-textbox-background);color:var(--color-foreground);font-size:1rem;outline:none}#login-page .login-form>input:focus{border-bottom:2px solid var(--color-theme)}#login-page .login-form .login-btn{margin-top:1.6rem;padding:.6rem 1.6rem .6rem 1.2rem;border-radius:.3rem;border:none;background:var(--color-theme);justify-items:center;justify-content:center;align-items:center;gap:.5rem}#login-page .login-form .login-btn span{display:inline-block}