:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#2b2118;background:#faf6ef}
body{margin:0;padding:0 16px 24px}
.top{display:flex;align-items:center;gap:8px;padding:12px 0}
.top h1{font-size:20px;margin:0}
.tag{background:#e8e0d0;border-radius:12px;padding:2px 10px;font-size:12px}
.spacer{flex:1}
button{background:#7a8b6f;color:#fff;border:0;border-radius:8px;padding:7px 12px;cursor:pointer}
button:hover{opacity:.9}
input,select,textarea{border:1px solid #d8cdbb;border-radius:8px;padding:7px 9px;background:#fff}
.status{color:#666;font-size:13px;margin-bottom:8px}
.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}
th,td{padding:9px 10px;border-bottom:1px solid #eee6d8;text-align:left;font-size:14px}
th{background:#f3ecdf}
tr{cursor:pointer}tr:hover{background:#faf6ef}
.login{color:#2f6f4e;text-decoration:underline;word-break:break-all}
.hint{color:#777;font-size:13px}
.card{background:#fff;border:1px solid #eee6d8;border-radius:10px;padding:12px;margin:10px 0}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0}
.row input,.row select{flex:1;min-width:120px}
dialog{border:1px solid #ddd;border-radius:12px;padding:16px;width:520px;max-width:92vw}
dialog label{display:block;margin:8px 0}
dialog input,dialog select{width:100%;box-sizing:border-box}
.note-edit{flex:1;display:flex;flex-direction:column;gap:8px}
#noteList{width:220px}
.backup{font-family:monospace;background:#f3ecdf;padding:10px;border-radius:8px;line-height:1.8}