:root{--bg-main:#0d0d0d;--bg-panel:#141414;--bg-card:#1a1a1a;--bg-card-hover:#222;--bg-card-selected:#1e1e1e;--bg-input:#111;--border:#2a2a2a;--border-light:#333;--text-primary:#e0e0e0;--text-secondary:#999;--text-muted:#666;--accent:#c9a227;--accent-dim:#8a6f1a;--accent-bright:#e0b830;--accent-bg:rgba(201,162,39,.08);--accent-bg2:rgba(201,162,39,.15);--green:#4ade80;--green-dim:#14532d;--yellow:#eab308;--yellow-dim:#422006;--red:#ef4444;--red-dim:#450a0a;--orange:#f97316;--orange-dim:#431407;--purple:#a78bfa;--purple-dim:#2e1065;--blue:#60a5fa;--blue-dim:#172554;--cyan:#2dd4bf;--cyan-dim:#0f3d3a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-main);color:var(--text-primary);height:100vh;overflow:hidden}.topbar{height:44px;background:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:12px}.topbar .logo-mark{padding:0 8px;height:28px;justify-content:center;font-weight:800;font-size:13px;letter-spacing:.5px}.topbar .logo-mark,.topbar .nav-pill{background:var(--accent);border-radius:4px;display:flex;align-items:center;color:#000}.topbar .nav-pill{gap:6px;padding:4px 12px;font-size:12px;font-weight:600}.topbar .top-right{margin-left:auto;display:flex;align-items:center;gap:12px}.topbar .stat-badge{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.topbar .stat-dot{width:6px;height:6px;border-radius:50%}.topbar .top-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;border-radius:4px}.topbar .top-icon:hover{color:var(--accent);background:var(--accent-bg)}.main-layout{display:flex;height:calc(100vh - 44px)}.left-panel{width:420px;min-width:420px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg-panel)}.filter-section{padding:12px;border-bottom:1px solid var(--border)}.filter-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:8px}.search-box{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;padding:7px 10px 7px 30px;color:var(--text-primary);font-size:12px;outline:none}.search-box:focus{border-color:var(--accent)}.search-box::placeholder{color:var(--text-muted)}.search-wrap{position:relative;margin-bottom:10px}.search-wrap:before{content:"⌕";position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:13px}.filter-group{margin-bottom:10px}.filter-group-header{font-size:11px;color:var(--text-secondary);padding:6px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.filter-group-header:hover{color:var(--text-primary)}.filter-group-header .chevron{font-size:10px}.filter-chips{display:flex;flex-wrap:wrap;gap:4px;padding-top:8px}.filter-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;padding:3px 8px;font-size:10px;color:var(--text-secondary);cursor:pointer;transition:all .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-chip:hover{border-color:var(--accent-dim);color:var(--text-primary)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:600}.sort-row{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:11px;color:var(--text-muted)}.sort-row select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);font-size:11px;padding:3px 6px;border-radius:3px;outline:none}.notice-items{flex:1 1;overflow-y:auto}.notice-items::-webkit-scrollbar{width:5px}.notice-items::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.notice-item{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s;animation:slideIn .15s ease}.notice-item:hover{background:var(--bg-card-hover)}.notice-item.selected{background:var(--bg-card-selected)}.notice-item.selected,.notice-item.unread{border-left:2px solid var(--accent)}.notice-item.unread .ni-subject{font-weight:600}.ni-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.ni-type{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 5px;border-radius:2px}.ni-time{font-size:10px;color:var(--text-muted)}.ni-subject{font-size:12px;margin-bottom:2px;line-height:1.3;color:var(--text-primary)}.ni-meta{font-size:10px;color:var(--text-secondary);display:flex;gap:8px}.ni-meta .deal{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ni-bottom{display:flex;align-items:center;gap:5px;margin-top:4px}.ni-status{font-size:9px;padding:1px 5px;border-radius:2px;font-weight:600}.ni-badge{font-size:8px;padding:1px 4px;border-radius:2px;font-weight:700}.ni-id{margin-left:auto;font-size:9px;color:var(--text-muted)}.status-pending{background:var(--yellow-dim);color:var(--yellow)}.status-extracted{background:var(--blue-dim);color:var(--blue)}.status-exception{background:var(--red-dim);color:var(--red)}.status-validated{background:var(--green-dim);color:var(--green)}.type-payment{background:#1c2a1a;color:#4ade80}.type-fee{background:#1a1a2a;color:#8b9cf7}.type-lc{background:#0a2a2a;color:#2dd4bf}.type-rateset{background:var(--accent-bg2);color:var(--accent-bright)}.type-shareadj{background:#2e1065;color:#a78bfa}.type-commitment{background:#2a1a0a;color:var(--orange)}.type-issuance{background:#1a2a2a;color:#4dd4ac}.ni-kv{display:flex;align-items:baseline;gap:4px;margin-top:5px;font-size:11px}.ni-kv-val{font-weight:600;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ni-kv-label{color:var(--text-muted);font-size:10px}.ni-kv-sep{color:var(--border);margin:0 2px}.detail-panel{overflow:hidden}.detail-empty,.detail-panel{flex:1 1;display:flex;flex-direction:column}.detail-empty{align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;gap:6px}.detail-header{padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-panel);justify-content:space-between}.detail-header,.dh-left{display:flex;align-items:center}.dh-left{gap:10px;min-width:0}.dh-left h2{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dh-actions{display:flex;gap:6px;flex-shrink:0}.btn{padding:5px 12px;border-radius:4px;font-size:11px;font-weight:500;border:none;cursor:pointer;transition:all .12s}.btn-primary{background:var(--accent);color:#000;font-weight:600}.btn-primary:hover{background:var(--accent-bright)}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn-success{background:var(--green);color:#000;font-weight:600}.btn-success:hover{background:#6ee7a0}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid #5a1a1a}.btn-danger:hover{background:#5a1a1a}.btn-version{background:var(--orange-dim);color:var(--orange);border:1px solid rgba(249,115,22,.3);font-weight:600}.btn-version:hover{background:rgba(249,115,22,.2)}.btn-cyan{background:var(--green-dim);color:var(--green);font-weight:600;border:1px solid rgba(74,222,128,.25)}.btn-cyan:hover{background:rgba(74,222,128,.15)}.btn:disabled{opacity:.35;cursor:not-allowed}.doc-panel,.split-view{flex:1 1;display:flex;overflow:hidden}.doc-panel{flex-direction:column;border-right:1px solid var(--border)}.doc-tab-bar{display:flex;border-bottom:1px solid var(--border);background:var(--bg-panel)}.doc-tab{padding:7px 14px;font-size:11px;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .12s}.doc-tab:hover{color:var(--text-secondary)}.doc-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.doc-content{flex:1 1;overflow-y:auto;padding:16px;font-size:12px;line-height:1.7}.doc-content::-webkit-scrollbar{width:5px}.doc-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.notice-doc{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:24px;max-width:640px}.notice-doc .nd-header{text-align:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.notice-doc .nd-header h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;color:var(--accent)}.notice-doc .nd-header p{font-size:11px;color:var(--text-secondary)}.notice-doc .nd-field{margin-bottom:8px}.notice-doc .nd-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:1px}.notice-doc .nd-value{font-size:12px}.notice-doc .nd-value.highlight{background:var(--accent-bg);border:1px dashed var(--accent-dim);padding:2px 5px;border-radius:3px;color:var(--accent-bright)}.notice-doc .nd-section{margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.notice-doc .nd-section h4{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.notice-doc .nd-body{font-size:12px;line-height:1.7;color:var(--text-secondary)}.data-panel{width:380px;min-width:380px;display:flex;flex-direction:column;background:var(--bg-panel);overflow:hidden}.data-panel-header{padding:8px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.data-panel-header h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.dph-right{display:flex;align-items:center;gap:8px}.confidence-badge{font-size:10px;padding:2px 7px;border-radius:8px;font-weight:600}.conf-high{background:var(--green-dim);color:var(--green)}.conf-med{background:var(--yellow-dim);color:var(--yellow)}.conf-low{background:var(--red-dim);color:var(--red)}.toggle-wrap{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-track{width:28px;height:14px;background:var(--border);border-radius:7px;position:relative;transition:background .15s}.toggle-track.on{background:var(--accent-dim)}.toggle-knob{width:10px;height:10px;background:var(--text-muted);border-radius:50%;position:absolute;top:2px;left:2px;transition:all .15s}.toggle-track.on .toggle-knob{left:16px;background:var(--accent)}.data-view-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg-panel)}.dv-tab{padding:6px 14px;font-size:11px;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .12s}.dv-tab:hover{color:var(--text-secondary)}.dv-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.json-view{padding:12px}.json-view pre{background:var(--bg-input);border:1px solid var(--border);border-radius:4px;padding:14px;font-size:11px;line-height:1.6;font-family:SF Mono,Consolas,Courier New,monospace;overflow-x:auto;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.data-scroll{flex:1 1;overflow-y:auto}.data-scroll::-webkit-scrollbar{width:5px}.data-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.data-fields{padding:10px 12px}.data-group{margin-bottom:14px}.data-group-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:6px;padding-bottom:3px;border-bottom:1px solid var(--border)}.data-field{margin-bottom:8px}.df-label{font-size:10px;color:var(--text-muted);margin-bottom:2px;display:flex;align-items:center;gap:5px}.df-label .amended{font-size:8px;background:var(--orange-dim);color:var(--orange);padding:0 4px;border-radius:2px;font-weight:700}.df-input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:3px;padding:5px 8px;color:var(--text-primary);font-size:12px;outline:none}.df-input:focus{border-color:var(--accent)}.df-input.edited{border-color:var(--orange);background:rgba(249,115,22,.04)}.df-input:disabled{opacity:.5}.df-conf{display:flex;align-items:center;gap:4px;margin-top:2px}.df-conf-dot{width:5px;height:5px;border-radius:50%}.df-conf-text{font-size:9px;color:var(--text-muted)}.version-chain{padding:10px 12px;border-top:1px solid var(--border)}.vc-title{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.vc-item{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:11px;position:relative}.vc-item:not(:last-child):after{content:"";position:absolute;left:6px;top:20px;width:1px;height:calc(100% - 4px);background:var(--border)}.vc-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--border);background:var(--bg-panel);z-index:1;flex-shrink:0}.vc-dot.current{border-color:var(--accent);background:var(--accent)}.vc-dot.superseded{border-color:var(--text-muted)}.vc-info{flex:1 1}.vc-info .vc-version{font-weight:500}.vc-info .vc-date{color:var(--text-muted);font-size:10px}.vc-label{font-size:8px;padding:1px 5px;border-radius:2px}.tx-section{border-top:2px solid var(--accent-dim);background:var(--accent-bg)}.tx-section-header{padding:10px 12px 6px;display:flex;align-items:center;gap:8px}.tx-section-header .tx-icon{color:var(--accent);font-size:14px}.tx-section-header h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--accent)}.tx-section-body{padding:0 12px 12px}.tx-card{background:var(--bg-card);border:1px solid var(--accent-dim);border-radius:6px;padding:12px}.tx-card h4{font-size:12px;font-weight:600;margin-bottom:6px;color:var(--text-primary)}.tx-card .tx-row{font-size:11px;color:var(--text-secondary);margin-bottom:3px;display:flex;justify-content:space-between}.tx-card .tx-row span:last-child{color:var(--text-primary)}.tx-actions{display:flex;gap:6px;margin-top:10px}.tx-btn{flex:1 1;padding:7px;border-radius:4px;font-size:11px;font-weight:600;text-align:center;cursor:pointer;transition:all .12s;border:none}.tx-btn-primary{background:var(--accent);color:#000}.tx-btn-primary:hover{background:var(--accent-bright)}.tx-btn-secondary{background:var(--bg-input);color:var(--accent);border:1px solid var(--accent-dim)}.tx-btn-secondary:hover{background:var(--accent-bg2)}.action-bar{padding:10px 12px;border-top:1px solid var(--border);background:var(--bg-card);display:flex;align-items:center;gap:8px}.action-bar .ab-status{font-size:11px;flex:1 1}.dup-banner{background:rgba(234,179,8,.06);border:1px solid var(--yellow-dim);border-radius:4px;padding:8px 12px;margin-bottom:12px;display:flex;align-items:flex-start;gap:8px;font-size:11px}.dup-banner .dup-icon{color:var(--yellow);font-size:14px;flex-shrink:0}.dup-banner .dup-text{color:var(--yellow)}.dup-banner .dup-text strong{display:block;margin-bottom:1px;font-size:11px}.dup-banner .dup-text span{color:var(--text-secondary);font-size:10px}.doc-meta{margin-bottom:10px;display:flex;gap:10px;font-size:11px;color:var(--text-secondary)}.doc-meta strong{color:var(--text-primary);font-weight:500}.source-email{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;overflow:hidden;max-width:640px}.se-header{padding:14px 16px;border-bottom:1px solid var(--border)}.se-row{display:flex;gap:8px;margin-bottom:4px;font-size:12px}.se-label{color:var(--text-muted);min-width:52px;text-align:right;font-weight:500}.se-val{color:var(--text-secondary)}.se-subject{color:var(--text-primary);font-weight:600}.se-attachment{padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-input);display:flex;align-items:center;gap:12px}.se-pdf-icon{background:#c0392b;color:white;font-size:9px;font-weight:800;padding:6px 8px;border-radius:3px;letter-spacing:.5px}.se-attach-name{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:1px}.se-attach-size{font-size:10px;color:var(--text-muted)}.se-body{padding:16px}.se-body p{font-size:12px;color:var(--text-secondary);line-height:1.7;margin-bottom:10px}.se-body strong{color:var(--text-primary)}.se-disclaimer{margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.se-disclaimer p{font-size:10px;color:var(--text-muted);line-height:1.5;font-style:italic}.audit-timeline{position:relative}.at-step{display:flex;gap:14px;min-height:60px}.at-rail{flex-direction:column}.at-dot,.at-rail{display:flex;align-items:center;width:28px;flex-shrink:0}.at-dot{height:28px;border-radius:50%;justify-content:center;font-size:12px;border:2px solid;background:var(--bg-panel);z-index:1}.at-line{width:2px;flex:1 1;background:var(--border);margin:2px 0}.at-content{padding-bottom:16px;flex:1 1}.at-time{font-size:10px;color:var(--text-muted);margin-bottom:2px}.at-title{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.at-desc{font-size:11px;color:var(--text-secondary);line-height:1.5;margin-bottom:3px}.at-system{font-size:9px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.toast{position:fixed;bottom:16px;right:16px;background:var(--accent-bg2);border:1px solid var(--accent-dim);color:var(--accent-bright);padding:10px 18px;border-radius:6px;font-size:12px;font-weight:500;z-index:100;opacity:0;transform:translateY(8px);transition:all .25s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}.logged-out{height:100vh;display:flex;flex-direction:column}.logged-out-body{flex:1 1;display:flex;align-items:center;justify-content:center}.logged-out-card{width:360px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:28px;display:flex;flex-direction:column;gap:10px;text-align:center}.logged-out-card h2{font-size:15px;font-weight:600}.logged-out-card p{font-size:12px;color:var(--text-secondary);line-height:1.5}.logged-out-card .btn{display:block;margin-top:8px;text-decoration:none}