:root{
  --bg:#f5f6f8;--surface:#fff;--surface-2:#f9fafb;--surface-3:#f1f3f6;--ink:#171a21;--ink-2:#3b4352;--muted:#6e7787;--muted-2:#939baa;--line:#e4e7ec;--line-strong:#d2d7df;
  --primary:#1d2939;--primary-hover:#0f172a;--primary-soft:#eef1f5;--accent:#335cff;--accent-soft:#eef2ff;--success:#067647;--success-soft:#ecfdf3;--warning:#b54708;--warning-soft:#fffaeb;--danger:#b42318;--danger-soft:#fef3f2;--info:#175cd3;--info-soft:#eff8ff;
  --shadow-xs:0 1px 2px rgba(16,24,40,.04);--shadow-sm:0 2px 8px rgba(16,24,40,.06);--shadow-md:0 12px 30px rgba(16,24,40,.12);--radius:10px;--radius-lg:14px;--sidebar:248px;--topbar:64px;--content:1480px;
  --font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
html[data-theme="dark"]{--bg:#111318;--surface:#171a20;--surface-2:#1d2128;--surface-3:#252a33;--ink:#f2f4f7;--ink-2:#d0d5dd;--muted:#98a2b3;--muted-2:#667085;--line:#2b313b;--line-strong:#3a424f;--primary:#f2f4f7;--primary-hover:#fff;--primary-soft:#242a33;--accent-soft:#202a54;--shadow-xs:none;--shadow-sm:none;--shadow-md:0 16px 40px rgba(0,0,0,.35)}
@media(prefers-color-scheme:dark){html[data-theme="system"]{--bg:#111318;--surface:#171a20;--surface-2:#1d2128;--surface-3:#252a33;--ink:#f2f4f7;--ink-2:#d0d5dd;--muted:#98a2b3;--muted-2:#667085;--line:#2b313b;--line-strong:#3a424f;--primary:#f2f4f7;--primary-hover:#fff;--primary-soft:#242a33;--accent-soft:#202a54;--shadow-xs:none;--shadow-sm:none;--shadow-md:0 16px 40px rgba(0,0,0,.35)}}
*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%}form{margin:0}::selection{background:var(--accent-soft)}
.route-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:300;transition:width .2s,opacity .25s}.route-progress.loading{width:70%;opacity:1}.route-progress.done{width:100%;opacity:0}
.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:60;transition:width .2s}.app-main{grid-column:2;min-width:0}.sidebar-collapsed{--sidebar:76px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .org-copy,.sidebar-collapsed .org-switch .chevron,.sidebar-collapsed .nav a span:not(.nav-icon):not(.nav-live-dot),.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-foot span:first-child{display:none}.sidebar-collapsed .nav a{justify-content:center}.sidebar-collapsed .org-switch{justify-content:center}.sidebar-collapsed .sidebar-pin{transform:rotate(180deg)}
.sidebar-head{height:64px;padding:0 12px 0 16px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark,.org-avatar,.user-avatar,.menu-avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:var(--primary);color:var(--surface);font-weight:750}.brand-mark{width:30px;height:30px}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-size:13px}.brand-copy small{color:var(--muted);font-size:10px;margin-top:3px;text-transform:uppercase;letter-spacing:.08em}.org-switch{margin:3px 10px 10px;width:calc(100% - 20px);border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:9px;display:flex;align-items:center;gap:9px;text-align:left}.org-switch:hover{border-color:var(--line-strong);background:var(--surface-3)}.org-avatar{width:30px;height:30px;font-size:12px}.org-copy{display:flex;flex-direction:column;min-width:0;flex:1}.org-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.org-copy small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron{color:var(--muted)}
.nav{padding:4px 9px 18px;overflow:auto;scrollbar-width:thin;flex:1}.nav-label{font-size:10px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.1em;font-weight:700;padding:16px 9px 6px}.nav a{min-height:36px;padding:7px 9px;border-radius:8px;display:flex;align-items:center;gap:10px;color:var(--ink-2);font-size:12px;font-weight:550;position:relative}.nav a:hover{background:var(--surface-2);color:var(--ink)}.nav a.active{background:var(--primary-soft);color:var(--ink);font-weight:700}.nav-icon{width:20px;height:20px;display:grid;place-items:center;color:var(--muted);font-size:14px}.nav a.active .nav-icon{color:var(--ink)}.nav-live-dot{width:6px;height:6px;border-radius:50%;background:var(--danger);margin-left:auto;display:none}.nav-live-dot.visible{display:block}.sidebar-foot{height:42px;border-top:1px solid var(--line);padding:0 14px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.status-online{display:flex;align-items:center;gap:5px}.status-online i{width:6px;height:6px;border-radius:50%;background:#12b76a}
.topbar{position:sticky;top:0;height:var(--topbar);z-index:50;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.top-left,.top-actions,.actions,.inline{display:flex;align-items:center;gap:8px}.search-trigger{height:38px;min-width:310px;border:1px solid var(--line);background:var(--surface-2);border-radius:9px;color:var(--muted);display:flex;align-items:center;gap:8px;padding:0 10px;text-align:left}.search-trigger:hover{border-color:var(--line-strong)}.search-trigger span:nth-child(2){flex:1}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:20px;padding:0 5px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px;background:var(--surface);color:var(--muted);font-size:10px}.user-trigger,.icon-btn{border:0;background:transparent}.user-trigger{height:38px;padding:0 5px;display:flex;align-items:center;gap:7px;border-radius:9px}.user-trigger:hover,.icon-btn:hover{background:var(--surface-2)}.user-avatar{width:28px;height:28px;font-size:11px}.user-avatar.lg{width:36px;height:36px}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;color:var(--muted)}.notification-trigger{position:relative}.notification-badge{position:absolute;right:2px;top:1px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:9px;display:none;align-items:center;justify-content:center}.notification-badge.visible{display:flex}.mobile-menu{display:none}
.content{max-width:var(--content);margin:0 auto;padding:28px 30px 64px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{margin:2px 0 5px;font-size:26px;line-height:1.2;letter-spacing:-.025em}.page-head p{margin:0;color:var(--muted);max-width:760px;line-height:1.55}.eyebrow,.page-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--muted);margin-bottom:5px}.page-kicker a{color:var(--info)}.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-meta{display:flex;gap:14px;margin-top:10px;color:var(--muted);font-size:11px}
.btn{height:38px;padding:0 13px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--ink);font-weight:650;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.btn:hover{background:var(--surface-2);border-color:var(--muted-2)}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--surface)}.btn.primary:hover{background:var(--primary-hover)}.btn.secondary{background:var(--surface-2)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.success{background:var(--success);border-color:var(--success);color:#fff}.btn.sm{height:31px;padding:0 9px;font-size:11px}.btn.lg{height:44px;padding:0 17px;font-size:13px}.btn.disabled,.btn:disabled{opacity:.45;pointer-events:none}.btn-block{width:100%}.link{color:var(--info);font-weight:600}.link:hover{text-decoration:underline}
.card,.section-card,.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card-head{min-height:52px;border-bottom:1px solid var(--line);padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h2,.section-title{font-size:13px;margin:0;font-weight:750}.card-body{padding:17px}.section{margin-top:18px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{padding:16px}.metric-label{font-size:11px;color:var(--muted);font-weight:650}.metric-value{font-size:24px;line-height:1.15;font-weight:760;letter-spacing:-.025em;margin-top:7px;font-variant-numeric:tabular-nums}.metric-note{font-size:10px;color:var(--muted);margin-top:6px}.metric-card.success .metric-value{color:var(--success)}.metric-card.warning .metric-value{color:var(--warning)}.metric-card.danger .metric-value{color:var(--danger)}
.notice{padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink-2);line-height:1.5;font-size:12px}.notice.success{border-color:#abefc6;background:var(--success-soft);color:var(--success)}.notice.warning{border-color:#fedf89;background:var(--warning-soft);color:var(--warning)}.notice.danger{border-color:#fecdca;background:var(--danger-soft);color:var(--danger)}.notice.info{border-color:#b2ddff;background:var(--info-soft);color:var(--info)}
.status-pill,.badge{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap;border:1px solid transparent}.status-pill .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.success,.badge.success{color:var(--success);background:var(--success-soft);border-color:#abefc6}.status-pill.warning,.badge.warning{color:var(--warning);background:var(--warning-soft);border-color:#fedf89}.status-pill.danger,.badge.danger{color:var(--danger);background:var(--danger-soft);border-color:#fecdca}.status-pill.neutral,.badge{color:var(--muted);background:var(--surface-2);border-color:var(--line)}
.table-wrap{width:100%;overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.table thead th{position:sticky;top:0;background:var(--surface-2);z-index:2;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.045em;font-weight:750;text-align:left;border-bottom:1px solid var(--line);padding:10px 12px;white-space:nowrap}.table td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:var(--surface-2)}.table tbody tr.selected td{background:var(--accent-soft)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .primary-cell{font-weight:700}.table .cell-sub{font-size:10px;color:var(--muted);margin-top:2px}.table a.primary-cell:hover{color:var(--info)}html[data-density="compact"] .table td{padding-top:7px;padding-bottom:7px}html[data-density="compact"] .table thead th{padding-top:8px;padding-bottom:8px}.row-actions{display:flex;justify-content:flex-end;gap:5px}.table-checkbox{width:15px;height:15px}
.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.list-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;flex:1}.list-filters select,.list-filters input{height:36px}.search-field{height:36px;min-width:250px;max-width:390px;flex:1;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.search-field input{border:0!important;box-shadow:none!important;padding:0!important;height:auto!important;background:transparent!important;min-width:0}.view-actions{display:flex;gap:6px}.saved-views{display:flex;align-items:center;gap:6px;margin:8px 0 10px;overflow:auto}.saved-views>span{font-size:10px;color:var(--muted);font-weight:700;text-transform:uppercase}.view-chip{border:1px solid var(--line);background:var(--surface);height:28px;padding:0 9px;border-radius:999px;font-size:10px;color:var(--ink-2)}.view-chip:hover{background:var(--surface-2)}.bulk-bar{position:sticky;top:72px;z-index:20;margin:0 0 10px;padding:9px 11px;border:1px solid var(--line-strong);background:var(--surface);border-radius:9px;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between}.bulk-bar[hidden]{display:none}.pager{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid var(--line)}.pager-summary{font-size:10px;color:var(--muted)}.pager-actions{display:flex;gap:6px}
input,select,textarea{width:100%;border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;outline:0;transition:border-color .12s,box-shadow .12s,background .12s}input,select{height:40px;padding:0 10px}textarea{min-height:96px;padding:10px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:var(--muted-2)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}input[aria-invalid="true"],select[aria-invalid="true"]{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 9%,transparent)}input[type="checkbox"],input[type="radio"]{width:16px;height:16px;padding:0;accent-color:var(--accent)}input[type="file"]{padding:7px;height:auto}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field label,.field-label{font-size:11px;font-weight:700;color:var(--ink-2)}.field-label .required{color:var(--danger)}.field-help{font-size:10px;color:var(--muted);line-height:1.45}.field-error{font-size:10px;color:var(--danger);display:none}.field.invalid .field-error{display:block}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.full{grid-column:1/-1}.form-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.input-prefix,.input-suffix{position:relative}.input-prefix input{padding-left:30px}.input-prefix>span{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.input-suffix input{padding-right:48px}.input-suffix>span{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:10px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.choice-card{position:relative;border:1px solid var(--line);background:var(--surface);padding:12px;border-radius:10px;cursor:pointer;display:flex;gap:10px;align-items:flex-start}.choice-card:hover{border-color:var(--line-strong);background:var(--surface-2)}.choice-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);background:var(--accent-soft)}.choice-card input{margin-top:1px}.choice-card strong{font-size:11px;display:block}.choice-card small{display:block;color:var(--muted);font-size:10px;line-height:1.4;margin-top:2px}
.workflow-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.workflow-main{min-width:0}.workflow-aside{position:sticky;top:82px;display:flex;flex-direction:column;gap:12px}.workflow-header{padding:18px;border-bottom:1px solid var(--line)}.workflow-header h2{font-size:15px;margin:0 0 5px}.workflow-header p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.workflow-section{padding:18px;border-bottom:1px solid var(--line)}.workflow-section:last-child{border-bottom:0}.section-heading{display:flex;gap:11px;align-items:flex-start;margin-bottom:14px}.section-number{width:24px;height:24px;border-radius:50%;background:var(--primary-soft);display:grid;place-items:center;font-size:10px;font-weight:800;flex:0 0 auto}.section-heading h3{font-size:12px;margin:1px 0 3px}.section-heading p{font-size:10px;color:var(--muted);margin:0;line-height:1.45}.summary-card{padding:15px}.summary-card h3{font-size:11px;margin:0 0 10px}.summary-row,.detail-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:11px}.summary-row:last-child,.detail-row:last-child{border-bottom:0}.summary-row span,.detail-row span{color:var(--muted)}.summary-row strong,.detail-row strong{text-align:right;word-break:break-word}.summary-total{padding-top:11px;margin-top:3px;border-top:1px solid var(--line-strong);display:flex;justify-content:space-between;align-items:end}.summary-total strong{font-size:20px;font-variant-numeric:tabular-nums}.help-card{padding:14px;background:var(--surface-2)}.help-card h4{font-size:11px;margin:0 0 6px}.help-card p,.help-card li{font-size:10px;color:var(--muted);line-height:1.55}.help-card ul{padding-left:17px;margin:5px 0 0}.workflow-footer{position:sticky;bottom:0;padding:12px 18px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:4}.workflow-footer .footer-note{font-size:10px;color:var(--muted)}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.detail-main{display:flex;flex-direction:column;gap:14px}.detail-aside{position:sticky;top:82px;display:flex;flex-direction:column;gap:12px}.record-hero{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px}.record-hero-top{display:flex;justify-content:space-between;gap:16px}.record-title h1{font-size:22px;margin:4px 0}.record-title p{color:var(--muted);margin:0}.record-amount{font-size:28px;font-weight:780;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.record-subamount{font-size:10px;color:var(--muted);margin-top:4px;text-align:right}.record-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:16px;margin-top:16px;border-top:1px solid var(--line)}.meta-item span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.meta-item strong{display:block;font-size:11px;margin-top:4px}.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:20px 1fr;gap:10px;position:relative;padding-bottom:14px}.timeline-item:before{content:"";position:absolute;left:9px;top:16px;bottom:-2px;width:1px;background:var(--line)}.timeline-item:last-child:before{display:none}.timeline-dot{width:18px;height:18px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;font-size:8px;z-index:1}.timeline-content strong{font-size:10px}.timeline-content div{font-size:10px;color:var(--muted);margin-top:2px}.detail-list{display:flex;flex-direction:column}.detail-description{padding:12px 0;color:var(--ink-2);line-height:1.55;font-size:12px}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow:auto}.tab{height:38px;padding:0 12px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:650;border-bottom:2px solid transparent;white-space:nowrap}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);border-bottom-color:var(--accent)}.tab-panel{display:none}.tab-panel.active{display:block}.progress-rail{display:flex;align-items:center;gap:0;padding:12px 0;overflow:auto}.progress-node{display:flex;align-items:center;min-width:max-content;color:var(--muted);font-size:10px;font-weight:650}.progress-node:after{content:"";width:34px;height:1px;background:var(--line);margin:0 7px}.progress-node:last-child:after{display:none}.progress-node i{width:20px;height:20px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;font-style:normal;margin-right:6px}.progress-node.complete{color:var(--success)}.progress-node.complete i{background:var(--success);border-color:var(--success);color:#fff}.progress-node.current{color:var(--ink)}.progress-node.current i{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);color:var(--accent)}
.empty-state{text-align:center;padding:46px 20px;color:var(--muted)}.empty-state h3{font-size:13px;color:var(--ink);margin:10px 0 5px}.empty-state p{max-width:430px;margin:0 auto 14px;font-size:11px;line-height:1.55}.empty-icon{width:42px;height:42px;margin:auto;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:var(--surface-2);font-size:18px}.empty,.empty-mini{text-align:center;color:var(--muted);padding:24px}.tiny{font-size:10px}.muted{color:var(--muted)}.positive{color:var(--success)}.negative{color:var(--danger)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.num{font-variant-numeric:tabular-nums}.separator{height:1px;background:var(--line);margin:12px 0}.checklist{display:grid;gap:7px}.check{border:1px solid var(--line);border-radius:9px;padding:10px 11px;display:flex;align-items:center;gap:9px;background:var(--surface)}.check:hover{background:var(--surface-2)}.check span{font-size:11px}.evidence-card{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:var(--surface);margin-bottom:8px}.evidence-card:last-child{margin-bottom:0}.drop-zone{border:1px dashed var(--line-strong);border-radius:11px;padding:24px;text-align:center;background:var(--surface-2);transition:.15s}.drop-zone.dragover{border-color:var(--accent);background:var(--accent-soft)}.drop-zone strong{display:block;font-size:11px}.drop-zone span{font-size:10px;color:var(--muted)}
.popover{position:fixed;z-index:120;background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow-md);display:none}.popover.open{display:block}.org-menu{left:10px;top:110px;width:300px}.quick-create{right:88px;top:58px;width:370px}.notification-panel{right:54px;top:58px;width:330px}.user-menu{right:14px;top:58px;width:270px}.popover-title,.popover-head{padding:11px 12px;font-size:10px;font-weight:750;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.popover-head{display:flex;align-items:center;justify-content:space-between}.popover-foot{padding:9px 12px;border-top:1px solid var(--line);font-size:10px;color:var(--info)}.menu-row{width:100%;border:0;background:transparent;padding:9px 11px;display:flex;align-items:center;gap:9px;text-align:left;font-size:11px}.menu-row:hover{background:var(--surface-2)}.menu-row>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.menu-row strong{font-size:11px}.menu-row small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-avatar{width:27px;height:27px;font-size:10px}.menu-separator{height:1px;background:var(--line);margin:4px 0}.checkmark{color:var(--success)}.danger-row{color:var(--danger)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;padding:6px}.quick-grid a{padding:11px;border-radius:8px;display:grid;grid-template-columns:24px 1fr;column-gap:7px}.quick-grid a:hover{background:var(--surface-2)}.quick-grid a>span{grid-row:1/3;font-size:16px;color:var(--muted)}.quick-grid strong{font-size:11px}.quick-grid small{font-size:9px;color:var(--muted)}.user-card{display:flex;gap:10px;align-items:center;padding:12px}.user-card>div{display:flex;flex-direction:column}.user-card small{font-size:9px;color:var(--muted)}.notification-item{display:grid;grid-template-columns:20px 1fr auto;gap:7px;padding:9px 11px;border-top:1px solid var(--line);font-size:10px;align-items:center}.notification-item:hover{background:var(--surface-2)}.notification-count{font-weight:800}.attention-icon{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--warning-soft);color:var(--warning);font-weight:800}.popover-empty{padding:22px;text-align:center;color:var(--muted);font-size:10px}
.command{position:fixed;inset:0;background:rgba(15,23,42,.38);backdrop-filter:blur(3px);z-index:180;display:none;align-items:flex-start;justify-content:center;padding-top:10vh}.command.open{display:flex}.command-box{width:min(680px,calc(100vw - 30px));background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-md);overflow:hidden}.command-search{height:52px;padding:0 13px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line)}.command-input{height:auto!important;border:0!important;box-shadow:none!important;background:transparent!important;font-size:14px;flex:1}.command-results{max-height:480px;overflow:auto;padding:6px}.command-item{display:flex;align-items:center;justify-content:space-between;padding:9px;border-radius:8px;font-size:11px}.command-item.active,.command-item:hover{background:var(--surface-2)}.command-item small{color:var(--muted)}.command-foot{border-top:1px solid var(--line);padding:8px 11px;display:flex;gap:16px;color:var(--muted);font-size:9px}.command-foot>span{display:flex;gap:4px;align-items:center}
.modal-overlay,.drawer-overlay{position:fixed;inset:0;background:rgba(15,23,42,.34);backdrop-filter:blur(2px);z-index:160;display:none}.modal-overlay.open,.drawer-overlay.open{display:flex}.modal-overlay{align-items:center;justify-content:center;padding:18px}.modal{width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-md)}.modal.wide{width:min(900px,100%)}.compact-modal{width:min(480px,100%)}.modal-head{min-height:52px;padding:11px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head strong{font-size:12px}.modal-body{padding:15px}.drawer-overlay{justify-content:flex-end}.drawer{height:100%;width:min(470px,100%);background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--shadow-md);display:flex;flex-direction:column}.drawer-head{padding:15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.drawer-head h2{font-size:15px;margin:3px 0 0}.drawer-body{padding:16px;overflow:auto;flex:1}.drawer-foot{padding:12px 16px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.shortcut-grid>div{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:8px;padding:9px;font-size:10px}
.flash{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:10px 12px;margin-bottom:12px;display:flex;justify-content:space-between;gap:12px;box-shadow:var(--shadow-xs);font-size:11px}.flash.success{border-color:#abefc6;background:var(--success-soft);color:var(--success)}.flash.warning{border-color:#fedf89;background:var(--warning-soft);color:var(--warning)}.flash.danger{border-color:#fecdca;background:var(--danger-soft);color:var(--danger)}.flash-close{border:0;background:transparent;color:inherit}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 25% 0%,var(--surface) 0,var(--bg) 38%)}.auth-shell{width:min(940px,100%);display:grid;grid-template-columns:1fr 430px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-md);overflow:hidden;min-height:560px}.auth-context{padding:44px;background:var(--primary);color:var(--surface);display:flex;flex-direction:column;justify-content:space-between}.auth-context h2{font-size:29px;letter-spacing:-.035em;margin:18px 0 8px}.auth-context p{opacity:.68;line-height:1.6}.auth-points{display:grid;gap:10px}.auth-point{display:flex;gap:9px;align-items:flex-start;font-size:11px;opacity:.8}.auth-form{padding:44px;display:flex;flex-direction:column;justify-content:center}.auth-form h1{font-size:22px;margin:0 0 6px}.auth-form>p{color:var(--muted);margin:0 0 20px}.auth-form .field{margin-bottom:12px}.auth-logo{display:flex;align-items:center;gap:9px;font-weight:800}.auth-logo span{width:30px;height:30px;border-radius:8px;background:var(--surface);color:var(--primary);display:grid;place-items:center}.password-meter{height:4px;background:var(--surface-3);border-radius:2px;overflow:hidden;margin-top:5px}.password-meter i{display:block;height:100%;width:0;background:var(--danger);transition:.2s}
.mobile-bottom-nav{display:none}.row-menu{position:absolute;right:8px;top:30px;width:170px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:9px;padding:4px;display:none;z-index:20}.row-menu.open{display:block}.row-menu a,.row-menu button{width:100%;border:0;background:transparent;text-align:left;padding:8px;border-radius:6px;font-size:10px}.row-menu a:hover,.row-menu button:hover{background:var(--surface-2)}.row-menu-wrap{position:relative}.column-menu{right:20px;top:auto;width:210px;padding:8px}.column-menu label{display:flex;align-items:center;gap:8px;padding:6px;font-size:10px}.column-menu label:hover{background:var(--surface-2);border-radius:6px}
@media(max-width:1180px){.workflow-layout,.detail-layout{grid-template-columns:minmax(0,1fr) 280px}.record-meta-grid{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%);width:260px;box-shadow:var(--shadow-md)}body.mobile-nav-open .sidebar{transform:translateX(0)}.app-main{grid-column:1}.mobile-menu{display:grid}.content{padding:20px 18px 78px}.search-trigger{min-width:220px}.workflow-layout,.detail-layout{grid-template-columns:1fr}.workflow-aside,.detail-aside{position:static}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:58px;background:var(--surface);border-top:1px solid var(--line);z-index:80;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav a,.mobile-bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted)}.mobile-bottom-nav span{font-size:16px}.mobile-bottom-nav small{font-size:8px}.mobile-bottom-nav button:nth-child(3) span{width:34px;height:34px;background:var(--primary);color:var(--surface);border-radius:10px;display:grid;place-items:center;margin-top:-12px}.desktop-only{display:none!important}}
@media(max-width:680px){.topbar{padding:0 12px}.search-trigger{min-width:0;width:42px;padding:0;justify-content:center}.search-trigger span:nth-child(2),.search-trigger .kbd{display:none}.page-head{flex-direction:column;align-items:stretch}.page-actions>.btn{flex:1}.grid-2,.grid-3,.grid-4,.form-grid,.form-grid.three,.choice-grid{grid-template-columns:1fr}.workspace-bar{align-items:stretch;flex-direction:column}.list-filters{display:grid;grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1;max-width:none}.view-actions{justify-content:flex-end}.record-hero-top{flex-direction:column}.record-amount,.record-subamount{text-align:left}.record-meta-grid{grid-template-columns:1fr 1fr}.workflow-section{padding:15px}.workflow-footer{margin:0 -1px}.auth-shell{display:block;min-height:0}.auth-context{display:none}.auth-form{padding:28px 22px}.command{padding-top:4vh}.shortcut-grid{grid-template-columns:1fr}.quick-create{left:12px;right:12px;width:auto;top:auto;bottom:68px}.notification-panel{left:12px;right:12px;width:auto}.user-menu{right:8px;left:8px;width:auto}.org-menu{left:8px;right:8px;width:auto}.table{min-width:680px}.table.mobile-cards{min-width:0}.table.mobile-cards thead{display:none}.table.mobile-cards,.table.mobile-cards tbody,.table.mobile-cards tr,.table.mobile-cards td{display:block;width:100%}.table.mobile-cards tr{padding:10px;border-bottom:1px solid var(--line)}.table.mobile-cards td{border:0;padding:4px;background:transparent!important}.table.mobile-cards td[data-label]:before{content:attr(data-label);display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.pager{gap:10px;align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html[data-reduce-motion="true"] *,html[data-reduce-motion="true"] *:before,html[data-reduce-motion="true"] *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}

/* -------------------------------------------------------------------------- */
/* V2.2 interaction and information-design system                              */
/* -------------------------------------------------------------------------- */
.workflow-modebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2),var(--surface));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.workflow-modebar>div:first-child{display:flex;align-items:center;gap:9px}.workflow-modebar .eyebrow{margin:0}.segmented{display:inline-flex;border:1px solid var(--line);padding:2px;border-radius:8px;background:var(--surface-2)}.segmented button{height:29px;border:0;background:transparent;border-radius:6px;padding:0 9px;font-size:10px;color:var(--muted);font-weight:700}.segmented button.active{background:var(--surface);box-shadow:var(--shadow-xs);color:var(--ink)}
.workflow-stepper{display:flex;align-items:stretch;gap:0;padding:0 16px;border-bottom:1px solid var(--line);overflow:auto;scrollbar-width:none}.workflow-stepper::-webkit-scrollbar{display:none}.workflow-step{position:relative;border:0;background:transparent;padding:11px 16px 11px 0;margin-right:22px;display:flex;align-items:center;gap:8px;color:var(--muted);white-space:nowrap}.workflow-step:not(:last-child):after{content:"";position:absolute;right:-7px;top:50%;width:18px;height:1px;background:var(--line-strong)}.workflow-step span{width:22px;height:22px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;font-size:9px;font-weight:800;background:var(--surface)}.workflow-step em{font-style:normal;font-size:10px;font-weight:700}.workflow-step.active{color:var(--ink)}.workflow-step.active span{border-color:var(--accent);background:var(--accent);color:#fff}.workflow-step.complete{color:var(--success)}.workflow-step.complete span{border-color:var(--success);background:var(--success-soft);color:var(--success)}
.guided-nav{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:13px 16px;border-top:1px solid var(--line);background:var(--surface-2)}.guided-progress{text-align:center;display:flex;flex-direction:column;gap:2px}.guided-progress strong{font-size:10px}.guided-progress span{font-size:9px;color:var(--muted)}.guided-hidden{display:none!important}
.field-invalid input,.field-invalid select,.field-invalid textarea{border-color:var(--danger)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 10%,transparent)!important}.field-error{color:var(--danger);font-size:9px;margin-top:5px;font-weight:650}.field.has-leading-icon{position:relative}.field.has-leading-icon>span:first-of-type{position:absolute;left:10px;top:34px;color:var(--muted)}
.keyboard-row{outline:none}.keyboard-row:focus{box-shadow:inset 3px 0 0 var(--accent);background:var(--accent-soft)!important}.keyboard-row:focus td{background:transparent}.keyboard-row a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.help-drawer{width:min(510px,100%)}.help-hero{display:flex;align-items:flex-start;gap:13px;padding-bottom:18px;border-bottom:1px solid var(--line)}.help-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-weight:900}.help-hero h3{margin:0 0 5px;font-size:16px}.help-hero p{margin:0;color:var(--muted);line-height:1.6;font-size:11px}.help-section{padding:18px 0}.help-steps{margin:9px 0 0;padding-left:22px;display:grid;gap:10px}.help-steps li{padding-left:3px;line-height:1.55;color:var(--ink-2);font-size:11px}
.page-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.page-primary{min-width:0}.page-rail{display:grid;gap:14px;align-content:start;position:sticky;top:calc(var(--topbar) + 18px);height:max-content}.insight-card{padding:15px}.insight-card h3{font-size:12px;margin:0 0 5px}.insight-card p{font-size:10px;color:var(--muted);line-height:1.55;margin:0}.insight-list{display:grid;gap:8px;margin-top:12px}.insight-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}.insight-row span{color:var(--muted)}
.stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.stat-cell{background:var(--surface);padding:14px 16px}.stat-cell span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.stat-cell strong{display:block;font-size:19px;margin-top:5px;font-variant-numeric:tabular-nums}.stat-cell small{display:block;color:var(--muted);font-size:9px;margin-top:4px}
.module-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow:auto}.module-tabs a,.module-tabs button{border:0;background:transparent;padding:9px 11px;font-size:10px;color:var(--muted);font-weight:700;border-bottom:2px solid transparent;white-space:nowrap}.module-tabs .active,.module-tabs a:hover,.module-tabs button:hover{color:var(--ink);border-bottom-color:var(--ink)}
.control-card{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.control-card+.control-card{margin-top:8px}.control-icon{width:36px;height:36px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);font-weight:800}.control-card h4{margin:0;font-size:11px}.control-card p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.45}.control-meta{text-align:right}.control-meta strong{display:block;font-size:11px}.control-meta small{color:var(--muted);font-size:9px}
.review-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.review-check{position:relative;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface);display:flex;gap:9px;align-items:flex-start}.review-check:hover{border-color:var(--line-strong);background:var(--surface-2)}.review-check input{margin-top:2px}.review-check strong{font-size:10px;display:block}.review-check small{font-size:9px;color:var(--muted);line-height:1.4;display:block;margin-top:2px}
.audit-hash{display:flex;align-items:center;gap:7px}.hash-chip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;padding:4px 6px;border:1px solid var(--line);background:var(--surface-2);border-radius:5px;color:var(--muted)}.chain-line{display:grid;grid-template-columns:28px 1fr;gap:11px}.chain-node{display:flex;flex-direction:column;align-items:center}.chain-node i{width:24px;height:24px;border-radius:50%;background:var(--success-soft);color:var(--success);display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800}.chain-node:after{content:"";width:1px;flex:1;background:var(--line);min-height:22px}.chain-line:last-child .chain-node:after{display:none}.chain-body{padding-bottom:16px}.chain-body strong{font-size:10px}.chain-body p{margin:3px 0;color:var(--muted);font-size:9px;line-height:1.5}
.security-score{display:flex;align-items:center;gap:14px}.security-ring{--pct:75;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--success) calc(var(--pct)*1%),var(--surface-3) 0);position:relative}.security-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--surface)}.security-ring strong{position:relative;z-index:1;font-size:15px}.device-row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.device-row:last-child{border-bottom:0}.device-icon{width:34px;height:34px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center}.device-row h4{margin:0;font-size:10px}.device-row p{margin:2px 0 0;color:var(--muted);font-size:9px}.device-actions{display:flex;gap:6px;align-items:center}
.backup-flow{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;gap:8px}.backup-step{border:1px solid var(--line);border-radius:10px;padding:13px;min-height:100px;background:var(--surface)}.backup-step span{width:24px;height:24px;border-radius:7px;background:var(--primary-soft);display:grid;place-items:center;font-size:9px;font-weight:800;margin-bottom:8px}.backup-step strong{display:block;font-size:10px}.backup-step small{display:block;color:var(--muted);font-size:9px;line-height:1.45;margin-top:4px}.backup-arrow{text-align:center;color:var(--muted)}
.validation-score{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center}.score-dial{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--success) calc(var(--score,0)*1%),var(--surface-3) 0);position:relative}.score-dial:after{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--surface)}.score-dial>div{position:relative;z-index:1;text-align:center}.score-dial strong{display:block;font-size:24px}.score-dial small{font-size:8px;color:var(--muted)}
.person-card{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.person-avatar{width:40px;height:40px;border-radius:12px;background:var(--primary-soft);display:grid;place-items:center;font-weight:800}.person-card strong{font-size:11px}.person-card p{font-size:9px;color:var(--muted);margin:3px 0 0}.person-role{font-size:9px;color:var(--muted);text-align:right}
.cap-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cap-item{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface)}.cap-item span{font-size:9px;color:var(--muted)}.cap-item strong{display:block;margin-top:4px;font-size:16px}
.timeline-compact{display:grid}.timeline-compact .timeline-item{padding:9px 0}.timeline-compact .timeline-content strong{font-size:10px}.timeline-compact .timeline-content div{font-size:9px}
.danger-zone{border-color:color-mix(in srgb,var(--danger) 30%,var(--line));background:linear-gradient(180deg,var(--danger-soft),var(--surface))}.danger-zone .card-head{border-bottom-color:color-mix(in srgb,var(--danger) 20%,var(--line))}
@media(max-width:1100px){.page-shell{grid-template-columns:1fr}.page-rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-flow{grid-template-columns:1fr}.backup-arrow{transform:rotate(90deg)}.review-checklist{grid-template-columns:1fr}}
@media(max-width:680px){.workflow-modebar{align-items:flex-start;flex-direction:column}.workflow-stepper{padding:0 12px}.workflow-step em{display:none}.guided-nav{grid-template-columns:auto 1fr auto;padding:10px}.guided-progress span{display:none}.page-rail{grid-template-columns:1fr}.stat-strip{grid-template-columns:1fr 1fr}.validation-score{grid-template-columns:1fr}.score-dial{margin:auto}.device-row{grid-template-columns:36px 1fr}.device-actions{grid-column:1/-1;justify-content:flex-end}.person-card{grid-template-columns:40px 1fr}.person-role{grid-column:2;text-align:left}.cap-strip{grid-template-columns:1fr}.control-card{grid-template-columns:34px 1fr}.control-meta{grid-column:2;text-align:left}}
.route-progress.active{width:70%;opacity:1}

