@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap";:root{color:#002641;background:#f6f8fb;font-family:Raleway,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}a{text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 28px 14px;background:#002641;border-bottom:4px solid #b29050;color:#fff}h1,h2,p{margin:0}h1{font-size:23px;font-weight:800;letter-spacing:0}h2{font-size:20px}.topbar p,.modal-header p,footer{color:#5f6f7d;font-size:13px}.topbar p{color:#d8e3ea}.user-control{display:flex;align-items:center;gap:8px;color:#fff}main{flex:1;padding:22px 28px 18px}.search-panel{position:relative;max-width:714px}.search-panel label{display:block;margin-bottom:8px;font-weight:650;color:#002641}.search-box{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #c9d4df;border-radius:8px;padding:7px 10px;box-shadow:0 1px 2px #121f2e14}.search-box input{flex:1;border:0;outline:0;min-height:26px;font-size:14px}.search-box:focus-within{border-color:#b29050;box-shadow:0 0 0 3px #b290502e}.search-history{position:absolute;z-index:3;top:64px;left:0;display:flex;flex-wrap:wrap;gap:8px;max-width:860px;padding:12px;background:#fff;border:1px solid #d5dce5;border-radius:8px;box-shadow:0 10px 28px #0d1b2a24}.search-history button{border:1px solid #d5dce5;background:#f7f9fc;border-radius:999px;padding:5px 10px}.filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:14px;max-width:1180px}select,input,textarea{border:1px solid #cbd5df;border-radius:6px;background:#fff;color:#002641;min-height:32px;padding:5px 8px}.filter-row select{width:auto;min-width:108px;max-width:170px;height:32px;font-size:12px;font-weight:600}.filter-row select:nth-of-type(4){min-width:150px}textarea{min-height:84px;resize:vertical}.date-filter{position:relative;background:#fff;border:1px solid #cbd5df;border-radius:6px;height:32px;min-width:116px;font-size:12px;font-weight:650}.date-filter summary{display:flex;align-items:center;height:30px;padding:0 10px;list-style:none;cursor:pointer}.date-filter summary::-webkit-details-marker{display:none}.date-filter summary:after{content:"";width:0;height:0;margin-left:auto;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #667789}.date-filter[open]{border-color:#b29050;box-shadow:0 0 0 3px #b2905024}.date-menu{position:absolute;z-index:4;top:38px;left:0;display:grid;gap:10px;width:218px;padding:12px;background:#fff;border:1px solid #d5dce5;border-radius:8px;box-shadow:0 12px 32px #0d1b2a29}.date-menu label{display:grid;gap:5px;color:#435565;font-size:11px;font-weight:750}.date-menu input{width:100%;height:30px;min-height:30px;padding:3px 6px;font-size:12px}.check-filter,.checkbox-line{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.check-filter input,.checkbox-line input,td input[type=checkbox]{min-height:auto}.action-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 10px}.action-row>div,.row-actions,.rep-code-cell,.modal-actions{display:flex;align-items:center;gap:8px}.primary-button,.secondary-button,.ghost-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;min-height:36px;border:1px solid transparent;font-weight:650}.filter-row .ghost-button{min-height:32px;height:32px;padding:0 10px;font-size:12px}.primary-button{background:#002641;color:#fff;padding:0 13px}.compact-action-button{min-height:32px;height:32px;padding:0 9px;font-size:12px}.compact-action-button svg{width:14px;height:14px}.icon-only-action{width:34px;min-height:32px;height:32px;padding:0}.icon-only-action svg{width:18px!important;height:18px!important;min-width:18px}.primary-button:hover{background:#073755}.secondary-button{background:#fff;color:#002641;border-color:#b29050;padding:0 12px}.ghost-button{background:transparent;color:#3f4f5f;border-color:#cbd5df;padding:0 12px}.icon-button{width:34px;height:34px;background:#fff;color:#002641;border-color:#cbd5df;padding:0}.icon-button:hover,.secondary-button:hover,.ghost-button:hover{background:#f6efe3}.danger{color:#9f2f2f}.table-wrap{overflow:auto;background:#fff;border:1px solid #d9e1e8;border-radius:8px;box-shadow:0 1px 2px #121f2e12}.pagination-row{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:10px;color:#526273;font-size:13px}.pagination-row>div{display:flex;align-items:center;gap:6px}.pagination-page-indicator{min-width:76px;text-align:center;color:#526273;font-weight:650}.pagination-icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:30px;min-height:30px;padding:0;border:1px solid #cbd5df;border-radius:6px;background:#fff;color:#002641}.pagination-icon-button.jump{width:28px;color:#526273}.pagination-icon-button:hover:not(:disabled){border-color:#b29050;background:#f6efe3}.pagination-icon-button:disabled{background:#f3f6f8;color:#8b98a5}table{width:100%;min-width:1280px;border-collapse:collapse}th,td{padding:10px 11px;border-bottom:1px solid #e7edf3;text-align:left;vertical-align:middle;font-size:13px}th{position:sticky;top:0;z-index:1;background:#f9f7f2;color:#002641;font-size:12px;font-weight:740;text-transform:uppercase}.sortable-header{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.sort-button{display:inline-flex;align-items:center;justify-content:center;min-height:16px;width:16px;height:16px;padding:0;border:1px solid #d7dee6;border-radius:4px;background:#fff;color:#5a6b7b}.sort-button:hover{border-color:#b29050;background:#f6efe3;color:#002641}.sort-button.active{border-color:#b29050;background:#fff8eb;color:#002641}td input,td select{width:100%;min-width:120px}.rep-code-cell{justify-content:space-between;min-width:126px}.rep-code-cell span{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:700;color:#002641}.status{display:inline-flex;border-radius:999px;padding:4px 8px;font-weight:700;font-size:12px}.status-active{background:#eef7f1;color:#176d3a}.status-pending{background:#fff3cf;color:#805d00}.status-inactive,.status-archived{background:#edf1f4;color:#526273}.archived-row{color:#6b7681;background:#fafbfc}.muted{color:#7d8995}.ghost-link{border:0;background:transparent;color:#002641;font-weight:700;padding:0}.empty-state{text-align:center;padding:34px;color:#667789}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px;background:#0914206b}.modal{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:8px;box-shadow:0 24px 80px #040c1447;padding:20px}.wide-modal{width:min(980px,100%)}.columns-modal{width:min(420px,100%)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px;color:#354454;font-weight:650;font-size:13px}.full-span{grid-column:1 / -1}.modal-actions{justify-content:flex-end;margin-top:20px}.column-toggle-grid{display:grid;gap:8px}.columns-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.columns-toolbar .ghost-button{min-height:30px;padding:0 10px;font-size:12px}.column-toggle{display:flex;align-items:center;gap:8px;flex:1;min-height:34px;padding:7px 9px;border:1px solid #e1e7ee;border-radius:7px;background:#f8fafc;color:#253444;font-size:13px;font-weight:650}.column-toggle-row{display:flex;align-items:center;gap:8px;border-radius:7px}.column-toggle-row.dragging{opacity:.55}.column-drag-handle{display:flex;align-items:center;justify-content:center;width:28px;height:34px;color:#6b7b8a;cursor:grab}.column-drag-handle:active{cursor:grabbing}.column-toggle input{min-height:auto}.modal-note-field,.edit-note-row label{display:flex;flex-direction:column;gap:6px;margin-top:14px;color:#354454;font-weight:650;font-size:13px}.edit-note-tr{background:#f9fbfd}.edit-note-row{padding:12px 16px}.edit-note-row textarea{min-height:68px;max-width:720px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:flex;justify-content:flex-end;background:#09142047}.details-drawer{width:min(460px,100%);height:100vh;overflow:auto;background:#fff;border-left:4px solid #b29050;box-shadow:-18px 0 48px #040c1438;padding:20px}.drawer-section{border-top:1px solid #e3e9ef;padding:18px 0}.drawer-section h3{margin:0 0 10px;color:#002641;font-size:14px}.drawer-section p{line-height:1.5}.drawer-note-editor{display:grid;gap:10px}.drawer-note-editor textarea{min-height:120px}.drawer-note-editor label{display:grid;gap:6px;color:#354454;font-size:12px;font-weight:750}.drawer-note-editor .primary-button{justify-self:start}.detail-list{display:grid;gap:10px;margin:0}.detail-list div{display:grid;grid-template-columns:120px 1fr;gap:12px}.detail-list dt{color:#637587;font-size:12px;font-weight:750}.detail-list dd{margin:0}.audit-list{display:grid;gap:10px}.audit-entry{border:1px solid #e1e7ee;border-radius:7px;padding:10px;background:#fbfcfd}.audit-entry strong{display:block;text-transform:capitalize}.audit-entry span{color:#637587;font-size:12px}.audit-entry p{margin-top:8px}.import-preview{display:grid;gap:8px;margin-top:14px}.import-helper-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 12px;background:#f8fafc;border:1px solid #e1e7ee;border-radius:7px;color:#435565;font-size:13px}.import-row{display:grid;grid-template-columns:80px 1fr 150px 2fr;gap:12px;align-items:center;border:1px solid #dfe6ee;border-radius:7px;padding:10px;font-size:13px}.import-row.valid{background:#f3fbf6}.import-row.blocked{background:#fff6f4;color:#8b2c23}.toast{position:fixed;right:22px;bottom:20px;background:#17202a;color:#fff;border-radius:7px;padding:11px 14px;box-shadow:0 10px 34px #0a141e3d}footer{display:flex;align-items:center;gap:8px;padding:11px 28px;border-top:1px solid #dfe5ec;background:#fff}@media (max-width: 760px){.topbar,.action-row{align-items:flex-start;flex-direction:column}main{padding:18px 14px}.search-box input{font-size:16px}.form-grid{grid-template-columns:1fr}.date-filter{width:auto}.date-menu{width:218px}.import-row{grid-template-columns:1fr}}