:root{--dt-color-canvas: #f3f2f1;--dt-color-surface: #ffffff;--dt-color-surface-muted: #faf9f8;--dt-color-sidebar: #201f1e;--dt-color-text: #201f1e;--dt-color-text-inverse: #ffffff;--dt-color-text-muted: #605e5c;--dt-color-text-subtle: #8a8886;--dt-color-border: #edebe9;--dt-color-border-strong: #c8c6c4;--dt-color-accent: #0078d4;--dt-color-accent-strong: #005a9e;--dt-color-success: #107c10;--dt-color-success-soft: #dff6dd;--dt-color-warning: #ffb900;--dt-color-warning-soft: #fff4ce;--dt-color-critical: #d13438;--dt-color-critical-soft: #fde7e9;--dt-color-purple: #5c2d91;--dt-color-future: #e1dfdd;--dt-color-price-low: #107c10;--dt-color-price-mid: #ffb900;--dt-color-price-high: #f7630c;--dt-color-price-extreme: #d13438;--dt-radius-sm: 6px;--dt-radius-md: 8px;--dt-space-1: 4px;--dt-space-2: 8px;--dt-space-3: 12px;--dt-space-4: 16px;--dt-space-5: 20px;--dt-space-6: 24px;--dt-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--dt-font-weight-strong: 800;--dt-shadow-panel: 0 1px 2px rgba(0, 0, 0, .05)}:root{color:var(--dt-color-text);background:var(--dt-color-canvas);font-family:var(--dt-font-family);font-synthesis:none;text-rendering:optimizeLegibility}html,body,#root{height:100%}*{box-sizing:border-box}body{margin:0;min-width:1200px;min-height:100%;background:var(--dt-color-canvas)}button,input,select{font:inherit}button{cursor:pointer}.cement-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:100dvh;background:var(--dt-color-canvas)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px;padding:18px 24px;color:var(--dt-color-text-inverse);background:var(--dt-color-sidebar);border-bottom:1px solid rgba(255,255,255,.14)}.brand-header{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:38px;height:38px;flex:0 0 auto;padding:8px;border:1px solid rgba(0,120,212,.35);border-radius:var(--dt-radius-md);object-fit:contain;background:var(--dt-color-surface)}.topbar h1,.topbar p,.brand-header span{margin:0}.topbar h1{font-size:1.3rem;line-height:1.1}.topbar p{color:var(--dt-color-border-strong);font-size:.72rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.brand-header span{display:block;margin-top:5px;color:var(--dt-color-border-strong);font-size:.82rem;font-weight:700}.topbar-actions{display:flex;align-items:center;gap:12px}.topbar-actions a{display:inline-flex;align-items:center;gap:8px;color:var(--dt-color-accent);font-size:.86rem;font-weight:850;text-decoration:none}.phase-strip{margin:16px 24px 0;padding:10px 14px;border:1px solid var(--dt-color-border-strong);border-radius:var(--dt-radius-md);background:var(--dt-color-surface)}.phase-strip-title{margin-bottom:8px;color:var(--dt-color-text-muted);font-size:.72rem;font-weight:850;text-transform:uppercase}.stage-rail{display:flex;align-items:center;width:fit-content;max-width:100%;overflow:hidden;border:1px solid var(--dt-color-border-strong);border-radius:var(--dt-radius-md);background:var(--dt-color-surface)}.stage-step,.tabs button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;border:1px solid var(--dt-color-border-strong);border-radius:var(--dt-radius-sm);font-size:.82rem;font-weight:850}.stage-step{position:relative;min-height:28px;padding:5px 14px;border:0;border-right:1px solid var(--dt-color-border);border-radius:0;color:var(--dt-color-text);background:var(--dt-color-surface);font-size:.74rem}.stage-step:last-child{border-right:0}.stage-step:before{width:7px;height:7px;content:"";border-radius:999px;background:var(--dt-color-border-strong)}.stage-completed{color:var(--dt-color-success);background:var(--dt-color-success-soft)}.stage-completed:before{background:var(--dt-color-success)}.stage-current{color:#8a5a00;background:var(--dt-color-warning-soft)}.stage-current:before{background:var(--dt-color-warning)}.stage-future{color:var(--dt-color-text);background:var(--dt-color-surface)}.stage-future:before{background:var(--dt-color-text-subtle)}.stage-step:hover{color:var(--dt-color-accent-strong);background:#deecf9}.planner-card{display:grid;grid-template-rows:minmax(0,1fr);min-height:0;margin:16px 24px 24px;border:1px solid var(--dt-color-border-strong);border-radius:var(--dt-radius-md);overflow:hidden;background:var(--dt-color-surface);box-shadow:var(--dt-shadow-panel)}.tabs{display:flex;min-height:44px;border-bottom:1px solid var(--dt-color-border);background:var(--dt-color-surface-muted)}.tabs button{min-width:140px;padding:0 18px;border:0;border-right:1px solid var(--dt-color-border);border-radius:0;background:transparent;color:var(--dt-color-text)}.tabs button.is-active{color:var(--dt-color-accent-strong);background:var(--dt-color-surface);box-shadow:inset 0 -3px 0 var(--dt-color-accent)}.tab-body{display:grid;align-content:start;gap:14px;min-height:0;padding:16px;overflow:auto}.panel-heading h2,.panel-heading p,.data-panel h3{margin:0}.panel-heading h2{font-size:1rem;line-height:1.2;text-transform:uppercase}.panel-heading p{margin-top:4px;color:var(--dt-color-text-muted);font-size:.82rem;font-weight:750}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric-tile{display:grid;gap:4px;min-height:72px;padding:14px;border-radius:var(--dt-radius-md);background:var(--dt-color-surface-muted)}.metric-tile span{color:var(--dt-color-text-muted);font-size:.74rem;font-weight:850}.metric-tile strong{font-size:1.42rem;line-height:1}.two-column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.data-panel{display:grid;gap:10px;min-width:0;padding:12px;border:1px solid var(--dt-color-border);border-radius:var(--dt-radius-md);background:var(--dt-color-surface)}.data-panel h3{color:var(--dt-color-text-muted);font-size:.74rem;font-weight:900;text-transform:uppercase}.scroll-table{min-width:0;overflow:auto}.overview-table{max-height:184px;border:1px solid var(--dt-color-border);border-radius:var(--dt-radius-sm)}.overview-table table{min-width:100%}.overview-table thead th{position:sticky;top:0;z-index:1;background:var(--dt-color-surface)}table{width:100%;border-collapse:collapse}th,td{padding:7px 8px;border-bottom:1px solid var(--dt-color-border);text-align:left;vertical-align:middle}th{color:var(--dt-color-text-muted);font-size:.68rem;font-weight:900;text-transform:uppercase}td{font-size:.82rem;font-weight:740}input,select{width:100%;min-height:30px;padding:4px 7px;border:1px solid var(--dt-color-border-strong);border-radius:var(--dt-radius-sm);color:var(--dt-color-text);background:var(--dt-color-surface)}.time-input-group{display:grid;grid-template-columns:76px 92px;gap:6px}.time-input-group label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;color:var(--dt-color-text-muted);font-size:.72rem;font-weight:850}.time-input-group input{min-width:0}.pill,.status{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border-radius:var(--dt-radius-sm);font-size:.72rem;font-weight:850}.pill.road,.status.running{color:var(--dt-color-success);background:var(--dt-color-success-soft)}.pill.rail{color:var(--dt-color-accent-strong);background:#deecf9}.pill.road_rail,.status.transition,.pill.urgent{color:#8a5a00;background:var(--dt-color-warning-soft)}.status.stopped{color:var(--dt-color-text-muted);background:var(--dt-color-future)}.level-bar{display:block;width:100%;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--bar-color) var(--level),var(--dt-color-border) var(--level))}.level-bar.ok{--bar-color: var(--dt-color-success)}.level-bar.high{--bar-color: var(--dt-color-critical)}.level-bar.low{--bar-color: var(--dt-color-warning)}.info-banner{padding:10px 12px;border:1px solid transparent;border-radius:var(--dt-radius-sm);font-size:.82rem;font-weight:800}.info-banner.info{color:var(--dt-color-accent-strong);border-color:#0078d459;background:#deecf9}.info-banner.success{color:var(--dt-color-success);border-color:#107c104d;background:var(--dt-color-success-soft)}.info-banner.warning{color:#8a5a00;border-color:#ffb90080;background:var(--dt-color-warning-soft)}.info-banner.danger{color:var(--dt-color-critical);border-color:#d1343866;background:var(--dt-color-critical-soft)}.chart-box{height:230px;min-width:0}.chart-box.small{height:150px}.cement-name{display:inline-flex;align-items:center;gap:6px}.cement-name:before{width:8px;height:8px;content:"";border-radius:2px;background:var(--cement)}.gantt{display:grid;gap:8px}.gantt-row{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;font-size:.78rem;font-weight:850}.gantt-track{position:relative;height:24px;border-radius:var(--dt-radius-sm);background:var(--dt-color-surface-muted)}.gantt-bar{position:absolute;left:var(--left);width:var(--width);top:3px;bottom:3px;display:flex;align-items:center;justify-content:center;min-width:74px;border-radius:4px;color:#fff;background:var(--cement);font-size:.68rem;font-weight:900}.action-row{display:flex;justify-content:flex-end;gap:10px;padding-top:2px}.primary-button{padding:0 14px;color:var(--dt-color-accent-strong);border-color:#0078d459;background:#deecf9}.secondary-button{padding:0 14px;color:var(--dt-color-text);background:var(--dt-color-surface-muted)}.locked-state{display:grid;place-items:center;gap:12px;min-height:360px;padding:48px;border:1px dashed var(--dt-color-border-strong);border-radius:var(--dt-radius-md);text-align:center;color:var(--dt-color-text-muted);background:var(--dt-color-surface-muted)}.locked-state h2,.locked-state p{margin:0}.locked-state h2{color:var(--dt-color-text);font-size:1.3rem}.buy{color:var(--dt-color-accent-strong)}.sell{color:var(--dt-color-critical)}.neutral{color:var(--dt-color-text-muted)}.show-more-intervals{justify-self:start;min-height:28px;padding:0 8px;border:0;color:var(--dt-color-text);background:transparent;font-size:.74rem;font-weight:850}.show-more-intervals:hover{color:var(--dt-color-accent-strong);text-decoration:underline}.success{color:var(--dt-color-success)}.analysis-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.analysis-toolbar label{display:grid;grid-template-columns:120px minmax(300px,1fr);align-items:center;gap:12px;max-width:680px;font-size:.82rem;font-weight:850}.segmented-control{display:inline-flex;overflow:hidden;border:1px solid var(--dt-color-border-strong);border-radius:var(--dt-radius-sm);background:var(--dt-color-surface)}.segmented-control button{min-height:34px;padding:0 14px;border:0;border-right:1px solid var(--dt-color-border);color:var(--dt-color-text);background:transparent;font-size:.82rem;font-weight:850}.segmented-control button:last-child{border-right:0}.segmented-control button.is-active{color:var(--dt-color-accent-strong);background:#deecf9}.insight-list{display:grid;gap:8px;margin:0;padding-left:18px;color:var(--dt-color-text);font-size:.86rem;font-weight:760;line-height:1.45}.docs-shell{min-height:100dvh;background:var(--dt-color-canvas)}.docs-content{max-width:920px;margin:24px auto;padding:28px;border:1px solid var(--dt-color-border);border-radius:var(--dt-radius-md);background:var(--dt-color-surface)}.docs-content h2,.docs-content h3,.docs-content p{margin:0}.docs-content h2{font-size:1.5rem}.docs-content h3{margin-top:22px;font-size:1rem}.docs-content p{margin-top:8px;color:var(--dt-color-text-muted);font-size:.95rem;line-height:1.55}