:root{font-family:Gotham,GothamPro,Arial,Helvetica,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-main);background-color:var(--bg-app);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:var(--font-weight-medium);color:var(--color-dark-green);text-decoration:inherit}a:hover{color:var(--color-dark-grey)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:Gotham,GothamPro,Arial,Helvetica,sans-serif;background-color:var(--bg-app);color:var(--text-main)}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:1.1}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold)}button{border-radius:var(--radius-button);border:1px solid transparent;padding:.6em 1.4em;font-size:var(--font-size-button);font-weight:var(--font-weight-medium);font-family:Gotham,GothamPro,Arial,Helvetica,sans-serif;cursor:pointer;transition:transform .15s ease}button:hover{transform:scale(1.04)}button:focus,button:focus-visible{outline:2px solid var(--color-bright-green);outline-offset:2px}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{min-width:260px;max-width:400px;padding:12px 18px;border-radius:var(--radius-card);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);font-family:var(--font-primary);pointer-events:auto;animation:toast-in .25s ease;line-height:1.4}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast-info,.toast-success{background:var(--color-dark-green);color:var(--color-white);border-left:4px solid var(--color-bright-green)}.toast-error{background:var(--toast-error-bg);color:#fff;border-left:4px solid #e74c3c}.toast-warning{background:var(--toast-warning-bg);color:#fff;border-left:4px solid #f39c12}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--color-dark-green);font-family:var(--font-primary)}.login-card{padding:32px;background:var(--bg-card);border-radius:var(--radius-card);width:380px;box-sizing:border-box}.login-title{margin-top:0;margin-bottom:24px;color:var(--text-main);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);text-align:center}.error-message{color:#c0392b;background-color:#fadbd8;padding:10px 14px;border-radius:var(--radius-card);margin-bottom:15px;font-size:var(--font-size-caption)}.form-group{margin-bottom:16px}.form-group:last-of-type{margin-bottom:24px}.form-label{display:block;margin-bottom:6px;color:var(--text-label);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.form-input{width:100%;padding:10px 16px;border-radius:var(--radius-input);border:1px solid var(--color-mid-grey);background-color:var(--bg-input);color:var(--text-main);font-family:var(--font-primary);font-size:var(--font-size-body);box-sizing:border-box;transition:border-color .15s}.login-button{width:100%;padding:12px;background-color:var(--color-bright-green);color:var(--color-dark-green);border:none;border-radius:var(--radius-button);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-button);font-weight:var(--font-weight-bold);transition:transform .15s ease}.login-button:hover:not(:disabled){transform:scale(1.04)}.login-button:disabled{opacity:.5;cursor:not-allowed}.sticker{background-color:var(--bg-card);padding:10px 12px;border-radius:var(--radius-card);-webkit-user-select:none;user-select:none;border-left:4px solid var(--color-mid-grey);display:flex;flex-direction:column;gap:3px;font-family:var(--font-primary);transition:transform .15s ease}.sticker:hover{transform:scale(1.02)}.sticker--done{border-left-color:#27ae60}.sticker--in-progress{border-left-color:#29b6f6}.sticker--pending{border-left-color:#f39c12}.sticker--scrapped{border-left-color:#e74c3c}.sticker-id{font-size:var(--font-size-caption);color:var(--text-muted);font-weight:var(--font-weight-book)}.sticker-item-name{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--text-main)}.sticker-status{font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase}.sticker-status--done{color:#27ae60}.sticker-status--in-progress{color:#29b6f6}.sticker-status--pending{color:#f39c12}.sticker-status--scrapped{color:#e74c3c}.sticker-action-wrapper{margin-top:10px}.column-container{min-width:480px;max-width:480px;height:100%;box-sizing:border-box;background-color:var(--bg-column);border-radius:var(--radius-card);padding:14px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--border-light);flex-shrink:0;font-family:var(--font-primary)}.column-container--andon{border-color:#d35400;border-width:2px}.single-zone-container{min-width:240px;max-width:240px}.column-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.column-title{margin:0;color:var(--text-main);font-size:1rem;font-weight:700}.col-badge{font-size:.6rem;font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-tag);flex-shrink:0;background:none}.col-badge--queue{color:#27ae60;border:1px solid #27ae60;background:var(--badge-queue-bg)}.col-badge--andon{color:#d35400;border:1px solid #d35400;background:var(--badge-andon-bg);cursor:pointer}.col-badge--running{color:#29b6f6;border:1px solid #29b6f6;background:var(--badge-running-bg)}.col-badge--idle{color:var(--text-muted);border:1px solid var(--border-main)}.zones-wrapper{display:flex;flex-direction:row;gap:10px;flex:1;min-height:0}.drop-zone{flex:1;padding:8px;border-radius:var(--radius-card);display:flex;flex-direction:column;gap:8px;border:1px solid var(--border-light);min-height:0;overflow-y:auto}.zone-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.zone-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.zone-label--progress{color:#29b6f6}.zone-label--done{color:var(--text-main)}.zone-label--pending{color:#f39c12}.zone-label--scrap{color:#e74c3c}.zone-count{min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;padding:0 4px;flex-shrink:0}.zone-count--progress{color:#29b6f6;border:1px solid #29b6f6;background:var(--zone-count-progress-bg)}.zone-count--done{color:#27ae60;border:1px solid #27ae60;background:var(--zone-count-done-bg)}.zone-count--pending{color:#f39c12;border:1px solid #f39c12;background:var(--zone-count-pending-bg)}.zone-count--scrap{color:#e74c3c;border:1px solid #e74c3c;background:var(--zone-count-scrap-bg)}.zone-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.75rem;font-style:italic;opacity:.5;padding:12px 0}.zone-pending{background-color:var(--zone-pending-bg)}.zone-scrap{background-color:var(--zone-scrap-bg);border-color:var(--zone-scrap-border)}.zone-in-progress{background-color:var(--zone-progress-bg);border-color:var(--zone-progress-border)}.zone-done{background-color:var(--zone-done-bg);border-color:var(--zone-done-border)}.modal-content{padding:32px;border-radius:var(--radius-card);width:500px;max-width:90%;max-height:80vh;display:flex;flex-direction:column;background-color:var(--bg-modal);border:1px solid var(--border-light);font-family:var(--font-primary)}.sm-modal{width:360px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:0;border-bottom:1px solid var(--border-light)}.modal-title{margin:0;font-size:1.4rem;font-weight:700;color:var(--text-main)}.close-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-input);border:1px solid var(--border-light);border-radius:50%;font-size:13px;cursor:pointer;color:var(--text-muted)}.close-button:hover{color:var(--text-main);border-color:var(--border-hover)}.sm-fields{display:flex;flex-direction:column;margin-bottom:20px}.sm-row{display:flex;flex-direction:column;gap:5px;padding:14px 0;border-bottom:1px solid var(--border-light)}.sm-row--last{border-bottom:none}.sm-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.sm-value{font-size:.95rem;font-weight:500;color:var(--text-main)}.sm-status--done{color:#27ae60}.sm-status--in-progress{color:#d35400}.sm-status--scrapped{color:#e74c3c}.sm-status--pending{color:#f39c12}.sm-actions{display:flex;flex-direction:column;gap:8px}.sm-btn{width:100%;padding:11px 16px;border-radius:var(--radius-button);font-size:var(--font-size-button);font-weight:var(--font-weight-bold);font-family:var(--font-primary);cursor:pointer;text-align:center;transition:transform .15s ease}.sm-btn:hover{transform:scale(1.04)}.sm-btn--open{background:transparent;border:1px solid var(--text-brand);color:var(--text-brand)}.sm-btn--scrap{background:transparent;border:1px solid #e74c3c;color:#e74c3c}.sm-btn--unscrap{background:var(--color-dark-green);border:1px solid var(--color-dark-green);color:var(--color-white)}.modal-title{color:#e74c3c;margin-top:0}.part-info{margin-bottom:15px;background-color:var(--bg-column);color:var(--text-main);padding:12px 16px;border-radius:var(--radius-card)}.part-info p{margin:0 0 5px}.warning-text{margin:15px 0;color:var(--text-main)}.form-label{display:block;margin-bottom:5px;font-weight:700;color:var(--text-label)}.form-textarea{width:100%;padding:10px 14px;border-radius:var(--radius-textarea);margin-bottom:15px;box-sizing:border-box;font-family:var(--font-primary);font-size:var(--font-size-body);resize:vertical;min-height:100px;background-color:var(--bg-input);color:var(--text-main);border:1px solid var(--color-mid-grey);transition:border-color .15s}.form-textarea:focus{outline:none;border-color:var(--color-bright-green)}.button-container{display:flex;justify-content:flex-end;gap:10px}.button-cancel{padding:8px 20px;border-radius:var(--radius-button);border:1px solid var(--border-main);background-color:transparent;color:var(--text-main);font-family:var(--font-primary);font-size:var(--font-size-button);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.button-scrap{padding:8px 20px;border-radius:var(--radius-button);border:none;background-color:#e74c3c;color:#fff;font-family:var(--font-primary);font-size:var(--font-size-button);font-weight:var(--font-weight-bold);cursor:pointer;transition:transform .15s ease}.button-scrap:hover{transform:scale(1.04)}.button-scrap:disabled,.button-cancel:disabled{opacity:.5;cursor:not-allowed}.form-hint{margin:4px 0 0;font-size:11px;color:var(--text-muted);font-style:italic}.button-cancel{padding:10px 20px;border-radius:var(--radius-button);border:1px solid var(--border-main);background-color:transparent;color:var(--text-main);font-family:var(--font-primary);font-size:var(--font-size-button);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.button-cancel:hover{transform:scale(1.04);background-color:var(--bg-input);border-color:var(--border-hover)}.modal-content--wide{width:560px;max-height:90vh;overflow-y:auto}.form-row{display:flex;gap:12px}.form-group--half,.form-group--grow{flex:1;min-width:0}.form-group--qty{width:72px;flex-shrink:0}.setup-sheet-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-light)}.setup-sheet-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;padding:6px 0;cursor:pointer;color:var(--text-main);font-size:15px;font-weight:600;text-align:left}.setup-sheet-toggle:hover{color:var(--text-label)}.setup-sheet-toggle__meta{display:flex;align-items:center;gap:8px}.setup-sheet-toggle__count{font-size:12px;font-weight:var(--font-weight-bold);padding:2px 8px;border-radius:var(--radius-tag);background-color:var(--count-badge-bg);color:var(--text-brand);border:1px solid var(--count-badge-border)}.setup-sheet-chevron{font-size:10px;color:var(--text-muted);transition:transform .2s ease;display:inline-block}.setup-sheet-chevron--open{transform:rotate(90deg)}.setup-sheet-body{margin-top:12px;animation:ss-fade-in .15s ease}@keyframes ss-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.setup-sheet-hint{margin:0 0 14px;font-size:12px;color:var(--text-muted);line-height:1.5}.setup-sheet-builder{background-color:var(--bg-column);border-radius:6px;padding:12px;margin-bottom:12px}.button-add-req{padding:7px 14px;border-radius:4px;border:1px dashed var(--border-main);background-color:transparent;color:var(--text-label);cursor:pointer;font-size:13px;width:100%;text-align:center;transition:background-color .15s}.button-add-req:hover:not(:disabled){background-color:var(--bg-input)}.button-add-req:disabled{opacity:.45;cursor:not-allowed}.requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.requirements-list__item{display:flex;align-items:center;gap:8px;padding:6px 8px;background-color:var(--bg-input);border-radius:4px;border:1px solid var(--border-light);font-size:13px}.req-name{flex:1;color:var(--text-main);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.req-badge{padding:2px 7px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.req-badge--station{background-color:var(--req-badge-station-bg);color:var(--req-badge-station-color)}.req-badge--tool{background-color:var(--req-badge-tool-bg);color:var(--req-badge-tool-color)}.req-badge--material{background-color:var(--req-badge-material-bg);color:var(--req-badge-material-color)}.req-qty-input{width:52px;padding:3px 6px;border-radius:4px;border:1px solid var(--border-main);background-color:var(--bg-input);color:var(--text-main);font-size:12px;text-align:center;flex-shrink:0}.req-qty-input::-webkit-inner-spin-button,.req-qty-input::-webkit-outer-spin-button{opacity:.4}.req-qty-input:focus{outline:none;border-color:var(--color-bright-green)}.req-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:2px 4px;line-height:1;flex-shrink:0}.req-remove:hover{color:#e74c3c}.scan-requirement{background-color:var(--bg-column);border-radius:6px;padding:12px;margin-bottom:10px}.scan-requirement__title{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:8px}.scan-slot{margin-bottom:8px}.scan-slot__feedback{min-height:20px;margin-top:3px;margin-bottom:4px}.scan-status{font-size:12px;font-weight:500;padding:2px 0}.scan-status--checking{color:var(--text-muted)}.scan-status--valid{color:#27ae60}.scan-status--wrong-type{color:#e67e22}.scan-status--invalid{color:#e74c3c}.error-banner{background-color:var(--banner-error-bg);color:#c0392b;border:1px solid #f5c6cb;border-radius:4px;padding:10px 12px;font-size:13px;margin-bottom:14px}.modal-tabs{display:flex;gap:0;margin:0 0 16px;border-bottom:2px solid var(--border-light)}.modal-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-bottom:2px solid transparent;position:relative;bottom:-2px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.modal-tab:hover{color:var(--text-main)}.modal-tab--active{color:var(--text-brand);border-bottom-color:var(--color-bright-green);font-weight:var(--font-weight-bold)}.modal-tab__count{font-size:11px;font-weight:var(--font-weight-bold);padding:1px 6px;border-radius:var(--radius-tag);background-color:var(--count-badge-bg);color:var(--text-brand);border:1px solid var(--count-badge-border);line-height:1.4}.modal-tab--active .modal-tab__count{background-color:var(--count-badge-active-bg);color:var(--count-badge-active-color);border-color:var(--count-badge-active-border)}.quality-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:6px}.quality-list__item{display:flex;align-items:center;gap:8px;padding:6px 8px;background-color:var(--bg-input);border-radius:4px;border:1px solid var(--border-light);font-size:13px}.quality-item__name{flex:1;color:var(--text-main);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.req-badge--quality{background-color:var(--req-badge-quality-bg);color:var(--req-badge-quality-color);border:1px solid rgba(123,31,162,.25)}.rich-text-toolbar{display:flex;gap:4px;padding:6px 8px;background-color:var(--bg-column);border:1px solid var(--border-light);border-bottom:none;border-radius:4px 4px 0 0}.rich-text-toolbar button{padding:3px 8px;border-radius:3px;border:1px solid var(--border-light);background:var(--bg-modal);color:var(--text-main);font-size:12px;font-weight:600;cursor:pointer;line-height:1.4}.rich-text-toolbar button:hover{background-color:var(--bg-input)}.rich-text-toolbar button.is-active{background-color:var(--color-dark-green);color:var(--color-white);border-color:var(--color-dark-green)}.rich-text-editor .ProseMirror{min-height:100px;padding:10px;border:1px solid var(--border-light);border-radius:0 0 4px 4px;background-color:var(--bg-input);color:var(--text-main);font-size:14px;outline:none}.rich-text-editor .ProseMirror p{margin:0 0 6px}.rich-text-editor .ProseMirror ul,.rich-text-editor .ProseMirror ol{padding-left:20px;margin:0 0 6px}.rich-text-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0}.modal-overlay{position:fixed;inset:0;background-color:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--bg-modal);padding:32px;border-radius:var(--radius-card);width:420px;max-width:90%;font-family:var(--font-primary)}.modal-title{margin-top:0;color:var(--text-main)}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;font-weight:700;font-size:14px;color:var(--text-label)}.form-input{width:100%;padding:10px 16px;border-radius:var(--radius-input);border:1px solid var(--color-mid-grey);box-sizing:border-box;font-size:var(--font-size-body);font-family:var(--font-primary);background-color:var(--bg-input);color:var(--text-main);transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--color-bright-green)}.form-input:disabled{cursor:not-allowed;opacity:.6;background-color:var(--bg-input-disabled)}.button-container{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.button-cancel{padding:10px 20px;border-radius:var(--radius-button);border:1px solid var(--color-mid-grey);background-color:transparent;color:var(--color-dark-grey);font-family:var(--font-primary);font-size:var(--font-size-button);cursor:pointer;transition:transform .15s ease}.button-cancel:hover{transform:scale(1.04)}.button-submit{padding:10px 20px;border-radius:var(--radius-button);border:none;background-color:var(--color-bright-green);color:var(--color-dark-green);font-family:var(--font-primary);font-size:var(--font-size-button);font-weight:var(--font-weight-bold);cursor:pointer;transition:transform .15s ease}.button-submit:hover{transform:scale(1.04)}.button-submit:disabled{opacity:.5;cursor:not-allowed}.touch-numpad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;margin-top:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-card)}.numpad-key{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:var(--radius-button);border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:var(--color-white);font-family:var(--font-primary);font-size:20px;font-weight:var(--font-weight-bold);cursor:pointer;transition:background .1s,transform .08s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.numpad-key:active{background:var(--color-bright-green);color:var(--color-dark-green);transform:scale(.97)}.numpad-key--backspace{background:#e74c3c26;color:#e74c3c;border-color:#e74c3c4d;font-size:18px}.numpad-key--backspace:active{background:#e74c3c;color:#fff}.numpad-key--spacer{visibility:hidden;pointer-events:none;border:none;background:transparent}.stats-bar{display:flex;flex-shrink:0;margin-bottom:8px;background:var(--bg-card);border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--border-light)}.stat-card{flex:1;padding:7px 10px 6px;display:flex;flex-direction:column;gap:2px;position:relative;border-right:1px solid var(--border-light)}.stat-card:last-child{border-right:none}.stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px}.stat-card--active:after{background:#00c896}.stat-card--progress:after{background:#f39c12}.stat-card--done:after{background:#27ae60}.stat-card--andon:after{background:#e74c3c}.stat-card--backlog:after{background:var(--text-muted)}.stat-label{font-size:var(--font-size-metric-label);font-weight:var(--font-weight-bold);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;font-family:var(--font-primary)}.stat-value{font-size:var(--font-size-metric-number);font-weight:var(--font-weight-bold);line-height:1;margin:2px 0;font-family:var(--font-primary)}.stat-value--active{color:#00c896}.stat-value--progress{color:#f39c12}.stat-value--done{color:#27ae60}.stat-value--andon{color:#e74c3c}.stat-value--backlog{color:var(--text-main)}.stat-sub{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-sub[title]{cursor:help;text-decoration:underline dotted var(--border-main);text-underline-offset:2px}.live-ticker{flex-shrink:0;display:flex;align-items:center;margin-top:8px;background:var(--color-dark-green);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-card);overflow:hidden}.live-ticker__label{flex-shrink:0;padding:0 7px;height:100%;display:flex;align-items:center;font-size:.58rem;font-weight:var(--font-weight-bold);letter-spacing:.18em;color:var(--color-bright-green);border-right:1px solid rgba(255,255,255,.12);background:var(--color-dark-green);font-family:var(--font-primary)}.live-ticker__track-wrapper{flex:1;overflow:hidden;height:100%;display:flex;align-items:center}.live-ticker__track{display:inline-flex;align-items:center;white-space:nowrap;animation:ticker-scroll linear infinite}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.live-ticker__item{font-size:.75rem;padding:0 7px;color:#ffffffb3;border-right:1px solid rgba(255,255,255,.12);font-family:var(--font-primary)}.live-ticker__item--andon{color:#e74c3c;font-weight:var(--font-weight-medium)}.live-ticker__item--progress{color:var(--color-white)}.live-ticker__item--done{color:var(--color-bright-green)}.board-container{height:100%;display:flex;flex-direction:column;position:relative}.board-header{display:flex;gap:10px;margin-bottom:20px;flex-shrink:0}.board-button{padding:10px 20px;background-color:var(--color-dark-green);color:var(--color-white);border:none;border-radius:var(--radius-button);cursor:pointer;font-family:var(--font-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-button);transition:transform .15s ease}.board-button:hover{transform:scale(1.04)}.board-columns-container{display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;flex:1;align-items:stretch;height:0}.loading-message{display:flex;justify-content:center;align-items:center;height:100%;font-size:var(--font-size-h3);color:var(--text-muted);font-family:var(--font-primary)}.sidebar{--sb-bg: var(--color-dark-green);--sb-bg-hover: rgba(255, 255, 255, .08);--sb-bg-active: rgba(159, 208, 22, .15);--sb-border: rgba(255, 255, 255, .12);--sb-green: var(--color-bright-green);--sb-orange: #f97316;--sb-text-dim: rgba(255, 255, 255, .35);--sb-text: rgba(255, 255, 255, .6);--sb-text-item: rgba(255, 255, 255, .85);--sb-text-bright: var(--color-white);width:240px;height:100vh;background:var(--sb-bg);border-right:1px solid var(--sb-border);display:flex;flex-direction:column;flex-shrink:0;font-family:var(--font-primary);transition:width .2s ease;overflow:hidden}.sidebar.collapsed{width:64px}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:20px 14px 18px;border-bottom:1px solid var(--sb-border);flex-shrink:0;min-height:72px;box-sizing:border-box;gap:8px}.sidebar.collapsed .sidebar-brand{flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 8px}.sidebar-brand-full{display:flex;flex-direction:column;gap:4px;overflow:hidden;min-width:0}.sidebar-brand-name{font-size:22px;font-weight:900;color:var(--sb-green);letter-spacing:5px;line-height:1}.sidebar-brand-sub{font-size:8px;font-weight:500;letter-spacing:1.2px;color:var(--sb-text);text-transform:uppercase;white-space:nowrap}.sidebar-brand-mark{font-size:20px;font-weight:900;color:var(--sb-green);letter-spacing:2px;line-height:1}.sidebar-toggle-btn{padding:0;box-sizing:border-box;background:var(--sb-bg-hover);border:1px solid var(--sb-border);border-radius:var(--radius-card);cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;transition:background .15s,border-color .15s}.sidebar-toggle-btn:hover{background:var(--sb-bg-active);border-color:var(--sb-green)}.sidebar-toggle-btn svg{display:block;flex-shrink:0}.sidebar-toggle-btn svg line{stroke:var(--sb-text-item);stroke-width:2px;stroke-linecap:round;transition:stroke .15s}.sidebar-toggle-btn:hover svg line{stroke:var(--sb-green)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0 4px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-section{margin-bottom:4px;border-bottom:1px solid var(--sb-border)}.sidebar-section-label{display:block;font-size:10px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--sb-text-dim);padding:14px 16px 5px;-webkit-user-select:none;user-select:none}.sidebar-item{display:flex;align-items:center;gap:10px;width:calc(100% - 16px);margin:1px 8px;padding:9px 10px;background:transparent;border:none;border-radius:var(--radius-card);color:var(--sb-text-item);font-size:13.5px;font-weight:500;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;transition:background .15s,color .15s,box-shadow .15s;box-shadow:inset 3px 0 0 transparent}.sidebar-item:hover{background:var(--sb-bg-hover);color:var(--sb-text-bright)}.sidebar-item.active{background:var(--sb-bg-active);color:var(--sb-text-bright);box-shadow:inset 3px 0 0 var(--sb-green)}.sidebar.collapsed .sidebar-item{justify-content:center;padding:10px 0;box-shadow:none}.sidebar.collapsed .sidebar-item.active{background:var(--sb-bg-active)}.sidebar-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.75}.sidebar-item.active .sidebar-icon,.sidebar-item:hover .sidebar-icon{opacity:1}.sidebar-label{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar-badge{margin-left:auto;min-width:20px;height:18px;border-radius:9px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;flex-shrink:0;line-height:1}.badge-count{background:#9fd0162e;color:var(--sb-green)}.badge-alert{background:#f973162e;color:var(--sb-orange)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:12px 16px 16px;border-top:1px solid var(--sb-border);flex-shrink:0}.sidebar.collapsed .sidebar-user{flex-direction:column;align-items:center;justify-content:center;padding:12px 8px 16px;gap:6px}.user-avatar{width:32px;height:32px;background:#9fd01626;color:var(--sb-green);border:1px solid rgba(159,208,22,.35);border-radius:var(--radius-card);display:flex;justify-content:center;align-items:center;font-weight:var(--font-weight-bold);font-size:13px;flex-shrink:0}.user-meta{display:flex;flex-direction:column;gap:2px;overflow:hidden;min-width:0}.user-name{font-size:13px;font-weight:600;color:var(--sb-text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--sb-text);letter-spacing:.3px;text-transform:capitalize}.sidebar-logout-btn{margin-left:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:#ef4444;opacity:.7;cursor:pointer;transition:opacity .15s,background .15s}.sidebar-logout-btn:hover{opacity:1;background:#ef44441a}.sidebar.collapsed .sidebar-logout-btn{margin-left:0;width:24px;height:24px}.hub-container{padding:40px 20px;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box}.hub-header{text-align:center;margin-bottom:40px}.hub-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);margin:0 0 10px;color:var(--text-main);font-family:var(--font-primary)}.hub-subtitle{font-size:var(--font-size-body);color:var(--text-muted);margin:0;font-family:var(--font-primary)}.hub-loading{color:var(--text-muted);font-size:1.2rem;margin-top:50px}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;width:100%;max-width:1000px}.station-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-card);padding:32px;display:flex;flex-direction:column;gap:25px;cursor:pointer;text-align:left;font-family:var(--font-primary);transition:transform .15s ease}.station-card:hover{transform:scale(1.04)}.station-card-top{display:flex;justify-content:space-between;align-items:flex-start}.station-name{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--text-main)}.status-icon{background-color:var(--icon-running-bg);padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center}.station-card-bottom{display:flex;gap:15px;font-size:.95rem;font-weight:600}.count-in-progress{color:#f39c12}.count-done{color:#2ecc71}.status-icon.scrap-icon{background-color:var(--icon-scrap-bg)}.count-scrap{color:#e74c3c}.sku-table-wrapper{overflow-x:auto;border-radius:var(--radius-card);border:1px solid var(--border-light)}.sku-table{width:100%;border-collapse:collapse;background-color:var(--bg-modal);font-size:14px;color:var(--text-main)}.sku-table thead{background-color:var(--bg-column)}.sku-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-label);border-bottom:2px solid var(--border-main);white-space:nowrap}.sku-table td{padding:11px 16px;border-bottom:1px solid var(--border-light);vertical-align:middle}.sku-table tbody tr:last-child td{border-bottom:none}.sku-table tbody tr:hover{background-color:var(--bg-column)}.sku-table-req-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.sku-table-req-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-tag);font-size:12px;font-family:var(--font-primary);background-color:var(--bg-column);border:1px solid var(--border-light);color:var(--text-muted);white-space:nowrap}.sku-table-req-pill.tool{border-color:var(--text-brand);color:var(--text-brand)}.sku-table-req-pill.material{border-color:var(--color-bright-green);color:var(--text-muted);background-color:#9fd0161f}.sku-table-empty{color:var(--text-muted);font-style:italic;font-size:13px}.res-tab-bar{display:flex;gap:0;border-bottom:2px solid var(--border-light)}.res-tab-btn{padding:9px 20px;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);font-family:var(--font-primary);cursor:pointer;border-radius:var(--radius-card) var(--radius-card) 0 0;transition:color .15s ease,background-color .15s ease,border-color .15s ease;white-space:nowrap}.res-tab-btn:hover{color:var(--text-brand);background-color:var(--bg-column)}.res-tab-btn.active{color:var(--text-brand);font-weight:var(--font-weight-bold);border-bottom-color:var(--color-bright-green);background-color:var(--bg-modal)}.ss-dashboard{padding:28px 32px;height:100%;overflow-y:auto;box-sizing:border-box;background-color:var(--bg-app)}.ss-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.ss-title{margin:0 0 4px;font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);font-family:var(--font-primary);color:var(--text-main)}.ss-subtitle{margin:0;font-size:13px;color:var(--text-muted)}.ss-search{padding:8px 16px;border-radius:var(--radius-input);border:1px solid var(--color-mid-grey);background-color:var(--bg-input);color:var(--text-main);font-size:var(--font-size-body);font-family:var(--font-primary);min-width:240px;outline:none;transition:border-color .15s ease}.ss-search:focus{border-color:var(--color-bright-green)}.ss-legend{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;background-color:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border-light);flex-wrap:wrap}.ss-legend-text{font-size:12px;color:var(--text-muted);margin-right:16px}.ss-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.ss-badge--active{background-color:#9fd0162e;color:var(--text-brand);border:1px solid rgba(159,208,22,.4)}.ss-badge--archived{background-color:#7f8c8d26;color:var(--text-muted);border:1px solid rgba(127,140,141,.3)}.ss-main-table .ss-expand-cell{width:40px;text-align:center}.ss-chevron{display:inline-block;font-size:10px;color:var(--text-muted);transition:transform .2s ease;-webkit-user-select:none;user-select:none}.ss-chevron--open{transform:rotate(90deg)}.ss-group-row{cursor:pointer}.ss-group-row--open td{background-color:var(--bg-column)}.ss-version-count{font-size:13px;color:var(--text-muted);margin-right:8px}.ss-detail-row td{padding:0!important;border-bottom:2px solid var(--border-main)}.ss-detail-cell{background-color:var(--bg-column)}.ss-version-table{width:100%;border-collapse:collapse;font-size:13px}.ss-version-table th{padding:9px 16px;text-align:left;font-weight:600;color:var(--text-label);border-bottom:1px solid var(--border-main);background-color:var(--bg-app);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.ss-version-table td{padding:10px 16px;border-bottom:1px solid var(--border-light);vertical-align:middle}.ss-version-table tbody tr:last-child td{border-bottom:none}.ss-version-row--active td:first-child{border-left:3px solid var(--color-bright-green)}.ss-version-row--archived td:first-child{border-left:3px solid transparent}.ss-version-row--archived{opacity:.75}.ss-sheet-name{font-family:Courier New,Courier,monospace;font-weight:600;font-size:13px;color:var(--text-main)}.ss-view-btn{padding:4px 14px;border-radius:var(--radius-button);border:1px solid var(--border-main);background:transparent;color:var(--text-brand);font-family:var(--font-primary);cursor:pointer;font-size:12px;font-weight:var(--font-weight-medium);transition:transform .15s ease;white-space:nowrap}.ss-view-btn:hover{transform:scale(1.04)}.ss-empty{text-align:center;padding:64px 32px;color:var(--text-muted);font-size:15px}.ss-modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.ss-modal{background-color:var(--bg-modal);border-radius:var(--radius-card);width:100%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-primary)}.ss-modal-header{padding:20px 24px 16px;border-bottom:1px solid var(--border-light);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-shrink:0}.ss-modal-title{margin:0 0 6px;font-size:17px;font-weight:700;color:var(--text-main);font-family:Courier New,Courier,monospace;word-break:break-all}.ss-modal-close{background:transparent;border:none;cursor:pointer;color:var(--text-muted);font-size:20px;padding:0 4px;line-height:1;flex-shrink:0}.ss-modal-close:hover{color:var(--text-main)}.ss-modal-body{padding:20px 24px;overflow-y:auto;flex-grow:1}.ss-modal-section{margin-bottom:24px}.ss-modal-section:last-child{margin-bottom:0}.ss-modal-section-title{margin:0 0 10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-label);padding-bottom:6px;border-bottom:1px solid var(--border-light)}.ss-modal-req-table{width:100%;border-collapse:collapse;font-size:13px}.ss-modal-req-table th{padding:8px 12px;text-align:left;font-weight:600;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;background-color:var(--bg-column);border-bottom:1px solid var(--border-light)}.ss-modal-req-table td{padding:9px 12px;border-bottom:1px solid var(--border-light);color:var(--text-main);vertical-align:middle}.ss-modal-req-table tbody tr:last-child td{border-bottom:none}.ss-qty-badge{display:inline-block;min-width:24px;text-align:center;padding:2px 7px;border-radius:4px;background-color:var(--bg-app);border:1px solid var(--border-main);font-size:12px;font-weight:600}.ss-modal-empty{padding:16px;text-align:center;color:var(--text-muted);font-style:italic;font-size:13px;background-color:var(--bg-column);border-radius:6px}.ss-modal-footer{padding:16px 24px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;flex-shrink:0}.ss-modal-close-btn{padding:8px 20px;border-radius:var(--radius-button);border:1px solid var(--color-mid-grey);background:transparent;color:var(--text-brand);font-family:var(--font-primary);font-size:var(--font-size-button);font-weight:var(--font-weight-medium);cursor:pointer;transition:transform .15s ease}.ss-modal-close-btn:hover{transform:scale(1.04)}.station-detail-container{display:flex;flex-direction:column;height:100%;padding:20px;box-sizing:border-box;background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-primary)}.station-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.back-btn{background:transparent;border:1px solid var(--border-main);color:var(--text-muted);padding:8px 20px;border-radius:var(--radius-button);cursor:pointer;font-family:var(--font-primary);font-weight:var(--font-weight-medium);transition:transform .15s ease}.back-btn:hover{transform:scale(1.04)}.station-detail-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);flex:1;margin:0 0 0 20px;color:var(--text-main)}.header-right{display:flex;gap:15px;align-items:center}.operational-badge{padding:6px 12px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.operational-badge:hover{filter:brightness(1.2)}.badge-running{background-color:#2ecc711f;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.badge-idle{background-color:#95a5a61f;color:#95a5a6;border:1px solid rgba(149,165,166,.3)}.badge-maintenance{background-color:#e74c3c1f;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.clock-display{display:flex;align-items:center;gap:5px;color:var(--text-muted);font-size:var(--font-size-caption)}.station-columns-wrapper{display:flex;gap:20px;flex:1;min-height:0}.station-col{flex:1;background-color:var(--bg-card);border-radius:var(--radius-card);padding:20px;display:flex;flex-direction:column;border:1px solid var(--border-light)}.col-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-bold);letter-spacing:.15em;text-transform:uppercase;font-family:var(--font-primary)}.col-count{font-size:var(--font-size-metric-number);font-weight:var(--font-weight-bold);line-height:1}.incoming-col .col-header{color:var(--text-main)}.inprogress-col .col-header{color:#f39c12}.done-col .col-header{color:var(--color-bright-green)}.col-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:15px;border-radius:var(--radius-card)}.empty-state{color:var(--text-muted);text-align:center;padding:30px 0;font-size:var(--font-size-caption)}.empty-state.dashed{border:2px dashed var(--border-light);border-radius:var(--radius-card)}.action-btn{border:none;border-radius:var(--radius-button);color:var(--color-dark-green);font-family:var(--font-primary);font-weight:var(--font-weight-bold);padding:12px 25px;cursor:pointer;font-size:var(--font-size-button);transition:transform .15s ease}.action-btn:hover{transform:scale(1.04)}.start-btn{background-color:#f39c12;color:#fff}.finish-btn{background-color:var(--color-bright-green);color:var(--color-dark-green)}.done-badge{font-size:12px;color:var(--text-muted);background:var(--bg-column);padding:5px 12px;border-radius:var(--radius-tag);font-weight:var(--font-weight-medium)}.station-footer{display:flex;justify-content:space-between;margin-top:20px;padding-top:15px;border-top:1px solid var(--border-light);font-size:var(--font-size-caption);color:var(--text-muted)}.footer-stats{display:flex;gap:20px}.footer-stats strong{color:var(--text-main)}.stat-progress strong{color:#f39c12}.stat-done strong{color:#2ecc71}.footer-waiting{color:#8e44ad;font-weight:700}.station-col.scrap-col{flex:0 1 400px;margin:0 auto}:root{--color-dark-green: #021F1D;--color-black: #151415;--color-dark-grey: #364950;--color-bright-green: #9FD016;--color-light-grey: #F1F5F5;--color-white: #FFFFFF;--color-mid-grey: #D0D5D0;--font-primary: "Gotham", "GothamPro", Arial, Helvetica, sans-serif;--font-weight-bold: 700;--font-weight-medium: 500;--font-weight-book: 400;--font-size-h1: 45px;--font-size-h2: 32px;--font-size-h3: 27px;--font-size-eyebrow: 18px;--font-size-body: 16px;--font-size-button: 16px;--font-size-caption: 14px;--font-size-metric-number: 36px;--font-size-metric-label: 14px;--radius-button: 360px;--radius-tag: 360px;--radius-card: 5px;--radius-chart: 5px;--radius-input: 360px;--radius-textarea: 12px;--bg-app: var(--color-light-grey);--bg-card: var(--color-white);--bg-modal: var(--color-white);--bg-input: var(--color-white);--bg-input-disabled: var(--color-light-grey);--bg-sidebar: var(--color-dark-green);--bg-column: var(--color-light-grey);--overlay-bg: rgba(2, 31, 29, .72);--text-main: var(--color-black);--text-muted: var(--color-dark-grey);--text-label: var(--color-dark-grey);--text-sidebar: var(--color-white);--border-light: var(--color-mid-grey);--border-main: var(--color-mid-grey);--border-hover: var(--color-dark-grey);--accent: var(--color-bright-green);--text-brand: var(--color-dark-green);--zone-pending-bg: var(--color-light-grey);--zone-scrap-bg: #ffe6e6;--zone-scrap-border: #ffb3b3;--zone-progress-bg: #fff9c4;--zone-progress-border: #f5e56e;--zone-done-bg: #e8f8f5;--zone-done-border: #a3e4d7;--bg-sidebar-hover: rgba(255, 255, 255, .08);--bg-sidebar-active: rgba(159, 208, 22, .15);--text-sidebar-muted: rgba(255, 255, 255, .6);--text-sidebar-hover: var(--color-white);--text-sidebar-active: var(--color-bright-green);--bg-badge: rgba(255, 255, 255, .15);--text-badge: var(--color-white);--badge-queue-bg: rgba(39, 174, 96, .12);--badge-andon-bg: rgba(211, 84, 0, .12);--badge-running-bg: rgba(41, 182, 246, .12);--zone-count-progress-bg: rgba(41, 182, 246, .1);--zone-count-done-bg: rgba(39, 174, 96, .1);--zone-count-pending-bg: rgba(243, 156, 18, .1);--zone-count-scrap-bg: rgba(231, 76, 60, .1);--station-col-dark-bg: rgba(255, 255, 255, .06);--zone-pending-dark-bg: rgba(255, 255, 255, .05);--zone-progress-dark-bg: rgba(243, 156, 18, .12);--zone-done-dark-bg: rgba(159, 208, 22, .12);--zone-scrap-dark-bg: rgba(231, 76, 60, .12);--badge-running-dark-bg: rgba(46, 204, 113, .15);--badge-idle-dark-bg: rgba(149, 165, 166, .15);--badge-maintenance-dark-bg: rgba(231, 76, 60, .15);--icon-running-bg: rgba(46, 204, 113, .1);--icon-scrap-bg: rgba(231, 76, 60, .1);--toast-error-bg: #7b1c1c;--toast-warning-bg: #7a5700;--req-badge-station-bg: #e8f4fd;--req-badge-tool-bg: #e8f5e9;--req-badge-material-bg: #fff3e0;--req-badge-quality-bg: #f3e5f5;--banner-error-bg: #fdecea;--count-badge-bg: rgba(2, 31, 29, .08);--count-badge-border: rgba(2, 31, 29, .2);--count-badge-active-bg: var(--color-dark-green);--count-badge-active-border: var(--color-dark-green);--count-badge-active-color: var(--color-white);--req-badge-station-color: #1a6fa8;--req-badge-tool-color: #2e7d32;--req-badge-material-color: #e65100;--req-badge-quality-color: #7b1fa2}@media(prefers-color-scheme:dark){:root{--bg-app: #0a1a18;--bg-card: #021F1D;--bg-modal: #021F1D;--bg-input: #0d2824;--bg-input-disabled: #081610;--bg-column: #0a1a18;--text-main: var(--color-white);--text-muted: var(--color-mid-grey);--text-label: var(--color-mid-grey);--border-light: rgba(255, 255, 255, .12);--border-main: rgba(255, 255, 255, .18);--border-hover: rgba(255, 255, 255, .35);--zone-pending-bg: #0a1a18;--zone-scrap-bg: #2d0f0f;--zone-scrap-border: #5c2020;--zone-progress-bg: #2a2508;--zone-progress-border: #574e10;--zone-done-bg: #091e18;--zone-done-border: #164f3d;--badge-queue-bg: rgba(39, 174, 96, .2);--badge-andon-bg: rgba(211, 84, 0, .2);--badge-running-bg: rgba(41, 182, 246, .2);--zone-count-progress-bg: rgba(41, 182, 246, .18);--zone-count-done-bg: rgba(39, 174, 96, .18);--zone-count-pending-bg: rgba(243, 156, 18, .18);--zone-count-scrap-bg: rgba(231, 76, 60, .18);--req-badge-station-bg: rgba(26, 111, 168, .22);--req-badge-tool-bg: rgba(46, 125, 50, .22);--req-badge-material-bg: rgba(230, 81, 0, .22);--req-badge-quality-bg: rgba(123, 31, 162, .22);--banner-error-bg: #3d1010;--text-brand: var(--color-bright-green);--count-badge-bg: rgba(159, 208, 22, .12);--count-badge-border: rgba(159, 208, 22, .25);--count-badge-active-bg: var(--color-bright-green);--count-badge-active-border: var(--color-bright-green);--count-badge-active-color: var(--color-dark-green);--req-badge-station-color: #64b5f6;--req-badge-tool-color: #81c784;--req-badge-material-color: #ffb74d;--req-badge-quality-color: #ce93d8}}#root{width:100%;height:100vh;margin:0;padding:0}.app-layout{display:flex;width:100%;height:100vh;background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-primary);overflow:hidden}.main-content{flex:1;height:100%;min-height:0;padding:20px;box-sizing:border-box;overflow:auto;position:relative;background-color:var(--bg-app)}.dummy-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-family:var(--font-primary)}.app-container{width:100%;height:100vh;padding:20px;font-family:var(--font-primary);background-color:var(--bg-app);color:var(--text-main);box-sizing:border-box;overflow:auto}.sandbox-banner{background-color:#f39c12;color:#fff;text-align:center;padding:2px 20px;font-size:.6rem;letter-spacing:.5px;z-index:9999;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.05) 10px,rgba(0,0,0,.05) 20px)}.sandbox-banner strong{font-weight:800;margin-right:5px}