:root{font-family:system-ui,-apple-system,"PingFang SC",sans-serif;color:#142c38;background:#f3f6f7;font-size:15px}
*{box-sizing:border-box}
body{margin:0}
header{display:flex;gap:20px;align-items:center;background:#fff;border-bottom:1px solid #dce5e7;padding:20px 5%}
.brand{margin-right:auto;font-size:21px;font-weight:750;color:#163c45;text-decoration:none}
.brand small{font-size:12px;display:block;letter-spacing:2px;margin-top:5px}
main{max-width:1400px;margin:40px auto;padding:0 5%;min-height:70vh}
h1{font-size:32px;letter-spacing:-1px}
h2{font-size:21px}
h3{font-size:17px}
p{line-height:1.7;color:#4b626c}
a{color:#126c76}
nav{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}
nav a{padding:10px 15px;background:#e4edef;border-radius:8px;text-decoration:none}
nav a[aria-current]{color:white;background:#126c76}
.eyebrow{color:#126c76;font-weight:650;letter-spacing:1px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card,.panel{background:white;border:1px solid #dce5e7;border-radius:12px;padding:24px}
.card{text-decoration:none}
.card span{color:#126c76}
.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:24px;align-items:start}
.rows article{padding:12px 0 24px;border-top:1px solid #e7eef0}
.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
input,select,textarea{display:block;width:100%;border:1px solid #b8cbd0;background:white;color:#142c38;border-radius:6px;padding:11px;margin-top:7px;font:inherit}
input[type=checkbox]{width:auto;display:inline}
button{background:#126c76;border:0;color:white;padding:11px 22px;border-radius:7px;cursor:pointer;font:inherit}
.quiet{background:#e6edef;color:#254d57}
.errorlist{color:#a32f36;padding-left:20px}
.notice{background:#e3f1ec;border-left:4px solid #218060;padding:16px}
.empty{padding:25px 0}
.login{max-width:460px;margin:60px auto}
.login form{margin-top:30px}
footer{text-align:center;color:#657b82;padding:30px;font-size:12px}
code{word-break:break-all;font-size:12px}
@media(max-width:850px){.workspace{grid-template-columns:1fr}
main{margin-top:25px}
header{flex-wrap:wrap}
.brand{font-size:18px}
h1{font-size:27px}
nav{gap:6px}
nav a{padding:8px 11px}
}