:root{color-scheme:light;--ink: #22382f;--muted: #657069;--paper: #f3f2ed;--line: #d8ddd4;--accent: #d9b16c;--red: #a44332;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}header,footer{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 36px;gap:18px}header{border-bottom:1px solid var(--line)}.brand{font-size:30px;letter-spacing:-2px;font-weight:800;text-decoration:none;color:var(--ink)}.brand span{font-size:12px;letter-spacing:1px;margin-left:20px;font-weight:500}.local,.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted)}main{max-width:1200px;margin:auto;padding:42px 36px;min-height:70vh}h1{font-size:40px;letter-spacing:-1px;margin:14px 0 12px;font-weight:600}h2{font-size:24px;margin:0}p{line-height:1.7;color:var(--muted)}.welcome{max-width:540px;margin:5vh auto}.welcome form{background:#fff;padding:28px;margin-top:32px;border:1px solid var(--line);border-radius:8px}label{display:block;font-size:13px;font-weight:600;margin:16px 0 7px}input,select,textarea{font:inherit;font-size:16px;padding:12px;border:1px solid #b9c4ba;border-radius:4px;background:#fff;color:var(--ink);width:100%;min-height:46px}input:focus,textarea:focus{outline:2px solid #74927f;outline-offset:1px}button{font:inherit;font-size:14px;padding:12px 18px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);cursor:pointer;min-height:44px}button:hover{background:#e9ece5}button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}button.primary:hover{background:#3c594c}button:disabled{opacity:.5;cursor:wait}button.text{background:transparent;border:0;padding:8px}.danger{color:var(--red)}.row{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}.actions{display:flex;gap:10px;flex-wrap:wrap}.toolbar{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:30px 0 20px}nav{display:flex;border-bottom:1px solid var(--line);gap:24px;margin-top:30px}nav button{background:none;border:0;border-bottom:3px solid transparent;border-radius:0;padding:16px 4px;font-size:16px}nav button[aria-selected=true]{border-color:var(--ink);font-weight:600}.search{max-width:420px}.stat{font-size:12px;color:var(--muted);letter-spacing:1px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#ecefe7;font-size:12px;letter-spacing:1px;padding:15px 20px;color:var(--muted);font-weight:500;white-space:nowrap}td{padding:18px 20px;border-bottom:1px solid #e8ebe3;font-size:14px;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}.number{font-family:SFMono-Regular,Consolas,monospace;text-align:right;font-size:20px;font-weight:500}.in{color:#366b4a}.out{color:#a06430}.empty{text-align:center;padding:66px 20px}.empty strong{display:block;font-size:19px;margin-bottom:10px}.empty p{margin:0}.message{color:var(--red);font-size:14px;min-height:20px}.notice{background:#e9eee5;padding:14px 18px;font-size:13px;border-left:3px solid #8aa082;margin:18px 0}.badge{border:1px solid var(--line);padding:4px 8px;border-radius:3px;font-size:12px;white-space:nowrap}.muted{color:var(--muted)}.deleted{opacity:.55}.small{font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.direction{display:flex;gap:10px;align-items:center}.direction label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:12px;flex:1;margin:7px 0}.direction input{width:18px;min-height:18px;accent-color:var(--ink)}dialog{border:1px solid var(--line);border-radius:8px;max-width:570px;width:calc(100% - 32px);max-height:90dvh;padding:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#172c2490}dialog header{position:sticky;top:0;background:var(--paper);padding:18px 24px;z-index:1}dialog .content{padding:8px 24px 24px}dialog .end{margin-top:24px;justify-content:flex-end}footer{font-size:11px;color:var(--muted);flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px}#offline{flex:1;text-align:right}.check{display:flex;align-items:flex-start;gap:10px}.check input{width:20px;min-height:20px}.check span{line-height:1.6}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:14px 24px;border-radius:5px;z-index:5;box-shadow:0 4px 20px #0002;max-width:90vw}.wide-note{max-width:280px;white-space:pre-wrap}@media(max-width:700px){header,footer{padding:20px}header .local{display:none}main{padding:26px 20px}h1{font-size:32px}.brand span{margin-left:15px}.toolbar{align-items:stretch;flex-direction:column}.search{max-width:none}.number{font-size:18px}td,th{padding:14px 12px}.split{grid-template-columns:1fr}.row.between{align-items:flex-start;gap:20px}table.details thead{display:none}table.details,table.details tbody,table.details tr,table.details td{display:block}table.details tr{padding:16px;border-bottom:1px solid var(--line);position:relative}table.details td{padding:3px 0;border:0}table.details td[data-label]:before{content:attr(data-label);font-size:11px;color:var(--muted);margin-right:14px}table.details .number{text-align:left}#offline{text-align:left;flex-basis:100%}.welcome form{padding:22px}nav{gap:25px}dialog header{padding:16px 20px}dialog .content{padding:8px 20px 20px}}header{max-width:none;padding-inline:max(28px,calc((100vw - 1128px)/2));background:#fcfdf9}main{padding-top:34px}.welcome h1{font-size:clamp(32px,5vw,46px)}.welcome form,.table-wrap{border-radius:14px;box-shadow:0 8px 28px #22382f06}button,input,select,textarea{border-radius:8px}button:focus-visible,a:focus-visible{outline:3px solid #74927f;outline-offset:3px}nav{gap:8px;margin-top:24px}nav button{min-width:96px}.table-wrap tbody tr:hover{background:#f8faf5}.stat{margin-block:18px}dialog{border-radius:16px;box-shadow:0 24px 80px #15271b30}@media(max-width:700px){header{padding:18px 20px}main{padding:24px 16px}.row.between{flex-direction:column;gap:10px}.row.between>.actions{width:100%}.row.between>.actions button{flex:1;padding-inline:10px}h1{margin-top:8px}.toolbar{margin-top:20px;gap:12px}.toolbar>.actions{justify-content:space-between}.toolbar>.actions .primary{flex:1}.welcome{margin-top:20px}table.details tr{padding:20px}table.details td:last-child{position:absolute;top:18px;right:16px}table.details td:nth-child(2){padding-right:72px}footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}}.sync-preview{max-height:280px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#fff;padding:12px}@media(max-width:700px){.row.between>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.row.between>.actions button{white-space:nowrap}}#update-status{flex-basis:100%;line-height:1.7;overflow-wrap:anywhere}