:root{--bg:#f9fafb;--bg-soft:#f2f4f7;--panel:#ffffff;--panel-soft:#f8f9fc;--ink:#101828;--muted:#667085;--line:#e4e7ec;--brand:#465fff;--brand-strong:#3641f5;--brand-soft:#ecf3ff;--ok:#12b76a;--warn:#f79009;--danger:#f04438;--info:#0ba5ec;--shadow-sm:0 1px 3px rgba(16,24,40,0.08);--shadow-md:0 10px 24px rgba(16,24,40,0.08);--radius:14px;--radius-sm:10px;--grid-gap:20px;--font-body:"Outfit",system-ui,sans-serif}*,:after,:before{box-sizing:border-box}body,html{padding:0;margin:0;color:var(--ink);background:radial-gradient(circle at 90% 8%,rgba(70,95,255,.08) 0,transparent 36%),radial-gradient(circle at 8% 28%,rgba(11,165,236,.07) 0,transparent 34%),var(--bg);font-family:var(--font-body);min-height:100%}a{color:inherit;text-decoration:none}main{display:grid;gap:var(--grid-gap)}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#ffffff;border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.brand-wrap{display:flex;align-items:center;gap:10px;padding:2px 8px 12px;border-bottom:1px solid var(--line)}.brand-mark{width:50px;height:50px;border-radius:18px;background:linear-gradient(160deg,#f2f4f7,#e4e7ec);color:#fff;display:inline-flex;align-items:center;justify-content:center;position:relative}.brand-mark:before{content:none}.brand-logo-icon{width:70%;height:70%;display:block}.nav-icon svg{width:16px;height:16px;display:block;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.brand{font-weight:700;letter-spacing:.3px;font-size:18px}.nav-group{display:grid;gap:6px}.nav-label{text-transform:uppercase;font-size:10px;color:#98a2b3;letter-spacing:1px;padding:0 8px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:#344054;border:1px solid transparent;transition:all .2s ease;font-size:14px;font-weight:500}.nav-icon{width:26px;height:26px;border-radius:8px;background:#f2f4f7;border:1px solid #e4e7ec;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#475467}.nav-link:hover{background:#f9fafb;border-color:#eaecf0}.nav-link.active{background:var(--brand-soft);border-color:#d0ddff;color:var(--brand-strong)}.nav-link.active .nav-icon{background:#dbe7ff;border-color:#c7d7fe;color:var(--brand-strong)}.content{padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;background:#ffffff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm)}.topbar-right{display:inline-flex;align-items:center;gap:10px}.sidebar-toggle{display:none;width:38px;height:38px;border-radius:10px;border:1px solid #d0d5dd;background:#fff;color:#344054;box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;justify-content:center}.sidebar-toggle:hover{background:#f9fafb}.sidebar-toggle:focus-visible{outline:2px solid rgba(70,95,255,.2);outline-offset:2px}.sidebar-backdrop{display:none}body.sidebar-mobile-open{overflow:hidden}.notification-menu{position:relative}.notification-trigger{width:38px;height:38px;border-radius:999px;border:1px solid #d0d5dd;background:#fff;color:#344054;display:grid;place-items:center;box-shadow:var(--shadow-sm);cursor:pointer;position:relative}.notification-trigger:hover{background:#f9fafb}.notification-trigger:focus-visible{outline:2px solid rgba(70,95,255,.2);outline-offset:2px}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;background:#f04438;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-md);z-index:35;display:grid;gap:8px;padding:10px}.notification-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.notification-title{font-size:13px;font-weight:700}.notification-unread{font-size:12px;color:var(--muted)}.notification-mark-read{border:0;background:transparent;color:var(--brand-strong);font-size:12px;font-weight:600;text-align:left;padding:0;cursor:pointer}.notification-list{display:grid;gap:6px;max-height:320px;overflow-y:auto}.notification-item{border:1px solid #eaecf0;border-radius:10px;padding:8px 10px;display:grid;gap:4px}.notification-item.unread{border-color:#c7d7fe;background:#f5f8ff}.notification-item-message{font-size:13px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-empty,.notification-item-meta{font-size:12px;color:var(--muted)}.notification-empty{border:1px dashed #d0d5dd;border-radius:10px;padding:10px}.notification-view-all{border-top:1px solid #eaecf0;padding-top:8px;font-size:12px;font-weight:600;color:var(--brand-strong)}.user-menu{position:relative}.user-menu-trigger{width:42px;height:42px;border-radius:999px;border:2px solid #fff;outline:1px solid #d0d5dd;background:linear-gradient(135deg,#3b4ef7,#7c8bff);color:#fff;font-size:20px;font-weight:700;display:grid;place-items:center;box-shadow:var(--shadow-sm);cursor:pointer}.user-menu-trigger:hover{filter:brightness(1.05)}.user-menu-trigger:focus-visible{outline:2px solid rgba(70,95,255,.2);outline-offset:2px}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:150px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-md);padding:6px;z-index:30;display:grid;gap:4px}.user-menu-item{border:0;background:transparent;text-align:left;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:600;color:#344054;cursor:pointer}.user-menu-item:hover{background:#f2f4f7}.success-text{color:#027a48;background:#ecfdf3;border:1px solid #abefc6;border-radius:10px;padding:8px 10px;font-size:13px}.profile-page{display:grid;gap:16px}.profile-account-panel,.profile-password-panel{display:grid;gap:14px}.profile-account-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);gap:16px}.profile-account-main{border:1px solid #eaecf0;border-radius:14px;background:#fff;padding:16px;display:flex;align-items:center;gap:14px}.profile-avatar-ring-large{width:84px;height:84px;font-size:30px}.profile-account-meta{display:grid;gap:4px}.profile-account-stats{border:1px solid #eaecf0;border-radius:14px;background:#fff;padding:14px;display:grid;gap:10px}.profile-stat{display:grid;gap:2px}.profile-stat-label{color:var(--muted);font-size:12px}.profile-stat-value{font-size:14px;font-weight:600;color:#111827}@media (max-width:900px){.profile-account-grid{grid-template-columns:1fr}}.ghost-btn{appearance:none;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:#fff;color:#344054;font-size:13px;font-weight:600}.ghost-btn:hover{background:#f9fafb}.ghost-btn:disabled{opacity:.5;cursor:not-allowed}.btn-inline-icon{display:inline-flex;align-items:center;gap:6px}.title{font-size:22px;font-weight:700;line-height:1.1}.panel-subtitle,.subtitle{color:var(--muted);font-size:13px;margin-top:4px}.panel{background:var(--panel);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);border:1px solid var(--line)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.panel-title{font-size:16px;font-weight:700;min-width:0}.panel-title-spaced{margin-bottom:12px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi-card{border-radius:var(--radius);background:#ffffff;border:1px solid var(--line);padding:14px 16px;box-shadow:var(--shadow-sm)}.kpi-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px}.kpi-value{font-size:28px;font-weight:700;margin:8px 0 2px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.metric-tile{background:var(--panel-soft);border-radius:var(--radius-sm);padding:14px;border:1px solid var(--line)}.metric-tile-with-action{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;align-items:start}.metric-tile-with-action>:not(.metric-action){grid-column:1;min-width:0}.metric-tile-with-action .metric-action{grid-column:2;grid-row:1/span 2;justify-self:end;align-self:start;margin-top:0}.metric-label{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.metric-value{font-size:22px;margin-top:8px;font-weight:700}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge.ok{background:#ecfdf3;color:#027a48}.badge.warn{background:#fffaeb;color:#b54708}.badge.danger{background:#fef3f2;color:#b42318}.badge.info{background:#f0f9ff;color:#026aa2}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.table td,.table th{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line)}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.9px;color:#667085;background:#fcfcfd}.table tbody tr:hover td{background:#f8f9fc}.inline-table-wrap{margin-bottom:16px;overflow-x:auto}.article-workflow-section{margin-bottom:16px}.article-workflow-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px}.article-workflow-footer .muted{margin-right:auto}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:16px}.equipment-filter-row{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(160px,1fr));align-items:center}.table-equipment td:first-child,.table-equipment td:nth-child(3),.table-equipment td:nth-child(4),.table-equipment td:nth-child(5),.table-equipment th:first-child,.table-equipment th:nth-child(3),.table-equipment th:nth-child(4),.table-equipment th:nth-child(5){width:14%}.table-equipment td:last-child,.table-equipment th:last-child{width:120px}.link-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid #d0ddff;background:#f5f8ff;color:var(--brand-strong);font-size:12px;font-weight:700}.link-pill:hover{background:#ecf3ff}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-2,.grid-3{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.shortcut-card{display:grid;gap:4px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow-sm)}.shortcut-card:hover{border-color:#c7d7fe;box-shadow:var(--shadow-md)}.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.flow-column{background:var(--panel-soft);border-radius:var(--radius-sm);padding:12px;border:1px solid var(--line)}.flow-title{font-size:14px;margin-bottom:10px;font-weight:700}.flow-item{padding:10px;border-radius:10px;background:#ffffff;border:1px solid var(--line);display:grid;gap:6px;margin-bottom:10px}.flow-item-with-action{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;row-gap:4px;align-items:start}.flow-item-with-action>:not(.flow-item-action):not(.flow-item-actions){grid-column:1;min-width:0}.flow-item-action,.flow-item-actions{grid-column:2;grid-row:1/span 2;justify-self:end;align-self:start}.flow-item-actions{display:inline-flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.linked-machine-item{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px;margin-bottom:0}.linked-machine-item-no-image{grid-template-columns:minmax(0,1fr) auto}.linked-machine-item .icon-btn{justify-self:end}.linked-machine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.linked-machine-content{display:grid;gap:6px;min-width:0}.linked-machine-image{width:64px;height:64px;border-radius:8px;border:1px solid var(--line);object-fit:cover;background:#fff}.linked-title{color:var(--text);font-weight:700;text-decoration:none}.linked-title:hover{color:var(--brand)}@media (max-width:1200px){.linked-machine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.linked-machine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.linked-machine-grid{grid-template-columns:1fr}}.metric-action{margin-top:8px}.alert-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px;border-radius:10px;border:1px solid var(--line);background:#fff}.alert-row:hover{background:#f9fafb}.alert-title{font-size:14px;font-weight:700}.alert-meta{display:grid;gap:6px;justify-items:end}.stack{display:grid;gap:10px}.muted{color:var(--muted);font-size:13px}.section-title{font-size:15px;margin-bottom:10px;font-weight:700}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.stock-filter-bar{margin-bottom:14px}.filter{background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:12px;font-weight:600;color:#475467}@media (max-width:1200px){.grid-4,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(84vw,320px);max-height:100vh;z-index:40;transform:translateX(-105%);transition:transform .2s ease;box-shadow:0 22px 46px rgba(15,23,42,.22);border-right:1px solid var(--line);overflow-y:auto}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.35);opacity:0;pointer-events:none;border:0;margin:0;padding:0;top:0;z-index:35;transition:opacity .2s ease}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.content{padding:14px}.topbar{flex-direction:row;align-items:flex-start;gap:10px}.topbar-right{margin-left:auto;align-self:flex-start}.sidebar-toggle{display:inline-flex}}@media (max-width:640px){.equipment-filter-row,.form-fields-settings,.grid-4,.kpi-grid{grid-template-columns:1fr}.title{font-size:19px}.panel{padding:14px}}.crud-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px}.input{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 10px;font-size:13px;color:#344054}.input:focus{outline:2px solid rgba(70,95,255,.16);border-color:#c7d7fe}.primary-btn{appearance:none;border:1px solid #3b4ef7;background:var(--brand);color:#fff;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700}.primary-btn:hover{background:var(--brand-strong)}.primary-btn:disabled{opacity:.6}.compact-btn{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:38px;padding:7px 11px;border-radius:9px;line-height:1.2}.danger-btn{appearance:none;border:1px solid #fecdca;background:#fef3f2;color:#b42318;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700}.danger-btn:hover{background:#fee4e2}.danger-btn:disabled{opacity:.5;cursor:not-allowed}.action-group{display:inline-flex;gap:8px}.order-lines-total{margin-top:8px;display:flex;justify-content:flex-end;align-items:baseline;gap:6px;color:var(--text);font-size:15px;font-weight:700}.order-lines-total span{font-size:16px;font-weight:800}.error-text{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:10px}.error-text,.ok-text{padding:8px 10px;font-size:13px;margin-bottom:10px}.ok-text{color:#027a48;background:#ecfdf3;border:1px solid #abefc6;border-radius:10px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(480px,100%);background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:24px}.kpi-bars{display:grid;gap:12px}.kpi-bar-row{display:grid;grid-template-columns:140px 1fr 64px;align-items:center;gap:10px;font-size:13px}.kpi-bar-track{height:10px;border-radius:999px;background:#e4e7ec;overflow:hidden}.kpi-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#465fff,#0ba5ec)}.signin-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#f8fafc;gap:0}.signin-hero{padding:56px;display:grid;align-content:center;gap:20px;color:#e2e8f0;background:#0b1220;border-right:1px solid rgba(148,163,184,.18);position:relative;overflow:hidden}.signin-hero-bg{position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(2,6,23,.92),rgba(18,24,48,.7)),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='900' height='900' viewBox='0 0 900 900'><rect width='900' height='900' fill='%230b1220'/><g stroke='%231f2a44' stroke-width='1'><path d='M0 120H900M0 240H900M0 360H900M0 480H900M0 600H900M0 720H900M0 840H900'/><path d='M120 0V900M240 0V900M360 0V900M480 0V900M600 0V900M720 0V900M840 0V900'/></g><g fill='%23334b73'><circle cx='680' cy='170' r='36'/><circle cx='180' cy='700' r='30'/><circle cx='420' cy='420' r='18'/></g></svg>");background-size:cover;background-position:50%;opacity:.9;pointer-events:none}.signin-hero-content{position:relative;z-index:1;display:grid;gap:18px;max-width:560px}.signin-hero-brand{display:flex;align-items:center;gap:14px}.signin-hero-logo{width:56px;height:56px;border-radius:18px;background:linear-gradient(160deg,rgba(18,24,48,.95),rgba(18,24,48,.7));color:#fff;display:inline-flex;align-items:center;justify-content:center;position:relative}.signin-hero-logo:before{content:none}.signin-hero-logo-icon{width:70%;height:70%;display:block;position:relative;z-index:1}.signin-hero-kicker{font-size:11px;text-transform:uppercase;letter-spacing:1.6px;color:#94a3b8}.signin-hero h1{margin:0;font-size:30px;line-height:1.05;color:#f8fafc}.signin-hero p{margin:0;color:#cbd5f5;max-width:520px}.signin-hero-features{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14px;color:#e2e8f0}.signin-hero-features li{display:flex;align-items:center;gap:8px}.signin-hero-features li:before{content:"";width:8px;height:8px;border-radius:999px;background:#3b4ef7;box-shadow:0 0 10px rgba(54,65,245,.45)}.signin-hero-panel{display:grid;gap:12px;padding:16px;border-radius:16px;background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.22);box-shadow:0 10px 24px rgba(2,6,23,.35)}.signin-hero-panel-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#94a3b8}.signin-hero-panel-row{display:flex;gap:10px;align-items:flex-start;color:#e2e8f0;font-size:14px}.signin-hero-panel-row strong{display:block;font-size:14px;color:#f8fafc}.signin-hero-panel-row .panel-meta{display:block;font-size:12px;color:#94a3b8;margin-top:4px}.panel-dot{width:10px;height:10px;border-radius:999px;margin-top:4px;display:inline-flex}.panel-dot.ok{background:#22c55e}.panel-dot.warn{background:#f59e0b}.panel-dot.info{background:#38bdf8}.signin-hero-footer{display:flex;flex-wrap:wrap;gap:10px}.signin-hero-chip{padding:6px 12px;border-radius:999px;background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.2);font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#e2e8f0}.signin-hero-chip.ok{border-color:rgba(34,197,94,.5);color:#bbf7d0}.signin-hero-chip.info{border-color:rgba(56,189,248,.5);color:#bae6fd}.signin-form-wrap{background:#fff;border-left:1px solid #e4e7ec;padding:32px;display:grid;align-content:center}.signin-card{width:min(440px,100%);margin-top:18px}.signin-card h2{margin:0;font-size:30px}.signin-card p{margin:6px 0 16px;color:#667085}.signin-form{display:grid;gap:10px}.signin-label{font-size:12px;color:#475467;font-weight:600}.signin-submit{margin-top:8px;padding:10px 14px}.signin-help{margin-top:12px;font-size:12px;color:#667085}.signin-help code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f2f4f7;border-radius:6px;padding:2px 6px;margin:0 3px}@media (max-width:1024px){.signin-shell{grid-template-columns:1fr}.signin-hero{display:none}.signin-form-wrap{border-left:0;padding:20px}}.dashboard-page{display:grid;gap:20px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.dashboard-title{font-size:24px;font-weight:700}.dashboard-subtitle{color:var(--muted);font-size:13px;margin-top:4px}.dashboard-actions{display:inline-flex;gap:8px;align-items:center}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm)}.kpi-card .kpi-value{font-size:26px}.kpi-meta{color:var(--muted);font-size:12px;margin-top:4px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.card-title{font-size:16px;font-weight:700}.card-subtitle{color:var(--muted);font-size:12px;margin-top:4px}.chart-canvas{margin-top:6px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.dashboard-grid.secondary{grid-template-columns:1fr 1fr}.dashboard-col{display:grid;gap:16px}.target-card .target-body{display:flex;align-items:center;gap:18px}.target-ring{width:140px;height:140px;place-items:center}.target-center,.target-ring{border-radius:50%;display:grid}.target-center{width:100px;height:100px;background:#fff;border:1px solid var(--line);place-items:center;text-align:center}.target-value{font-size:18px;font-weight:700}.target-label{color:var(--muted);font-size:11px}.target-meta{display:grid;gap:10px}.tab-group{display:inline-flex;gap:6px}.tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;color:#475467}.tab.active{background:#3b4ef7;border-color:#3b4ef7;color:#fff}.mini-bars{display:grid;gap:12px}.mini-bar-row{display:grid;grid-template-columns:110px 1fr 58px;align-items:center;gap:8px;font-size:12px}.mini-bar-track{height:8px;border-radius:999px;background:#f2f4f7;overflow:hidden}.mini-bar-track span{display:block;height:100%;background:#3b4ef7}.overview-list{display:grid;gap:16px}.overview-row{display:grid;gap:10px}.overview-label{font-size:12px;color:#475467;text-transform:uppercase;letter-spacing:.6px}.overview-value{font-size:16px;font-weight:700}.overview-bar{height:8px;border-radius:999px;background:#f2f4f7;overflow:hidden}.overview-bar span{display:block;height:100%;background:#3b4ef7}.overview-bar.warn span{background:#f79009}.overview-bar.danger span{background:#f04438}.table.table-compact td,.table.table-compact th{padding:10px 8px;font-size:12px}.sortable-wrapper{display:grid;gap:14px;padding:14px;border-radius:var(--radius);background:var(--panel-soft);border:1px solid var(--line)}.sortable-item,.sortable-list{display:grid;gap:12px}.sortable-item{grid-template-columns:32px 70px 1fr 140px;align-items:center;padding:12px 14px;background:var(--panel);border-radius:var(--radius-sm);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.sortable-item.is-dragging{opacity:.7;box-shadow:var(--shadow-md)}.drag-handle{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--panel-soft);border:1px dashed var(--line);font-size:18px;color:var(--muted);cursor:grab}.drag-handle svg{width:16px;height:16px}.step-index{font-weight:600;color:var(--ink)}.step-actions{display:flex;justify-content:flex-end}.builder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}.builder-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:14px;display:grid;align-content:start;gap:12px;overflow:hidden}.builder-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.builder-list{display:grid;gap:10px;min-height:120px;width:100%}.builder-card{display:grid;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff;box-shadow:var(--shadow-sm);width:100%;max-width:100%}.builder-card.is-dragging{opacity:.7;box-shadow:var(--shadow-md)}.builder-card.template{cursor:grab;display:flex;align-items:center;justify-content:space-between;gap:10px}.builder-card-title{font-weight:600;font-size:13px}.builder-card-meta{color:var(--muted);font-size:12px}.builder-step{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:12px;width:100%}.builder-step-body{display:grid;gap:10px;min-width:0}.builder-step-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.builder-step-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 10px;border-radius:999px;background:rgba(59,78,247,.08);border:1px solid rgba(59,78,247,.18);color:#3641f5;font-size:12px;font-weight:700;letter-spacing:.2px}.builder-output{display:flex;gap:6px;flex-direction:column;align-items:flex-start;padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,rgba(248,250,252,.95),rgba(243,246,251,.92));border:1px solid #e6ebf3}.builder-output-row{display:flex;align-items:center;gap:8px;width:100%}.builder-output-row .select2-container{flex:1 1 auto;min-width:0;width:100%!important;max-width:100%}.builder-step-actions{display:flex;justify-content:flex-end;gap:6px;justify-self:end;align-self:start;padding-top:2px}.builder-step .form-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:0!important}.builder-step .form-field{margin:0;min-width:0}.builder-step .form-field .select2-container{display:block;min-width:0;width:100%!important;max-width:100%}.builder-step .form-field .form-label{margin-bottom:6px;font-size:12px}.builder-step .form-field .input,.builder-step .form-field .select2-container--default .select2-selection--single{min-height:42px}.builder-step .form-field .select2-container--default .select2-selection--single .select2-selection__rendered{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-step .form-field:last-child{grid-column:span 1}.builder-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding-top:10px;border-top:1px dashed var(--line)}.builder-empty{padding:16px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#ffffff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm)}.icon-btn:hover{border-color:#c7d7fe}.icon-btn.danger{border-color:#f4b4b4;color:#c63d3d;background:#fff5f5}.icon-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.select2-container--default .select2-selection--single{background:#fff;border-radius:10px;padding:1px 10px;font-size:13px;height:35px;border:1px solid var(--line);display:flex;align-items:center;box-shadow:none;width:100%;color:#344054}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:33px;padding-left:0;padding-right:20px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:33px;right:8px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--muted)}.select2-container--default.select2-container--focus .select2-selection--single,.select2-container--default.select2-container--open .select2-selection--single{outline:2px solid rgba(70,95,255,.16);border-color:#c7d7fe}.select2-container--default .select2-dropdown{border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-sm);overflow:hidden}.select2-container--default .select2-results__option{font-size:13px;padding:9px 10px}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid var(--line);border-radius:10px;padding:9px 10px;font-size:13px;color:#344054}.run-grid{display:grid;gap:16px}.run-steps{display:grid;gap:12px}.run-step{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:8px;background:#ffffff}.run-step.current{border-color:#c7d7fe;background:#f5f8ff;box-shadow:var(--shadow-sm)}.run-step.selected:not(.current){border-color:#d0ddff;background:#f8f9ff}.run-step-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.run-step-meta{font-size:12px;color:var(--muted)}.run-controls,.run-step-meta{display:flex;flex-wrap:wrap;gap:8px}.run-controls{margin-top:8px}@media (max-width:900px){.sortable-item{grid-template-columns:32px 1fr;grid-template-rows:auto auto}.step-index{grid-column:2}.step-actions{grid-column:2;justify-content:flex-start}.builder-step{grid-template-columns:32px 1fr}.builder-step-actions{grid-column:1/-1;justify-content:flex-start;padding-top:0}.builder-step .form-fields{grid-template-columns:1fr}}@media (max-width:1200px){.dashboard-grid,.dashboard-grid.secondary{grid-template-columns:1fr}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.dashboard-header{flex-direction:column}}@media (max-width:640px){.dashboard-kpis{grid-template-columns:1fr}.target-card .target-body{flex-direction:column;align-items:flex-start}}.panel-actions{display:inline-flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.machine-detail-actions{flex-shrink:0}.machine-asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,280px));gap:16px;align-items:start}.machine-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}.machine-detail-image{width:100%;max-width:240px;aspect-ratio:4/3;border-radius:8px;border:1px solid var(--line);object-fit:cover;background:#fff}.form-page{display:grid;gap:20px}.form-panel{padding:24px}.form-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.form-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.profile-hero{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;margin-bottom:18px}.profile-info{display:grid;gap:12px}.profile-header{display:grid;gap:6px}.profile-hero-title{font-size:16px;font-weight:700;color:#101828}.profile-hero-subtitle{font-size:13px;color:#667085;max-width:420px}.profile-body{justify-content:space-between;gap:18px;padding:16px 20px;background:#fff}.profile-avatar,.profile-body{display:flex;align-items:center}.profile-avatar{gap:14px}.profile-avatar-ring{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#3b4ef7,#7c8bff);color:#fff;font-size:26px;font-weight:700;display:grid;place-items:center;border:3px solid #fff;outline:1px solid #d0d5dd}.profile-avatar-meta{display:grid;gap:4px}.profile-name{font-size:16px;font-weight:700;color:#101828}.profile-email{font-size:13px;color:#667085}.profile-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.profile-actions{display:flex;gap:10px}@media (max-width:900px){.profile-body{flex-direction:column;align-items:flex-start}.profile-actions{width:100%}.profile-actions .ghost-btn{flex:1}}.form-grid{display:grid;gap:18px}.bom-editor{margin-top:12px}.bom-filter-bar{margin-bottom:16px}.form-section{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.form-section-title{font-size:14px;font-weight:700;margin-bottom:12px}.form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-fields-settings{grid-template-columns:minmax(180px,.75fr) minmax(220px,1fr) auto}.form-field{display:grid;gap:6px}.form-field-action{align-self:end}.form-field.full{grid-column:1/-1}.form-label{font-size:12px;color:#475467;font-weight:600}.photo-preview{width:120px;height:120px;border-radius:12px;border:1px solid var(--line);object-fit:cover;background:#fff;box-shadow:var(--shadow-sm)}.checkbox-grid{display:flex;flex-wrap:wrap;gap:8px}.checkbox-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#f8fafc;font-size:12px;color:#475467;cursor:pointer}.checkbox-pill input{accent-color:var(--brand);width:16px;height:16px}.checkbox-inline{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer}.checkbox-inline input{width:16px;height:16px;accent-color:var(--brand)}.form-hint{font-size:12px;color:var(--muted)}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.permission-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;display:grid;gap:8px}.permission-toggle{display:flex;gap:10px;align-items:flex-start}.permission-toggle input{margin-top:2px}.permission-title{font-size:13px;font-weight:700;color:#101828}.permission-code{font-size:11px;color:#667085;text-transform:uppercase;letter-spacing:.6px;margin-top:2px}.permission-desc{font-size:12px;color:#475467;margin-top:6px}.form-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}@media (max-width:900px){.form-fields{grid-template-columns:1fr}.form-footer{flex-direction:column;align-items:stretch}}.permission-tag{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;margin-top:6px}.permission-tag,.permission-tag.role{background:rgba(54,65,245,.12);color:#3641f5}.permission-tag.user{background:rgba(2,122,72,.12);color:#027a48}.permission-tag.revoked{background:rgba(217,45,32,.12);color:#d92d20}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:24px;z-index:60}.modal-panel{width:100%;max-width:460px;background:#ffffff;border-radius:16px;border:1px solid var(--line);box-shadow:0 24px 48px rgba(15,23,42,.18);padding:18px 18px 16px}.downtime-quick-modal{max-width:820px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.modal-title{font-size:16px;font-weight:700}.modal-body{padding:16px 0 8px;color:#344054;font-size:14px;line-height:1.6}.modal-footer{display:flex;justify-content:flex-end;gap:10px}.modal-close{padding:6px 10px}.table-downtimes td:nth-child(2),.table-downtimes th:nth-child(2){min-width:220px}.table-downtimes td:nth-child(6),.table-downtimes td:nth-child(7),.table-downtimes th:nth-child(6),.table-downtimes th:nth-child(7){white-space:nowrap}.admin-dashboard{display:grid;gap:16px;background:#f3f7fb;border-radius:18px;padding:16px;border:1px solid #e3edf6;box-shadow:0 16px 32px rgba(15,23,42,.06)}.admin-topbar{justify-content:space-between;gap:16px;padding:12px 16px;border-radius:14px;background:linear-gradient(90deg,var(--brand-strong),var(--brand));color:#ffffff;box-shadow:0 8px 18px rgba(54,65,245,.28)}.admin-brand,.admin-topbar{display:flex;align-items:center}.admin-brand{gap:12px}.admin-brand-icon{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center}.admin-brand-icon svg{width:24px;height:24px;fill:none;stroke:#ffffff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.admin-brand-title{font-size:16px;font-weight:700;letter-spacing:.3px}.admin-brand-subtitle{font-size:12px;opacity:.8}.admin-topbar-meta{display:inline-flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.admin-chip{border-radius:999px;padding:5px 12px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.admin-chip-strong{background:#ffffff;color:var(--brand-strong)}.admin-subbar{background:linear-gradient(90deg,rgba(70,95,255,.14),rgba(54,65,245,.08));color:#1d2a63;padding:10px 14px;border-radius:12px;border:1px solid rgba(70,95,255,.2);font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;width:100%}.admin-quick-actions{background:#ffffff;border:1px solid #d9e7f2;border-radius:12px;padding:10px 12px;box-shadow:0 6px 14px rgba(15,23,42,.05);display:grid;gap:10px}.admin-quick-actions-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-quick-actions-title{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#0f172a}.admin-quick-actions-subtitle{font-size:12px;color:#64748b}.admin-quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.admin-quick-action-card{appearance:none;border:1px solid #dbe7f2;background:linear-gradient(180deg,#ffffff,#f8fbff);border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:flex-start;text-align:left;cursor:pointer;color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.admin-quick-action-card:hover{border-color:#9ec5f7;box-shadow:0 6px 12px rgba(37,99,235,.12);transform:translateY(-1px)}.admin-quick-action-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#ecf3ff;color:#1d4ed8}.admin-quick-action-title{display:block;font-size:14px;font-weight:700;color:#0f172a}.admin-quick-action-hint{display:block;margin-top:2px;font-size:12px;color:#64748b}.admin-grid{column-count:3;column-gap:16px}.admin-grid>.admin-card{display:inline-block;width:100%;margin:0 0 16px;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid}.admin-card{background:#ffffff;border:1px solid #d9e7f2;border-radius:16px;padding:14px 16px;box-shadow:0 8px 18px rgba(15,23,42,.06)}.admin-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-panel-title{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#0f172a}.admin-panel-meta{font-size:11px;color:#64748b;font-weight:600}.admin-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.admin-kpi-tile{display:grid;place-items:center}.admin-kpi-ring{width:120px;height:120px;border-radius:50%;display:grid;place-items:center}.admin-kpi-core{width:84px;height:84px;border-radius:50%;background:#ffffff;border:1px solid #d7e3ee;display:grid;place-items:center;text-align:center;padding:6px}.admin-kpi-value{font-size:18px;font-weight:700;color:#0f172a}.admin-kpi-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.6px}.admin-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-mini-card{background:#f6f9fc;border:1px solid #e1ebf4;border-radius:12px;padding:10px 12px;display:grid;gap:4px}.admin-mini-label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#6b7280}.admin-mini-value{font-size:18px;font-weight:700;color:#0f172a}.admin-performance-body{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center}.admin-donut{display:grid;gap:10px;justify-items:center}.admin-donut-quality,.admin-donut-ring{width:160px;height:160px;border-radius:50%;display:grid;place-items:center}.admin-donut-core{width:110px;height:110px;border-radius:50%;background:#ffffff;border:1px solid #d7e3ee;display:grid;place-items:center;text-align:center}.admin-donut-value{font-size:18px;font-weight:700;color:#0f172a}.admin-donut-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.6px}.admin-donut-legend,.admin-pie-legend{display:grid;gap:6px;font-size:11px;color:#64748b}.admin-legend-row{display:flex;align-items:center;gap:6px}.admin-legend-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.dot-trs{background:#1d9bf0}.dot-quality{background:#23cfa7}.dot-production{background:#475569}.dot-ok{background:#14b8a6}.dot-warn{background:#f97316}.admin-line-chart{background:#f7fafc;border-radius:12px;border:1px solid #e1ecf5;padding:10px;overflow:hidden}.admin-line-chart-compact{padding:6px 8px}.admin-performance-legend{margin-top:10px}.admin-trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-trend-card{background:#f8fbff;border:1px solid #deebf6;border-radius:12px;padding:10px;display:grid;gap:8px}.admin-trend-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.admin-trend-label{font-size:11px;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.5px}.admin-trend-delta{font-size:11px;font-weight:700;white-space:nowrap;text-align:right}.admin-trend-delta.up{color:#16a34a}.admin-trend-delta.down{color:#dc2626}.admin-trend-delta.flat{color:#475569}.admin-trend-value-wrap{display:grid;gap:2px}.admin-trend-value{font-size:22px;font-weight:700;color:#0f172a}.admin-trend-meta{font-size:11px;color:#64748b}.admin-gauges-panel{display:grid;gap:12px}.admin-gauge-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.admin-gauge-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#0f172a;margin-bottom:8px}.admin-gauge-ring{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;margin:0 auto}.admin-gauge-core{width:92px;height:92px;border-radius:50%;background:#ffffff;border:1px solid #d7e3ee;display:grid;place-items:center;text-align:center}.admin-gauge-value{font-size:18px;font-weight:700;color:#0f172a}.admin-gauge-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.6px}.admin-pie-wrap{display:flex;justify-content:center;gap:12px;align-items:center}.admin-pie{width:160px;height:160px;place-items:center}.admin-pie,.admin-pie-center{border-radius:50%;display:grid}.admin-pie-center{width:110px;height:110px;background:#ffffff;border:1px solid #d7e3ee;place-items:center;text-align:center}.admin-pie-value{font-size:18px;font-weight:700}.admin-pie-label{font-size:11px;color:#64748b;text-transform:uppercase}.admin-bar-chart{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;height:160px;padding:8px 4px 0}.admin-bar,.admin-bar-chart{display:grid;align-items:end}.admin-bar{background:#eef4fb;border-radius:8px;height:100%;overflow:hidden}.admin-bar span{display:block;width:100%;background:linear-gradient(180deg,#0ea5e9,#2563eb);border-radius:8px 8px 0 0}.admin-bar-footer{display:flex;justify-content:space-between;font-size:12px;color:#64748b;margin-top:8px}.admin-donut-quality{margin:0 auto}.admin-quality-meta{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}.admin-quality-pill{padding:4px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:700}.admin-quality-pill.warn{background:#fff7ed;color:#c2410c}@media (max-width:1200px){.admin-grid{column-count:2}.admin-trend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-performance-body{grid-template-columns:1fr}.admin-pie-wrap{flex-direction:column}}@media (max-width:900px){.admin-grid{column-count:1}.admin-trend-grid{grid-template-columns:1fr}.admin-topbar{flex-direction:column;align-items:flex-start}.admin-performance-body{grid-template-columns:1fr}}.operator-dashboard{display:grid;gap:16px;background:#eef2ff;border-radius:18px;padding:16px;border:1px solid #e0e7ff}.operator-header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:12px 16px;border-radius:14px;background:#6d82f6;color:#ffffff}.operator-user{display:inline-flex;align-items:center;gap:12px}.operator-avatar{width:42px;height:42px;border-radius:14px;border:2px solid rgba(15,23,42,.9);background:rgba(255,255,255,.2);display:grid;place-items:center}.operator-avatar svg{width:26px;height:26px;stroke:#111827;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.operator-name{font-size:18px;font-weight:700;letter-spacing:.3px}.operator-date{text-align:center;font-weight:600}.operator-day{text-transform:capitalize;font-size:13px}.operator-date-value{font-size:13px;opacity:.9}.operator-time{padding:4px 10px;border-radius:8px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);font-weight:700}.operator-grid{display:grid;grid-template-columns:220px minmax(220px,1fr) minmax(260px,320px);gap:16px}.operator-col,.operator-right{display:grid;gap:14px}.operator-right-bottom,.operator-right-top{display:grid;gap:12px}.operator-card{background:#ffffff;border-radius:14px;padding:12px 14px;box-shadow:0 8px 16px rgba(15,23,42,.08);border:1px solid #e2e8f0}.operator-card-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#2f3b52;margin-bottom:8px}.operator-progress-card{display:grid;justify-items:center;gap:10px}.operator-ring{width:90px;height:90px;border-radius:50%;display:grid;place-items:center}.operator-ring-core{width:58px;height:58px;border-radius:50%;background:#ffffff;border:1px solid #dbe7f2;display:grid;place-items:center}.operator-ring-value{font-size:16px;font-weight:700;color:#0f172a}.operator-produced-card{display:grid;gap:8px}.operator-produced-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.operator-produced-value{font-size:20px;font-weight:800;color:#1e293b}.operator-delta{background:#e0e7ff;color:#1d4ed8;border-radius:8px;padding:2px 8px;font-weight:700;font-size:12px}.operator-input-card{display:grid;gap:8px}.operator-input-with-icon{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:6px}.operator-search-icon{width:20px;height:20px;display:grid;place-items:center;color:#64748b}.operator-search-icon svg{width:18px;height:18px;stroke:#64748b;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.operator-input{width:100%;border:1px solid #cbd5f5;border-radius:8px;padding:6px 8px;background:#f8fafc;font-size:12px}.operator-chart-card{display:grid;gap:10px}.operator-bar-chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:end;height:120px;padding:6px 0 0}.operator-bar{background:#e2e8f0;border-radius:8px;height:100%;display:grid;align-items:end;overflow:hidden}.operator-bar span{display:block;width:100%;background:#6366f1;border-radius:8px 8px 0 0}.operator-status-card,.operator-status-list{display:grid;gap:8px}.operator-status-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#1f2937}.operator-status-badge{width:24px;height:24px;border-radius:6px;background:#c7d2fe;color:#1e3a8a;display:grid;place-items:center;font-weight:700;font-size:11px}.operator-line-chart{background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;padding:6px}.operator-legend{display:flex;gap:12px;font-size:11px;color:#64748b}.operator-legend span{display:inline-flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:999px;display:inline-block}@media (max-width:1200px){.operator-grid{grid-template-columns:1fr 1fr}.operator-right{grid-column:span 2;grid-template-columns:1fr 1fr}}@media (max-width:900px){.operator-header{text-align:left}.operator-grid,.operator-header{grid-template-columns:1fr}.operator-right{grid-column:auto;grid-template-columns:1fr}}