.tabs{display:flex;gap:4px}
.tabs a{padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--ink2);font-weight:800;font-size:14px}
.tabs a.on{background:var(--yellow-soft);color:var(--ink)}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.toolbar .input{width:auto;min-width:170px;min-height:42px;padding:8px 12px}
.toolbar .grow{flex:1}
table.t{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:14px}
.t th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--mute);background:#fbfaf6;padding:10px 12px;border-bottom:1px solid var(--line)}
.t td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.t tr:last-child td{border-bottom:0}
.t tr.click{cursor:pointer}
.t tr.click:hover td{background:#fffbea}
.t .nm{font-weight:800}
.t .sub{font-size:12px;color:var(--mute)}
.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start}
.panel h2{display:flex;align-items:center;gap:8px}
.draft{background:#fbfaf6;border:1px dashed #d6d3c7;border-radius:var(--r);padding:16px;font-size:14px}
.draft dt{font-weight:800;color:var(--navy);margin-top:10px}
.draft dt:first-child{margin-top:0}
.draft dd{margin:2px 0 0;white-space:pre-wrap;color:var(--ink2)}
.meta-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:14px}
.meta-grid span:nth-child(odd){color:var(--mute);font-weight:700}
.mailbox{background:#fff;border:1px solid var(--line);border-radius:var(--r);font-size:13px}
.mailbox .h{padding:12px 14px;border-bottom:1px solid var(--line);line-height:1.7}
.mailbox pre{margin:0;padding:12px 14px;white-space:pre-wrap;font-family:inherit;max-height:340px;overflow:auto;color:var(--ink2)}
.modal{position:fixed;inset:0;background:rgba(20,30,50,.45);display:grid;place-items:center;z-index:50;padding:16px}
.modal .box{background:#fff;border-radius:18px;padding:22px;width:100%;max-width:520px;max-height:92vh;overflow:auto}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.yearnote{font-size:13px;color:var(--ink2);background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.stats div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 16px;min-width:140px}
.stats b{display:block;font-size:22px}
.stats span{font-size:12px;color:var(--mute);font-weight:700}
@media(max-width:860px){.split{grid-template-columns:1fr}.tabs{order:3;width:100%;overflow:auto}.topbar .in{flex-wrap:wrap}.t .hide-m{display:none}}