:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#19343e;background:#f2f6f7;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:48px auto;padding:0 22px}header,.version,.actions{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:30px;margin:4px 0 20px}h2{font-size:19px;margin:0 0 20px}small{font-weight:400;color:#71858b}.eyebrow{color:#087f70;font-weight:600;margin:0 0 10px}.muted{color:#6d8189;font-size:14px;line-height:1.8}section{background:white;border:1px solid #e2eaed;border-radius:16px;padding:26px;margin:20px 0}.login{max-width:440px;margin:10vh auto}.login h1{line-height:1.5}.login button,.login .button{width:100%;margin:10px 0 24px}.login>a:last-child{display:block;text-align:center}label{display:block;flex:1;font-size:14px}input{display:block;width:100%;padding:12px;border:1px solid #cddadd;border-radius:8px;margin:8px 0 18px;font:inherit;min-width:120px}input:focus{outline:2px solid #9ad9cd}button,.button{border:0;border-radius:8px;padding:12px 20px;background:#087f70;color:white;font:inherit;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;white-space:nowrap}.secondary{color:#087f70;background:#e7f2ef}.create{display:flex;gap:20px;align-items:center}.create button{margin-top:2px}.notice{background:#fff4db;padding:14px 20px;border-radius:10px;color:#78561d}.table{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:#6d8189;font-weight:500;background:#f5f8f9}th,td{padding:16px 12px;border-bottom:1px solid #e7eff1}td{vertical-align:top}.badge{display:inline-block;border-radius:20px;background:#e7f5ed;color:#25724d;padding:4px 12px;white-space:nowrap}.off{background:#f6eeee;color:#a05555}.actions{justify-content:flex-start;align-items:flex-start}.actions button{font-size:13px;padding:8px 14px}summary{cursor:pointer;color:#087f70;padding:8px 0;white-space:nowrap}details form{padding-top:10px;max-width:220px}a{color:#087f70}@media(max-width:640px){main{margin:24px auto;padding:0 12px}section{padding:20px}.create,.version{display:block}header{align-items:flex-start}h1{font-size:24px}.create button{width:100%}.actions{gap:10px}th,td{padding:12px 8px}}

/* Compact account rows; scoped so log tables and other forms retain their layout. */
.account-table table{min-width:840px}
.account-table th,.account-table td{vertical-align:middle;padding:12px 10px}
.account-table td:first-child,.account-table td:nth-child(3),.account-table td:nth-child(4){white-space:nowrap}
.account-table .remark-form{display:flex;align-items:center;gap:8px;margin:0}
.account-table .remark-form input[name="remark"]{width:150px;min-width:0;flex:0 0 150px;height:38px;padding:8px 10px;margin:0}
.account-table button,.account-table summary{height:38px;line-height:20px;font-size:13px;padding:9px 12px;margin:0}
.account-table .badge{height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;font-size:13px}
.account-table .actions{align-items:center;gap:8px;flex-wrap:nowrap}
.account-table .actions>form{margin:0;flex-shrink:0}
.account-table .actions>details{flex-shrink:0}
.account-table summary{display:flex;align-items:center;gap:6px;background:#edf5f2;border-radius:8px;list-style:none}
.account-table summary::-webkit-details-marker{display:none}
.account-table summary::before{content:"▸"}
.account-table details[open]>summary::before{content:"▾"}
.account-table details form{white-space:normal;min-width:180px;padding-top:12px}
.account-table details input{margin:8px 0 12px}
.account-table summary:focus-visible,.account-table button:focus-visible{outline:2px solid #087f70;outline-offset:2px}
@media(max-width:640px){.account-table button,.account-table summary,.account-table .badge,.account-table .remark-form input[name="remark"]{height:44px}.account-table button,.account-table summary{padding-top:12px;padding-bottom:12px}}