:root{color:#1e293b;background:#eef3f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1e293b;--muted: #64748b;--line: #d9e2ec;--panel: #ffffff;--nav: #172235;--nav-2: #24344e;--blue: #2563eb;--cyan: #0891b2;--green: #15803d;--amber: #b7791f;--red: #b42318;--deep-red: #7f1d1d;--purple: #6d28d9}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.app-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:#f8fafc;display:flex;flex-direction:column;gap:24px;padding:22px 16px}.brand{align-items:center;display:flex;gap:12px;padding:4px 6px 10px}.brand-mark{align-items:center;background:#e7f2ff;border-radius:8px;color:var(--blue);display:grid;height:42px;place-items:center;width:42px}.brand strong,.brand span,.sync-card strong,.sync-card span{display:block}.brand span,.sync-card span{color:#cbd5e1;font-size:12px;margin-top:2px}.sidebar nav{display:grid;gap:5px}.nav-link{align-items:center;background:transparent;border:0;border-radius:8px;color:#dbeafe;display:flex;gap:10px;min-height:40px;padding:9px 10px;text-align:left}.nav-link:hover,.nav-link.active{background:var(--nav-2);color:#fff}.sync-card{align-items:flex-start;background:#21314a;border:1px solid #344a6b;border-radius:8px;display:flex;gap:10px;margin-top:auto;padding:12px}.main-area{min-width:0}.topbar{align-items:center;background:#ffffffeb;border-bottom:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;padding:18px 24px;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.eyebrow{color:var(--muted);display:block;font-size:12px;font-weight:800;text-transform:uppercase}h1{font-size:24px;letter-spacing:0;margin-top:3px}h2{font-size:18px;letter-spacing:0}h3{font-size:15px;letter-spacing:0}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.segmented-control,.search-box,.topbar select{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:flex;min-height:38px}.segmented-control{overflow:hidden}.segmented-control button{align-items:center;background:transparent;border:0;color:var(--muted);display:flex;gap:6px;min-height:36px;padding:0 12px}.segmented-control button.active{background:#dbeafe;color:#1d4ed8;font-weight:800}.search-box{gap:8px;padding:0 12px}.search-box input{background:transparent;border:0;color:var(--ink);min-width:260px;outline:0}.topbar select{padding:0 10px}main{display:grid;gap:18px;padding:24px}.dashboard-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.panel,.kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0f172a0f}.kpi-card{align-items:center;display:flex;gap:13px;min-height:104px;padding:18px}.kpi-icon{align-items:center;border-radius:8px;display:grid;height:42px;place-items:center;width:42px}.kpi-card strong{display:block;font-size:28px;line-height:1}.kpi-card span{color:var(--muted);display:block;font-size:13px;margin-top:7px}.kpi-card.blue .kpi-icon{background:#dbeafe;color:var(--blue)}.kpi-card.red .kpi-icon,.kpi-card.dark-red .kpi-icon{background:#fee2e2;color:var(--red)}.kpi-card.amber .kpi-icon{background:#fef3c7;color:var(--amber)}.kpi-card.green .kpi-icon{background:#dcfce7;color:var(--green)}.wide{grid-column:span 2}.panel{min-width:0;padding:18px}.panel-header{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.ghost-button,.primary-button{align-items:center;border:1px solid var(--line);border-radius:8px;display:inline-flex;gap:7px;min-height:36px;padding:0 12px}.ghost-button{background:#f8fafc;color:var(--ink)}.primary-button{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:800}.metric-stack,.stacked-list,.option-list{display:grid;gap:10px}.metric-row{display:grid;gap:7px}.metric-row div:first-child,.summary-line{align-items:center;display:flex;gap:10px;justify-content:space-between}.metric-row span,.summary-line span,.info-item span,td span,.sub-panel p,.legacy-box span,.import-box span{color:var(--muted);font-size:13px}.metric-track{background:#eef2f7;border-radius:999px;height:8px;overflow:hidden}.metric-track span{background:var(--blue);border-radius:inherit;display:block;height:100%}.summary-line{border:1px solid var(--line);border-radius:8px;min-height:42px;padding:10px}.table-panel{overflow:hidden}.filter-strip{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.filter-strip span{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:999px;display:inline-flex;gap:6px;min-height:30px;padding:0 10px}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase}td strong,td span{display:block}tbody tr{cursor:pointer}tbody tr:hover,.selected-row{background:#f8fbff}.badge-row{display:flex;flex-wrap:wrap;gap:6px}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;min-height:24px;padding:0 9px;white-space:nowrap}.badge.safety,.badge.overdue,.badge.out-of-service,.badge.reported,.badge.critical-equipment,.badge.below-minimum,.badge.no-stock{background:#fee2e2;color:var(--red)}.badge.operational,.badge.due,.badge.in-progress,.badge.action-assigned,.badge.permit-required,.badge.degraded,.badge.postponement-requested,.badge.awaiting-technical,.badge.awaiting-senior-management,.badge.draft,.badge.on-order,.badge.sent-to-office,.badge.ordered,.badge.submitted{background:#fef3c7;color:var(--amber)}.badge.environmental,.badge.awaiting-parts,.badge.temporary-repair,.badge.queued-offline{background:#dcfce7;color:var(--green)}.badge.non-critical,.badge.normal,.badge.synced,.badge.ready,.badge.in-service,.badge.in-stock,.badge.completed,.badge.closed,.badge.approved,.badge.received,.badge.reviewed{background:#e0f2fe;color:#0369a1}.badge.rejected{background:#fee2e2;color:var(--red)}.split-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr)}.detail-panel{display:grid;gap:14px}.wide-detail{grid-column:1 / -1}.detail-title{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.detail-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.info-item{border:1px solid var(--line);border-radius:8px;display:grid;gap:4px;min-height:64px;padding:10px}.info-item strong{font-size:14px}.sub-panel{border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;padding:12px}.legacy-box,.import-box,.attachment-item,.attachment-add{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:flex;gap:10px;padding:11px}.legacy-box strong,.legacy-box span,.import-box strong,.import-box span{display:block}.work-order-layout{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.check-list{display:grid;gap:8px}.check-list label,.option-row{align-items:center;display:flex;gap:8px}.attachment-grid{display:grid;gap:8px}.attachment-add{color:var(--blue);font-weight:800}.spares-grid{align-items:start;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.spares-summary{display:grid;gap:12px;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr))}.spares-summary .kpi-card{box-shadow:none}.stock-card,.material-card,.part-used-row{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:flex;gap:10px;padding:11px}.stock-card{justify-content:space-between;margin-bottom:12px}.stock-card strong,.stock-card span,.material-card p,.linked-work-order,.critical-spare-note{display:block}.stock-card span,.material-card p,.linked-work-order,.critical-spare-note{color:var(--muted);font-size:13px}.material-stack,.parts-used-list{display:grid;gap:10px}.material-card{align-items:flex-start;display:grid}.part-used-row{justify-content:space-between}.part-used-row span{color:var(--ink);flex:1;font-size:13px}.linked-work-order,.critical-spare-note{margin-top:6px}.reporting-grid{align-items:start;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.report-summary{display:grid;gap:12px;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr))}.report-summary .kpi-card{box-shadow:none}.report-card-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.report-card{align-items:flex-start;border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;grid-template-columns:32px minmax(0,1fr) auto;padding:13px}.report-card p{color:var(--muted);font-size:13px;margin-top:5px}.audit-pack-list{display:grid;gap:8px}.audit-pack-row{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;grid-template-columns:22px minmax(0,1fr) auto;min-height:42px;padding:10px}.audit-pack-row span{color:var(--ink);font-size:13px}.settings-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.settings-grid .panel:first-child{grid-column:1 / -1}.import-box{justify-content:space-between}.criticality-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr)}.critical-list,.approval-panel{min-width:0}.decision-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.decision-card{align-items:center;border:1px solid var(--line);border-radius:8px;display:grid;gap:6px;grid-template-columns:22px minmax(0,1fr) auto;min-height:46px;padding:10px}.decision-card.yes{background:#f0fdf4;color:var(--green)}.decision-card.no{background:#fff7ed;color:var(--amber)}.decision-card span{color:var(--ink);font-size:13px}.approval-stack{display:grid;gap:12px}.approval-card{border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;padding:12px}.approval-card>div:first-child{align-items:flex-start;display:flex;justify-content:space-between}.approval-card p{color:var(--ink);font-size:14px}.approval-meta{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.button-row{display:flex;gap:8px;justify-content:flex-end}.empty-state{background:#f8fafc;border:1px dashed var(--line);border-radius:8px;color:var(--muted);padding:18px;text-align:center}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.nav-link{justify-content:center}.nav-link span{display:none}.sync-card{margin-top:0}.dashboard-grid,.criticality-grid,.reporting-grid,.report-summary,.report-card-grid,.spares-grid,.spares-summary,.split-layout,.settings-grid,.work-order-layout{grid-template-columns:1fr}.wide{grid-column:auto}}@media(max-width:760px){.topbar{align-items:stretch;flex-direction:column}.topbar-actions,.search-box,.search-box input,.topbar select,.segmented-control{width:100%}.segmented-control button{justify-content:center;width:50%}main{padding:16px}table{display:block;overflow-x:auto;white-space:nowrap}.detail-grid{grid-template-columns:1fr}.import-box{align-items:flex-start;flex-direction:column}.decision-grid,.approval-meta{grid-template-columns:1fr}}