:root{color:#17202a;background:#f5f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}.app-nav{align-items:center;background:#fff;border-bottom:1px solid #d9e0e8;display:flex;gap:4px;min-height:56px;padding:0 28px;position:sticky;top:0;z-index:10}.nav-item{align-items:center;background:transparent;border:0;border-radius:8px;color:#526476;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;min-height:38px;padding:0 12px}.nav-item-active{background:#eaf3f0;color:#173d35}.shell{min-height:100vh;padding:28px}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.eyebrow{color:#5f6f82;font-size:.78rem;font-weight:700;letter-spacing:0;margin:0 0 4px;text-transform:uppercase}h1,h2{letter-spacing:0;margin:0}h1{font-size:2rem}h2{font-size:1rem}.topbar-actions{display:flex;gap:8px}.icon-button{align-items:center;background:#fff;border:1px solid #d9e0e8;border-radius:8px;color:#263645;display:inline-flex;height:40px;justify-content:center;width:40px}.text-button{align-items:center;background:#173d35;border:1px solid #173d35;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;min-height:38px;padding:0 14px}.ghost-button{align-items:center;background:#fff;border:1px solid #cfd8e3;border-radius:8px;color:#526476;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;min-height:38px;padding:0 10px}.auth-shell{align-items:center;display:flex;min-height:100vh;padding:28px}.auth-panel{background:#fff;border:1px solid #d9e0e8;border-radius:8px;display:grid;gap:18px;max-width:520px;padding:28px}.auth-panel svg{color:#1f6f8b}.auth-panel p{color:#667789;line-height:1.5;margin:10px 0 0}.auth-button{gap:8px;justify-content:center;width:fit-content}.user-strip{align-items:center;background:#f7f9fb;border-bottom:1px solid #d9e0e8;color:#526476;display:flex;gap:12px;justify-content:flex-end;min-height:48px;padding:0 28px}.user-strip span{align-items:center;display:inline-flex;font-weight:700;gap:8px;min-width:0}.user-strip svg{flex:0 0 auto}.notice{background:#fff4e5;border:1px solid #ffd9a8;border-radius:8px;color:#684200;margin-bottom:16px;padding:12px 14px}.subnav{align-items:center;display:flex;gap:6px;margin-bottom:16px}.subnav-item{background:#fff;border:1px solid #d9e0e8;border-radius:8px;color:#526476;cursor:pointer;font-weight:800;min-height:36px;padding:0 12px}.subnav-item-active{background:#eaf3f0;border-color:#b8d5cc;color:#173d35}.summary-grid,.content-grid{display:grid;gap:16px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.summary-tile,.panel{background:#fff;border:1px solid #d9e0e8;border-radius:8px}.summary-tile{align-items:center;display:flex;gap:14px;min-height:84px;padding:18px}.summary-tile svg{color:#1f6f8b}.summary-tile span,.table-row span{color:#667789;display:block;font-size:.86rem}.summary-tile strong{display:block;font-size:1.55rem;margin-top:2px}.summary-tile small{color:#667789;display:block;font-size:.78rem;margin-top:2px}.panel{overflow:hidden}.panel-header{border-bottom:1px solid #e5ebf0;padding:14px 16px}.table{display:grid}.table-row{align-items:center;border-bottom:1px solid #edf1f5;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;min-height:72px;padding:14px 16px}.table-row:last-child{border-bottom:0}.row-meta{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.run-row{grid-template-columns:minmax(160px,1fr) auto minmax(180px,auto) minmax(220px,1.5fr)}.badge{align-items:center;background:#edf1f5;border-radius:999px;color:#425466;display:inline-flex;font-size:.78rem;font-weight:700;min-height:24px;padding:2px 9px;width:fit-content}.badge-success{background:#dff4e8;color:#196642}.badge-info{background:#e3f2fd;color:#155f8a}.badge-warning{background:#fff2cc;color:#715100}.badge-danger{background:#fde6e6;color:#9d2323}.trade-summary-grid .summary-tile:nth-child(1) svg{color:#196642}.trade-summary-grid .summary-tile:nth-child(2) svg{color:#9d2323}.trade-panel{overflow:visible}.trade-filter-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.trade-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.trade-filters input,.trade-filters select{background:#fff;border:1px solid #cfd8e3;border-radius:8px;color:#17202a;font:inherit;min-height:38px;padding:0 10px}.trade-filters input{width:128px}.trade-table{min-width:1040px}.trade-table-head,.trade-table-row{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(120px,1.1fr) minmax(78px,.8fr) minmax(58px,.55fr) minmax(82px,.7fr) minmax(86px,.8fr) minmax(72px,.7fr) minmax(86px,.8fr) minmax(120px,1fr) minmax(72px,.6fr)}.trade-table-head{background:#f7f9fb;border-bottom:1px solid #e5ebf0;color:#667789;font-size:.75rem;font-weight:800;min-height:42px;padding:0 16px;text-transform:uppercase}.trade-table-row{background:#fff;border-bottom:1px solid #edf1f5;border-left:0;border-right:0;border-top:0;color:inherit;font:inherit;min-height:52px;padding:10px 16px;text-align:left;width:100%}.trade-table-row:last-child{border-bottom:0}.trade-order-row{cursor:pointer}.trade-order-row:hover{background:#f9fbfc}.trade-table-row span,.trade-table-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-time-cell{align-items:center;display:inline-flex;gap:6px}.trade-time-cell svg{color:#667789;flex:0 0 auto}.side-buy,.side-sell{font-weight:800}.side-buy{color:#196642}.side-sell{color:#9d2323}.empty-state{color:#667789;min-height:90px;padding:32px 16px}.level-table{min-width:1020px}.level-table-head,.level-table-row{align-items:center;display:grid;gap:0}.level-table-head{background:#f7f9fb;border-bottom:1px solid #d9e0e8;color:#526476;font-size:.76rem;font-weight:800;min-height:38px;position:sticky;top:56px;text-transform:uppercase;z-index:8}.level-table-head span,.level-table-row span,.level-table-row strong{border-right:1px solid #edf1f5;min-height:38px;min-width:0;overflow:hidden;padding:10px 8px;text-overflow:ellipsis;white-space:nowrap}.level-table-row{border-bottom:1px solid #edf1f5}.level-table-row:nth-child(2n){background:#fbfcfd}.level-table-row strong{font-size:.9rem}.approval-level-cell{background:#e8f6ed;color:#196642;font-weight:800}.approval-button{align-items:center;background:#dff4e8;border:1px solid #9bd5b4;border-radius:8px;color:#196642;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:800;gap:5px;min-height:28px;padding:0 8px;white-space:nowrap}.level-expand-button{align-items:center;background:transparent;border:0;color:#526476;cursor:pointer;display:inline-flex;height:38px;justify-content:center;width:42px}.level-detail{background:#f7f9fb;border-bottom:1px solid #d9e0e8;display:grid;gap:6px;padding:10px 16px 12px 132px}.level-detail-row{align-items:center;background:#fff;border:1px solid #e5ebf0;border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(54px,.5fr) minmax(128px,1fr) minmax(120px,1fr) minmax(80px,.7fr) minmax(90px,.7fr) minmax(80px,.7fr);min-height:38px;padding:8px 10px}.level-detail-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-table{display:grid}.import-table-head,.import-table-row{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(180px,1.4fr) minmax(70px,.6fr) minmax(86px,.7fr) minmax(90px,.7fr) minmax(110px,.8fr) minmax(100px,.7fr)}.import-table-head{background:#f7f9fb;border-bottom:1px solid #d9e0e8;color:#526476;font-size:.76rem;font-weight:800;min-height:40px;padding:0 16px;text-transform:uppercase}.import-table-row{border-bottom:1px solid #edf1f5;min-height:54px;padding:8px 16px}.import-table-row input{background:#fff;border:1px solid #cfd8e3;border-radius:8px;color:#17202a;font:inherit;min-height:36px;padding:0 10px;width:100%}.import-table-row input:disabled{background:#f4f7f9;color:#667789}.fill-table{background:#f7f9fb;border-bottom:1px solid #edf1f5;padding:0 16px 12px 48px}.fill-table-head,.fill-table-row{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(120px,1fr) minmax(78px,.75fr) minmax(70px,.6fr) minmax(84px,.7fr) minmax(72px,.65fr) minmax(84px,.7fr) minmax(120px,1fr) minmax(160px,1.3fr)}.fill-table-head{color:#667789;font-size:.72rem;font-weight:800;min-height:34px;text-transform:uppercase}.fill-table-row{background:#fff;border:1px solid #e5ebf0;border-radius:8px;margin-bottom:6px;min-height:40px;padding:8px 10px}.fill-table-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:860px){.app-nav{padding:0 18px}.shell{padding:18px}.summary-grid,.content-grid{grid-template-columns:1fr}.run-row{align-items:start;grid-template-columns:1fr}.trade-filter-header{align-items:stretch;flex-direction:column}.trade-filters{justify-content:flex-start}.fill-table,.level-detail{padding-left:18px}}
