:root{font-family:Arial,system-ui,sans-serif;color:#171717;background:#e6e1d5}*{box-sizing:border-box}body{margin:0}.login{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#174f3f}.login[hidden]{display:none}.login form{width:min(430px,100%);padding:30px;border:3px solid #171717;background:#fffdf4;box-shadow:10px 11px 0 #171717}.login small{font-weight:900;letter-spacing:.18em}.login h1{margin:5px 0 8px;font:900 52px/.9 Impact,'Arial Black',Arial,sans-serif;text-transform:uppercase}.login p{font-weight:700}.login label{display:grid;gap:5px;margin:14px 0;font-weight:900}.login input,.login button{min-height:48px;border:2px solid #171717;padding:9px;font:inherit}.login button{width:100%;background:#bab900;font-weight:900;cursor:pointer}#loginMessage{min-height:20px;color:#a40000}.shell{display:grid;grid-template-columns:230px 1fr;height:100vh}.shell[hidden]{display:none}aside{display:flex;flex-direction:column;min-height:0;padding:19px 13px;border-right:3px solid #171717;background:#174f3f;color:#fff}.brand{display:grid;padding:8px 8px 18px}.brand small{font-weight:900;letter-spacing:.18em}.brand strong{font:900 29px Impact,'Arial Black',Arial,sans-serif;letter-spacing:.02em}nav{display:grid;gap:6px;overflow:auto}nav button,.logout,.menu-toggle{min-height:46px;border:2px solid #fff;background:transparent;color:#fff;text-align:left;padding:9px 11px;font:800 14px Arial,sans-serif;cursor:pointer}nav button.active{border-color:#171717;background:#bab900;color:#171717;box-shadow:4px 4px 0 #171717}.logout{margin-top:auto}.menu-toggle{display:none}.workspace{position:relative;min-width:0;height:100vh;background:#e6e1d5}.workspace iframe{width:100%;height:100%;border:0;background:#e6e1d5}#moduleState{position:absolute;z-index:2;left:20px;top:16px;padding:8px 11px;border:2px solid #171717;background:#fffdf4;font-weight:800}#moduleState:empty{display:none}@media(max-width:760px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}aside{position:relative;z-index:5;display:grid;grid-template-columns:1fr auto auto;align-items:center;padding:8px 10px;border-right:0;border-bottom:3px solid #171717}.brand{padding:2px}.brand strong{font-size:22px}.menu-toggle{display:block;width:46px;padding:7px;text-align:center;font-size:22px}.logout{margin:0 0 0 6px;padding:6px;font-size:11px}nav{position:absolute;left:0;right:0;top:100%;display:none;padding:9px;background:#174f3f;border-bottom:3px solid #171717}aside.open nav{display:grid}.workspace{height:auto;min-height:0}.workspace iframe{height:100%}}