:root{color-scheme:light;--bg: #f4efd9;--surface: #fff9ea;--surface-strong: #f0e1b8;--text: #2d2619;--muted: #6d6042;--accent: #1f7a63;--danger: #c74a3c;--border: #dccda5;--shadow: 0 10px 24px rgba(68, 48, 11, .07);--radius-lg: 16px;--radius-md: 12px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--container-width: 1280px}html{min-height:100%;overflow-x:hidden;background:var(--bg)}body{margin:0;min-height:100vh;font-family:PingFang SC,Noto Sans SC,sans-serif;overflow-x:hidden;background:linear-gradient(180deg,#f8f0dd,#f1ead1 48%,#eee5c3);color:var(--text)}*,*:before,*:after{box-sizing:border-box}button,input,textarea,select{font:inherit}img{display:block;max-width:100%}#root{min-height:100vh}.app-shell{width:min(100%,var(--container-width));margin:0 auto;padding:var(--space-4) var(--space-4) 72px;display:grid;gap:var(--space-4);min-width:0}.page-header{background:#fff9eae6;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-4);display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--space-2)}.eyebrow,.section-label{margin:0;color:var(--accent);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-header h1,.placeholder-panel h2,.placeholder-panel p{margin:0}.page-header h1{font-size:clamp(1.7rem,2.4vw,2.45rem);line-height:1.08}.page-copy{margin:0;max-width:34rem;color:var(--muted);font-size:.98rem;line-height:1.55}.workbench-page{grid-column:span 12;width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.scanner-page{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.workbench-grid{width:100%;display:grid;gap:var(--space-4);grid-template-columns:repeat(12,minmax(0,1fr))}.scanner-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(12,minmax(0,1fr))}.card{display:grid;gap:var(--space-3);min-width:0;background:#fffaeef0;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:var(--space-4)}.workbench-page>.card,.workbench-page>.workbench-grid,.scanner-page>.card,.scanner-page>.scanner-tabs,.scanner-page>.scanner-grid{grid-column:1 / -1}.card-hero{background:linear-gradient(145deg,#fff7e0f5,#f8edc1fa)}.workbench-banner{grid-template-columns:minmax(0,1.6fr) minmax(260px,.9fr);align-items:end}.scanner-banner{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);align-items:end}.workbench-banner h2,.scanner-banner h2,.scanner-metrics-card h3,.direction-card h3,.candidate-table-card h3,.config-card h3,.monitor-card h3,.order-card h3,.repair-card h3,.tail-card h3,.history-card h3,.trigger-action-card h3,.qty-card h3{margin:0}.workbench-copy,.support-copy,.muted-copy,.candidate-list p,.history-list p,.metric span{margin:0;color:var(--muted);line-height:1.6}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:0}.card-heading>div{min-width:0}.card-heading h3{overflow-wrap:anywhere}.label{margin:0;color:var(--accent);font-size:.84rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:6px 12px;border-radius:999px;border:1px solid rgba(45,38,25,.12);background:#2d26190f;color:var(--text);font-size:.82rem;font-weight:700;white-space:nowrap}.pill-accent{border-color:#1f7a632e;background:#1f7a631a;color:var(--accent)}.pill-danger{border-color:#c74a3c29;background:#c74a3c1a;color:var(--danger)}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.segmented button{min-height:48px;border:1px solid var(--border);border-radius:14px;background:#ffffff8c;color:var(--text);font-weight:600}.segmented button[aria-pressed=true]{border-color:#1f7a633d;background:#1f7a631f;color:var(--accent)}.segmented button:disabled{opacity:.5}.field-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid label{display:grid;gap:var(--space-2);color:var(--muted);font-size:.92rem}.field-grid input{min-height:44px;padding:0 var(--space-3);border:1px solid rgba(45,38,25,.12);border-radius:12px;background:#ffffffad;color:var(--text)}.inline-stats,.stacked-stats,.banner-metrics{margin:0}.inline-stats{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.inline-stats div,.stacked-stats div,.banner-metrics div{display:grid;gap:4px}.inline-stats dt,.stacked-stats dt,.banner-metrics dt{color:var(--muted);font-size:.85rem}.inline-stats dd,.stacked-stats dd,.banner-metrics dd{margin:0;font-weight:700}.banner-metrics{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:18px;background:#ffffff80}.scanner-controls,.config-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.scanner-controls label,.config-grid label{display:grid;gap:var(--space-2);color:var(--muted);font-size:.9rem}.select-input,.number-input{min-height:42px;width:100%;border:1px solid rgba(45,38,25,.12);border-radius:12px;background:#ffffffb3;color:var(--text);padding:0 var(--space-3)}.metric-grid{margin:0;display:grid;gap:var(--space-3)}.metric-grid-six{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.metric-grid div{display:grid;gap:4px;min-width:0;padding:14px;border:1px solid rgba(45,38,25,.08);border-radius:14px;background:#ffffff7a}.metric-grid dt{color:var(--muted);font-size:.82rem}.metric-grid dd{margin:0;font-weight:700;overflow-wrap:anywhere}.signal-row{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.signal-pill{display:grid;gap:4px;padding:var(--space-3);border:1px solid rgba(31,122,99,.14);border-radius:14px;background:#1f7a6314}.signal-pill strong,.signal-pill span,.signal-pill small{overflow-wrap:anywhere}.table-wrap{width:100%;overflow-x:auto}.table-wrap-compact{max-height:340px;overflow:auto}.data-table{width:100%;min-width:980px;border-collapse:collapse;font-size:.88rem}.data-table th,.data-table td{padding:10px 12px;border-bottom:1px solid rgba(45,38,25,.08);text-align:left;white-space:nowrap}.data-table th{position:sticky;top:0;z-index:1;background:#fffaeefa;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase}.selected-row td{background:#1f7a6314}.text-button,.button-secondary{border:1px solid rgba(31,122,99,.2);color:var(--accent);background:#1f7a6314;font-weight:700}.text-button{padding:6px 8px;border-radius:8px}.button-secondary{min-height:40px;padding:0 var(--space-3);border-radius:12px}.button-secondary:disabled{cursor:not-allowed;opacity:.48}.table-qty-input{min-height:34px;max-width:96px;padding:0 var(--space-2)}.table-action-button{min-height:34px;white-space:nowrap}.control-button{align-self:end}.scanner-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);padding:6px;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff9eabd;box-shadow:var(--shadow)}.scanner-tabs button{min-height:42px;min-width:0;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font-weight:700}.scanner-tabs button[aria-pressed=true]{border-color:#1f7a632e;background:#1f7a631a;color:var(--accent)}.greek-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr))}.metric{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:14px;border:1px solid rgba(45,38,25,.08);background:#ffffff7a}.metric p,.metric strong{margin:0}.metric strong{font-size:1.15rem}.metric-good{border-color:#1f7a6324}.metric-warn{border-color:#c74a3c29}.hero-columns,.two-column-table{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.list-title{margin:0 0 var(--space-2);font-size:.92rem;font-weight:700}.ordered-list,.plain-list,.candidate-list,.history-list{margin:0;padding-left:1.1rem;display:grid;gap:var(--space-2)}.plain-list{padding-left:1rem}.candidate-list,.history-list{padding-left:0;list-style:none}.candidate-list li,.history-list li{display:flex;gap:var(--space-3);justify-content:space-between;align-items:start;padding:var(--space-3);border-radius:14px;background:#ffffff75;border:1px solid rgba(45,38,25,.08)}.candidate-selected{border-color:#1f7a6333;background:#1f7a6314}.candidate-list strong,.history-list strong,.history-list time{display:block}.history-list time{min-width:3rem;color:var(--accent);font-size:.84rem;font-weight:700}.mode-card,.position-card,.greeks-card,.candidate-card{grid-column:span 6}.scanner-metrics-card,.candidate-table-card,.rejected-card,.order-card{grid-column:span 12}.direction-card,.config-card,.monitor-card,.repair-card,.tail-card,.history-card{grid-column:span 6}.monitor-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.trigger-action-card,.details-panel{grid-column:span 8}.qty-card,.trigger-card,.history-panel{grid-column:span 4}@media(max-width:640px){.app-shell{padding:var(--space-3) var(--space-3) 64px;gap:var(--space-4)}.page-header,.card{padding:var(--space-3)}.scanner-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:959px){.page-header,.workbench-banner,.scanner-banner,.workbench-grid,.scanner-grid,.scanner-controls,.config-grid,.metric-grid-six,.signal-row,.greek-grid,.hero-columns,.two-column-table,.field-grid{grid-template-columns:1fr}.card,.workbench-page,.mode-card,.position-card,.greeks-card,.candidate-card,.scanner-metrics-card,.candidate-table-card,.direction-card,.config-card,.monitor-card,.order-card,.repair-card,.tail-card,.history-card,.trigger-action-card,.details-panel,.qty-card,.trigger-card,.history-panel{grid-column:1 / -1}}