:root{color:#1d2320;background:#f5f3ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.32;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100svh;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.48}.app-shell{display:grid;grid-template-columns:292px minmax(0,1fr);height:100svh;min-height:0;overflow:hidden}.sidebar{display:flex;flex-direction:column;gap:20px;min-height:0;height:100svh;padding:24px;background:#18211d;color:#f7f1e5;overflow:hidden}.brand{display:flex;align-items:center;gap:12px}.brand svg{color:#f0c05a}.brand h1,.brand p,.topbar h2,.topbar p,.inspector h2,.inspector p{margin:0}.brand h1{font-size:1.12rem;letter-spacing:0}.brand p,.file-name,.empty-sidebar,.error-text{color:#bfc8bd;font-size:.8rem}.upload-control{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #f0c05a;border-radius:8px;background:#f0c05a;color:#1b1e19;font-weight:700}.upload-control input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}.file-name,.error-text{margin:-8px 0 0;overflow-wrap:anywhere}.error-text{color:#ffb4a8}.table-nav{display:flex;flex:1;min-height:0;flex-direction:column;gap:8px;overflow-y:auto}.section-label{display:flex;align-items:center;gap:8px;margin-bottom:4px;color:#d9dfd6;font-size:.78rem;font-weight:700;text-transform:uppercase}.table-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:34px;padding:6px 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:inherit;text-align:left}.table-item:hover,.table-item.active{border-color:#3d5148;background:#24332d}.table-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-item small{color:#9aa89e;font-size:.72rem;text-transform:uppercase}.workspace{display:flex;min-width:0;min-height:0;height:100svh;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,rgba(240,192,90,.08),transparent 280px),#f5f3ee}.topbar{position:sticky;top:0;z-index:5;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px 14px;border-bottom:1px solid #ded9cd;background:#f5f3ee}.eyebrow{color:#6b746d;font-size:.78rem;font-weight:800;text-transform:uppercase}.topbar h2,.inspector h2{margin-top:2px;color:#18211d;font-size:clamp(1.08rem,1.6vw,1.45rem);letter-spacing:0}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:min(100%,620px)}.search-wrap{display:grid;grid-template-columns:auto minmax(130px,190px) minmax(180px,340px) auto;align-items:center;gap:8px;min-height:36px;flex:1;padding:0 10px;border:1px solid #d5cfc2;border-radius:8px;background:#fffdf8}.search-wrap input,.search-wrap select{width:100%;border:0;outline:0;background:transparent;color:#1d2320}.search-wrap select{min-width:0;border-right:1px solid #ded9cd;color:#435047;font-weight:700}.icon-button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:#4c554e}.icon-button:hover{background:#ebe6dc}.panel-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid #cfc7b8;border-radius:8px;background:#fffdf8;color:#25302a;font-weight:800;white-space:nowrap}.panel-toggle:hover{background:#edf3ea}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0;min-height:0;flex:1;overflow:hidden}.content-grid.inspector-collapsed{grid-template-columns:minmax(0,1fr)}.data-region{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden}.data-summary{display:flex;flex:0 0 auto;gap:18px;padding:9px 24px;border-bottom:1px solid #ded9cd;color:#5c665f;font-size:.78rem}.table-frame{min-width:0;min-height:0;flex:1;overflow:auto;background:#fffdf8}table{width:100%;min-width:720px;border-spacing:0}th,td{max-width:280px;padding:6px 9px;border-bottom:1px solid #ebe5d9;border-right:1px solid #ebe5d9;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}th{position:sticky;top:0;z-index:1;background:#f6efe1;color:#3c443e;font-size:.68rem;font-weight:800;text-transform:uppercase}th.sorted{background:#edf3ea;color:#18211d}.header-cell{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:4px;min-width:0}.sort-button,.header-filter{border:0;background:transparent;color:inherit}.sort-button{display:inline-flex;min-width:0;align-items:center;gap:4px;padding:0;font-weight:inherit;text-transform:inherit}.sort-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sort-button:hover span{text-decoration:underline;text-underline-offset:2px}.header-filter{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;color:#6c756e}.header-filter:hover,.header-filter.active{background:#dfe9dc;color:#18211d}td{color:#25302a;font-size:.78rem}tbody tr{transition:background .14s ease,color .14s ease}tbody tr:hover,tbody tr.selected{background:#edf3ea}.empty-table{padding:28px;color:#68736b;text-align:center}.drop-state{display:grid;min-height:100%;place-content:center;padding:36px;color:#69726b;text-align:center}.drop-state svg{justify-self:center;color:#d39a27}.drop-state h3{margin:12px 0 4px;color:#18211d;font-size:1.35rem}.drop-state p{max-width:360px;margin:0 auto}.pagination{z-index:2;display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:12px;min-height:44px;padding:6px 24px;border-top:1px solid #ded9cd;background:#f5f3ee;color:#4f5a53;font-size:.82rem}.page-size-control{display:inline-flex;align-items:center;gap:7px;margin-right:auto;color:#5f6a62;font-weight:700}.page-size-control select{height:30px;padding:0 24px 0 8px;border:1px solid #cfc7b8;border-radius:7px;background:#fffdf8;color:#263029;font-weight:800}.pagination button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #cfc7b8;border-radius:7px;background:#fffdf8;color:#263029}.pagination button:not(:disabled):hover{background:#edf3ea}.inspector{min-width:0;min-height:0;padding:18px;border-left:1px solid #ded9cd;background:#f8f6ef;overflow-y:auto}.inspector-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.record-list{display:grid;gap:9px;margin:0}.record-list div{padding-bottom:9px;border-bottom:1px solid #e5ded1}.record-list dt{color:#717a73;font-size:.68rem;font-weight:800;text-transform:uppercase}.record-list dd{margin:4px 0 0;color:#202923;font-size:.8rem;overflow-wrap:anywhere;white-space:pre-wrap}.inspector-empty{color:#667069}@media(max-width:980px){.app-shell,.content-grid{grid-template-columns:1fr}.app-shell,.workspace{height:auto;min-height:100svh;overflow:visible}body{height:auto;min-height:100svh;overflow:auto}.sidebar{height:auto;min-height:auto}.table-nav{max-height:220px}.topbar{align-items:stretch;flex-direction:column}.toolbar-actions{min-width:0}.search-wrap{grid-template-columns:auto minmax(120px,170px) minmax(0,1fr) auto}.inspector{border-top:1px solid #ded9cd;border-left:0}}@media(max-width:560px){.sidebar,.topbar,.inspector{padding:18px}.data-summary{flex-wrap:wrap;padding-inline:18px}.toolbar-actions{align-items:stretch;flex-direction:column}.search-wrap{grid-template-columns:auto minmax(0,1fr) auto}.search-wrap select{grid-column:2 / -1;padding:8px 0;border-right:0;border-bottom:1px solid #ded9cd}.search-wrap input{grid-column:2 / 3}.panel-toggle{width:100%}.pagination{justify-content:center;padding-inline:18px}}