*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f5f5f5;font-family:system-ui,sans-serif}header{color:#fff;background:#1a1a2e;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}header h1{font-size:1.25rem;font-weight:600}.header-home{color:inherit;text-decoration:none}.header-home:hover{text-decoration:underline}.user-session{align-items:center;gap:.75rem;min-width:0;display:flex}.user-session-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.logout-button{font:inherit;color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff73;border-radius:6px;flex-shrink:0;padding:.3rem .7rem;font-size:.85rem}.logout-button:hover{background:#ffffff1f}.container{max-width:960px;margin:0 auto;padding:1rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.search{border:1px solid #ccc;border-radius:6px;flex:12rem;width:auto;min-width:8rem;padding:.5rem .75rem;font-size:.95rem}.date-range{flex:none;align-items:center;gap:.5rem;display:flex}@media (width<=760px){.search,.date-range{flex:100%}.date-range{flex-wrap:wrap}}.date-field{flex:none;align-items:center;gap:.4rem;display:flex}.date-field-label{color:#1a1a2e;flex-shrink:0;font-size:.9rem;font-weight:600}.date-field-control{position:relative}.date-trigger{color:#222;width:10.25rem;font:inherit;cursor:pointer;text-align:left;background:#fff;border:1px solid #ccc;border-radius:8px;flex-shrink:0;align-items:center;gap:.45rem;padding:.45rem .7rem;font-size:.95rem;display:inline-flex}.date-trigger:hover,.date-trigger[aria-expanded=true]{border-color:#1a1a2e}.date-trigger-icon{color:#1a1a2e;flex-shrink:0;width:1.05rem;height:1.05rem;display:inline-flex}.date-trigger-icon svg{width:100%;height:100%}.date-trigger-value{flex:1}.date-trigger-placeholder{color:#888}.date-clear,.date-nav{font:inherit;cursor:pointer}.date-clear{white-space:nowrap;color:#1a1a2e;background:#fff;border:1px solid #ccc;border-radius:6px;flex-shrink:0;padding:.4rem .7rem;font-size:.85rem}.date-clear:hover:not(:disabled),.date-nav:hover:not(:disabled){background:#eef}.date-clear:disabled{color:#9a9aa8;cursor:not-allowed;background:#f3f3f6;border-color:#e0e0e6}.date-popover{z-index:20;background:#fff;border:1px solid #e0e0e0;border-radius:10px;width:min(20.5rem,100vw - 2rem);max-height:calc(100vh - 6.5rem);padding:.85rem .85rem .75rem;position:absolute;top:calc(100% + .35rem);left:0;overflow:auto;box-shadow:0 10px 28px #1a1a2e29}.date-popover.is-end{left:auto;right:0}.date-cal-header{align-items:center;gap:.35rem;margin-bottom:.65rem;display:flex}.date-nav{color:#1a1a2e;background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.1rem;line-height:1;display:inline-flex}.date-nav:disabled{opacity:.35;cursor:not-allowed}.date-cal-title{color:#1a1a2e;flex:1;justify-content:center;align-items:center;gap:.45rem;min-width:0;font-weight:600;display:flex}.date-year{font:inherit;color:#1a1a2e;background:#fff;border:1px solid #ccc;border-radius:6px;padding:.2rem .3rem;font-weight:600}.date-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.date-weekday{letter-spacing:.02em;text-align:center;color:#888;text-transform:lowercase;padding:.2rem 0 .35rem;font-size:.72rem;font-weight:600}.date-day{aspect-ratio:1;color:#222;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:.85rem}.date-day:hover:not(:disabled){background:#f3f3f8}.date-day:disabled{color:#ccc;cursor:default}.date-day.is-today{box-shadow:inset 0 0 0 1px #1a1a2e}.date-day.is-selected{color:#fff;box-shadow:none;background:#1a1a2e}.date-day.is-selected:hover:not(:disabled){background:#2a2a44}.date-note{color:#5c5c6e;margin:.65rem 0 0;font-size:.8rem;line-height:1.35}.filters{flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:1rem;display:flex}.filter-option{color:#444;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.filter-option input{accent-color:#1a1a2e;cursor:pointer;width:.95rem;height:.95rem}.list{list-style:none}.list li{background:#fff;border:1px solid #e0e0e0;border-radius:6px;align-items:center;margin-bottom:.4rem;display:flex}.list li a{color:#1a1a2e;flex:1;align-items:center;gap:.35rem;min-width:0;padding:.6rem .4rem .6rem .9rem;text-decoration:none;display:flex}.copy-id-icon{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin-right:.45rem;padding:0;display:inline-flex}.copy-id-icon:hover{color:#1a1a2e;background:#f0f0f0}.copy-id-icon svg{width:1rem;height:1rem}.copy-id{font:inherit;color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:.15rem .5rem;font-size:.8rem}.copy-id:hover{background:#f3f3f3}.list li a:hover{background:#eef}.list li .id,.list li .date{color:#888;flex-shrink:0;font-size:.8rem}.list li .id{margin-right:.15rem}.list li .date{white-space:nowrap}.list li .source{color:#fff;background:#555;border-radius:3px;flex-shrink:0;margin-right:.15rem;padding:.1rem .4rem;font-size:.7rem}.list li .list-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.list li .list-meta{flex-shrink:0;align-items:center;gap:.6rem;margin-left:.85rem;display:flex}.list li .list-icon{color:#888;flex-shrink:0;width:1rem;height:1rem;display:inline-flex}.list li .list-icon svg{width:100%;height:100%}.row-tooltip{z-index:30;color:#222;background:#fff;border:1px solid #e0e0e0;border-left:3px solid #1a1a2e;border-radius:8px;width:max-content;min-width:16rem;max-width:min(34rem,100vw - 1.5rem);padding:.8rem 1rem .9rem;animation:.12s ease-out row-tooltip-in;position:fixed;box-shadow:0 10px 28px #1a1a2e29}.row-tooltip-below:before,.row-tooltip-above:after{content:"";height:10px;position:absolute;left:0;right:0}.row-tooltip-below:before{top:-10px}.row-tooltip-above:after{bottom:-10px}.row-tooltip-label{color:#5c5c6e;margin-bottom:.35rem;font-size:.8rem;font-weight:600}.row-tooltip-body{overscroll-behavior:contain;white-space:pre-wrap;overflow-wrap:anywhere;max-height:min(14rem,42vh);font-size:.95rem;line-height:1.55;overflow-y:auto}.row-tooltip-muted{color:#777}@keyframes row-tooltip-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.row-tooltip{animation:none}}.results{min-height:6rem;position:relative}.results-loading{pointer-events:none}.results-loading .list{opacity:.45;transition:opacity .12s}.results-overlay{z-index:1;background:#ffffff59;justify-content:center;padding-top:3.5rem;display:flex;position:absolute;inset:0}.results-spinner{border:2px solid #c8c8d0;border-top-color:#1a1a2e;border-radius:50%;width:1.75rem;height:1.75rem;animation:.7s linear infinite results-spin}@keyframes results-spin{to{transform:rotate(360deg)}}.pagination{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.pagination button{font:inherit;color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:.4rem .75rem;font-size:.9rem}.pagination button:hover:not(:disabled){background:#eef}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination-status,.status{color:#888;font-size:.85rem}.status{margin-bottom:.75rem}.back{color:#1a1a2e;margin-bottom:1rem;font-size:.9rem;text-decoration:none;display:inline-block}.back:hover{text-decoration:underline}.detail-title{color:#1a1a2e;margin-bottom:.25rem;font-size:1.3rem;font-weight:700}.detail-id{color:#888;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;display:flex}.fields,.sub-record{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:.25rem 0}.sub-record{margin-bottom:.4rem}.field{border-bottom:1px solid #f0f0f0;gap:.75rem;padding:.4rem .9rem;display:flex}.field:last-child{border-bottom:none}.field-label{color:#888;flex-shrink:0;min-width:180px;padding-top:.1rem;font-size:.8rem}.field-value{word-break:break-word;font-size:.9rem}.sub-record .field{padding:.3rem .9rem}.sub-record .field-label{min-width:140px;font-size:.75rem}.sub-record .field-value{font-size:.82rem}details{margin-top:.75rem}summary{cursor:pointer;color:#1a1a2e;padding:.5rem 0;font-size:.95rem;font-weight:600}summary:hover{color:#334}.loading{color:#888;text-align:center;padding:2rem}.error{color:#a00;background:#fee;border-radius:6px;margin-bottom:1rem;padding:1rem}.attachment-error{color:#a00}.attachment-link{font:inherit;font-size:inherit;color:#06c;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;text-decoration:underline;display:inline-flex}.attachment-link:disabled{cursor:wait;opacity:.7}.attachment-link:focus-visible{outline-offset:2px;outline:2px solid #06c}.attachment-new-tab{color:#06c;line-height:0;display:inline-flex}.attachment-new-tab svg{width:.85rem;height:.85rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
