:root{--bg:#f0f2f7;--surface:#fff;--alt:#f7f8fc;--border:#e2e5ef;--border-d:#c8ccd8;--text:#111827;--mid:#454e5c;--dim:#646c7a;--green:#047857;--green-bg:#e7f7f1;--green-bd:#a7d9c8;--red:#c82121;--red-bg:#fdeaea;--red-bd:#f3bcbc;--orange:#a85906;--orange-bg:#fff7e6;--orange-bd:#f0d59e;--blue:#2563eb;--blue-bg:#eff6ff;--blue-bd:#bfdbfe;--accent:#4763ee;--accent-bg:#eef2ff;--accent-bd:#c7d2fe;--font:"Instrument Sans", sans-serif;--mono:"Geist Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px}.shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:218px;height:100vh;display:flex;position:sticky;top:0}.logo-row{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:9px;height:56px;padding:0 16px;display:flex}.logo-img{filter:drop-shadow(0 1px 4px #4f6ef766);flex:none;display:block}.logo-row b{letter-spacing:-.2px;font-size:13px;line-height:1.2;display:block}.logo-row small{color:var(--dim);letter-spacing:.1em;font-size:9px;font-family:var(--mono)}nav.bo-nav{flex:1;padding:10px 8px;overflow-y:auto}.bnav{text-align:left;width:100%;color:var(--mid);font:600 12.5px var(--font);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 11px;display:flex}.bnav:hover{background:var(--alt);color:var(--text)}.bnav.on{background:var(--accent-bg);color:var(--accent)}.bnav .ni{flex:none;width:15px;height:15px}.bnav.disabled{opacity:.42;cursor:not-allowed}.bnav.disabled:hover{background:0 0}.bgroup{flex-direction:column;display:flex}.bgrouphead .chev{margin-left:auto;font-size:13px;transition:transform .15s}.bgrouphead.open .chev{transform:rotate(90deg)}.bkids{flex-direction:column;gap:2px;margin:2px 0;display:flex}.bnav.bkid{padding-left:37px;font-size:12px}.me{border-top:1px solid var(--border);padding:12px}.me .who{align-items:center;gap:9px;margin-bottom:9px;display:flex}.me .ava{background:var(--accent-bg);width:30px;height:30px;color:var(--accent);border:1px solid var(--accent-bd);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.me b{font-size:12px;display:block}.me .role-pill{font-size:9px;font-family:var(--mono);letter-spacing:.08em;color:var(--dim);text-transform:uppercase}.me select{width:100%;font:600 11.5px var(--font);background:var(--alt);border:1px solid var(--border);color:var(--mid);border-radius:6px;outline:none;padding:6px 8px}main.bo{flex:1;min-width:0;padding:22px 26px 60px}.crumb{font-size:12px;font-family:var(--mono);letter-spacing:.1em;color:var(--dim);text-transform:uppercase;margin-bottom:4px}h1{letter-spacing:-.3px;margin-bottom:3px;font-size:25px;font-weight:800}.sub{color:var(--mid);margin-bottom:18px;font-size:14.5px;line-height:1.55}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:14px;padding:16px 18px;box-shadow:0 1px 2px #1118270a}.card>b{font-size:16px}.tbl-wrap{overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:14.5px}.tbl th{text-align:left;font-size:11.5px;font-family:var(--mono);letter-spacing:.09em;color:var(--dim);text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 9px;font-weight:600}.tbl td{white-space:nowrap;border-bottom:1px solid #eef0f6;padding:10px 9px;font-weight:500}.tbl .r{text-align:right}.tbl .mono{font-size:11px}.mono{font-family:var(--mono)}.dim{color:var(--dim)}.btn{cursor:pointer;font-family:var(--font);border:none;border-radius:7px;font-size:14px;font-weight:700;transition:filter .12s}.btn:hover{filter:brightness(.96)}.b-primary{background:var(--accent);color:#fff;padding:8px 15px;box-shadow:0 1px 3px #4f6ef759}.b-ghost{background:var(--surface);color:var(--mid);border:1px solid var(--border-d);padding:7px 13px}.b-sm{padding:7px 13px;font-size:13px}.b-green{background:var(--green);color:#fff;padding:8px 15px}.b-red{background:var(--red-bg);color:var(--red);border:1px solid var(--red-bd);padding:7px 12px}.btn:disabled{opacity:.55;cursor:default}.pill{font-size:9px;font-weight:700;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:2px 8px;display:inline-block}.pill.green{color:var(--green);background:var(--green-bg);border-color:var(--green-bd)}.pill.red{color:var(--red);background:var(--red-bg);border-color:var(--red-bd)}.pill.orange{color:var(--orange);background:var(--orange-bg);border-color:var(--orange-bd)}.pill.blue{color:var(--blue);background:var(--blue-bg);border-color:var(--blue-bd)}.pill.gray{color:var(--mid);background:var(--alt);border-color:var(--border)}.pill.accent{color:var(--accent);background:var(--accent-bg);border-color:var(--accent-bd)}.chips{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:13px;display:flex}.chips .chip{background:var(--surface);border:1px solid var(--border);color:var(--mid);font:600 13px var(--font);cursor:pointer;border-radius:999px;padding:6px 13px}.chips .chip.on{background:var(--accent-bg);border-color:var(--accent-bd);color:var(--accent)}.chips .search{width:200px}.tbl-foot{align-items:center;gap:10px;margin-top:14px;display:flex}.f-row{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.f-row>div{flex:1;min-width:130px}.v.warn{color:var(--orange)}.v.pos{color:var(--green)}.pager{color:var(--dim);align-items:center;gap:10px;font-size:12px;display:flex}.pager button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:7px;padding:5px 10px}.pager button:hover:not(:disabled){border-color:var(--accent-bd);color:var(--accent)}.pager button:disabled{opacity:.45;cursor:default}input.bo,select.bo,textarea.bo{font-family:var(--font);background:var(--surface);border:1px solid var(--border-d);color:var(--text);border-radius:7px;outline:none;width:100%;padding:8px 10px;font-size:15px}input.bo:focus,select.bo:focus,textarea.bo:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f6ef71f}input.bo[readonly]{background:var(--alt);color:var(--mid)}input.bo.slim{width:100px;padding:6px 8px;font-size:14px}textarea.bo{resize:vertical;min-height:72px;font-size:15px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}label.bo-l{font-size:12px;font-family:var(--mono);letter-spacing:.08em;color:var(--dim);text-transform:uppercase;margin-bottom:5px;display:block}.f-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 14px;display:grid}.ivchip{background:var(--alt);border:1px solid var(--border);border-radius:6px;flex-direction:column;align-items:center;gap:1px;margin:0 3px 3px 0;padding:5px 9px;font-size:13.5px;font-weight:700;display:inline-flex}.ivchip small,.ivedit small{color:var(--dim);font-size:11px;font-family:var(--mono);letter-spacing:.05em}.ivedit{flex-direction:column;gap:2px;display:inline-flex}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=1020px){.two-col{grid-template-columns:1fr}}@media (width<=860px){main.bo{padding:16px 14px 50px}}.banner{border:1px solid var(--red);color:#991b1b;background:#fef2f2;border-radius:8px;margin-bottom:10px;padding:10px 14px;font-size:14px;font-weight:600}#toasts{z-index:90;flex-direction:column;gap:7px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{color:#f4f5fb;background:#111827;border-radius:8px;padding:12px 20px;font-size:14.5px;font-weight:600;box-shadow:0 8px 24px #1118274d}.tint{z-index:60;background:#11182766;position:fixed;inset:0}.confirm{z-index:61;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(440px,92vw);padding:20px 22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 60px #11182747}.confirm h3{margin-bottom:6px;font-size:19px;font-weight:800}.cbody{color:var(--mid);margin-bottom:8px;font-size:15px;line-height:1.6}.cdiff{background:var(--alt);border:1px solid var(--border);border-radius:9px;max-height:240px;margin:10px 0 4px;padding:12px 13px;font-size:14px;overflow-y:auto}.cdiff .row{justify-content:space-between;gap:12px;padding:3px 0;display:flex}.cdiff .to{color:var(--accent);font-weight:700}.confirm .cacts{justify-content:flex-end;gap:9px;margin-top:16px;display:flex}.nav{border-bottom:1px solid var(--border);gap:4px;margin-bottom:18px;display:flex}.nav button{cursor:pointer;font-family:var(--font);color:var(--dim);background:0 0;border:none;border-bottom:2px solid #0000;margin-right:18px;padding:10px 4px;font-size:14px;font-weight:700}.nav button.active{color:var(--text);border-bottom-color:var(--accent)}.tbl tbody tr.rowable{cursor:pointer}.tbl tbody tr.rowable:hover,.tbl tbody tr.rowable.open{background:var(--alt)}.tbl tbody tr.drawer>td{background:var(--alt);box-shadow:inset 3px 0 0 var(--accent);white-space:normal;padding:14px 18px 16px}.drawer .sheet{background:var(--surface);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));column-gap:34px;padding:4px 16px;display:grid}.drawer .sheet .line{border-bottom:1px solid var(--border);grid-template-columns:118px minmax(0,1fr);align-items:baseline;gap:12px;padding:9px 0;display:grid}.drawer .sheet .line:nth-last-child(-n+2){border-bottom:none}.drawer .sheet .line .k{color:var(--dim);font-size:12.5px}.drawer .sheet .line .v{overflow-wrap:anywhere;font-size:14px;font-weight:600}.bo-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px;display:grid}.bo-stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.bo-stat .k{font-size:9px;font-family:var(--mono);letter-spacing:.1em;color:var(--dim);text-transform:uppercase}.bo-stat .v{letter-spacing:-.3px;margin-top:5px;font-size:17px;font-weight:800}.bo-stat .s{color:var(--dim);margin-top:3px;font-size:10.5px}.badge{font-size:11.5px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:20px;padding:3px 8px;font-weight:700;display:inline-block}.badge-pending{background:var(--orange-bg);color:var(--orange);border:1px solid var(--orange-bd)}.badge-approved{background:var(--green-bg);color:var(--green);border:1px solid var(--green-bd)}.badge-rejected{background:var(--red-bg);color:var(--red);border:1px solid var(--red-bd)}
