*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;color:#25342d;background:#f4f6f5}h1{font-size:28px;letter-spacing:-.7px;margin:0 0 12px}a{color:#22674e}button,input{font:inherit}button{border:0;border-radius:7px;padding:11px 18px;background:#28674f;color:white;cursor:pointer}button:hover{filter:brightness(.94)}input{width:100%;padding:11px;border:1px solid #cbd4cf;border-radius:6px;margin:5px 0 15px}label{display:block}.check{display:flex;align-items:center;gap:9px;font-size:14px}.check input{width:auto;margin:0}.login{min-height:100dvh;display:grid;place-items:center;padding:24px}.card{background:white;border:1px solid #dfe6e2;border-radius:14px;padding:32px;width:min(100%,450px);box-shadow:0 8px 35px #18392708}.card button{width:100%}.card a{display:inline-block;margin-top:16px}.eyebrow{font-size:11px;letter-spacing:1.6px;color:#75827b;font-weight:700}p[role=alert]{color:#ab3030}.secret{display:block;overflow-wrap:anywhere;background:#eff4f1;padding:14px;font-size:16px}pre{padding:18px;background:#eff4f1;line-height:1.9}.dashboard{height:100dvh;display:grid;grid-template-columns:210px 1fr;overflow:hidden}aside{background:white;border-right:1px solid #dfe6e2;padding:25px 18px;display:flex;flex-direction:column;gap:12px;overflow:auto}.brand{font-size:25px;font-weight:750;text-decoration:none}.nav{padding:11px 14px;border-radius:7px;text-decoration:none}.active{background:#e8f1ec;color:#245c45;font-weight:600}.account{margin-top:auto;display:grid;gap:12px;font-size:13px;color:#65736b}.secondary{background:#edf1ee;color:#34483c;width:100%}.workspace{min-width:0;height:100%;padding:0}iframe{border:0;width:100%;height:100%;display:block}@media(max-width:700px){.dashboard{grid-template-columns:1fr;grid-template-rows:auto 1fr}aside{padding:10px 14px;flex-direction:row;align-items:center;gap:16px;border-right:0;border-bottom:1px solid #ddd}aside .eyebrow,.account>span{display:none}.brand{font-size:20px}.account{margin:0 0 0 auto}.secondary{padding:8px 10px}.nav{padding:8px}.card{padding:24px}}

@media(max-width:700px){.dashboard>aside{flex-wrap:wrap;gap:8px}.dashboard>aside .account{display:flex;align-items:center;flex-wrap:wrap}.dashboard{grid-template-rows:auto minmax(0,1fr)}}
