:root{--fg: #1c2430;--muted: #6b7785;--line: #e2e7ee;--accent: #2563eb;--bg: #f7f9fc}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--fg);background:var(--bg)}.app{min-height:100vh}.topbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#fff;border-bottom:1px solid var(--line)}.topbar .spacer{flex:1}.page{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem}.page.center{text-align:center;margin-top:12vh}h1{font-size:1.5rem;margin:.25rem 0 .5rem}h3{font-size:.95rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.muted{color:var(--muted)}.error{color:#b42318;background:#fff1f0;padding:.5rem .75rem;border-radius:6px;margin:.75rem 0}.row{display:flex;gap:.5rem;margin:1rem 0}input{flex:1;padding:.5rem .65rem;border:1px solid var(--line);border-radius:6px;font-size:.95rem}button{padding:.5rem .9rem;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem}button:disabled{opacity:.5;cursor:not-allowed}button.link{background:none;border:none;color:var(--accent);padding:0}.client-list,.folder-list{list-style:none;padding:0}.client-list li{padding:.5rem 0;border-bottom:1px solid var(--line)}.client-list a{color:var(--accent);text-decoration:none}.client-grid{display:grid;grid-template-columns:240px 1fr;gap:1.5rem;margin-top:1rem}.folder-list li{padding:.3rem 0;color:var(--fg)}.record-summary{margin-top:1.5rem}.packet-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.packet-table th,.packet-table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--line);font-size:.92rem}.packet-table th{background:#fafbfd;color:var(--muted);font-weight:600}.empty{background:#fff;border:1px dashed var(--line);border-radius:8px;padding:1.5rem;color:var(--muted)}.badge{font-size:.78rem;padding:.15rem .5rem;border-radius:999px}.badge-fresh{background:#e7f6ec;color:#1f7a43}.badge-warn{background:#fff4e5;color:#9a5b00}.badge-stale{background:#fdecea;color:#b42318}.actions{display:flex;gap:.75rem}.record-editor{margin-top:.5rem}.field-row{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:.5rem;margin:4px 0}.field-row label{margin:0}.save-status{display:inline-block;margin-left:.75rem}.lock{font-size:11px}select{padding:5px;border:1px solid var(--line);border-radius:5px}