:root{--color-background:#1a1a1a;--color-foreground:#fff;--color-foreground-header1:#a5a5a5;--color-foreground-header2:#ccc;--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:#1e1e1ebf;--color-table-header-btn:#2f2f2f;--color-table-header-btn-hover:#383838;--color-table-header-btn-press:#272727;--color-different-10:#ffffff1a;--color-different-30:#ffffff4d;--color-different-p15:#00000026;--color-different-p20:#0003;--color-different-p30:#0000004d;--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--multi-mode--button:#303030;--color--multi-mode--button-hover:#424242;--color--multi-mode--button-disabled:#2b2b2b;--color--multi-mode--button-disabled-foreground:#4b4b4b;--color--multi-mode--group-background:#222;--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{box-sizing:border-box;font-size:16px}body{background:var(--color-background);color:#fff;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;overflow:hidden auto}h2{color:var(--color-foreground-header2);font-size:1.5rem;font-weight:400}*{box-sizing:border-box;margin:0;padding:0}#main{width:100%}#footer{justify-content:center;align-items:center;width:100%;padding-bottom:2rem;display:flex;position:absolute;bottom:0;left:0}#footer .logout-btn{gap:.5rem;padding:.6rem 1.6rem .6rem 1.2rem}#home-page{width:600px;margin:30px auto 50px}#home-page>.panel{width:100%}#home-page>.panel>.panel-header{margin-top:20px;margin-bottom:12px;display:flex}#home-page>.panel ul{padding:0;list-style-type:none}#home-page>.panel.system-infos>.panel-body .info{grid-template-columns:auto auto auto 1fr;display:grid}#home-page>.panel.system-infos>.panel-body .info .status-led{background-color:#0000;border-radius:50%;place-self:center;width:10px;height:10px}#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,#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 (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-area:1/1}#home-page>.panel.system-infos>.panel-body .info .info-1{grid-area:1/2;margin-left:10px}#home-page>.panel.system-infos>.panel-body .info .info-2{grid-area:1/3;margin-left:10px}#home-page>.panel.system-infos>.panel-body .info .info-3{grid-area:2/3;margin-left:10px}}#home-page>.panel.pc-control>.panel-body .pc-header,#home-page>.panel.pc-control>.panel-body .pc{grid-template-columns:50px 1fr 140px 60px;gap:10px;display:grid}#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,#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-content:center;justify-self:center;align-items:center;display:flex}#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;white-space:nowrap;overflow:hidden}@keyframes l1{0%{opacity:0}to{opacity:1}}#home-page>.panel.pc-control>.panel-body .pc .switch .MuiSwitch-root .MuiSwitch-thumb{animation:.3s forwards l1}#home-page>.panel.pc-control>.panel-body .pc .switch .MuiSwitch-root.is-loading .MuiSwitch-thumb{animation:.3s reverse forwards l1}#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:"";border-radius:inherit;background:currentColor;margin:2px;animation:1.5s ease-in-out infinite l6;position:absolute;inset:0 0%}@keyframes l6{0%{inset:0 100% 0 0%}33%{inset:0 50% 0 0%}66%{inset:0 0% 0 50%}to{inset:0 0% 0 100%}}@media screen and (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}}@media screen and (width<=700px){#home-page{width:calc(100% - 40px);margin:20px}}#login-page{background-color:#0000;justify-content:center;width:100%;height:100vh;margin-top:7rem;display:flex}#login-page .login-form{flex-direction:column;align-items:center;display:flex}#login-page .login-form>h2{margin-bottom:2rem}#login-page .login-form>input{border:none;border-bottom:2px solid var(--color-textbox-background);background:var(--color-textbox-background);width:18rem;color:var(--color-foreground);border-radius:5px;outline:none;margin-bottom:.7rem;padding:.8rem 1rem;font-size:1rem}#login-page .login-form>input:focus{border-bottom:2px solid var(--color-theme)}#login-page .login-form .login-btn{background:var(--color-theme);border:none;border-radius:.3rem;justify-content:center;place-items:center;gap:.5rem;margin-top:1.6rem;padding:.6rem 1.6rem .6rem 1.2rem}#login-page .login-form .login-btn span{display:inline-block}#gateways-page{width:600px;margin:30px auto 50px}#gateways-page>.panel{width:100%}#gateways-page>.panel>.panel-header{margin-top:20px;margin-bottom:12px;display:flex}#gateways-page>.panel ul{padding:0;list-style-type:none}#gateways-page>.panel.gateways-control>.panel-header h2{font-size:1.3rem}#gateways-page>.panel.gateways-control>.panel-body .gateways-header,#gateways-page>.panel.gateways-control>.panel-body .gateway-item{grid-template-columns:minmax(0,1fr) 60px 60px;gap:10px;display:grid}#gateways-page>.panel.gateways-control>.panel-body .gateways-header .switch-btn-header,#gateways-page>.panel.gateways-control>.panel-body .gateways-header .settings-header,#gateways-page>.panel.gateways-control>.panel-body .gateway-item .switch-btn-header,#gateways-page>.panel.gateways-control>.panel-body .gateway-item .settings-header{text-align:center}#gateways-page>.panel.gateways-control>.panel-body .gateway-item{align-items:center}#gateways-page>.panel.gateways-control>.panel-body .gateway-item .switch,#gateways-page>.panel.gateways-control>.panel-body .gateway-item .settings{justify-content:center;justify-self:center;align-items:center;display:flex}#gateways-page>.panel.gateways-control>.panel-body .gateway-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#gateways-page>.panel.gateways-control>.panel-body .gateway-item .switch .MuiSwitch-root .MuiSwitch-thumb{animation:.3s forwards l1}#gateways-page>.panel.gateways-control>.panel-body .gateway-item .switch .MuiSwitch-root.is-loading .MuiSwitch-thumb{animation:.3s reverse forwards l1}#gateways-page>.panel.gateways-control>.panel-body .gateway-item .switch .MuiSwitch-root.is-loading .MuiSwitch-track{color:var(--color-theme);border:2px solid;position:relative}#gateways-page>.panel.gateways-control>.panel-body .gateway-item .switch .MuiSwitch-root.is-loading .MuiSwitch-track:before{content:"";border-radius:inherit;background:currentColor;margin:2px;animation:1.5s ease-in-out infinite l6;position:absolute;inset:0 0%}#gateways-page>.popup-overlay{z-index:10;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}#gateways-page .gateway-editor{background:var(--color-popup);width:min(480px,100%);color:var(--color-foreground);box-shadow:var(--shadow-popup);border-radius:8px;padding:24px}#gateways-page .gateway-editor h3{color:var(--color-foreground-header2);margin:0 0 18px;font-size:1.25rem;font-weight:500}#gateways-page .gateway-editor .gateway-editor-form{width:100%}#gateways-page .gateway-editor .MuiInputBase-root{background:var(--color-textbox-background);color:var(--color-foreground)}#gateways-page .gateway-editor .MuiInputLabel-root,#gateways-page .gateway-editor .MuiFormHelperText-root{color:var(--color-textbox-watermark)}#gateways-page .gateway-editor .MuiInputLabel-root.Mui-focused{color:var(--color-theme)}#gateways-page .gateway-editor .MuiOutlinedInput-notchedOutline{border-color:var(--color-different-30)}#gateways-page .gateway-editor .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--color-foreground-header2)}#gateways-page .gateway-editor .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--color-theme)}#gateways-page .gateway-editor .MuiInputBase-input,#gateways-page .gateway-editor .MuiInputBase-inputMultiline{color:var(--color-foreground);caret-color:var(--color-theme)}#gateways-page .gateway-editor .editor-actions{justify-content:flex-end;gap:12px;display:flex}@media screen and (width<=700px){#gateways-page{width:calc(100% - 40px);margin:20px}}#nav-bar .nav-tabs-paper{background-color:var(--color-background);border-radius:4px;margin:10px 20px 0;overflow:hidden}#nav-bar .nav-tabs-paper .MuiTab-root:not(.Mui-selected){color:#ffffffa6}#nav-bar .nav-tabs-paper .MuiTab-root:not(.Mui-selected) .MuiSvgIcon-root{color:inherit}#nav-bar .nav-tabs-paper .MuiTab-root .MuiSvgIcon-root{font-size:20px}