:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#f4f6f8;font-family:Segoe UI,Arial,sans-serif}.login-page{background:linear-gradient(135deg,#eef2f0,#e2e8e5);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;flex-direction:column;gap:16px;width:420px;padding:42px 40px;display:flex;box-shadow:0 20px 40px #00000014,0 2px 6px #0000000d}.logo{width:200px;margin:0 auto 20px;display:block}.login-card p{text-align:center;color:#475569;margin:0 0 24px;font-size:14px}.login-card label{color:#334155;font-size:13px;font-weight:600}.login-card input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;height:50px;padding:0 14px;font-size:14px;transition:all .2s}.login-card input:focus{background:#fff;border-color:#7ca326;outline:none;box-shadow:0 0 0 3px #7ca3262e}.login-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7ca326,#5f7f1f);border:none;border-radius:16px;height:52px;margin-top:16px;font-size:16px;font-weight:700;transition:all .2s}.login-card button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #7ca32659}.login-card span{text-align:center;color:#64748b;font-size:13px}.app-layout{background:#f3f5f7;width:100%;min-height:100vh;display:flex}.sidebar{color:#fff;background:linear-gradient(#16202f,#0f172a);flex-direction:column;width:280px;padding:24px 18px;display:flex}.sidebar-brand{border-bottom:1px solid #ffffff14;margin-bottom:22px;padding:8px 10px 28px}.sidebar-logo{width:175px;margin:0 auto;display:block}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar nav button,.logout-button{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;height:46px;padding:0 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.sidebar nav button:hover{color:#fff;background:#7ca32624}.sidebar nav button.active{color:#fff;background:linear-gradient(135deg,#7ca326,#5f7f1f);box-shadow:0 12px 24px #7ca32638}.logout-button{color:#fca5a5;margin-top:auto}.logout-button:hover{color:#fecaca;background:#ef44441f}.dashboard{flex:1;padding:30px;overflow-x:hidden}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.dashboard-header h1{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:30px}.dashboard-header p{color:#64748b;margin:6px 0 0;font-size:15px}.filters{gap:12px;display:flex}.filters button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d7dde5;border-radius:14px;align-items:center;gap:9px;height:44px;padding:0 16px;font-weight:700;display:flex;box-shadow:0 5px 16px #0f172a0a}.cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px;display:grid}.metric-card{background:#fff;border:1px solid #e6eaf0;border-radius:22px;min-height:174px;padding:22px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 12px 30px #0f172a0f}.metric-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #0f172a1a}.metric-icon{color:#6b8f20;background:#eef6df;border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:18px;display:flex}.metric-card span{color:#64748b;font-size:14px;font-weight:700;display:block}.metric-card strong{color:#0f172a;margin-top:8px;font-size:36px;font-weight:800;line-height:1;display:block}.metric-card small{color:#6b8f20;margin-top:8px;font-size:13px;font-weight:700;display:block}.metric-progress{background:#e8edf2;border-radius:999px;height:8px;margin-top:18px;overflow:hidden}.metric-progress div{background:linear-gradient(135deg,#7ca326,#5f7f1f);border-radius:999px;height:100%}.dashboard-content{grid-template-columns:2fr 1fr;gap:18px;display:grid}.panel{background:#fff;border:1px solid #e6eaf0;border-radius:22px;padding:24px;box-shadow:0 12px 30px #0f172a0f}.panel-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel h2{color:#0f172a;margin:0;font-size:19px}.panel-header button{color:#5f7f1f;cursor:pointer;background:#eef6df;border:none;border-radius:12px;align-items:center;gap:7px;height:36px;padding:0 12px;font-weight:700;display:flex}.empty-chart{color:#94a3b8;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px dashed #cbd5e1;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:290px;font-weight:700;display:flex}.summary-panel{text-align:center;flex-direction:column;align-items:center;display:flex}.summary-icon{color:#6b8f20;background:#eef6df;border-radius:28px;justify-content:center;align-items:center;width:92px;height:92px;margin:32px 0 18px;display:flex}.summary-panel p{color:#64748b;margin:0;line-height:1.6}@media (width<=1100px){.cards-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content{grid-template-columns:1fr}}@media (width<=820px){.app-layout{flex-direction:column}.sidebar{width:100%}.sidebar nav{grid-template-columns:repeat(2,1fr);display:grid}.logout-button{margin-top:18px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}}@media (width<=520px){.login-card{width:100%;padding:34px 24px}.logo{width:160px}.dashboard{padding:20px}.cards-grid{grid-template-columns:1fr}.filters{flex-direction:column;width:100%}.filters button{justify-content:center;width:100%}.sidebar nav{grid-template-columns:1fr}}.sidebar nav button svg{color:#7ca326}.sidebar nav button.active svg{color:#fff}.sidebar nav button:hover svg{color:#a3c94a}.logout-button svg{color:#ef4444}.sidebar-logo{object-fit:contain;width:190px;margin:0 auto;display:block}.chart-legend{border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:repeat(4,1fr);margin-top:20px;display:grid;overflow:hidden}.dot.oee{background:#7ca326}.dot.availability{background:#2563eb}.dot.performance{background:#f59e0b}.dot.quality{background:#22c55e}.legend-item{align-items:center;gap:8px;display:flex}.legend-item strong{color:#334155;font-size:13px;display:block}.legend-item small{color:#64748b;font-size:12px;display:block}.dot{border-radius:50%;width:10px;height:10px}.dot.red{background:#ef4444}.dot.yellow{background:#facc15}.dot.green{background:#22c55e}.production-page{background:radial-gradient(circle at 0 0,#7ca3261a,#0000 34%),linear-gradient(135deg,#f8faf7 0%,#eef3eb 100%)}.production-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.production-title-wrap{align-items:center;gap:20px;display:flex}.production-title-icon{color:#5f7f1f;background:linear-gradient(135deg,#eef6df,#dcecc0);border-radius:22px;justify-content:center;align-items:center;width:76px;height:76px;display:flex;box-shadow:0 16px 32px #5f7f1f24}.production-header h1{color:#071733;letter-spacing:-.8px;margin:0;font-size:34px;line-height:1.1}.production-header p{color:#64748b;margin:8px 0 0;font-size:16px}.production-header-action{color:#5f7f1f;cursor:pointer;background:#fff;border:1px solid #7ca3268c;border-radius:16px;align-items:center;gap:12px;height:58px;padding:0 22px;font-size:16px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 14px 30px #0f172a0f}.production-header-action:hover{transform:translateY(-2px);box-shadow:0 18px 34px #5f7f1f29}.production-card{background:#fffffff5;border:1px solid #dfe7dc;border-radius:24px;padding:34px;box-shadow:0 22px 55px #0f172a14}.production-card-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;margin-bottom:26px;padding-bottom:24px;display:flex}.production-card-icon{color:#5f7f1f;background:#eef6df;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.production-card-header h2{color:#071733;letter-spacing:-.3px;margin:0;font-size:25px}.production-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 72px;display:grid}.form-field{color:#071733;flex-direction:column;gap:10px;font-size:16px;font-weight:800;display:flex}.form-field b{color:#ef4444}.form-field select,.form-field input{color:#0f172a;background:#fff;border:1px solid #cfd8e3;border-radius:12px;outline:none;width:100%;height:58px;padding:0 18px;font-size:16px;transition:all .2s;box-shadow:0 5px 14px #0f172a08}.form-field select{cursor:pointer}.form-field select:focus,.form-field input:focus{border-color:#7ca326;box-shadow:0 0 0 4px #7ca32629}.form-field input::placeholder{color:#94a3b8}.input-with-suffix{grid-template-columns:minmax(0,1fr) 68px;display:grid}.input-with-suffix input{border-right:none;border-radius:12px 0 0 12px}.input-with-suffix em{color:#64748b;background:#f8fafc;border:1px solid #cfd8e3;border-radius:0 12px 12px 0;justify-content:center;align-items:center;height:58px;font-size:16px;font-style:normal;font-weight:800;display:flex}.form-field-date{max-width:50%}.production-footer{border-top:1px solid #e2e8f0;margin-top:34px;padding-top:20px}.production-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7ca326,#5f7f1f);border:none;border-radius:13px;justify-content:center;align-items:center;gap:12px;width:100%;height:62px;font-size:17px;font-weight:900;transition:all .2s;display:flex;box-shadow:0 18px 36px #5f7f1f3d}.production-submit:hover{transform:translateY(-2px);box-shadow:0 22px 42px #5f7f1f52}.save-message{color:#5f7f1f;text-align:center;margin:14px 0 0;font-weight:800}@media (width<=980px){.production-form-grid{grid-template-columns:1fr;gap:20px}.form-field-date{max-width:100%}}@media (width<=640px){.production-header{flex-direction:column;align-items:flex-start}.production-title-wrap{align-items:flex-start}.production-title-icon{border-radius:18px;width:58px;height:58px}.production-header h1{font-size:26px}.production-header-action{justify-content:center;width:100%}.production-card{padding:22px}.input-with-suffix{grid-template-columns:minmax(0,1fr) 56px}}.failure-status-badge,.failure-type-badge{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;min-width:86px;height:30px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.failure-status-badge.open{color:#c2410c;background:#fff7ed}.failure-status-badge.resolved{color:#5f7f1f;background:#eef6df}.failure-type-badge{color:#334155;background:#f1f5f9}.failures-filters{grid-template-columns:repeat(3,minmax(180px,1fr))}.intelligence-panel{margin-bottom:22px}.intelligence-empty{color:#64748b;margin:0;font-weight:800}.intelligence-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.intelligence-card{background:#f8fbf3;border:1px solid #e2e8f0;border-radius:18px;padding:16px}.intelligence-card span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:900;display:block}.intelligence-card strong{color:#0f172a;font-size:22px;font-weight:900;display:block}.intelligence-alerts{gap:10px;margin-top:16px;display:grid}.intelligence-alerts p{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;margin:0;padding:13px 14px;font-weight:900}.reports-page .reports-cards-grid .metric-card strong{font-size:32px}.report-alerts{grid-template-columns:1fr;gap:12px;margin-bottom:20px;display:grid}.report-alert{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;align-items:center;gap:12px;padding:16px 18px;font-size:14px;font-weight:900;display:flex}.report-alert svg{color:#ea580c;flex-shrink:0}.reports-charts-grid{margin-bottom:22px}.report-chart-panel{min-width:0}.report-chart-box{width:100%;height:320px;min-height:320px}.report-mini-rankings{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.report-mini-rankings h3{color:#0f172a;margin:0 0 14px;font-size:16px}.report-mini-rankings p{color:#64748b;margin:0;font-weight:700}.report-ranking-line{background:#f8fbf3;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:13px 14px;display:flex}.report-ranking-line span{color:#334155;text-transform:capitalize;font-weight:800}.report-ranking-line strong{color:#5f7f1f;background:#eef6df;border-radius:999px;justify-content:center;align-items:center;min-width:42px;height:30px;font-weight:900;display:inline-flex}@media (width<=1180px){.intelligence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.intelligence-grid,.report-mini-rankings{grid-template-columns:1fr}.report-chart-box{height:280px;min-height:280px}}.settings-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.settings-card,.settings-wide-card{min-width:0}.settings-wide-card{grid-column:1/-1}.management-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.settings-status-grid,.settings-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.settings-status-item,.settings-summary-grid>div{background:#f8fbf3;border:1px solid #e2e8f0;border-radius:18px;padding:18px}.settings-status-item span,.settings-summary-grid span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:900;display:block}.settings-status-item strong,.settings-summary-grid strong{color:#0f172a;word-break:break-word;font-size:20px;font-weight:900;display:block}.settings-status-item small{color:#64748b;margin-top:6px;font-weight:700;display:block}@media (width<=1100px){.settings-layout,.management-form-grid,.settings-status-grid,.settings-summary-grid{grid-template-columns:1fr}}.management-layout{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);align-items:start;gap:22px;display:grid}.management-form-card,.management-list-card{min-width:0}.history-card{background:#fffffff5;border:1px solid #dfe7dc;border-radius:24px;padding:28px;box-shadow:0 22px 55px #0f172a14}.management-list-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;padding-bottom:18px;display:flex}.management-list-header h2{color:#071733;letter-spacing:-.3px;margin:0;font-size:24px;line-height:1.2}.management-list-header span{color:#5f7f1f;white-space:nowrap;background:#eef6df;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:6px 12px;font-size:13px;font-weight:900;display:inline-flex}.history-table-wrap{width:100%;overflow-x:auto}.history-table{border-collapse:separate;border-spacing:0;color:#334155;width:100%;font-size:14px}.history-table th{color:#475569;text-align:left;text-transform:uppercase;letter-spacing:.05em;background:#f8fbf3;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:12px;font-weight:900}.history-table td{color:#334155;vertical-align:top;border-bottom:1px solid #edf2f7;padding:15px 16px;font-weight:700}.history-table tbody tr:hover td{background:#fbfdf7}.history-empty{text-align:center;color:#94a3b8!important;padding:28px 16px!important;font-weight:800!important}.settings-layout{grid-template-columns:minmax(420px,1fr) minmax(420px,1fr);align-items:start}.settings-status-grid,.settings-summary-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.settings-status-item,.settings-summary-grid>div{flex-direction:column;justify-content:center;min-height:128px;padding:18px 18px 16px;display:flex}.settings-status-item span,.settings-summary-grid span{word-break:normal;overflow-wrap:normal;line-height:1.35}.settings-status-item strong,.settings-summary-grid strong{word-break:normal;overflow-wrap:anywhere;font-size:24px;line-height:1.15}.settings-status-item small{word-break:normal;overflow-wrap:normal;font-size:13px;line-height:1.35}@media (width<=1180px){.management-layout,.settings-layout{grid-template-columns:1fr}}@media (width<=760px){.history-card,.production-card{padding:22px}.management-list-header{flex-direction:column}.settings-status-grid,.settings-summary-grid{grid-template-columns:1fr}}.failures-list-card{overflow:hidden}.history-filters,.failures-filters{background:#f8fbf3;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;width:100%;margin:0 0 18px;padding:16px;display:grid}.history-filters label,.failures-filters label{color:#475569;flex-direction:column;gap:8px;min-width:0;font-size:13px;font-weight:900;display:flex}.history-filters select,.failures-filters select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cfd8e3;border-radius:12px;outline:none;width:100%;height:46px;padding:0 40px 0 14px;font-size:14px;font-weight:800;box-shadow:0 5px 14px #0f172a08}.history-filters select:focus,.failures-filters select:focus{border-color:#7ca326;box-shadow:0 0 0 4px #7ca32629}.failures-table{min-width:1180px}.failures-table th,.failures-table td{white-space:nowrap}.failures-table td:nth-child(10),.failures-table td:nth-child(11),.failures-table td:nth-child(12){white-space:normal;min-width:220px;max-width:320px;line-height:1.45}@media (width<=980px){.history-filters,.failures-filters{grid-template-columns:1fr}}.failures-list-card .failures-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:100%;display:grid;overflow:hidden}.failures-list-card .failures-filters label{width:100%;min-width:0}.failures-list-card .failures-filters select{text-overflow:ellipsis;width:100%;min-width:0;max-width:100%;display:block}.failures-list-card .history-table-wrap{width:100%;max-width:100%;overflow-x:auto}@media (width<=1200px){.failures-list-card .failures-filters{grid-template-columns:1fr}}.machine-context-grid{grid-template-columns:.9fr 1.1fr 1.2fr;gap:18px;margin-bottom:22px;display:grid}.machine-context-card{background:#fff;border:1px solid #e6eaf0;border-radius:24px;min-height:132px;padding:22px;box-shadow:0 12px 30px #0f172a0f}.machine-context-card span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:12px;font-weight:900;display:block}.machine-context-card strong{color:#0f172a;font-size:30px;font-weight:950;line-height:1;display:block}.machine-context-card small{color:#64748b;margin-top:10px;font-size:13px;font-weight:800;display:block}.machine-context-status.running{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#22c55e59}.machine-context-status.running strong{color:#15803d}.machine-context-status.stopped{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#ef444459}.machine-context-status.stopped strong{color:#b91c1c}.machine-context-progress{background:#e8edf2;border-radius:999px;height:10px;margin-top:16px;overflow:hidden}.machine-context-progress div{background:linear-gradient(135deg,#7ca326,#5f7f1f);border-radius:999px;height:100%}.pcp-layout{grid-template-columns:minmax(420px,.85fr) minmax(520px,1.15fr);align-items:start;gap:22px;display:grid}.pcp-form-card,.pcp-orders-card{min-width:0}.pcp-order-list{gap:12px;margin-bottom:20px;display:grid}.pcp-order-item{background:#fff;border:1px solid #e2e8f0;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.pcp-order-item.running{background:#f8fbf3;border-color:#7ca32659}.pcp-order-item span,.pcp-order-item small,.pcp-finished-list span{color:#64748b;font-size:13px;font-weight:800;display:block}.pcp-order-item strong,.pcp-finished-list strong{color:#0f172a;margin:4px 0;font-size:22px;font-weight:950;display:block}.compact-action{white-space:nowrap;height:46px;padding:0 16px}.pcp-subheader{margin-top:26px}.pcp-finished-list{gap:10px;display:grid}.pcp-finished-list>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px}@media (width<=1180px){.machine-context-grid,.pcp-layout{grid-template-columns:1fr}}@media (width<=720px){.pcp-order-item{flex-direction:column;align-items:stretch}.compact-action{justify-content:center;width:100%}.machine-context-card strong{font-size:24px}}.dashboard-chart-box{width:100%;min-width:280px;height:320px;min-height:320px}.panel.large .panel-header button{cursor:pointer}.panel.large .panel-header button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #5f7f1f1f}.realtime-timeline-card .panel-header{align-items:flex-start}.realtime-timeline-card .panel-header p{color:#64748b;margin:6px 0 0;font-size:14px;line-height:1.5}.timeline-list{flex-direction:column;gap:14px;margin-top:18px;display:flex}.timeline-item{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;padding:24px;display:flex;box-shadow:0 10px 24px #0f172a0d}.timeline-item.stopped{background:linear-gradient(135deg,#fff,#fef2f2);border-left:6px solid #ef4444}.timeline-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:16px;height:16px;box-shadow:0 0 0 6px #ef44441f}.timeline-item strong{color:#0f172a;margin:0;font-size:30px;font-weight:950;display:block}.timeline-item span{color:#475569;font-size:16px;font-weight:800;line-height:1.7;display:block}.timeline-item small{color:#c2410c;background:#fff7ed;border-radius:999px;justify-content:center;align-items:center;margin-top:8px;padding:10px 18px;font-size:13px;font-weight:900;display:inline-flex}.pagination-row{justify-content:center;gap:10px;margin-top:24px;display:flex}.pagination-row button{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;width:40px;height:40px;font-weight:900;transition:all .2s}.pagination-row button:hover{background:#dbe4cf}.pagination-row button.active{color:#fff;background:linear-gradient(135deg,#7ca326,#5f7f1f);box-shadow:0 10px 20px #7ca32640}.machine-context-grid{align-items:stretch}.machine-context-card{flex-direction:column;justify-content:center;display:flex}.machine-context-card strong{margin-top:4px}.machine-context-card small{line-height:1.5}@media (width<=768px){.timeline-item{padding:16px}.timeline-item strong{font-size:16px}.timeline-item span{font-size:13px}}.realtime-timeline-card .panel-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.realtime-timeline-card .panel-header h2,.realtime-timeline-card .panel-header p{text-align:center;width:100%}.machine-live-status-content span{color:#0f172a;justify-content:center;align-items:center;gap:10px;font-size:18px;font-weight:900;display:flex}.machine-live-status-content strong{font-size:42px;font-weight:950;line-height:1}.machine-live-status-content small{color:#475569;font-size:18px;font-weight:800}.realtime-page .dashboard-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:26px;display:flex}.realtime-page .dashboard-header h1,.realtime-page .dashboard-header p{text-align:center;width:100%}.dashboard:not(.realtime-page) .dashboard-header{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;display:flex}.dashboard:not(.realtime-page) .dashboard-header h1,.dashboard:not(.realtime-page) .dashboard-header p{text-align:left}.machine-live-status{text-align:center;justify-content:center;align-items:center;width:100%;margin:10px 0 22px;display:flex}.machine-live-status-content{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.realtime-timeline-card .panel-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.realtime-timeline-card .panel-header h2,.realtime-timeline-card .panel-header p{text-align:center;width:100%}.realtime-stop-card .panel-header,.realtime-stop-card .production-card-header,.realtime-stop-card .management-list-header{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.realtime-stop-card h2,.realtime-stop-card .panel-header h2{text-align:left;width:100%;margin:0}.realtime-stop-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px 72px;display:grid}.realtime-stop-form-grid .form-field{text-align:left;align-items:stretch}.realtime-stop-form-grid .form-field label,.realtime-stop-form-grid label{text-align:left}.realtime-reason-field{grid-column:1/-1}@media (width<=900px){.realtime-stop-form-grid{grid-template-columns:1fr;gap:18px}}.stops-page .dashboard-header{text-align:left;align-items:flex-start}.stops-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stops-panel-header{align-items:flex-start;gap:18px}.stops-panel-header p{color:#64748b;margin:6px 0 0;font-weight:700}.stops-filter-row{flex-wrap:wrap;gap:12px;display:flex}.stops-filter-row select{color:#0f172a;background:#fff;border:1px solid #cfd8e3;border-radius:12px;min-width:220px;height:42px;padding:0 14px;font-weight:800}.stops-list{gap:14px;display:grid}.stop-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.2fr) auto;align-items:center;gap:18px;padding:18px;display:grid}.stop-history-card.pending{border-left:6px solid #ef4444}.stop-history-card.justified{border-left:6px solid #7ca326}.stop-history-main{align-items:flex-start;gap:14px;display:flex}.stop-status-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:6px;box-shadow:0 0 0 6px #ef44441f}.stop-history-card.justified .stop-status-dot{background:#7ca326;box-shadow:0 0 0 6px #7ca32624}.stop-history-main strong{color:#0f172a;font-size:18px;font-weight:950;display:block}.stop-history-main small,.stop-history-details small{color:#64748b;margin-top:4px;font-weight:800;line-height:1.45;display:block}.stop-history-details span{color:#5f7f1f;background:#eef6df;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900;display:inline-flex}.stop-history-details p{color:#334155;margin:10px 0 0;font-weight:800;line-height:1.5}.stop-history-badge{text-transform:uppercase;border-radius:999px;justify-content:center;justify-self:end;align-items:center;min-width:120px;height:36px;font-size:12px;font-weight:950;display:inline-flex}.stop-history-badge.pending{color:#c2410c;background:#fff7ed}.stop-history-badge.justified{color:#5f7f1f;background:#eef6df}@media (width<=1100px){.stops-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stop-history-card{grid-template-columns:1fr}.stop-history-badge{justify-self:start}}@media (width<=640px){.stops-summary-grid{grid-template-columns:1fr}.stops-filter-row,.stops-filter-row select{width:100%}}.setup-calc-panel{text-align:center;align-items:stretch}.setup-calc-panel h2{color:#0f172a;margin:0;font-size:26px;font-weight:950}.setup-calc-icon{color:#6b8f20;background:#eef6df;border-radius:28px;justify-content:center;align-items:center;width:92px;height:92px;margin:26px auto 16px;display:flex}.setup-calc-desc{color:#64748b;max-width:420px;margin:0 auto 24px;font-weight:700;line-height:1.55}.setup-calc-table{text-align:left;flex-direction:column;gap:0;width:100%;margin-top:4px;display:flex}.setup-calc-head{color:#0f172a;border-bottom:1px solid #e2e8f0;grid-template-columns:1fr 90px;gap:12px;padding:0 0 12px;font-size:14px;font-weight:950;display:grid}.setup-calc-item{border-bottom:1px solid #e2e8f0;padding:12px 0}.setup-calc-line{grid-template-columns:1fr 90px;align-items:center;gap:12px;margin-bottom:8px;display:grid}.setup-calc-line strong{color:#0f172a;font-size:15px;font-weight:900}.setup-calc-line span{color:#0f172a;text-align:right;font-size:15px;font-weight:900}.setup-calc-bar{background:#e8edf2;border-radius:999px;height:8px;overflow:hidden}.setup-calc-bar div{background:linear-gradient(135deg,#7ca326,#5f7f1f);border-radius:999px;height:100%}.setup-calc-empty{text-align:center;color:#94a3b8;padding:24px 0;font-weight:900}.setup-calc-total{background:linear-gradient(135deg,#f8fbf3,#eef6df);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:18px 20px;display:flex}.setup-calc-total span{color:#0f172a;font-size:16px;font-weight:950}.setup-calc-total strong{color:#5f7f1f;font-size:24px;font-weight:950}.operator-flow-panel{background:#fffffff5;border:1px solid #dfe7dc;border-radius:24px;margin:0 0 22px;padding:24px;box-shadow:0 18px 44px #0f172a12}.operator-flow-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;padding-bottom:18px;display:flex}.operator-flow-header h2{color:#071733;margin:0;font-size:24px;font-weight:950}.operator-flow-header p{color:#58708f;margin:6px 0 0;font-weight:800;line-height:1.45}.operator-flow-header>span{color:#5f7f1f;text-transform:uppercase;background:#eef6df;border-radius:999px;justify-content:center;align-items:center;min-width:150px;height:38px;font-size:12px;font-weight:950;display:inline-flex}.operator-lot-form{grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:14px;margin-bottom:14px;display:grid}.operator-lot-form label{color:#071733;flex-direction:column;gap:8px;font-weight:900;display:flex}.operator-lot-form input{background:#fff;border:1px solid #cfd8e3;border-radius:14px;outline:none;height:56px;padding:0 16px;font-size:16px;font-weight:800}.operator-flow-message{color:#5f7f1f;text-align:center;margin:0 0 14px;font-weight:900}.operator-loaded-lot{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.operator-loaded-lot>div{background:#f8fbf3;border:1px solid #e2e8f0;border-radius:16px;padding:14px}.operator-loaded-lot span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:950;display:block}.operator-loaded-lot strong{color:#071733;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:950;display:block;overflow:hidden}.operator-main-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.operator-main-actions button,.operator-status-dropdown button{color:#fff;cursor:pointer;border:none;border-radius:16px;height:52px;font-size:15px;font-weight:950;transition:all .2s;box-shadow:0 12px 24px #0f172a14}.operator-main-actions .start-lot{background:linear-gradient(135deg,#7ca326,#5f7f1f)}.operator-main-actions .select-status{background:linear-gradient(135deg,#334155,#0f172a)}.operator-status-dropdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.operator-status-dropdown .setup{background:linear-gradient(135deg,#64748b,#334155)}.operator-status-dropdown .production{background:linear-gradient(135deg,#7ca326,#5f7f1f)}.operator-status-dropdown .interruption{background:linear-gradient(135deg,#f59e0b,#d97706)}.operator-status-dropdown .maintenance{background:linear-gradient(135deg,#ef4444,#b91c1c)}.operator-status-dropdown .quality{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.operator-status-dropdown .finish{background:linear-gradient(135deg,#7f1d1d,#dc2626);grid-column:1/-1}@media (width<=720px){.setup-calc-total,.operator-flow-header{flex-direction:column}.operator-lot-form,.operator-main-actions,.operator-status-dropdown,.operator-loaded-lot{grid-template-columns:1fr}.operator-flow-header>span{width:100%}}.machine-live-status.setup .machine-live-status-content strong,.machine-context-status.setup strong{color:#334155}.machine-live-status.setup,.machine-context-status.setup{background:linear-gradient(135deg,#f8fafc,#fff);border-color:#64748b59}.machine-live-status.interruption .machine-live-status-content strong,.machine-context-status.interruption strong{color:#d97706}.machine-live-status.interruption,.machine-context-status.interruption{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#f59e0b61}.machine-live-status.maintenance .machine-live-status-content strong,.machine-context-status.maintenance strong{color:#b91c1c}.machine-live-status.maintenance,.machine-context-status.maintenance{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#ef444461}.machine-live-status.quality .machine-live-status-content strong,.machine-context-status.quality strong{color:#1d4ed8}.machine-live-status.quality,.machine-context-status.quality{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#2563eb59}.superadmin-menu{background:#7ca32614!important;border:1px solid #7ca3263d!important}.superadmin-page .dashboard-header h1{color:#071733}.superadmin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px;display:grid}.superadmin-card{background:#fff;border:1px solid #dfe7dc;border-radius:22px;padding:22px;box-shadow:0 12px 30px #0f172a0f}.superadmin-card span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:12px;font-weight:950;display:block}.superadmin-card strong{color:#0f172a;word-break:break-word;font-size:24px;font-weight:950;display:block}.superadmin-card small{color:#64748b;margin-top:8px;font-weight:800;line-height:1.45;display:block}.superadmin-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.superadmin-actions-grid>div{background:#f8fbf3;border:1px solid #e2e8f0;border-radius:18px;padding:18px}.superadmin-actions-grid strong{color:#0f172a;margin-bottom:8px;font-size:17px;font-weight:950;display:block}.superadmin-actions-grid p{color:#64748b;margin:0;font-weight:800;line-height:1.5}@media (width<=900px){.superadmin-grid,.superadmin-actions-grid{grid-template-columns:1fr}}.superadmin-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px;display:grid}.superadmin-wide-card{margin-bottom:22px}.superadmin-wide-card .management-list-header p{color:#64748b;margin:6px 0 0;font-weight:800;line-height:1.45}.superadmin-table td strong{color:#0f172a;font-weight:950;display:block}.superadmin-table td small{color:#64748b;margin-top:4px;font-weight:800;display:block}.superadmin-inline-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cfd8e3;border-radius:12px;outline:none;min-width:126px;height:40px;padding:0 12px;font-weight:900}.superadmin-inline-select:focus{border-color:#7ca326;box-shadow:0 0 0 3px #7ca32629}.superadmin-status{text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:96px;height:32px;padding:0 12px;font-size:12px;font-weight:950;display:inline-flex}.superadmin-status.active{color:#5f7f1f;background:#eef6df}.superadmin-status.blocked{color:#c2410c;background:#fff7ed}.superadmin-small-button{color:#fff;cursor:pointer;border:none;border-radius:12px;min-width:104px;height:38px;padding:0 14px;font-weight:950;transition:all .2s}.superadmin-small-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}.superadmin-small-button.active{background:linear-gradient(135deg,#7ca326,#5f7f1f)}.superadmin-small-button.danger{background:linear-gradient(135deg,#ef4444,#b91c1c)}@media (width<=1180px){.superadmin-layout{grid-template-columns:1fr}}