: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,.active-orders-surface,.stats-surface{border:1px solid #d7dfe3;border-radius:8px;background:#fff;box-shadow:0 10px 30px #1720260f}.order-surface{padding:16px}.config-strip{display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,.8fr) minmax(100px,.7fr) auto;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:14px}.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 12px;font-size:18px;font-weight:700}.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:12px;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}.active-orders-surface,.stats-surface{margin-top:18px;padding:16px}.section-actions{display:flex;align-items:end;justify-content:flex-end;gap:14px}.stats-filter{display:flex;gap:8px}.stats-filter input{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(3,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{margin-top:14px;border:1px solid #d7dfe3;border-radius:8px;overflow:hidden}.active-orders-head,.active-orders-row,.records-head,.records-row{display:grid;gap:10px;align-items:center}.active-orders-head,.active-orders-row{grid-template-columns:1.1fr 1.5fr 1.1fr .8fr 1.1fr 88px}.records-head,.records-row{grid-template-columns:1.1fr 1.7fr 1fr 1fr 1fr .9fr}.active-orders-head,.records-head{min-height:42px;padding:0 12px;background:#eef3f5;color:#5b6870;font-size:12px;font-weight:900}.active-orders-row,.records-row{min-height:52px;padding:10px 12px;border-top:1px solid #e4eaed;color:#253039;font-size:14px}.active-orders-row span,.records-row span{min-width:0;overflow-wrap:anywhere}.cancel-order-button{width:100%;height:34px;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,.active-orders-surface,.stats-surface{padding:12px}.config-strip{grid-template-columns:1fr 1fr}.config-strip label:first-child{grid-column:1 / -1}.save-button{width:100%}.trade-grid{grid-template-columns:1fr}.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{font-size:18px}.section-actions{align-items:stretch;flex-direction:column}.stats-filter{display:grid;grid-template-columns:72px minmax(0,1fr) 72px}.summary-grid{grid-template-columns:1fr}.active-orders-head,.records-head{display:none}.active-orders-table,.records-table{border:0;border-radius:0;display:grid;gap:8px}.active-orders-row,.records-row{grid-template-columns:1fr 1fr;border:1px solid #d7dfe3;border-radius:8px;background:#fff}.active-orders-row span:before,.records-row span:before{content:attr(data-label);display:block;margin-bottom:3px;color:#6a777f;font-size:11px;font-weight:900}}@media (max-width: 420px){.config-strip{grid-template-columns:1fr}.config-strip label:first-child{grid-column:auto}.order-line{grid-template-columns:44px minmax(0,1fr) 70px}.order-line button{padding:0 6px}}
