:root{--white:#ffffff;--surface:#f5f5f5;--green:#36c273;--ink:#333333;--green-dark:#2aa460;--green-soft:#eaf8f0;--green-border:#b9e7cd;--ink-muted:#6b6b6b;--ink-faint:#949494;--line:#e6e6e6;--line-strong:#d4d4d4;--danger:#c24d36;--danger-soft:#fbeae6;--warn-soft:#fdf5e0;--warn-ink:#8a6d1a;--info-soft:#e8f0fb;--info-ink:#2b5e9e;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 2px rgba(51,51,51,0.06);--shadow:0 4px 16px rgba(51,51,51,0.08);--space:1rem}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5;background:var(--surface);color:var(--ink);-webkit-font-smoothing:antialiased}body,h1,h2,h3,p{margin:0}.app-header{background:var(--white);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:10}.app-header-inner{max-width:1120px;margin:0 auto;padding:.85rem 1.5rem 0;display:flex;flex-direction:column;gap:.85rem}.brand{display:flex;align-items:center;gap:.65rem}.brand .logo{width:32px;height:32px;border-radius:8px;background:var(--green);color:var(--white);display:grid;place-items:center;font-weight:700;font-size:.95rem}.brand h1{font-size:1rem;font-weight:600}.brand-spacer{flex:1 1}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:1.5rem}.login-card{width:100%;max-width:370px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.75rem;display:flex;flex-direction:column;gap:1rem}.login-brand{display:flex;align-items:center;gap:.7rem;margin-bottom:.25rem}.login-brand .logo{width:36px;height:36px;border-radius:8px;background:var(--green);color:var(--white);display:grid;place-items:center;font-weight:700;flex-shrink:0}.login-brand h1{font-size:1.05rem;font-weight:600}.login-card input[type=password]{width:100%;padding:.5rem .65rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:.87rem;font-family:inherit;color:var(--ink);background:var(--white)}.login-card button{margin-top:.25rem;padding:.6rem}.brand .subtitle{color:var(--ink-faint);font-size:.8rem}.tabs{display:flex;gap:.25rem}.tab,.tab:hover:not(:disabled){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background:transparent;padding:.6rem .9rem;font-size:.88rem;font-weight:500;color:var(--ink-muted);cursor:pointer;border:none;border-bottom:2px solid transparent;display:inline-flex;align-items:center;gap:.4rem}.tab:hover:not(:disabled){color:var(--ink)}.tab[aria-selected=true],.tab[aria-selected=true]:hover:not(:disabled){color:var(--green-dark);border-bottom-color:var(--green)}main{max-width:1120px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.card-header .grow{flex:1 1;min-width:200px}.card-header h2{font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.45rem}.card-header p{color:var(--ink-muted);font-size:.83rem;margin-top:.2rem}.card-body{padding:1.25rem}.card-body.tight{padding:.75rem 1.25rem}.card-body.flush{padding:0}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;font-weight:500;color:var(--ink-muted)}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:.9rem;gap:.9rem;align-items:end}.field-grid .actions-cell{display:flex;gap:.5rem;align-items:center}input[type=password],input[type=search],input[type=text],input[type=url],select{width:100%;padding:.5rem .65rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:.87rem;font-family:inherit;color:var(--ink);background:var(--white);transition:border-color .15s,box-shadow .15s}input[type=file]{width:100%;padding:.4rem;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);font-size:.8rem;background:var(--surface);cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}input::placeholder{color:var(--ink-faint)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:.6rem;color:var(--ink-faint);pointer-events:none}.input-with-icon input{padding-left:2rem}button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.52rem .9rem;border:1px solid var(--green);border-radius:var(--radius-sm);background:var(--green);color:var(--white);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}button:hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark)}button.secondary{background:var(--white);color:var(--ink);border-color:var(--line-strong)}button.secondary:hover:not(:disabled){background:var(--surface);border-color:var(--green);color:var(--green-dark)}button.icon{padding:.38rem;background:transparent;color:var(--ink-muted);border-color:transparent}button.icon:hover:not(:disabled){background:var(--green-soft);color:var(--green-dark);border-color:transparent}button.icon.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}button:disabled{opacity:.45;cursor:not-allowed}.filter-bar{display:grid;grid-template-columns:minmax(200px,1fr) minmax(200px,1fr) auto;grid-gap:.9rem;gap:.9rem;align-items:end}.chip-field{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;padding:.25rem .35rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--white);min-height:36px}.chip-field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.chip-field input{flex:1 1;min-width:110px;border:none;padding:.2rem .25rem;font-size:.85rem}.chip-field input:focus-visible{box-shadow:none;border-color:transparent}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .45rem .15rem .6rem;border-radius:999px;background:var(--green-soft);border:1px solid var(--green-border);color:var(--green-dark);font-size:.78rem;font-weight:500}.chip button{all:unset;display:inline-flex;cursor:pointer;color:var(--green-dark);opacity:.7}.chip button:hover{opacity:1;color:var(--danger)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.86rem}th{text-align:left;padding:.6rem .85rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);background:var(--surface);white-space:nowrap}td,th{border-bottom:1px solid var(--line)}td{padding:.65rem .85rem;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#fbfcfb}td.actions{text-align:right;white-space:nowrap}td .title-cell{font-weight:500}td .meta{color:var(--ink-faint);font-size:.76rem;margin-top:.1rem;white-space:nowrap}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem;color:var(--ink-muted)}input[type=checkbox]{width:15px;height:15px;accent-color:var(--green);cursor:pointer}.status{display:inline-flex;align-items:center;gap:.32rem;padding:.18rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.status.uploaded{background:var(--surface);color:var(--ink-muted)}.status.pending{background:var(--warn-soft);color:var(--warn-ink)}.status.processing{background:var(--info-soft);color:var(--info-ink)}.status.indexed{background:var(--green-soft);color:var(--green-dark)}.status.error{background:var(--danger-soft);color:var(--danger)}.banner{display:flex;align-items:flex-start;gap:.55rem;padding:.7rem .9rem;border-radius:var(--radius-sm);font-size:.84rem}.banner.error{background:var(--danger-soft);color:var(--danger);border:1px solid #f0c9bf}.empty{padding:2.5rem 1rem;text-align:center;color:var(--ink-faint);font-size:.88rem}.error-text{color:var(--danger);font-size:.76rem;margin-top:.2rem}.muted{color:var(--ink-muted);font-size:.83rem}.switch-row{display:flex;align-items:center;gap:.6rem;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--line)}.switch-row:last-child{border-bottom:none}.switch-row .label{font-size:.87rem;font-weight:500}.switch-row .hint{color:var(--ink-muted);font-size:.79rem;margin-top:.1rem}.switch-row .control{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.switch{position:relative;display:inline-block;width:38px;height:21px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;inset:0;background:var(--line-strong);border-radius:999px;transition:background .18s;cursor:pointer}.switch .slider:before{content:"";position:absolute;height:15px;width:15px;left:3px;bottom:3px;background:var(--white);border-radius:50%;transition:transform .18s;box-shadow:var(--shadow-sm)}.switch input:checked+.slider{background:var(--green)}.switch input:checked+.slider:before{transform:translateX(17px)}.switch input:focus-visible+.slider{box-shadow:0 0 0 3px var(--green-soft)}.saved-flag{display:inline-flex;align-items:center;gap:.25rem;font-size:.76rem;font-weight:600;color:var(--green-dark);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(-2px)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.85rem;gap:.85rem}.stat{border:1px solid var(--line);border-radius:var(--radius);padding:.8rem .95rem;background:var(--white)}.stat .value{font-size:1.45rem;font-weight:600;line-height:1.2}.stat .label{color:var(--ink-muted);font-size:.78rem;margin-top:.15rem}.sync-banner{display:flex;align-items:center;gap:.6rem;padding:.75rem .9rem;border-radius:var(--radius);background:var(--green-soft);border:1px solid var(--green-border);font-size:.85rem;color:var(--green-dark);margin-bottom:1rem}.sync-banner.idle{background:var(--surface);border-color:var(--line);color:var(--ink-muted)}.sync-banner.error{background:var(--danger-soft);border-color:#f0c9bf;color:var(--danger)}.sync-banner .grow{flex:1 1}.segmented{display:inline-flex;gap:.2rem;padding:.2rem;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--line)}.segmented button{padding:.3rem .7rem;border:none;background:transparent;color:var(--ink-muted);font-size:.8rem;font-weight:500;border-radius:4px}.segmented button:hover:not(:disabled){background:var(--white);color:var(--ink)}.segmented button[aria-pressed=true]{background:var(--white);color:var(--green-dark);box-shadow:var(--shadow-sm)}.divider{width:1px;align-self:stretch;min-height:24px;background:var(--line-strong);margin:0 .25rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.spin{display:inline-flex;animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:720px){.filter-bar{grid-template-columns:1fr}}.optional{color:var(--ink-faint);font-weight:400}.source-link{display:inline-flex;vertical-align:middle;margin-left:.35rem;color:var(--ink-faint)}.source-link:hover{color:var(--green-dark)}.editing-row td{background:var(--green-soft);padding:.9rem .85rem}.edit-form{display:flex;gap:.9rem;align-items:flex-end;flex-wrap:wrap}.edit-form .field{min-width:180px}.edit-form .field.grow{flex:1 1;min-width:260px}.edit-actions{display:flex;gap:.5rem}.edit-form .field{white-space:nowrap}