:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7f8;color:#172026;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f7f8}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}input,select{min-width:0;border:1px solid #cad3d8;border-radius:6px;background:#fff;color:#172026;outline:none}input:focus,select:focus{border-color:#2771b9;box-shadow:0 0 0 3px #2771b924}.app-shell{width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-bottom:12px}.eyebrow{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:0;color:#5e6b72;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{font-size:28px;line-height:1.15}h2{font-size:20px;line-height:1.2}.session-box{display:flex;align-items:center;gap:10px;color:#526069;font-size:14px}.ghost-button{height:36px;padding:0 12px;border:1px solid #cad3d8;border-radius:6px;background:#fff;color:#172026}.order-surface,.workbench-surface{border:1px solid #d7dfe3;border-radius:8px;background:#fff;box-shadow:0 10px 30px #1720260f}.order-surface{position:sticky;top:0;z-index:20;padding:16px;box-shadow:0 12px 28px #1720261a}.workbench-surface{min-height:260px;margin-top:12px;padding:14px}.config-strip{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(110px,.72fr) minmax(92px,.6fr) 82px;gap:10px;align-items:end}.config-strip label{display:grid;gap:6px;color:#5b6870;font-size:12px;font-weight:700}.config-strip input,.config-strip select{width:100%;height:44px;padding:0 12px;font-size:16px}.save-button{height:44px;min-width:82px;border-radius:6px;background:#1f6f8b;color:#fff;font-weight:800}.trade-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.order-line{display:grid;grid-template-columns:72px minmax(0,1fr) 104px;gap:10px;align-items:center;min-height:64px;padding:10px;border:1px solid #d7dfe3;border-radius:8px;background:#fafcfc}.order-line input{width:100%;height:44px;padding:0 96px 0 12px;font-size:18px;font-weight:700}.order-price-field{position:relative;min-width:0}.order-price-suffix{position:absolute;top:50%;right:12px;max-width:82px;overflow:hidden;color:#526069;font-size:15px;font-weight:900;line-height:1;text-align:right;text-overflow:ellipsis;white-space:nowrap;transform:translateY(-50%);pointer-events:none}.order-line button{height:44px;border-radius:6px;color:#fff;font-weight:900}.order-label{font-size:17px;font-weight:900}.order-line-long{border-color:#b9dfcf}.order-line-long .order-label{color:#0c7a43}.order-line-long button{background:#0c7a43}.order-line-short{border-color:#f0c3bd}.order-line-short .order-label{color:#ba2d22}.order-line-short button{background:#ba2d22}.notice{margin-top:10px;padding:10px 12px;border-radius:6px;font-weight:700;line-height:1.45}.notice-success{background:#e8f6ef;color:#0c6c3d}.notice-warning{background:#fff4d8;color:#76510a}.notice-error{background:#fdecea;color:#9e241b}.notice-info{background:#e9f2fb;color:#1f5d8d}.workbench-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:12px;padding:4px;border-radius:8px;background:#edf3f3}.workbench-tab-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;height:36px;gap:5px;padding:0 8px;border-radius:6px;background:transparent;color:#526069;font-size:13px;font-weight:900;white-space:nowrap}.workbench-tab-button-active{background:#172026;color:#fff;box-shadow:0 4px 12px #17202629}.workbench-tab-button strong{display:inline-flex;align-items:center;justify-content:center;min-width:20px;max-width:58px;height:20px;overflow:hidden;padding:0 6px;border-radius:999px;background:#5260691f;color:inherit;font-size:11px;line-height:1;text-overflow:ellipsis}.level-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.level-title{display:grid;min-width:0;gap:3px}.level-title strong{color:#172026;font-size:16px;font-weight:900}.level-title span{overflow:hidden;color:#5b6870;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.level-actions{display:flex;align-items:center;flex:0 0 auto;gap:8px}.auto-order-switch{display:inline-flex;align-items:center;gap:7px;height:38px;cursor:pointer;-webkit-user-select:none;user-select:none}.auto-order-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.auto-order-switch span{position:relative;width:42px;height:24px;border-radius:999px;background:#cfd8dd;transition:background .14s ease}.auto-order-switch span:after{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #11182738;content:"";transition:transform .14s ease}.auto-order-switch input:checked+span{background:#128249}.auto-order-switch input:checked+span:after{transform:translate(18px)}.auto-order-switch input:disabled+span{opacity:.58}.auto-order-switch strong{min-width:34px;color:#172026;font-size:13px;font-weight:900;white-space:nowrap}.risk-card{display:grid;gap:12px}.risk-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.risk-summary-grid span,.risk-window{display:grid;gap:4px;min-width:0;padding:10px;border-radius:8px;background:#f5f8f8}.risk-summary-grid small{color:#6b7880;font-size:12px;font-weight:800}.risk-summary-grid strong{overflow:hidden;color:#172026;font-size:17px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.risk-line,.risk-note,.risk-list{color:#526069;font-size:13px;font-weight:800;line-height:1.45}.risk-line{display:flex;flex-wrap:wrap;gap:8px 16px}.risk-window{grid-template-columns:minmax(90px,.7fr) minmax(70px,.45fr) minmax(150px,1fr) minmax(0,1.4fr);align-items:center;color:#526069;font-size:13px;font-weight:800}.risk-window strong{color:#172026;font-size:15px}.risk-list{display:flex;flex-wrap:wrap;gap:8px}.risk-list span{padding:6px 8px;border-radius:6px;background:#edf3f3}.risk-report-body{border-top:1px solid #e3e9ec;padding-top:10px}.risk-report-body summary{cursor:pointer;color:#172026;font-size:13px;font-weight:900}.risk-report-body pre{max-height:360px;margin:10px 0 0;overflow:auto;color:#28343b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap}.level-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:8px;margin-top:12px}.level-side-column{display:grid;align-content:start;gap:8px;min-width:0}.level-row{display:grid;gap:8px;padding:10px;border:1px solid #d7dfe3;border-radius:8px;background:#fff}.level-row-long{border-color:#c5e5d6}.level-row-short{border-color:#f1c9c3}.level-action-priority{background:#f7fbf8}.level-action-skip{background:#fafafa}.level-row-main{display:grid;grid-template-columns:62px minmax(0,1fr) 52px 58px;gap:8px;align-items:center}.level-row-main strong{overflow-wrap:anywhere;font-size:18px;line-height:1.15}.level-row-main>span:nth-child(3){color:#253039;font-size:13px;font-weight:900;text-align:center}.level-row-main button{height:34px;border-radius:6px;background:#172026;color:#fff;font-size:13px;font-weight:900}.level-row-main button:disabled{background:#c7d0d5;color:#526069}.level-row-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,86px));gap:5px;justify-content:start}.level-row-metrics span{min-width:0;padding:5px 6px;border-radius:6px;background:#f4f7f8}.level-row-metrics small{display:block;color:#6a777f;font-size:11px;font-weight:900}.level-row-metrics strong{display:block;margin-top:2px;overflow-wrap:anywhere;color:#172026;font-size:13px;line-height:1.15}.level-row-reasons{display:grid;gap:4px;color:#526069;font-size:12px;font-weight:800;line-height:1.35}.level-row-reasons span{overflow-wrap:anywhere}.section-actions{display:flex;align-items:end;justify-content:flex-end;gap:14px}.stats-filter{display:flex;gap:8px}.stats-filter input,.stats-filter select{height:38px;padding:0 10px}.stats-filter button{height:38px;padding:0 12px;border-radius:6px;background:#e7edf0;color:#172026;font-weight:800}.stats-filter .filter-active{background:#172026;color:#fff}.refresh-button{height:38px;padding:0 12px;border-radius:6px;background:#e7edf0;color:#172026;font-weight:800}.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.metric{min-height:82px;padding:14px;border:1px solid #d7dfe3;border-radius:8px;background:#fbfcfd}.metric span{display:block;color:#5b6870;font-size:13px;font-weight:800}.metric strong{display:block;margin-top:8px;color:#172026;font-size:24px;line-height:1.1;word-break:break-word}.metric-positive strong,.pnl-positive{color:#0c7a43}.metric-negative strong,.pnl-negative{color:#ba2d22}.active-orders-table,.records-table{display:grid;gap:10px;margin-top:14px}.active-orders-row,.records-row{display:grid;gap:8px;padding:10px;border:1px solid #d7dfe3;border-radius:8px;background:#fff;color:#253039}.record-main,.record-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center}.active-order-main{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.active-order-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.85fr) 72px;gap:8px;align-items:center}.active-order-main,.record-main{font-size:14px;font-weight:900}.active-order-detail,.record-detail{font-size:13px}.active-order-detail>span,.record-detail>span{min-width:0;padding:7px 8px;border-radius:6px;background:#f4f7f8}.active-order-detail small,.record-detail small{display:block;color:#6a777f;font-size:11px;font-weight:900}.active-order-detail strong,.record-detail strong{display:block;margin-top:2px;overflow-wrap:anywhere}.tag{display:inline-flex;align-items:center;justify-content:center;min-height:30px;min-width:58px;padding:0 9px;border-radius:999px;font-size:13px;font-weight:900;white-space:nowrap}.tag-neutral{background:#eef3f5;color:#253039}.tag-symbol{min-width:74px;background:#eef3f5;color:#253039}.tag-long{background:#e3f5ec;color:#0c7a43}.tag-short{background:#fde8e5;color:#ba2d22}.tag-source{min-width:46px;background:#edf4ff;color:#1d5d96}.order-status{margin-left:auto;min-width:0;overflow-wrap:anywhere;text-align:right}.record-main>span:last-child{text-align:right}.record-direction{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0}.record-symbol{overflow:hidden;color:#526069;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.cancel-order-button{width:100%;height:40px;border-radius:6px;background:#ba2d22;color:#fff;font-weight:900}.empty-records,.loading-panel{display:grid;min-height:180px;place-items:center;color:#6a777f;font-weight:800}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:#f5f7f8}.auth-card{width:min(420px,100%);padding:28px;border:1px solid #d7dfe3;border-radius:8px;background:#fff;box-shadow:0 10px 30px #17202614}.auth-title{margin:0;font-size:28px}.auth-subtitle{margin:10px 0 18px;color:#5b6870}.auth-login-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:6px;background:#172026;color:#fff;font-weight:900;text-decoration:none}.auth-error-text{margin:14px 0 0;color:#ba2d22;font-weight:700}@media (max-width: 780px){.app-shell{padding:12px}.topbar{align-items:flex-start}h1{font-size:24px}.session-box{align-items:flex-end;flex-direction:column;font-size:12px}.order-surface,.workbench-surface{padding:10px}.workbench-surface{min-height:220px;margin-top:10px}.config-strip{grid-template-columns:minmax(96px,1.15fr) minmax(58px,.7fr) minmax(52px,.62fr) 58px;gap:6px}.config-strip label{gap:4px;font-size:11px}.config-strip input,.config-strip select,.save-button{height:40px;padding:0 7px;font-size:14px}.save-button{min-width:0;font-size:13px}.trade-grid{grid-template-columns:1fr;gap:8px;margin-top:10px}.order-line{grid-template-columns:50px minmax(0,1fr) 78px;gap:8px;min-height:56px;padding:8px}.order-label{font-size:16px}.order-line input,.order-line button{height:42px}.order-line input{padding-right:78px;font-size:18px}.order-price-suffix{right:9px;max-width:66px;font-size:13px}.notice{margin-top:8px;padding:8px 10px;font-size:13px}.workbench-tabs{gap:4px;margin-top:10px;padding:3px}.workbench-tab-button{height:34px;gap:3px;padding:0 4px;font-size:12px}.workbench-tab-button strong{min-width:18px;max-width:44px;height:18px;padding:0 4px;font-size:10px}.section-actions{align-items:stretch;flex-direction:column}.level-header{align-items:stretch}.level-actions{justify-content:flex-end}.level-header .refresh-button{width:64px;flex:0 0 auto}.auto-order-switch strong{display:none}.risk-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.risk-summary-grid span,.risk-window{padding:8px}.risk-window{grid-template-columns:1fr}.risk-report-body pre{max-height:260px}.level-row{padding:8px}.level-row-main{grid-template-columns:50px minmax(0,1fr) 44px 52px;gap:6px}.level-row-main strong{font-size:16px}.level-row-main button{height:32px;font-size:12px}.level-row-metrics{grid-template-columns:repeat(auto-fit,minmax(64px,82px));gap:5px}.level-row-metrics span{padding:5px}.level-row-metrics small{font-size:10px}.level-row-metrics strong{font-size:12px}.stats-filter{display:grid;grid-template-columns:54px minmax(0,1fr) minmax(86px,.9fr) 58px}.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.metric{min-height:66px;padding:8px 5px}.metric span{font-size:10px}.metric strong{font-size:14px}.record-main,.record-detail,.active-order-main{gap:6px}.active-order-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr) 64px;gap:6px}.active-order-detail>span,.record-detail>span{padding:6px}.tag{min-width:48px;min-height:28px;padding:0 7px;font-size:12px}.order-status,.record-main{font-size:12px}}@media (max-width: 420px){.config-strip{grid-template-columns:minmax(90px,1.15fr) minmax(54px,.7fr) minmax(48px,.62fr) 54px}.active-order-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.78fr) 58px}.order-line{grid-template-columns:44px minmax(0,1fr) 70px}.level-row-main{grid-template-columns:48px minmax(0,1fr) 40px 48px}.order-line button{padding:0 6px}.record-symbol{display:none}}