/* V3 connected-finance workspaces */
.work-list{display:grid;gap:8px}.work-list.compact{gap:6px}.work-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto 24px;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);transition:border-color .15s,transform .15s,background .15s}.work-item:hover{border-color:var(--line-strong);background:var(--surface-2);transform:translateY(-1px)}.work-priority{height:100%;display:flex;align-items:center}.work-priority span{width:4px;height:28px;border-radius:3px;background:var(--line-strong)}.priority-critical .work-priority span{background:var(--danger)}.priority-high .work-priority span{background:var(--warning)}.priority-normal .work-priority span{background:var(--info)}.priority-low .work-priority span{background:var(--muted-2)}.work-copy{min-width:0}.work-copy strong{font-size:11px}.work-copy p{margin:3px 0 0;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-meta{display:flex;gap:10px;margin-top:5px;color:var(--muted);font-size:9px}.work-arrow{color:var(--muted);font-size:15px}.toolbar{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px;display:flex;align-items:end;justify-content:space-between;gap:12px}.toolbar .filters label{font-size:9px;color:var(--muted);display:grid;gap:4px}.toolbar .filters select{height:32px;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:0 28px 0 8px}.toolbar-note{font-size:9px;color:var(--muted)}
.drop-zone{min-height:230px;border:1.5px dashed var(--line-strong);border-radius:14px;background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:28px;text-align:center;transition:.15s}.drop-zone:hover,.drop-zone.dragging,.drop-zone.dragover{border-color:var(--accent);background:var(--accent-soft)}.drop-zone input{position:absolute;opacity:0;pointer-events:none}.drop-icon{width:46px;height:46px;border-radius:13px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-size:20px}.drop-zone strong{font-size:13px}.drop-zone small{font-size:10px;color:var(--muted)}.confidence{width:72px;height:5px;border-radius:4px;background:var(--surface-3);overflow:hidden;display:inline-block;margin-right:6px}.confidence span{display:block;height:100%;background:var(--success)}.json-preview{margin:0;max-height:340px;overflow:auto;background:var(--surface-2);padding:12px;border-radius:8px;border:1px solid var(--line);font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.segmented{height:36px;display:flex;border:1px solid var(--line);border-radius:8px;padding:3px;background:var(--surface-2)}.segmented a{display:flex;align-items:center;padding:0 10px;border-radius:5px;font-size:10px;color:var(--muted);font-weight:700}.segmented a.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs)}.forecast-chart{height:210px;display:grid;grid-template-columns:repeat(13,minmax(28px,1fr));gap:8px;align-items:end;padding:14px 4px 0;overflow-x:auto}.forecast-col{min-width:38px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.forecast-value{font-size:8px;color:var(--muted);white-space:nowrap;transform:rotate(-35deg);transform-origin:center;margin-bottom:8px}.forecast-bar-wrap{height:135px;display:flex;align-items:end}.forecast-bar{width:18px;min-height:3px;border-radius:5px 5px 2px 2px;background:var(--info);max-height:130px}.forecast-bar.negative{background:var(--danger)}.forecast-col strong{font-size:9px}.forecast-col small{font-size:8px;color:var(--muted)}.executive-focus{display:block}.executive-forecast{display:flex;align-items:center;gap:18px}.executive-forecast>div:not(.arrow-flow){display:grid;gap:3px}.executive-forecast span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.executive-forecast strong{font-size:22px}.arrow-flow{color:var(--muted);font-size:18px}.mini-trend{height:66px;display:flex;gap:5px;align-items:end;margin:18px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--line)}.mini-trend i{flex:1;max-width:20px;background:var(--info);border-radius:4px 4px 1px 1px;min-height:4px}.mini-trend i.negative{background:var(--danger)}
.budget-progress{height:5px;border-radius:4px;background:var(--surface-3);overflow:hidden;margin-top:10px}.budget-progress span{display:block;height:100%;background:var(--info)}.check-group{border:1px solid var(--line);border-radius:9px;padding:10px 12px;display:grid;gap:8px}.check-group legend{padding:0 5px;color:var(--muted);font-size:9px;font-weight:700}.check-group label{font-size:10px;display:flex;align-items:center;gap:7px}.form-stack{display:grid;gap:12px}.span-2{grid-column:span 2}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.recon-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px}.recon-imports{height:max-content;position:sticky;top:calc(var(--topbar) + 18px)}.list-menu{display:grid;padding:6px}.list-menu a{display:grid;gap:3px;padding:10px;border-radius:8px}.list-menu a:hover,.list-menu a.active{background:var(--surface-2)}.list-menu strong{font-size:10px}.list-menu small{font-size:8px;color:var(--muted)}
.credential-box{display:grid;gap:8px;margin-top:10px}.credential-box>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px;align-items:center}.credential-box span{font-size:9px;color:var(--muted)}.credential-box code{padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:7px;overflow:auto}.connector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.connector-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:12px}.connector-card:hover{background:var(--surface-2);border-color:var(--line-strong)}.connector-icon{width:36px;height:36px;border-radius:10px;background:var(--primary-soft);display:grid;place-items:center}.connector-card strong{font-size:10px}.connector-card p{margin:3px 0;font-size:9px;color:var(--muted)}.connector-card small{font-size:8px;color:var(--muted-2)}
.entity-consolidation-row{display:grid;grid-template-columns:minmax(140px,1fr) 100px 100px auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.entity-consolidation-row:last-child{border-bottom:0}.entity-consolidation-row>div{display:grid;gap:2px}.entity-consolidation-row span,.entity-consolidation-row small{font-size:8px;color:var(--muted)}.entity-consolidation-row input{width:75px;height:30px;border:1px solid var(--line);border-radius:6px;padding:0 6px}.mapping-list{display:grid;gap:8px;margin-top:10px}.mapping-list>div{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:7px;border:1px solid var(--line);border-radius:7px;font-size:9px}.mapping-list span{color:var(--muted)}
.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.package-card{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px}.package-card:hover{background:var(--surface-2);border-color:var(--line-strong)}.package-icon{width:36px;height:36px;border-radius:9px;background:var(--primary-soft);display:grid;place-items:center}.package-card strong{font-size:10px}.package-card p{margin:3px 0;font-size:9px;color:var(--muted)}.package-card small{font-size:8px;color:var(--muted-2)}.onboarding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.onboarding-grid>div{padding:14px;border:1px solid var(--line);border-radius:10px}.onboarding-grid span{width:24px;height:24px;border-radius:7px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:800;font-size:9px}.onboarding-grid strong{display:block;margin-top:9px;font-size:10px}.onboarding-grid p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.5}
@media(max-width:1000px){.recon-layout{grid-template-columns:1fr}.recon-imports{position:static}.connector-grid,.package-grid{grid-template-columns:1fr}.entity-consolidation-row{grid-template-columns:1fr 1fr}.entity-consolidation-row form{grid-column:1/-1}.forecast-chart{grid-template-columns:repeat(13,42px)}.executive-forecast{flex-wrap:wrap}.onboarding-grid{grid-template-columns:1fr}}
@media(max-width:680px){.work-item{grid-template-columns:8px minmax(0,1fr) 20px}.work-item>strong{grid-column:2}.work-copy p{white-space:normal}.toolbar{align-items:stretch;flex-direction:column}.toolbar .filters{flex-wrap:wrap}.credential-box>div{grid-template-columns:1fr}.span-2{grid-column:auto}.forecast-chart{height:190px}.executive-forecast{display:grid;grid-template-columns:1fr 20px 1fr}.entity-consolidation-row{grid-template-columns:1fr}.mapping-list>div{grid-template-columns:1fr}.mapping-list span{display:none}}

