*{box-sizing:border-box}body{font:16px system-ui,sans-serif;margin:0;background:#101821;color:#dfebf5}header{padding:20px 5%;display:flex;justify-content:space-between;background:#172634}a{color:#7de3d1;text-decoration:none}header>a{font-size:26px;font-weight:800}small,footer{color:#9aafbd}main{padding:28px 5%;min-height:80vh}h1{font-size:32px}h2{font-size:21px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:20px 0}.tile,.flag{display:block;background:#1b2c3b;padding:20px;border-radius:12px;margin:12px 0}.flag{border-left:4px solid #f07878}.tile strong{font-size:42px}input,select,button,.button{padding:10px;border-radius:6px;border:1px solid #486071}input,select{background:#13202c;color:white}input:not([type=checkbox]){display:block;width:100%;max-width:420px;margin:5px 0 15px}label{display:block}button,.button{background:#62d4be;color:#092b29;cursor:pointer;display:inline-block;margin:5px 5px 5px 0}nav,nav form{display:inline-block}.error,.status-failed,.status-late,.status-blocked{color:#ff9e9e}.status-ok{color:#7de3ad}table{border-collapse:collapse;width:100%;font-size:14px}td,th{border-bottom:1px solid #3a5060;text-align:left;padding:10px;vertical-align:top}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:600px;font-size:12px;margin:0}.login{max-width:480px;margin:40px auto}footer{padding:20px 5%;font-size:13px}canvas{max-height:180px;max-width:500px}