:root{font:16px system-ui;color:#172033;background:#f6f8fb}*{box-sizing:border-box}body{margin:0}header{min-height:4rem;background:#132238;color:white;display:flex;align-items:center;gap:2rem;padding:0 2rem}.brand{font-size:1.3rem;font-weight:700;color:white;text-decoration:none}header nav{display:flex;gap:1rem}header nav a{color:white;padding:.4rem}.identity{margin-left:auto;display:flex;align-items:center;gap:.6rem}.identity small{color:#c7d2e2}.identity button{margin:0}.layout{display:flex}main{max-width:1100px;width:100%;margin:auto;padding:2rem}h1{margin-top:0}.card{background:white;border:1px solid #dfe5ee;border-radius:8px;padding:1.2rem;margin:1rem 0;box-shadow:0 1px 2px #00000008}.muted,small{color:#63708a}.error{background:#fff0f0;border:1px solid #d66;padding:1rem;border-radius:6px;color:#8c2020}.warn{color:#a54800}.row{display:flex;gap:1rem;flex-wrap:wrap}.row label{flex:1}button{background:#1458c5;color:#fff;border:0;border-radius:5px;padding:.65rem 1rem;font:inherit;cursor:pointer;margin:.3rem 0}button.secondary{background:#e7ebf2;color:#26354d}button:hover{filter:brightness(.9)}label{display:block;font-weight:600;margin:1rem 0}input{display:block;width:100%;max-width:36rem;padding:.65rem;margin-top:.35rem;border:1px solid #9caac0;border-radius:4px;font:inherit}output{display:block;margin:.5rem 0}.fields{padding-left:1.2rem}details{margin:.75rem 0}summary{cursor:pointer;font-weight:600}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f4f8;padding:.75rem;border-radius:4px}.login{max-width:30rem;margin:10vh auto;background:white;padding:2rem;border-radius:8px}.login button{width:100%}.workspace{margin-bottom:1.5rem;color:#42516b}@media(max-width:700px){header{padding:0 1rem}main{padding:1rem}}