.app{max-width:960px;margin:1.75rem auto;padding:0 1.5rem}.app.wide{max-width:none;margin:1.25rem 1.75rem}.app header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:1px solid var(--border);padding-bottom:.6rem;margin-bottom:1rem}.app h1{font-size:1.3rem;font-weight:650}.app h2{font-size:1.05rem;margin:1.5rem 0 .5rem}.app header nav{display:flex;flex-wrap:wrap;gap:.15rem .2rem;font-size:.83rem;align-items:baseline}.app header nav a,.app header nav strong{padding:.1rem .45rem;border-radius:99px}.app header nav a:hover{background:var(--accent-soft);text-decoration:none}.app header nav strong{background:var(--accent-soft);color:var(--accent-soft-ink);font-weight:600}.app code{background:var(--border-soft);padding:.1em .4em;border-radius:4px}.center{text-align:center;margin-top:4rem;color:var(--muted)}.note{font-size:.83rem;color:var(--muted);margin-bottom:.5rem}p.warn,p.error{font-size:.85rem;padding:.45rem .7rem;border-radius:var(--radius-sm);margin:.5rem 0}p.warn{color:var(--warn-ink);background:var(--warn-soft);border:1px solid #f0e2c0}p.error{color:var(--danger);background:var(--danger-soft);border:1px solid #f4cdc9}span.error{color:var(--danger);font-size:.9em}.empty{color:var(--muted);font-size:.9rem;text-align:center;padding:1.5rem 0}.panel.loading{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.9rem;padding:1rem 0}.login{display:flex;justify-content:center;margin-top:14vh}.login form{display:flex;flex-direction:column;gap:.85rem;width:300px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #1018280f;padding:1.75rem 1.5rem}.login h1{font-size:1.25rem;margin-bottom:.25rem}.login label{display:flex;flex-direction:column;gap:.3rem;font-size:.83rem;color:var(--muted)}.login button[type=submit]{margin-top:.4rem;padding:.5rem;display:inline-flex;justify-content:center;align-items:center;gap:.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.7rem;margin:1rem 0}.card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.8rem 1rem;color:var(--ink);transition:border-color .15s,box-shadow .15s}.card:hover{text-decoration:none;border-color:#c6d4f7;box-shadow:0 3px 10px #2563eb14}.card code{background:none;padding:0;font-size:.95rem;color:var(--accent-soft-ink)}.card .card-sub{display:block;font-size:.78rem;color:var(--muted);margin-top:.15rem}.toolbar{display:flex;align-items:center;gap:.45rem;margin:.6rem 0;font-size:.85rem;color:var(--muted)}.toolbar .spacer{flex:1}.toolbar button{padding:.25rem .6rem}.table-scroll{position:relative;overflow:auto;max-height:76vh;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.progress{height:2px;margin-bottom:-2px;position:relative;z-index:3;overflow:hidden;border-radius:2px;visibility:hidden}.progress.active{visibility:visible}.progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform-origin:left;animation:indeterminate 1.1s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-100%) scaleX(.4)}50%{transform:translate(30%) scaleX(.5)}to{transform:translate(105%) scaleX(.6)}}.data-table table{border-collapse:separate;border-spacing:0;font-size:.84rem;white-space:nowrap;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--border-soft);border-right:1px solid var(--border-soft);padding:.32rem .6rem;text-align:left;max-width:28rem;overflow:hidden;text-overflow:ellipsis}.data-table th:last-child,.data-table td:last-child{border-right:none}.data-table thead th{position:sticky;top:0;z-index:2;height:2.2rem;background:#f9fafb;border-bottom:1px solid var(--border);font-size:.78rem;font-weight:600;color:var(--muted)}.data-table thead .filter-row th{top:2.2rem;height:2.3rem;background:var(--surface)}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--ink)}.data-table .filter-row input{width:6.5rem;font-size:.78rem;padding:.18rem .4rem;box-shadow:none}.data-table tbody tr:hover td{background:#f8fafc}.data-table tbody.dim{opacity:.45;transition:opacity .2s}.data-table td.num{text-align:right;font-variant-numeric:tabular-nums}.data-table td.editable{cursor:pointer}.data-table tbody tr:hover td.editable{background:#fffaeb}.data-table td.live-cell,.data-table tbody tr:hover td.live-cell{background:var(--accent-soft);color:var(--accent-soft-ink)}.live-badge{font-size:.68em;font-weight:600;letter-spacing:.02em;background:#dbe7fe;color:var(--accent-soft-ink);border-radius:99px;padding:.05em .5em;margin-left:.4em;vertical-align:middle}.data-table td input:not([type=checkbox]){width:100%;font-size:inherit;padding:.05rem .25rem;border-color:var(--accent);box-shadow:none;border-radius:4px}.skeleton-row td .skeleton{width:65%}.skeleton-row:nth-child(2n) td .skeleton{width:45%}.skeleton-row:nth-child(3n) td .skeleton{width:80%}.add-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem 1.1rem;margin:.6rem 0}.add-form-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.65rem}.add-form label{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem;color:var(--muted)}.add-form button[type=submit]{margin-top:.7rem}.reconcile-table{border-collapse:separate;border-spacing:0;width:100%;margin-bottom:1.5rem;font-size:.86rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.reconcile-table th,.reconcile-table td{border-bottom:1px solid var(--border-soft);padding:.4rem .7rem;text-align:left}.reconcile-table tbody tr:last-child td{border-bottom:none}.reconcile-table th{background:#f9fafb;border-bottom:1px solid var(--border);font-size:.78rem;font-weight:600;color:var(--muted)}.reconcile-table tbody tr:hover td{background:#f8fafc}.diff-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.25rem 1.1rem 1.1rem;margin-bottom:1.5rem}.diff-detail h3{margin-top:.85rem}.diff-detail h4{margin:.8rem 0 .3rem;font-size:.9rem}.diff-detail table{border-collapse:collapse;font-size:.83rem}.diff-detail td,.diff-detail th{border:1px solid var(--border-soft);padding:.25rem .5rem}:root{--bg: #f6f7f9;--surface: #ffffff;--ink: #1c2026;--muted: #69727d;--border: #e4e7ec;--border-soft: #eef0f3;--accent: #2563eb;--accent-strong: #1d4ed8;--accent-soft: #eff4ff;--accent-soft-ink: #3450a8;--danger: #b42318;--danger-soft: #fef3f2;--warn-ink: #92600a;--warn-soft: #fdf6e7;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 2px rgb(16 24 40 / .05);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{letter-spacing:-.01em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}button{font:inherit;font-size:.875rem;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .8rem;cursor:pointer;box-shadow:var(--shadow);transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#fafbfc;border-color:#cdd3da}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}button.link{background:none;border:none;box-shadow:none;padding:0;font-size:inherit;color:var(--accent);border-radius:0}button.link:hover:not(:disabled){background:none;text-decoration:underline}input:not([type=checkbox]),select{font:inherit;font-size:.875rem;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .6rem;transition:border-color .15s}input::placeholder{color:#a4abb5}input:not([type=checkbox]):hover,select:hover{border-color:#cdd3da}input[type=checkbox]{accent-color:var(--accent);width:1rem;height:1rem;vertical-align:-.15em}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position-x:-200%}}.spinner{display:inline-block;width:.85rem;height:.85rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-.1em}.skeleton{display:inline-block;height:.85em;width:70%;border-radius:4px;background:linear-gradient(90deg,#e9ebef 8%,#f4f5f7,#e9ebef 48%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}