@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-dark:#0b1329;--bg-panel:#1c2541;--bg-subtle:#111a36;--primary:#00b4d8;--primary-glow:#00b4d84d;--secondary:#70e000;--secondary-glow:#70e00033;--danger:#f05;--danger-glow:#ff005526;--warning:#ffb703;--warning-glow:#ffb70326;--text-main:#f8fafc;--text-muted:#6c757d;--glass-bg:#1c254199;--glass-border:#ffffff0d;--radius:16px;--font-mono:"JetBrains Mono", monospace;--shadow-card:0 8px 30px #0006;--shadow-modal:0 25px 50px -12px #00000080}:root.light-theme{--bg-dark:#f8fafc;--bg-panel:#fff;--bg-subtle:#f1f5f9;--primary:#2563eb;--primary-glow:#2563eb1a;--secondary:#059669;--secondary-glow:#0596691a;--danger:#dc2626;--danger-glow:#dc262626;--warning:#ca8a04;--warning-glow:#ca8a0426;--text-main:#0f172a;--text-muted:#64748b;--glass-bg:#ffffffb3;--glass-border:#e2e8f0;--radius:8px;--shadow-card:0 2px 8px #0000000a;--shadow-modal:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex}.sidebar{box-sizing:border-box;z-index:100;border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;width:280px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;background-color:#0b1329!important;padding:0!important}.sidebar.collapsed{width:70px}nav::-webkit-scrollbar{width:0;height:0;display:none}nav{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden!important}.sidebar-logo{color:#f8fafc;white-space:nowrap;box-sizing:border-box;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:10px;min-height:65px;margin-bottom:48px;padding:12px 20px 24px;font-size:16px;font-weight:700;display:flex}.sidebar-user{border-bottom:1px solid #ffffff14;margin-bottom:24px;padding:0 10px 16px}.sidebar-user .label{color:#64748b;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:700}.sidebar-user .name{color:#f8fafc;margin-top:6px;font-size:15px;font-weight:600}.sidebar-user .email{color:#94a3b8;word-break:break-all;margin-top:2px;font-size:12px}.nav-link{color:#94a3b8;white-space:nowrap;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:12px;width:100%;padding:12px 20px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:#f8fafc;background:#ffffff0d;transform:none}.nav-link.active{color:#60a5fa;box-shadow:none;background:#3b82f61a;border-left:3px solid #3b82f6;font-weight:500}.sub-nav-link{color:#cbd5e1;border-left:2px solid #ffffff1f;margin-left:10px;padding-left:38px;font-size:13px;font-weight:500;position:relative;box-sizing:border-box!important;width:calc(100% - 10px)!important}.sub-nav-link svg{color:inherit;opacity:.9;transition:all .2s}.sub-nav-link:hover{color:#fff;border-left-color:var(--primary);background:#ffffff0d}.sub-nav-link:hover svg{opacity:1}.sub-nav-link.active{color:#38bdf8;background:#00b4d824;border-left-color:#00b4d8;font-weight:600}.sub-nav-link.active svg{color:#38bdf8;opacity:1}.menu-group-header{text-transform:none;letter-spacing:normal;color:#94a3b8;cursor:pointer;white-space:nowrap;border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.menu-group-header:hover{color:#f8fafc;background:#ffffff0d}.main-content{background-color:var(--bg-subtle);background-image:radial-gradient(circle,#00b4d80d 0%,#0000 50%);flex:1;height:100vh;padding:20px 40px 40px;overflow-y:auto}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:30px;padding:24px}.page-title{color:var(--text-main);letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:14px}.form-group{margin-bottom:16px}.form-group label,.form-label,label.form-label{color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;margin-bottom:6px;font-size:11.5px;font-weight:700;line-height:1.2;display:flex}.form-input,.input-field,select.form-input,select.input-field,input.form-input,input.input-field{background-color:var(--bg-panel);border:1px solid var(--glass-border);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:8px;outline:none;height:38px;min-height:38px;padding:8px 12px;font-size:13px;transition:all .2s;box-shadow:inset 0 1px 2px #00000005}.form-input:focus,.input-field:focus,select.form-input:focus,select.input-field:focus,input.form-input:focus,input.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}select.form-input,select.input-field,select.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;padding-right:32px}textarea.form-input,textarea.input-field{box-sizing:border-box;resize:vertical;background-color:var(--bg-panel);border:1px solid var(--glass-border);height:auto;min-height:90px;color:var(--text-main);border-radius:8px;outline:none;padding:10px 12px;font-size:13px;line-height:1.5;transition:all .2s}textarea.form-input:focus,textarea.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.btn{background:linear-gradient(135deg, var(--primary) 0%, #0077b6 100%);color:#fff;cursor:pointer;height:34px;box-shadow:0 2px 8px var(--primary-glow);box-sizing:border-box;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn:hover{box-shadow:0 4px 14px var(--primary-glow);filter:brightness(1.08);transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-subtle);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:34px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-panel);border-color:var(--primary)}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;display:grid}.metric-card{background:var(--bg-panel);border:1px solid var(--glass-border);border-left:4px solid var(--primary);box-shadow:var(--shadow-card);border-radius:14px;flex-direction:column;justify-content:space-between;gap:12px;padding:20px 22px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px -4px #00000014}.metric-card:before{display:none}.metric-card.primary{border-left-color:var(--primary)}.metric-card.info{border-left-color:#3b82f6}.metric-card.success{border-left-color:#10b981}.metric-card.warning{border-left-color:#f59e0b}.metric-card.danger{border-left-color:#ef4444}.metric-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700;line-height:1.3}.metric-value{color:var(--text-main);letter-spacing:-.5px;align-items:baseline;gap:8px;margin:2px 0 0;font-family:inherit;font-size:28px;font-weight:800;display:flex}.metric-value .metric-unit{color:var(--text-muted);letter-spacing:normal;font-size:14px;font-weight:600}.metric-footer{color:var(--text-muted);border-top:1px dashed var(--glass-border);align-items:center;gap:6px;padding-top:10px;font-size:12px;display:flex}.metric-icon-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--glass-border);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--glass-border);color:var(--text-main);white-space:nowrap;padding:12px 16px}.data-table tr:hover td{background:#ffffff03}.badge{white-space:nowrap;text-transform:uppercase;border-radius:20px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.badge-success{background:var(--secondary-glow);color:var(--secondary)}.badge-warning{background:var(--warning-glow);color:var(--warning)}.badge-danger{background:var(--danger-glow);color:var(--danger)}.badge-info{background:var(--primary-glow);color:var(--primary);padding:3px 8px;font-size:9.5px}.uid-box{font-family:var(--font-mono);background:var(--bg-subtle);border:1px solid var(--glass-border);color:var(--text-main);border-radius:6px;padding:4px 8px;font-size:12px}.login-layout{background-color:var(--bg-dark);width:100vw;height:100vh;display:flex;overflow:hidden}.login-image-column{flex-direction:column;flex:1;justify-content:flex-end;display:flex;position:relative;overflow:hidden}@media (width<=768px){.login-image-column{display:none}}.login-form-column{background-color:var(--bg-panel);border-left:1px solid var(--glass-border);flex-direction:column;width:500px;padding:60px;display:flex;overflow-y:auto;box-shadow:-10px 0 30px #0000004d}@media (width<=768px){.login-form-column{width:100%;padding:40px 20px}}.ribbon{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.ribbon:before{content:"";background:linear-gradient(to bottom, var(--primary), var(--secondary));opacity:.3;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.ribbon:hover{border-color:#00b4d84d;transform:translateY(-4px);box-shadow:0 15px 30px #00b4d826}.ribbon:hover:before{opacity:1}.ribbon-icon{background:var(--bg-subtle);border:1px solid var(--glass-border);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.ribbon:hover .ribbon-icon{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);transform:scale(1.05)}.ribbon-content{flex:1}.ribbon-title{color:var(--text-main);margin-bottom:4px;font-size:16px;font-weight:700}.ribbon-description{color:var(--text-muted);font-size:13px}.ribbon-arrow{color:var(--text-muted);transition:transform .3s}.ribbon:hover .ribbon-arrow{color:var(--primary);transform:translate(4px)}@media (width<=768px){.app-container{flex-direction:column}.main-content{width:100%;padding:20px}.data-table{display:block;overflow-x:auto}.grid-cards{grid-template-columns:1fr}.page-title{font-size:24px}}[style*="position: fixed"] .glass-panel,[style*=position\:fixed] .glass-panel,[style*="position: fixed"] .glass-card,[style*=position\:fixed] .glass-card,.modal-content,.modal-box{-webkit-backdrop-filter:blur(25px)!important;background:#ffffffbf!important;border:1px solid #ffffffd9!important;box-shadow:0 20px 50px #0006!important}div[style*="position: fixed"][style*=background],div[style*=position\:fixed][style*=background]{-webkit-backdrop-filter:blur(10px)!important;background:#0b1426bf!important}.btn-action-edit,.btn-action-delete,button.btn-action-edit,button.btn-action-delete{cursor:pointer!important;border:none!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;padding:0!important;transition:all .2s!important;display:inline-flex!important}.btn-action-edit,button.btn-action-edit{color:#475569!important;background-color:#f1f5f9!important}.btn-action-edit:hover,button.btn-action-edit:hover{color:#0f172a!important;background-color:#e2e8f0!important;transform:scale(1.05)!important}.btn-action-delete,button.btn-action-delete{color:#ef4444!important;background-color:#fef2f2!important}.btn-action-delete:hover,button.btn-action-delete:hover{color:#ef4444!important;background:#ef444440!important;transform:translateY(-2px)scale(1.05)!important;box-shadow:0 4px 12px #ef44444d!important}.modal-tabs,.tabs-header,.nav-tabs,.wizard-steps{border-bottom:1px solid var(--glass-border)!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;margin-bottom:20px!important;padding-bottom:10px!important;display:flex!important}.tab-btn,.wizard-step-btn{color:var(--text-muted)!important;cursor:pointer!important;box-sizing:border-box!important;background:0 0!important;border:1px solid #0000!important;border-radius:6px!important;outline:none!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:32px!important;padding:6px 13px!important;font-size:12px!important;font-weight:600!important;text-decoration:none!important;transition:all .2s ease-in-out!important;display:inline-flex!important}.tab-btn:hover,.wizard-step-btn:hover{color:var(--primary)!important;background:#3b82f614!important}.tab-btn.active,.wizard-step-btn.active{background:var(--primary-glow,#3b82f626)!important;color:var(--primary)!important;border-color:#3b82f640!important;font-weight:700!important;box-shadow:0 2px 8px #3b82f61f!important}.qhse-module-root{font-size:12.5px}.qhse-module-root .page-header-title{letter-spacing:-.3px!important;font-size:18px!important;font-weight:700!important}.qhse-module-root .page-header-subtitle{color:var(--text-muted)!important;font-size:12px!important}.qhse-module-root .form-group{margin-bottom:12px!important}.qhse-module-root .form-group label,.qhse-module-root .form-label,.qhse-module-root label.form-label,.qhse-module-root form label,.qhse-module-root .modal-box label:not(.checkbox-label):not(.radio-label),.qhse-module-root .modal-content label:not(.checkbox-label):not(.radio-label),.qhse-module-root .glass-panel label:not(.checkbox-label):not(.radio-label){color:var(--text-muted,#94a3b8)!important;text-transform:uppercase!important;letter-spacing:.4px!important;align-items:center!important;gap:4px!important;margin-bottom:4px!important;font-size:11px!important;font-weight:600!important;line-height:1.2!important;display:flex!important}.qhse-module-root label.checkbox-label,.qhse-module-root label.radio-label{text-transform:none!important;letter-spacing:normal!important;color:var(--text-main)!important;font-size:12px!important;font-weight:500!important}.qhse-module-root label:has(input[type=checkbox]){text-transform:none!important;letter-spacing:normal!important;color:var(--text-main)!important;font-size:12px!important;font-weight:500!important}.qhse-module-root label:has(input[type=radio]){text-transform:none!important;letter-spacing:normal!important;color:var(--text-main)!important;font-size:12px!important;font-weight:500!important}.qhse-module-root .form-input,.qhse-module-root select.form-input,.qhse-module-root input.form-input,.qhse-module-root input[type=text].form-input,.qhse-module-root input[type=number].form-input,.qhse-module-root input[type=date].form-input,.qhse-module-root input[type=search].form-input,.qhse-module-root select.form-input{box-sizing:border-box!important;border-radius:6px!important;height:36px!important;min-height:36px!important;padding:0 10px!important;font-size:12.5px!important;line-height:normal!important;transition:border-color .15s,box-shadow .15s!important}.qhse-module-root textarea.form-input{box-sizing:border-box!important;border-radius:6px!important;height:auto!important;min-height:52px!important;padding:8px 10px!important;font-size:12.5px!important;line-height:1.4!important}.qhse-module-root .btn,.qhse-module-root .btn-secondary{border-radius:6px!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:36px!important;padding:0 14px!important;font-size:12.5px!important;font-weight:600!important;line-height:36px!important;display:inline-flex!important}.qhse-module-root .data-table{font-size:12px!important}.qhse-module-root .data-table th{letter-spacing:.5px!important;padding:7px 10px!important;font-size:10.5px!important;font-weight:700!important}.qhse-module-root .data-table td{padding:7px 10px!important;font-size:12px!important}.qhse-module-root .metric-card{border-radius:10px!important;gap:8px!important;padding:12px 16px!important}.qhse-module-root .metric-title{letter-spacing:.5px!important;font-size:10.5px!important;font-weight:700!important}.qhse-module-root .metric-value{font-size:22px!important;font-weight:800!important}.qhse-module-root .metric-value .metric-unit{font-size:12px!important}.qhse-module-root .metric-icon-badge{border-radius:8px!important;width:36px!important;height:36px!important}.qhse-module-root .metric-footer{padding-top:6px!important;font-size:11px!important}.qhse-module-root .modal-container,.qhse-module-root .modal-content,.qhse-module-root .modal-box,.qhse-module-root .glass-panel{border-radius:10px}.qhse-module-root .modal-container h2,.qhse-module-root .modal-container h3,.qhse-module-root .modal-content h2,.qhse-module-root .modal-content h3,.qhse-module-root .modal-box h2,.qhse-module-root .modal-box h3{letter-spacing:-.2px!important;font-size:15px!important;font-weight:700!important}.qhse-module-root .modal-container h4,.qhse-module-root .modal-content h4,.qhse-module-root .modal-box h4{font-size:12.5px!important;font-weight:700!important}.qhse-module-root .modal-box p,.qhse-module-root .modal-content p,.qhse-module-root .modal-header p{color:var(--text-muted)!important;font-size:11.5px!important}.modal-backdrop{-webkit-backdrop-filter:blur(6px)!important;z-index:99999!important;box-sizing:border-box!important;background:#000000a6!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}.modal-content{animation:.2s ease-out modalFadeIn;z-index:100000!important;border:1px solid var(--glass-border)!important;position:relative!important;box-shadow:0 25px 50px -12px #00000080!important}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.btn-close,button.btn-close,button[class*=btn-close]{color:var(--text-muted,#94a3b8)!important;cursor:pointer!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:8px!important;outline:none!important;justify-content:center!important;align-items:center!important;padding:6px!important;transition:all .2s!important;display:inline-flex!important}.btn-close:hover,button.btn-close:hover,button[class*=btn-close]:hover{color:var(--text-main,#f8fafc)!important;background:#ffffff14!important;transform:scale(1.05)!important}.light-theme .btn-close:hover,.light-theme button.btn-close:hover{color:#0f172a!important;background:#0000000d!important}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-container{background:var(--bg-panel,#1c2541);border:1px solid var(--glass-border);width:100%;max-width:750px;max-height:90vh;color:var(--text-main);border-radius:16px;padding:28px;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.fms-card{-webkit-backdrop-filter:blur(16px);background:#0a1426d1;border:1px solid #00d2ff2e;border-radius:12px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000059}.fms-card:hover{border-color:#00d2ff59;box-shadow:0 8px 32px #0006,0 0 15px #00d2ff1f}.fms-card-header{background:#0e1b3373;border-bottom:1px solid #00d2ff1f;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.fms-kpi-card{background:linear-gradient(145deg,#0d1a31e6 0%,#08101ff2 100%);border:1px solid #00d2ff29;border-radius:12px;padding:18px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.fms-kpi-card:hover{border-color:#00d2ff;transform:translateY(-2px);box-shadow:0 10px 25px #00d2ff1f}.fms-badge-cyan{color:#38bdf8;background:#00d2ff24;border:1px solid #00d2ff59;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.fms-badge-green{color:#34d399;background:#10b98124;border:1px solid #10b98159;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.fms-badge-yellow{color:#fbbf24;background:#f59e0b24;border:1px solid #f59e0b59;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.fms-badge-red{color:#f87171;background:#ef444424;border:1px solid #ef444459;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.fms-badge-orange{color:#fb923c;background:#f9731624;border:1px solid #f9731659;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.fms-table{border-collapse:separate;border-spacing:0;width:100%;font-size:12.5px}.fms-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#0e1b33b3;border-bottom:1px solid #00d2ff26;padding:10px 14px;font-size:11px;font-weight:600}.fms-table td{color:#e2e8f0;border-bottom:1px solid #ffffff0a;padding:10px 14px;transition:background .15s}.fms-table tr:hover td{background:#00d2ff0d}.fms-circuit-bg{background-color:#060b17;background-image:radial-gradient(circle at 10% 20%,#00d2ff0a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#0077b60d 0%,#0000 40%)}