@import 'https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu+Mono:wght@400;700&display=swap';@import 'https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';@import 'https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css';body{font:14px/1.2em nunito;margin:0;padding:0;background:#fff}code,pre{font-family:ubuntu mono,monospace}a{cursor:pointer}hr{height:0;border:none;border-bottom:2px solid rgba(100,100,100,.2)}input{box-sizing:border-box}#wrap{position:relative;margin:0;padding-top:48px}#wrap::after{position:fixed;bottom:20px;right:20px;z-index:-1;width:64px;height:64px;background:url(./logo.png)no-repeat;background-size:64px 64px;opacity:.2;border-radius:32px;content:''}#head{position:fixed;top:0;left:0;right:0;z-index:5;height:36px;background:#f7afb8;border-bottom:1px solid #f59957;box-shadow:0 2px 2px rgba(0,0,0,.16),0 2px 2px rgba(0,0,0,.23)}#head .inline{display:inline-block;height:36px;line-height:36px;padding-left:4px;padding-right:4px;min-width:36px;text-align:center}#head #head-lf{cursor:pointer;background:url(./logo.png)no-repeat;background-size:36px 36px}#head #head-rg{float:right}#login{padding-top:80px;text-align:center}#login input{width:240px;padding:8px}#toast{position:fixed;bottom:-48px;left:30%;right:30%;z-index:2;overflow:auto;padding:8px;background:#7f0000;color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);text-align:center;font-weight:700;line-height:1.2em;animation:fade 6s linear forwards}@keyframes fade{0%,100%{bottom:-48px;opacity:0}5%,95%{bottom:48px;opacity:1}}#popup-overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:10;overflow:hidden;background:rgba(50,50,50,.6)}#popup{position:absolute;top:48px;left:50%;margin-left:-166px;overflow:hidden;z-index:20;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}#popup-content{display:inline-block;width:300px;padding:16px;min-height:200px;margin:0 auto;background:#fff}.popup-head{padding-bottom:16px;border-bottom:1px solid rgba(100,100,100,.1);text-align:center;font-weight:700}.popup-body{padding-top:16px}.popup-body p{margin:0;padding:0 0 .5em}#ctrl a{display:inline-block;padding-left:8px;padding-right:8px;font-weight:700}#ctrl a span{margin-left:4px;color:darkred}#tabbody{padding-top:20px;padding-bottom:20px;margin:0 auto;max-width:640px}#tabbody h3{text-align:center;margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid rgba(100,100,100,.1)}#tab-list h3 a{display:inline-block;margin-left:8px;font-size:.8em;cursor:pointer;color:darkred}#userlist{table-layout:fixed;width:100%;empty-cells:show;border-collapse:collapse;margin-bottom:1em}#userlist td{vertical-align:middle;line-height:1.2em;white-space:nowrap;overflow:auto;padding:8px;border-bottom:1px solid rgba(100,100,100,.1)}#userlist td:first-child{font-family:space mono,monospace;font-weight:700}#userlist tr:last-child td{border:none}#userlist td span,#userlist td a{display:inline-block;padding:4px 8px;margin-right:8px}#userlist td a{font-variant:small-caps;background:#f7afb8;color:#fff}#userlist td a:hover{background:#f50057}#userlist td span{padding:0;border:1px solid transparent}#userlist input[type=button]{width:100%;margin-top:8px;padding:4px}#useradd{text-align:center}#useradd input{width:240px;padding:8px}#chpass{text-align:center}#chpass input{width:240px;padding:8px}#chpass progress{width:240px}#home{max-width:640px;margin:-2em auto 3em}#home h1,#home h2,#home h3,#home h4,#home h5,#home h6{margin-top:1.5em;margin-bottom:.75em}#home p{line-height:1.5em}#home img{max-width:640px}#home ul{margin:0;padding-left:0;list-style-type:none}#home li{position:relative;margin:.5em 0;padding-left:1.5em;z-index:1}#home li:before{font-family:fontawesome;font-weight:400;content:'\f2dc';position:absolute;left:0;top:.25em;font-size:.8em;width:1.2em}#home li p{margin:0;padding-bottom:.5em}@media only screen and (max-width:640px){body{font-size:12px}#tabbody{padding:20px;max-width:none}#userlist td{padding:8px 2px}#home img{max-width:100%}#toast{left:1rem;right:1rem}}@media only screen and (max-width:360px){#tabbody{padding:12px}#popup{margin-left:-136px}#popup-content{width:240px}#toast{left:8px;right:8px}}