*{box-sizing:border-box}body{margin:0;background:#f6f5f0;color:#202e2c;font:16px/1.65 system-ui,sans-serif;display:flex;min-height:100vh}aside{width:260px;background:#153b35;color:#fff;padding:36px 26px;position:fixed;height:100vh}.brand{font:44px Georgia;display:flex;gap:18px;align-items:center}.brand span{font:600 19px/1.35 system-ui}.eyebrow{font-size:11px;letter-spacing:2px;color:#66867a;margin-top:30px}aside .eyebrow{color:#a5c6b8}nav{display:grid;gap:7px;margin-top:36px}button{font:inherit;cursor:pointer;border:0;border-radius:9px;padding:12px 18px;background:#dce9df;color:#153b35}nav button{text-align:left;background:transparent;color:#bad0c6}nav button.selected{background:#e3eddf;color:#153b35;font-weight:700}.aside-note{font-size:12px;color:#a6bdb1;margin-top:48px}main{margin-left:260px;padding:32px 6vw;max-width:1400px;width:calc(100% - 260px)}header{display:flex;justify-content:space-between;font-size:12px;color:#688078;border-bottom:1px solid #d9dfd6;padding-bottom:22px}h1{font-size:46px;font-weight:550;letter-spacing:-1.5px;line-height:1.25;margin:18px 0}#subtitle{color:#6d7b73;margin-bottom:30px}.card{background:#fff;border:1px solid #e0e5db;border-radius:14px;padding:25px 30px;margin:16px 0}.card h2{font-size:24px;margin:6px 0 18px}.tag{color:#6b8376;font-size:12px}.detail{display:grid;grid-template-columns:130px 1fr;gap:10px;margin:8px 0}.detail strong{font-size:13px;color:#7b8b7d;font-weight:500}details{border-top:1px solid #e4e8df;margin-top:20px;padding-top:13px;font-size:13px}summary{cursor:pointer;color:#367461}.empty{padding:50px;border:1px dashed #bac9bc;border-radius:12px;color:#6e8177}form{max-width:380px;display:grid;gap:16px;margin-top:28px}label{display:grid;gap:6px;font-size:13px}input{font:inherit;padding:12px;border:1px solid #b5c7b8;border-radius:8px;background:white}#error{color:#a4382f}#sync{font-size:11px}#logout{margin-top:20px}pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:750px){body{display:block}aside{position:relative;width:100%;height:auto;padding:18px}.brand{font-size:28px}.brand span{font-size:16px}nav{display:flex;overflow:auto;margin-top:15px;gap:3px}.aside-note,aside .eyebrow{display:none}main{margin:0;width:100%;padding:22px}h1{font-size:36px}.card{padding:20px}.detail{grid-template-columns:1fr;gap:2px}}