/* --------------------------------------------------------------------------
   V3.2 — persistent two-layer workspace navigation
   -------------------------------------------------------------------------- */
:root{--nav-primary:104px;--nav-secondary:258px;--sidebar:calc(var(--nav-primary) + var(--nav-secondary))}
.shell{grid-template-columns:var(--sidebar) minmax(0,1fr);transition:grid-template-columns .2s ease}
.navigation-shell{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:grid;grid-template-columns:var(--nav-primary) var(--nav-secondary);background:var(--surface);border-right:1px solid var(--line);z-index:70;transition:width .2s ease,grid-template-columns .2s ease;overflow:hidden}
.primary-sidebar{min-width:0;background:var(--surface-2);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}
.primary-brand{height:64px;display:grid;place-items:center;border-bottom:1px solid var(--line)}
.primary-brand .brand-mark{width:36px;height:36px;border-radius:11px;font-size:14px}
.primary-nav{padding:10px 8px;display:flex;flex:1;min-height:0;flex-direction:column;gap:4px;overflow-y:auto;scrollbar-width:none}.primary-nav::-webkit-scrollbar{display:none}
.primary-nav-item{position:relative;width:100%;min-height:52px;border:0;background:transparent;border-radius:10px;padding:7px 4px;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;font-weight:700;letter-spacing:.01em;line-height:1.05}
.primary-nav-item:hover{background:var(--surface);color:var(--ink)}.primary-nav-item.active{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-xs)}
.primary-nav-item.active:before{content:"";position:absolute;left:-8px;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.primary-nav-icon{height:21px;display:grid;place-items:center;font-size:17px;line-height:1;color:var(--muted)}.primary-nav-item.active .primary-nav-icon{color:var(--ink)}
.primary-nav-dot{position:absolute;right:19px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--danger);border:2px solid var(--surface-2);display:none}.primary-nav-dot.visible{display:block}
.primary-sidebar-foot{min-height:46px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:8px}.primary-sidebar-foot .status-online{gap:0}.primary-sidebar-foot .status-online i{width:7px;height:7px}
.secondary-sidebar{width:var(--nav-secondary);min-width:0;background:var(--surface);display:flex;flex-direction:column;opacity:1;transition:opacity .15s ease,transform .2s ease;overflow:hidden}
.secondary-head{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;border-bottom:1px solid var(--line)}
.secondary-brand{min-width:0;display:flex;flex-direction:column;line-height:1.15}.secondary-brand strong{font-size:13px}.secondary-brand small{margin-top:3px;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.secondary-nav-toggle{flex:0 0 auto}
.secondary-sidebar .org-switch{margin-top:12px}
.secondary-context{padding:13px 17px 8px}.secondary-context .eyebrow{margin-bottom:3px}.secondary-context h2{margin:0;font-size:18px;letter-spacing:-.02em}.secondary-context p{margin:5px 0 0;font-size:10px;line-height:1.45;color:var(--muted)}
.secondary-nav{flex:1;min-height:0;overflow-y:auto;padding:7px 9px 18px;scrollbar-width:thin}
.secondary-nav-pane{display:none;gap:3px}.secondary-nav-pane.active{display:grid}
.secondary-nav a{min-height:50px;padding:8px 9px;border-radius:9px;display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:8px;color:var(--ink-2);border:1px solid transparent}
.secondary-nav a:hover{background:var(--surface-2);color:var(--ink)}.secondary-nav a.active{background:var(--primary-soft);border-color:var(--line);color:var(--ink)}
.secondary-nav a.secondary-create{margin:3px 0 8px;background:var(--surface-2);border-color:var(--line)}.secondary-nav a.secondary-create:hover{border-color:var(--line-strong);background:var(--surface-3)}
.secondary-nav-icon{width:27px;height:27px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:grid;place-items:center;color:var(--muted);font-size:13px}.secondary-nav a.active .secondary-nav-icon{color:var(--ink);border-color:var(--line-strong)}
.secondary-nav a>span:last-child{min-width:0;display:flex;flex-direction:column}.secondary-nav strong{font-size:11px;font-weight:700;line-height:1.25}.secondary-nav small{margin-top:3px;color:var(--muted);font-size:8.5px;line-height:1.3;white-space:normal}
.secondary-foot{min-height:42px;border-top:1px solid var(--line);padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:8px}.secondary-foot .status-online{font-size:8px}
body.secondary-nav-collapsed{--nav-secondary:0px;--sidebar:var(--nav-primary)}body.secondary-nav-collapsed .secondary-sidebar{opacity:0;pointer-events:none;transform:translateX(-10px)}body.secondary-nav-collapsed .secondary-nav-toggle{transform:rotate(180deg)}
.app-main{grid-column:2;min-width:0;transition:opacity .12s ease}.content.v32-loading{opacity:.48;pointer-events:none}.content.v32-enter{animation:v32-content-in .16s ease-out}@keyframes v32-content-in{from{opacity:.5;transform:translateY(2px)}to{opacity:1;transform:none}}
.topbar{z-index:55}

@media(max-width:1180px) and (min-width:921px){:root{--nav-primary:92px;--nav-secondary:232px}.primary-nav-item{min-height:49px;font-size:8.5px}.secondary-nav small{font-size:8px}}
@media(max-width:920px){:root{--sidebar:0px;--nav-primary:92px;--nav-secondary:268px}.navigation-shell{width:min(360px,100vw);grid-template-columns:var(--nav-primary) minmax(0,1fr);transform:translateX(-100%);box-shadow:var(--shadow-md)}body.mobile-nav-open .navigation-shell{transform:translateX(0)}body.secondary-nav-collapsed{--sidebar:0px}body.secondary-nav-collapsed .secondary-sidebar{opacity:1;pointer-events:auto;transform:none}.secondary-nav-toggle{display:none}.app-main{grid-column:1}.primary-nav-item{min-height:50px}.secondary-foot span:first-child{display:none}}
@media(max-width:420px){:root{--nav-primary:82px}.navigation-shell{width:100vw}.primary-nav-item{font-size:8px}.primary-nav-icon{font-size:15px}.secondary-context{padding-left:13px;padding-right:13px}.secondary-nav{padding-left:7px;padding-right:7px}.secondary-nav a{padding-left:7px;padding-right:7px}}


/* --------------------------------------------------------------------------
   V3.3 interaction consistency + Blue Book navigation/form polish
   -------------------------------------------------------------------------- */
@media (min-width:681px){
  .workspace-bar{align-items:center;flex-wrap:nowrap}
  .list-filters{flex-wrap:nowrap;min-width:0;overflow-x:auto;overflow-y:hidden;padding:1px 2px 3px;scrollbar-width:thin}
  .list-filters>.search-field{flex:1 1 280px;min-width:220px;max-width:none}
  .list-filters>select,.list-filters>.btn,.list-filters>.page-size-select{flex:0 0 auto;width:auto;min-width:122px}
  .payments-filters>select[name="party"]{min-width:170px;max-width:220px}
  .payments-filters>select[name="status"]{min-width:155px}
  .payments-filters>select[name="direction"]{min-width:150px}
  .payments-filters>select[name="sort"]{min-width:112px}
  .payments-filters>.page-size-select{min-width:96px}
  .workspace-bar>.view-actions{flex:0 0 auto}
}
.table thead th,.table td{vertical-align:middle}
.table td .row-actions,.row-actions,.actions,.inline,.saved-views,.pager-actions{align-items:center}
.summary-row,.detail-row{align-items:center;min-height:38px}
.summary-row>span,.summary-row>strong,.detail-row>span,.detail-row>strong{display:flex;align-items:center;min-height:22px}
.summary-row>strong,.detail-row>strong{justify-content:flex-end}
.menu-row,.secondary-nav a,.primary-nav-item,.org-switch,.user-trigger,.search-trigger{align-items:center}
.field label,.field-label{display:flex;align-items:center;min-height:18px}
.status-pill,.badge,.btn,.view-chip{vertical-align:middle}
.workflow-section[aria-hidden="true"]{display:none!important}
.workflow-footer[aria-hidden="true"],.workflow-footer[hidden]{display:none!important}
.guided-nav-unified{position:sticky;bottom:0;z-index:8;grid-template-columns:minmax(132px,auto) 1fr minmax(132px,auto);background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(14px);box-shadow:0 -1px 0 var(--line)}
.guided-nav-unified .guided-left{display:flex;align-items:center;justify-content:flex-start;gap:8px}
.guided-nav-unified>[data-step-next]{justify-self:end;min-width:132px}
.workflow-step:disabled{cursor:not-allowed;opacity:.58}
.workflow-step.complete:not(:disabled){cursor:pointer}
.workflow-stepper{background:var(--surface)}
.secondary-brand strong{letter-spacing:-.01em}
@media(max-width:680px){
  .guided-nav-unified{grid-template-columns:auto 1fr auto;gap:8px}
  .guided-nav-unified>[data-step-next]{min-width:104px}
  .guided-left .btn{padding:0 10px}
}


/* --------------------------------------------------------------------------
   V3.4 — product finish and shared component normalization
   -------------------------------------------------------------------------- */
.content{padding-top:28px;padding-bottom:48px}
.page-head{margin-bottom:22px;gap:18px}.page-head>div:first-child{min-width:0}.page-head h1{margin-top:3px}.page-head p{max-width:780px;margin-top:7px}
.section{margin-top:20px}.card{overflow:hidden}.card-head{padding:16px 18px;min-height:58px}.card-head h2,.card-head h3{margin:0}.card-body{padding:18px}.card-foot{padding:14px 18px;border-top:1px solid var(--line);background:var(--surface-2);display:flex;align-items:center;justify-content:flex-end;gap:10px}.card-foot>*{margin:0}
.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.data-table th{height:42px;padding:9px 13px;background:var(--surface-2);border-bottom:1px solid var(--line);color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.055em;font-weight:750;text-align:left;vertical-align:middle}.data-table td{min-height:48px;padding:11px 13px;border-bottom:1px solid var(--line);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--surface-2)}.data-table .num,.table .num{text-align:right;font-variant-numeric:tabular-nums}
.callout{display:flex;gap:12px;padding:14px 15px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink-2)}.callout strong{display:block;color:var(--ink);margin-bottom:3px}.callout p{margin:0;font-size:11px;line-height:1.5;color:var(--muted)}
.stack-list{display:flex;flex-direction:column;margin:-4px 0}.stack-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:10px 2px;border-bottom:1px solid var(--line);color:var(--ink)}.stack-row:last-child{border-bottom:0}.stack-row>span:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.stack-row small{color:var(--muted);font-size:9px}.stack-value{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.link-row{min-height:52px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--ink)}.link-row:hover{background:var(--surface-2);border-color:var(--line-strong)}
.record-link{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-weight:650;text-decoration:none}.record-link:hover{text-decoration:underline}
.empty-compact{padding:22px 12px;text-align:center;color:var(--muted);font-size:11px;border:1px dashed var(--line);border-radius:10px;background:var(--surface-2)}
.code-block{display:block;max-width:100%;overflow:auto;padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink-2);white-space:pre-wrap;word-break:break-word}
.workspace-bar,.toolbar{padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);margin-bottom:14px;gap:10px}.list-filters{gap:8px}.list-filters select,.list-filters input{min-height:36px}
.detail-row{padding:9px 0}.detail-list>.detail-row:first-child{padding-top:0}.detail-list>.detail-row:last-child{padding-bottom:0;border-bottom:0}
.help-card,.summary-card,.insight-card{padding:17px}.help-card h4,.summary-card h3,.insight-card h3{margin-top:0}
.quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dashboard-head{align-items:center}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-kpis .metric-card{min-height:112px;padding:16px 17px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:14px;align-items:start}.dashboard-panel{min-width:0}.dashboard-forecast{grid-row:span 1}.forecast-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.forecast-summary>div{padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.forecast-summary span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.forecast-summary strong{font-size:17px;font-variant-numeric:tabular-nums}.validation-score{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}.validation-score strong{font-size:30px;line-height:1}.validation-score span{font-size:9px;color:var(--muted)}.card-action{margin-top:16px}
.auth-shell,.record-hero,.workflow-layout,.detail-layout{margin-top:0}.form-grid,.form-stack{gap:14px}.field{gap:6px}.field-help{margin-top:1px}.form-footer,.workflow-footer{padding:14px 18px;min-height:62px;align-items:center}
.notice{padding:13px 15px}.tabs{padding:0 14px;gap:4px}.tab{min-height:45px}
.icon-btn{display:inline-flex;align-items:center;justify-content:center}
.inline[style*="justify-content:space-between"]{justify-content:space-between}
@media(max-width:1120px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.content{padding-top:18px}.page-head{margin-bottom:16px}.card-head,.card-body{padding-left:14px;padding-right:14px}.dashboard-kpis{grid-template-columns:1fr 1fr;gap:8px}.dashboard-kpis .metric-card{min-height:96px;padding:13px}.forecast-summary{grid-template-columns:1fr}.quick-links{grid-template-columns:1fr}.data-table th,.data-table td{padding-left:10px;padding-right:10px}}

.span-two{grid-column:span 2}.choice-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-shell-narrow{grid-template-columns:1fr 430px}.field-narrow{max-width:360px}@media(max-width:680px){.span-two{grid-column:auto}.choice-grid-two{grid-template-columns:1fr}.auth-shell-narrow{grid-template-columns:1fr}}

.queue-tabs{margin-bottom:12px;padding:2px 0}.queue-tabs .view-chip{min-height:32px;display:inline-flex;align-items:center}
.table td>a,.table td>strong,.data-table td>a,.data-table td>strong{vertical-align:middle}