/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentcolor)}::file-selector-button{border-color:var(--color-gray-200,currentcolor)}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.col-1{grid-column:1}.col-2{grid-column:2}.col-3{grid-column:3}.col-4{grid-column:4}.col-5{grid-column:5}.col-6{grid-column:6}.col-7{grid-column:7}.col-8{grid-column:8}.col-9{grid-column:9}.col-10{grid-column:10}.col-11{grid-column:11}.col-12{grid-column:12}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-1{margin:calc(var(--spacing)*1)}.m-2{margin:calc(var(--spacing)*2)}.m-3{margin:calc(var(--spacing)*3)}.m-4{margin:calc(var(--spacing)*4)}.m-5{margin:calc(var(--spacing)*5)}.m-auto{margin:auto}.me-2{margin-inline-end:calc(var(--spacing)*2)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.h-100{height:calc(var(--spacing)*100)}.w-25{width:calc(var(--spacing)*25)}.w-100{width:calc(var(--spacing)*100)}.flex-shrink,.shrink{flex-shrink:1}.flex-grow-1,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.rotate-270{rotate:270deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-none{--tw-border-style:none;border-style:none}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}}[data-page=super-admin] .design-sheet-categories{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem;display:grid}[data-page=super-admin] .category-card{background:#fff;border-left:4px solid;border-radius:12px;padding:1.5rem;transition:all .3s;box-shadow:0 4px 15px #0000001a}[data-page=super-admin] .category-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}[data-page=super-admin] .vpi-category{border-left-color:#667eea}[data-page=super-admin] .vpi-category .category-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}[data-page=super-admin] .crt-category{border-left-color:#f093fb}[data-page=super-admin] .crt-category .category-icon{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}[data-page=super-admin] .ofd-category{border-left-color:#36f}[data-page=super-admin] .ofd-category .category-icon{background:linear-gradient(135deg,#36f 0%,#1a73e8 100%)}[data-page=super-admin] .category-header{align-items:center;margin-bottom:1.5rem;display:flex}[data-page=super-admin] .category-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-right:1rem;font-size:1.5rem;display:flex}[data-page=super-admin] .category-info{flex:1}[data-page=super-admin] .category-info h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:600}[data-page=super-admin] .category-info p{color:#666;margin:0;font-size:.9rem}[data-page=super-admin] .category-actions{margin-left:1rem}[data-page=super-admin] .category-stats{gap:2rem;display:flex}[data-page=super-admin] .stat-item{text-align:center}[data-page=super-admin] .stat-number{color:#333;font-size:1.5rem;font-weight:700;display:block}[data-page=super-admin] .stat-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}[data-page=super-admin] .admin-table th,[data-page=super-admin] .admin-table td{text-align:left;border-bottom:1px solid #e9ecef;padding:1rem}[data-page=super-admin] .admin-table th{color:#333;background:#f8f9fa;font-weight:600}[data-page=super-admin] .badge-danger{color:#721c24;background:#f8d7da}[data-page=super-admin] .btn-icon{color:#666;cursor:pointer;background:#f8f9fa;border:none;border-radius:6px;width:32px;height:32px;transition:all .2s}[data-page=super-admin] #design-sheets-section{background:0 0;width:100%;padding:0}[data-page=super-admin] #design-sheets-section .design-sheet-categories{margin-bottom:30px;display:block!important}[data-page=super-admin] #design-sheets-section .content-card{margin-top:20px;display:block!important}[data-page=super-admin] #design-sheets-section .category-card{margin-bottom:20px}[data-page=mbeat] .building-tooltip,[data-page=mbeat] .machine-tooltip{color:#fff;pointer-events:none;z-index:1000;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;background:#000000f2;border:1px solid #fff3;border-radius:6px;min-width:220px;max-width:280px;padding:10px 10px 15px;font-size:10px;box-shadow:0 4px 12px #0000004d}[data-page=mbeat] .machine-tooltip{text-shadow:0 1px 2px #000c}[data-page=mbeat] .tooltip-header{border-bottom:1px solid #fff3;margin-bottom:8px;padding-bottom:8px}[data-page=mbeat] .tooltip-header h4{color:#fff;margin:0;font-size:11px;font-weight:600}[data-page=mbeat] .tooltip-content p{color:#e5e5e5;margin:3px 0;line-height:1.3}[data-page=mbeat] .tooltip-machines{margin-top:8px}[data-page=mbeat] .tooltip-machine{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:2px 0;display:flex}[data-page=mbeat] .tooltip-machine:last-child{border-bottom:none}[data-page=mbeat] .machine-name{color:#fff;font-weight:500}[data-page=mbeat] .machine-type{color:#888;font-size:9px}[data-page=mbeat] .status-indicator{border-radius:50%;width:8px;height:8px;margin-left:8px;display:inline-block}[data-page=mbeat] .status-indicator.operate{background-color:#0f0}[data-page=mbeat] .status-indicator.alarm{background-color:red}[data-page=mbeat] .status-indicator.disconnect{background-color:#888}[data-page=mbeat] .status-indicator.emergency_light{background-color:red}[data-page=mbeat] .status-indicator.stop{background-color:#ff0}[data-page=mbeat] .status-indicator.suspend{background-color:#fd7e14}[data-page=mbeat] .status-indicator.manual{background-color:#87ceeb}[data-page=mbeat] .status-indicator.warmup{background-color:maroon}.oee-filter-container-horizontal{flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:16px;display:flex}.oee-filter-actions{align-items:end;margin-left:auto;display:flex}.oee-filter-actions .btn-apply{align-items:center;gap:6px;height:36px;min-height:36px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.oee-filter-item-horizontal{flex-direction:column;min-width:140px;display:flex}.oee-filter-item-horizontal label{color:#1e40af;align-items:center;gap:4px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.oee-filter-item-horizontal .filter-dot{background-color:#3b82f6;border-radius:50%;width:6px;height:6px;display:inline-block}.oee-filter-input,.oee-filter-select{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:36px;padding:8px 12px;font-size:13px;transition:all .2s}.oee-filter-input:focus,.oee-filter-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.oee-filter-input:hover,.oee-filter-select:hover{border-color:#9ca3af}.oee-filter-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}[data-page=maintenance-module]{--mm-primary-color:#007bff;--mm-success-color:#28a745;--mm-warning-color:#ffc107;--mm-danger-color:#dc3545;--mm-info-color:#17a2b8;--mm-light-color:#f8f9fa;--mm-secondary-color:#6c757d;--mm-card-radius:12px;--mm-shadow:0 4px 12px #0000001a;--mm-hover-shadow:0 8px 20px #00000026}[data-page=maintenance-module] .kpi-grid-maintenance{grid-template-columns:repeat(6,1fr);display:grid;gap:26px!important;margin-bottom:10px!important}[data-page=maintenance-module] .kpi-card-compact{border-radius:var(--mm-card-radius);min-width:0;box-shadow:var(--mm-shadow);background:#fff;border:1px solid #e9ecef;align-items:center;transition:all .3s;display:flex;gap:20px!important;padding:12px 30px!important}[data-page=maintenance-module] .kpi-card-compact:hover{box-shadow:var(--mm-hover-shadow);transform:translateY(-2px)}[data-page=maintenance-module] .kpi-icon-compact{color:#fff;justify-content:center;align-items:center;display:flex;border-radius:6px!important;width:32px!important;height:32px!important;font-size:.9rem!important}[data-page=maintenance-module] .kpi-icon-compact.tasks{background:var(--mm-primary-color)}[data-page=maintenance-module] .kpi-icon-compact.pending{background:var(--mm-warning-color)}[data-page=maintenance-module] .kpi-icon-compact.completed{background:var(--mm-success-color)}[data-page=maintenance-module] .kpi-icon-compact.mtbf{background:var(--mm-info-color)}[data-page=maintenance-module] .kpi-icon-compact.mttr{background:var(--mm-secondary-color)}[data-page=maintenance-module] .kpi-icon-compact.compliance{background:var(--mm-primary-color)}[data-page=maintenance-module] .kpi-content-compact{flex:1}[data-page=maintenance-module] .kpi-value-compact{color:#2c3e50;font-weight:700;line-height:1.2;margin-bottom:1px!important;font-size:1.1rem!important}[data-page=maintenance-module] .kpi-label-compact{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:600;font-size:.65rem!important}[data-page=maintenance-module] .kpi-trend-compact{align-items:center;gap:4px;font-weight:600;display:flex;font-size:.7rem!important}[data-page=maintenance-module] .kpi-trend-compact.trend-up{color:var(--mm-success-color)}[data-page=maintenance-module] .kpi-trend-compact.trend-down{color:var(--mm-danger-color)}[data-page=maintenance-module] .equipment-status-grid{flex-direction:column;gap:12px;display:flex}[data-page=maintenance-module] .equipment-status-item{border-radius:var(--mm-card-radius);border:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:14px;transition:all .3s;display:flex}[data-page=maintenance-module] .equipment-status-item:hover{box-shadow:var(--mm-shadow);transform:translateY(-1px)}[data-page=maintenance-module] .equipment-status-item.status-operational{border-left:4px solid var(--mm-success-color);background:linear-gradient(135deg,#28a7450d,#28a7451a)}[data-page=maintenance-module] .equipment-status-item.status-maintenance{border-left:4px solid var(--mm-warning-color);background:linear-gradient(135deg,#ffc1070d,#ffc1071a)}[data-page=maintenance-module] .equipment-status-item.status-offline{border-left:4px solid var(--mm-danger-color);background:linear-gradient(135deg,#dc35450d,#dc35451a)}[data-page=maintenance-module] .equipment-status-grid-bottom{margin:0}[data-page=maintenance-module] .equipment-status-grid-bottom .equipment-status-item{margin-bottom:20px}[data-page=maintenance-module] .chart-container-compact,[data-page=maintenance-module] .chart-container-enhanced{min-height:160px;position:relative}[data-page=maintenance-module] .radar-chart-container-compact{position:relative}[data-page=maintenance-module] .chart-footer{border-top:1px solid #e9ecef;padding-top:8px}[data-page=maintenance-module] .priority-widget{border-left:4px solid var(--mm-primary-color)}[data-page=maintenance-module] #listViewContainer{align-items:stretch;display:flex}[data-page=maintenance-module] #listViewContainer>div{flex-direction:column;display:flex}[data-page=maintenance-module] #listViewContainer .widget,[data-page=maintenance-module] #listViewContainer .widget-body,[data-page=maintenance-module] #listViewContainer .maintenance-tasks-enhanced,[data-page=maintenance-module] #listViewContainer .chart-container-compact{flex-direction:column;flex:1;display:flex}[data-page=maintenance-module] #listViewContainer .table-responsive{flex:1;overflow-y:auto}[data-page=maintenance-module] #chartsRow{align-items:stretch;display:flex}[data-page=maintenance-module] #chartsRow>div{flex-direction:column;display:flex}[data-page=maintenance-module] #chartsRow .widget,[data-page=maintenance-module] #chartsRow .widget-body,[data-page=maintenance-module] #chartsRow .chart-container-enhanced,[data-page=maintenance-module] #chartsRow .radar-chart-container-compact{flex-direction:column;flex:1;display:flex}[data-page=maintenance-module] #equipmentRow{align-items:stretch;display:flex}[data-page=maintenance-module] #equipmentRow>div{flex-direction:column;display:flex}[data-page=maintenance-module] #equipmentRow .widget,[data-page=maintenance-module] #equipmentRow .widget-body,[data-page=maintenance-module] #equipmentRow .chart-container-enhanced,[data-page=maintenance-module] #equipmentRow .equipment-status-grid{flex-direction:column;flex:1;display:flex}[data-page=maintenance-module] .widget-header.enhanced{border-bottom:2px solid #f8f9fa;padding:20px}[data-page=maintenance-module] .widget-title-section{flex:1}[data-page=maintenance-module] .widget-title.main-title{color:#2c3e50;align-items:center;margin-bottom:4px;font-size:1.25rem;font-weight:600;display:flex}[data-page=maintenance-module] .widget-subtitle{color:#6c757d;margin:0;font-size:.875rem}[data-page=maintenance-module] .maintenance-table-modern{table-layout:auto;width:100%;min-width:100%;font-size:.875rem}[data-page=maintenance-module] .maintenance-table-modern th,[data-page=maintenance-module] .maintenance-table-modern td{white-space:normal!important;text-overflow:clip!important;overflow:visible!important}[data-page=maintenance-module] .maintenance-tasks-enhanced .table-responsive{width:100%;overflow-x:auto}[data-page=maintenance-module] .maintenance-table-modern th{text-transform:uppercase;letter-spacing:.5px;color:#495057;background:#f8f9fa;border:none;padding:12px;font-size:.75rem;font-weight:600}[data-page=maintenance-module] .maintenance-table-modern td{vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;box-sizing:border-box;border-color:#f1f3f4;max-width:none;min-height:60px;padding:18px 12px;line-height:1.6}[data-page=maintenance-module] .maintenance-row.priority-critical,[data-page=maintenance-module] .maintenance-table-modern .maintenance-row.priority-critical,[data-page=maintenance-module] table .maintenance-row.priority-critical{border-left:4px solid var(--mm-danger-color);border-top:2px solid #dc354526;color:#031b4e!important;opacity:1!important;visibility:visible!important;background:#fff!important}[data-page=maintenance-module] .maintenance-row.priority-high,[data-page=maintenance-module] .maintenance-table-modern .maintenance-row.priority-high,[data-page=maintenance-module] table .maintenance-row.priority-high{border-left:4px solid var(--mm-warning-color);border-top:2px solid #ffc10726;background:#fff!important}[data-page=maintenance-module] .maintenance-row.priority-medium,[data-page=maintenance-module] .maintenance-table-modern .maintenance-row.priority-medium,[data-page=maintenance-module] table .maintenance-row.priority-medium{border-left:4px solid var(--mm-info-color);border-top:2px solid #17a2b826;background:#fff!important}[data-page=maintenance-module] .maintenance-row.row-pulse{color:#031b4e!important;opacity:1!important;visibility:visible!important;background:#fff!important}[data-page=maintenance-module] .maintenance-row.priority-critical.row-pulse{color:#031b4e!important;opacity:1!important;visibility:visible!important;background:#fff!important;display:table-row!important}[data-page=maintenance-module] .equipment-name{color:#2c3e50;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;font-weight:600}[data-page=maintenance-module] .type-badge,[data-page=maintenance-module] .status-badge,[data-page=maintenance-module] .priority-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:4px 8px;font-size:.7rem;font-weight:600}[data-page=maintenance-module] .type-badge.preventive{color:var(--mm-info-color);background:#17a2b81a}[data-page=maintenance-module] .type-badge.corrective{color:#856404;background:#ffc1071a}[data-page=maintenance-module] .status-badge.status-pending{color:var(--mm-secondary-color);background:#6c757d1a}[data-page=maintenance-module] .status-badge.status-in-progress{color:var(--mm-info-color);background:#17a2b81a}[data-page=maintenance-module] .status-badge.status-overdue,[data-page=maintenance-module] .priority-badge.critical{color:var(--mm-danger-color);background:#dc35451a}[data-page=maintenance-module] .priority-badge.high{color:#856404;background:#ffc1071a}[data-page=maintenance-module] .priority-badge.medium{color:var(--mm-info-color);background:#17a2b81a}[data-page=maintenance-module] .date-overdue{color:var(--mm-danger-color);font-weight:600}[data-page=maintenance-module] .action-buttons{z-index:10;gap:6px;display:flex;position:relative;pointer-events:auto!important}[data-page=maintenance-module] .action-buttons button,[data-page=maintenance-module] .action-buttons .dropdown-toggle,[data-page=maintenance-module] .action-buttons .dropdown-item{z-index:11;position:relative;pointer-events:auto!important;cursor:pointer!important}[data-page=maintenance-module] .action-buttons .dropdown-menu{pointer-events:auto!important;z-index:1000!important}[data-page=maintenance-module] .action-buttons .btn-primary,[data-page=maintenance-module] .action-buttons .btn-warning,[data-page=maintenance-module] .action-buttons .btn-success,[data-page=maintenance-module] .action-buttons .btn-outline-primary,[data-page=maintenance-module] .action-buttons .btn-outline-secondary,[data-page=maintenance-module] .action-buttons .btn-outline-danger,[data-page=maintenance-module] .action-buttons .btn-outline-success{color:#495057!important;background:0 0!important;border-color:#0000!important}[data-page=maintenance-module] .action-buttons .btn-primary i,[data-page=maintenance-module] .action-buttons .btn-warning i,[data-page=maintenance-module] .action-buttons .btn-success i,[data-page=maintenance-module] .action-buttons .btn-outline-primary i,[data-page=maintenance-module] .action-buttons .btn-outline-secondary i,[data-page=maintenance-module] .action-buttons .btn-outline-danger i,[data-page=maintenance-module] .action-buttons .btn-outline-success i{color:#495057!important}[data-page=maintenance-module] .action-buttons .btn-primary:hover,[data-page=maintenance-module] .action-buttons .btn-warning:hover,[data-page=maintenance-module] .action-buttons .btn-success:hover,[data-page=maintenance-module] .action-buttons .btn-outline-primary:hover,[data-page=maintenance-module] .action-buttons .btn-outline-secondary:hover,[data-page=maintenance-module] .action-buttons .btn-outline-danger:hover,[data-page=maintenance-module] .action-buttons .btn-outline-success:hover{color:#36f!important;background:0 0!important;border-color:#0000!important}[data-page=maintenance-module] .action-buttons .btn-primary:hover i,[data-page=maintenance-module] .action-buttons .btn-warning:hover i,[data-page=maintenance-module] .action-buttons .btn-success:hover i,[data-page=maintenance-module] .action-buttons .btn-outline-primary:hover i,[data-page=maintenance-module] .action-buttons .btn-outline-secondary:hover i,[data-page=maintenance-module] .action-buttons .btn-outline-danger:hover i,[data-page=maintenance-module] .action-buttons .btn-outline-success:hover i{color:#36f!important}[data-page=maintenance-module] .maintenance-history-table th{text-transform:uppercase;letter-spacing:.5px;color:#495057;background:#f8f9fa;border:none;padding:12px;font-size:.75rem;font-weight:600}[data-page=maintenance-module] .maintenance-history-table td{border-color:#f1f3f4;padding:14px 12px}[data-page=maintenance-module] .duration-badge{color:var(--mm-info-color);background:#17a2b81a;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:600}[data-page=maintenance-module] .work-orders-enhanced{flex-direction:column;gap:16px;display:flex}[data-page=maintenance-module] .work-order-card{border-radius:var(--mm-card-radius);background:#fff;border:1px solid #e9ecef;padding:16px;transition:all .3s}[data-page=maintenance-module] .work-order-card:hover{box-shadow:var(--mm-shadow);transform:translateY(-2px)}[data-page=maintenance-module] .work-order-card.priority-critical{border-left:4px solid var(--mm-danger-color);background:linear-gradient(135deg,#dc354505,#dc35450d)}[data-page=maintenance-module] .work-order-card.priority-normal{border-left:4px solid var(--mm-info-color)}[data-page=maintenance-module] .work-order-card.priority-low{border-left:4px solid var(--mm-secondary-color)}[data-page=maintenance-module] .work-order-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}[data-page=maintenance-module] .work-order-id{color:#2c3e50;margin-bottom:4px;font-size:.95rem;font-weight:600}[data-page=maintenance-module] .work-order-desc{color:#6c757d;margin:0;font-size:.8rem}[data-page=maintenance-module] .work-order-status{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:600}[data-page=maintenance-module] .work-order-status.overdue{color:var(--mm-danger-color);background:#dc35451a}[data-page=maintenance-module] .work-order-status.in-progress{color:#856404;background:#ffc1071a}[data-page=maintenance-module] .work-order-status.scheduled{color:var(--mm-info-color);background:#17a2b81a}[data-page=maintenance-module] .work-order-meta{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}[data-page=maintenance-module] .meta-item{flex-direction:column;display:flex}[data-page=maintenance-module] .meta-label{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.7rem;font-weight:600}[data-page=maintenance-module] .meta-value{color:#2c3e50;font-size:.85rem;font-weight:500}[data-page=maintenance-module] .work-order-actions{justify-content:flex-end;gap:8px;display:flex}[data-page=maintenance-module] .work-orders-enhanced-horizontal{margin:0}[data-page=maintenance-module] .work-orders-enhanced-horizontal .work-order-card{height:100%;margin-bottom:0}[data-page=maintenance-module] .maintenance-filters-bar{border-radius:var(--mm-card-radius);background:#fff;border:1px solid #e9ecef;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}[data-page=maintenance-module] .filter-search-group{align-items:center;display:flex;position:relative}[data-page=maintenance-module] .filter-search-group i{color:#6c757d;z-index:1;position:absolute;left:12px}[data-page=maintenance-module] .filter-search-input{border:1px solid #e9ecef;border-radius:8px;width:100%;padding:10px 40px 10px 36px;font-size:.875rem;transition:all .2s}[data-page=maintenance-module] .filter-search-input:focus{border-color:var(--mm-primary-color);outline:none;box-shadow:0 0 0 3px #007bff1a}[data-page=maintenance-module] .filter-search-clear{color:#6c757d;cursor:pointer;z-index:1;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:8px}[data-page=maintenance-module] .filter-search-clear:hover{color:var(--mm-danger-color)}[data-page=maintenance-module] .filter-chips-group{flex-wrap:wrap;gap:8px;display:flex}[data-page=maintenance-module] .filter-chip{color:#6c757d;cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}[data-page=maintenance-module] .filter-chip:hover{border-color:var(--mm-primary-color);color:var(--mm-primary-color)}[data-page=maintenance-module] .filter-chip.active{background:var(--mm-primary-color);border-color:var(--mm-primary-color);color:#fff}[data-page=maintenance-module] .filter-chip i{font-size:.9rem}[data-page=maintenance-module] .filter-count{background:#ffffff4d;border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:600}[data-page=maintenance-module] .filter-chip.active .filter-count{background:#ffffff40}[data-page=maintenance-module] .filter-actions-group{gap:8px;margin-left:auto;display:flex}[data-page=maintenance-module] .dashboard-quick-stats{align-items:center;gap:12px;margin-right:12px;display:flex}[data-page=maintenance-module] .quick-stat-item{align-items:center;gap:6px;font-size:.875rem;font-weight:600;display:flex}[data-page=maintenance-module] .quick-stat-item i{font-size:1rem}[data-page=maintenance-module] .stat-value{text-align:center;background:#dc35451a;border-radius:12px;min-width:20px;padding:2px 8px;font-size:.75rem}[data-page=maintenance-module] .quick-stat-divider{background:#e9ecef;width:1px;height:20px}[data-page=maintenance-module] .maintenance-alert-banner{border-left:4px solid var(--mm-danger-color);margin-bottom:16px;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-page=maintenance-module] .kpi-clickable{cursor:pointer;transition:all .2s}[data-page=maintenance-module] .kpi-clickable:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}[data-page=maintenance-module] .kpi-sparkline{opacity:.6;height:20px;margin-top:8px}[data-page=maintenance-module] .kpi-benchmark{margin-top:4px}[data-page=maintenance-module] .kpi-progress-mini{background:#f1f3f4;border-radius:2px;height:4px;margin-top:6px;overflow:hidden}[data-page=maintenance-module] .progress-bar-mini{background:var(--mm-success-color);border-radius:2px;height:100%;transition:width .3s}[data-page=maintenance-module] .sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}[data-page=maintenance-module] .sortable:hover{background:#007bff0d}[data-page=maintenance-module] .sort-icon{opacity:.5;margin-left:4px;font-size:.7rem}[data-page=maintenance-module] .select-cell,[data-page=maintenance-module] .select-col{text-align:center;width:40px;padding:8px 4px}[data-page=maintenance-module] .priority-indicator{border-radius:0 2px 2px 0;width:4px;height:100%;position:absolute;top:0;left:0}[data-page=maintenance-module] .priority-indicator.priority-critical{background:var(--mm-danger-color)}[data-page=maintenance-module] .priority-indicator.priority-high{background:var(--mm-warning-color)}[data-page=maintenance-module] .priority-indicator.priority-medium{background:var(--mm-info-color)}[data-page=maintenance-module] .equipment-cell{flex:1;align-items:center;gap:8px;min-width:0;padding-left:8px;display:flex;position:relative}[data-page=maintenance-module] .equipment-info-tooltip{cursor:help;opacity:.6}[data-page=maintenance-module] .equipment-info-tooltip:hover{opacity:1;color:var(--mm-primary-color)}[data-page=maintenance-module] .date-cell{flex-direction:column;justify-content:center;min-height:50px;padding:6px 0;line-height:1.6;display:flex}[data-page=maintenance-module] .date-cell span{margin-bottom:4px;line-height:1.5;display:block}[data-page=maintenance-module] .date-cell small{margin-top:4px;padding-bottom:2px;line-height:1.4;display:block}[data-page=maintenance-module] .row-pulse{animation:2s infinite pulse-border}@keyframes pulse-border{0%,to{border-left-color:var(--mm-danger-color)}50%{border-left-color:#dc354580}}[data-page=maintenance-module] .status-pulse{position:relative}[data-page=maintenance-module] .pulse-dot{background:var(--mm-danger-color);border-radius:50%;width:8px;height:8px;margin-right:6px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.5}}[data-page=maintenance-module] .progress-indicator{background:var(--mm-info-color);border-radius:50%;width:8px;height:8px;margin-right:6px;animation:2s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}[data-page=maintenance-module] .row-selected{background:#007bff0d!important}[data-page=maintenance-module] .bulk-actions-toolbar{border-radius:0 0 var(--mm-card-radius)var(--mm-card-radius);background:#f8f9fa;border-top:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-top:-1px;padding:12px 16px;display:flex}[data-page=maintenance-module] .bulk-actions-info{color:#2c3e50;font-size:.875rem;font-weight:600}[data-page=maintenance-module] .bulk-actions-buttons{gap:8px;display:flex}[data-page=maintenance-module] .empty-state{text-align:center;padding:60px 20px}[data-page=maintenance-module] .empty-state-icon{color:#d1d5db;margin-bottom:16px;font-size:3rem}[data-page=maintenance-module] .empty-state-title{color:#2c3e50;margin-bottom:8px;font-size:1.1rem;font-weight:600}[data-page=maintenance-module] .empty-state-text{color:#6c757d;margin-bottom:20px;font-size:.875rem}[data-page=maintenance-module] .equipment-header-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}[data-page=maintenance-module] .equipment-health-score{color:var(--mm-success-color);align-items:center;gap:4px;font-size:.75rem;display:flex}[data-page=maintenance-module] .pulse-online{animation:2s infinite pulse-green}@keyframes pulse-green{0%{box-shadow:0 0 #28a745b3}70%{box-shadow:0 0 0 6px #28a74500}to{box-shadow:0 0 #28a74500}}[data-page=maintenance-module] .last-updated{font-size:.7rem}[data-page=maintenance-module] .service-overdue{align-items:center;gap:4px;display:flex}[data-page=maintenance-module] .toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}[data-page=maintenance-module] .toast{min-width:300px;box-shadow:0 4px 12px #00000026}[data-page=maintenance-module] .metric-summary-item{text-align:center}[data-page=maintenance-module] .metric-summary-item small{margin-bottom:4px;display:block}[data-page=maintenance-module] .maintenance-calendar-container{background:#fff;min-height:500px}[data-page=maintenance-module] .calendar-header{background:#e9ecef;border:1px solid #e9ecef;border-radius:8px 8px 0 0;grid-template-columns:repeat(7,1fr);gap:1px;display:grid}[data-page=maintenance-module] .calendar-day-name{text-align:center;color:#6c757d;text-transform:uppercase;background:#f8f9fa;padding:12px;font-size:.875rem;font-weight:600}[data-page=maintenance-module] .calendar-grid{background:#e9ecef;border:1px solid #e9ecef;border-top:none;border-radius:0 0 8px 8px;grid-template-columns:repeat(7,1fr);gap:1px;display:grid}[data-page=maintenance-module] .calendar-day{cursor:pointer;background:#fff;min-height:100px;padding:8px;transition:all .2s;position:relative}[data-page=maintenance-module] .calendar-day:hover{z-index:1;background:#f8f9fa;transform:scale(1.02);box-shadow:0 2px 8px #0000001a}[data-page=maintenance-module] .calendar-day.today{background:#007bff0d;font-weight:600}[data-page=maintenance-module] .calendar-day.other-month{background:#f8f9fa}[data-page=maintenance-module] .calendar-day.today .calendar-day-number{color:var(--mm-primary-color);font-weight:700}[data-page=maintenance-module] .calendar-task-indicator{border-radius:4px;justify-content:center;align-items:center;min-width:24px;height:20px;padding:2px 6px;font-size:.7rem;font-weight:600;display:inline-flex}[data-page=maintenance-module] .calendar-task-indicator.priority-critical{color:var(--mm-danger-color);background:#dc354526}[data-page=maintenance-module] .calendar-task-indicator.priority-high{color:#856404;background:#ffc10726}[data-page=maintenance-module] .calendar-task-indicator.priority-medium{color:var(--mm-info-color);background:#17a2b826}[data-page=maintenance-module] .calendar-task-indicator.priority-low{color:var(--mm-secondary-color);background:#6c757d26}[data-page=maintenance-module] .calendar-task-indicator.overdue{border:2px solid var(--mm-danger-color);animation:2s infinite pulse}[data-page=maintenance-module] .calendar-task-count{font-size:.65rem}[data-page=maintenance-module] .calendar-month-year{color:#2c3e50;text-align:center;min-width:150px;margin:0 12px;font-size:1rem;font-weight:600}[data-page=maintenance-module] .calendar-legend{background:#f8f9fa;border-radius:8px;flex-wrap:wrap;justify-content:center;gap:16px;padding:12px;display:flex}[data-page=maintenance-module] .legend-item{color:#6c757d;align-items:center;gap:6px;font-size:.8rem;display:flex}[data-page=maintenance-module] .legend-dot.legend-critical{background:#dc3545cc}[data-page=maintenance-module] .legend-dot.legend-high{background:#ffc107cc}[data-page=maintenance-module] .legend-dot.legend-medium{background:#17a2b8cc}[data-page=maintenance-module] .legend-dot.legend-low{background:#6c757dcc}[data-page=maintenance-module] .legend-dot.legend-overdue{background:var(--mm-danger-color);border:2px solid var(--mm-danger-color);animation:2s infinite pulse}@media (max-width:768px){[data-page=maintenance-module] .calendar-day{min-height:60px;padding:4px}[data-page=maintenance-module] .calendar-day-number{font-size:.75rem}[data-page=maintenance-module] .calendar-task-indicator{min-width:20px;height:16px;padding:1px 4px;font-size:.6rem}[data-page=maintenance-module] .calendar-task-count{font-size:.55rem}[data-page=maintenance-module] .calendar-month-year{min-width:120px;margin:0 8px;font-size:.875rem}[data-page=maintenance-module] .calendar-legend{gap:8px;padding:8px}[data-page=maintenance-module] .legend-item{font-size:.7rem}[data-page=maintenance-module] .legend-dot{width:12px;height:12px}}@media (max-width:576px){[data-page=maintenance-module] .calendar-day{min-height:50px;padding:2px}[data-page=maintenance-module] .calendar-day-name{padding:8px 4px;font-size:.75rem}[data-page=maintenance-module] .calendar-day-number{font-size:.7rem}}@media (max-width:1200px){[data-page=maintenance-module] .kpi-grid-maintenance{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){[data-page=maintenance-module] .kpi-grid-maintenance{grid-template-columns:repeat(2,1fr)}[data-page=maintenance-module] .equipment-status-grid{gap:8px}[data-page=maintenance-module] .work-order-meta{grid-template-columns:1fr;gap:8px}[data-page=maintenance-module] .maintenance-filters-bar{flex-direction:column}[data-page=maintenance-module] .filter-chips-group{flex-wrap:wrap}[data-page=maintenance-module] .filter-actions-group{justify-content:flex-end;width:100%;margin-left:0}[data-page=maintenance-module] .dashboard-quick-stats{display:none}[data-page=maintenance-module] .bulk-actions-toolbar{flex-direction:column;align-items:stretch;gap:12px}[data-page=maintenance-module] .bulk-actions-buttons{flex-wrap:wrap}}@media (max-width:576px){[data-page=maintenance-module] .kpi-grid-maintenance{grid-template-columns:1fr}[data-page=maintenance-module] .kpi-card-compact{padding:10px!important}[data-page=maintenance-module] .filter-chip{padding:4px 10px;font-size:.75rem}[data-page=maintenance-module] .toast-container{top:10px;left:10px;right:10px}[data-page=maintenance-module] .toast{width:100%;min-width:auto}}[data-page=design-sheets]{--ds-primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--ds-secondary-gradient:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--ds-tertiary-gradient:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--ds-card-radius:20px;--ds-shadow:0 10px 30px #00000026;--ds-hover-shadow:0 20px 40px #00000040}[data-page=design-sheets] .dashboard-header{backdrop-filter:blur(15px);background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #00000014;border-radius:35px;grid-column:1/-1;justify-content:center;align-items:center;margin:0 0 8px;padding:20px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #0000001a}[data-page=design-sheets] .dashboard-header:before{content:"";background:linear-gradient(90deg,#4ade80,#3b82f6,#8b5cf6);border-radius:35px 35px 0 0;height:3px;position:absolute;top:0;left:0;right:0}[data-page=design-sheets] .dashboard-title{text-align:center;justify-content:center;align-items:center;display:flex}[data-page=design-sheets] .title-content h1{color:#1f2937;margin:0;font-size:1.6rem;font-weight:700;line-height:1.2}[data-page=design-sheets] .title-subtitle{color:#6b7280;margin:3px 0 0;font-size:.9rem;font-weight:400}[data-page=design-sheets] .page-title{text-align:center;margin-bottom:40px}[data-page=design-sheets] .indxo-content{transition:margin-left .3s}[data-page=design-sheets] .indxo-content.menu-open{margin-left:280px}[data-page=design-sheets] .indxo-content-body{transition:margin-left .3s}[data-page=design-sheets] .indxo-content-body.menu-open{margin-left:280px}[data-page=design-sheets] .page-title h1{color:var(--dark-color);margin-bottom:10px;font-size:2.5rem;font-weight:600}[data-page=design-sheets] .page-title p{color:var(--secondary-color);margin:0;font-size:1.1rem}[data-page=design-sheets] .category-buttons-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;margin:60px 0;display:flex}[data-page=design-sheets] .category-button{background:var(--ds-primary-gradient);border-radius:var(--ds-card-radius);color:#fff;cursor:pointer;min-width:280px;min-height:200px;box-shadow:var(--ds-shadow);border:none;flex-direction:column;justify-content:center;align-items:center;padding:40px 30px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}[data-page=design-sheets] .category-button:hover{box-shadow:var(--ds-hover-shadow);color:#fff;text-decoration:none;transform:translateY(-8px)}[data-page=design-sheets] .category-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}[data-page=design-sheets] .category-button:hover:before{left:100%}[data-page=design-sheets] .category-button.vpi{background:var(--ds-primary-gradient)}[data-page=design-sheets] .category-button.crt{background:var(--ds-secondary-gradient)}[data-page=design-sheets] .category-button.ofd{background:var(--ds-tertiary-gradient)}[data-page=design-sheets] .category-button i{opacity:.9;margin-bottom:20px;font-size:3rem}[data-page=design-sheets] .category-button h3{text-align:center;margin-bottom:10px;font-size:1.4rem;font-weight:600}[data-page=design-sheets] .category-button p{text-align:center;opacity:.9;margin:0;font-size:.95rem;line-height:1.4}[data-page=design-sheets] .modal-dialog{max-width:90%;margin:2rem auto}[data-page=design-sheets] .modal-content{border:none;border-radius:15px;box-shadow:0 20px 50px #0003}[data-page=design-sheets] .modal-header{background:var(--ds-primary-gradient);color:#fff;border-bottom:none;border-radius:15px 15px 0 0;padding:20px 30px}[data-page=design-sheets] .compact-header{color:#fff;border-bottom:1px solid #e9ecef;padding:.75rem 1.5rem}[data-page=design-sheets] #vpiModal .compact-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}[data-page=design-sheets] #crtModal .compact-header{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}[data-page=design-sheets] #ofdModal .compact-header{background:linear-gradient(135deg,#36f 0%,#1a73e8 100%)}[data-page=design-sheets] .compact-header .modal-title{color:#fff;font-size:1rem;font-weight:600}[data-page=design-sheets] .compact-close{color:#fff;opacity:.8;background:0 0;border:none;margin:0;padding:0;font-size:1.2rem;transition:opacity .2s}[data-page=design-sheets] .compact-close:hover{opacity:1;color:#fff}[data-page=design-sheets] .compact-close:focus{box-shadow:none;outline:none}[data-page=design-sheets] .modal-title{font-size:1.5rem;font-weight:600}[data-page=design-sheets] .modal-body{max-height:70vh;padding:30px;overflow-y:auto}[data-page=design-sheets] .design-sheets-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px;display:grid}[data-page=design-sheets] .design-sheet-item{cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:20px;transition:all .3s}[data-page=design-sheets] .design-sheet-item:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 10px 25px #0000001a}[data-page=design-sheets] .design-sheet-item h5{color:var(--dark-color);word-break:break-word;margin-bottom:8px;font-size:1rem;font-weight:600}[data-page=design-sheets] .design-sheet-item p{color:var(--secondary-color);margin:0;font-size:.85rem}[data-page=design-sheets] .design-sheet-item i{color:#667eea;margin-right:8px}[data-page=design-sheets] .close{color:#fff;opacity:.8;text-shadow:none;font-size:2rem}[data-page=design-sheets] .close:hover{color:#fff;opacity:1}@media (max-width:768px){[data-page=design-sheets] .dashboard-header{padding:16px 20px}[data-page=design-sheets] .title-content h1{font-size:1.4rem}[data-page=design-sheets] .title-subtitle{font-size:.8rem}[data-page=design-sheets] .category-buttons-container{flex-direction:column;gap:20px}[data-page=design-sheets] .category-button{min-width:250px;padding:30px 20px}[data-page=design-sheets] .page-title h1{font-size:2rem}[data-page=design-sheets] .modal-dialog{margin:1rem}[data-page=design-sheets] .design-sheets-grid{grid-template-columns:1fr}}[data-page=design-sheet-viewer]{--dsv-primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--dsv-success-gradient:linear-gradient(135deg,#28a745 0%,#20c997 100%);--dsv-info-gradient:linear-gradient(135deg,#17a2b8 0%,#138496 100%);--dsv-secondary-color:#6c757d;--dsv-card-radius:15px;--dsv-shadow:0 20px 50px #0003}[data-page=design-sheet-viewer] .indxo-content{background-color:#fff;min-height:calc(100vh - 80px);margin:0;padding:0}[data-page=design-sheet-viewer] .sheet-header{background:var(--dsv-primary-gradient);color:#fff;border-bottom:1px solid #e9ecef;padding:8px 15px}[data-page=design-sheet-viewer] .sheet-header h1{margin:0;font-size:1.5rem;font-weight:600}[data-page=design-sheet-viewer] .sheet-header p{opacity:.9;margin:5px 0 0;font-size:.9rem}[data-page=design-sheet-viewer] .sheet-controls{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:6px 15px;display:flex}[data-page=design-sheet-viewer] .sheet-actions{gap:10px;display:flex}[data-page=design-sheet-viewer] .btn-sheet{border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.85rem;text-decoration:none;transition:all .3s;display:inline-flex}[data-page=design-sheet-viewer] .btn-sheet.btn-primary{background:var(--dsv-primary-gradient);color:#fff;border:none}[data-page=design-sheet-viewer] .btn-sheet.btn-secondary{background-color:var(--dsv-secondary-color);color:#fff;border:none}[data-page=design-sheet-viewer] .btn-sheet:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}[data-page=design-sheet-viewer] .btn-sheet.btn-success{background:var(--dsv-success-gradient);color:#fff;border:none}[data-page=design-sheet-viewer] .btn-sheet.btn-info{background:var(--dsv-info-gradient);color:#fff;border:none}[data-page=design-sheet-viewer] .btn-sheet.btn-warning{color:#fff;background:linear-gradient(135deg,#ffc107 0%,#fd7e14 100%);border:none}[data-page=design-sheet-viewer] .btn-sheet.btn-danger{color:#fff;background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);border:none}[data-page=design-sheet-viewer] .dropdown-menu{border:none;border-radius:8px;min-width:180px;box-shadow:0 4px 15px #00000026}[data-page=design-sheet-viewer] .dropdown-header{color:#6c757d;padding:8px 16px 4px;font-size:.8rem;font-weight:600}[data-page=design-sheet-viewer] .dropdown-item{padding:8px 16px;font-size:.85rem;transition:all .2s}[data-page=design-sheet-viewer] .dropdown-item:hover{color:#495057;background-color:#f8f9fa}[data-page=design-sheet-viewer] .dropdown-item i{width:16px;margin-right:8px}[data-page=design-sheet-viewer] .edit-mode-active .sheet-header{background:var(--dsv-success-gradient)}[data-page=design-sheet-viewer] .edit-mode-active .sheet-controls{background-color:#e8f5e8;border-bottom:2px solid #28a745}[data-page=design-sheet-viewer] .sheet-container{background-color:#fff;border-radius:0;width:100%;height:calc(100vh - 100px);margin:0;padding:0;position:relative}[data-page=design-sheet-viewer] .sheet-iframe{background-color:#fff;border:none;width:100%;height:100%;margin:0;padding:0}[data-page=design-sheet-viewer] .loading-overlay{z-index:10;background-color:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}[data-page=design-sheet-viewer] .loading-spinner{border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}[data-page=design-sheet-viewer] .error-message{text-align:center;color:#dc3545;padding:50px 20px;display:none}[data-page=design-sheet-viewer] .error-message i{margin-bottom:20px;font-size:3rem;display:block}[data-page=design-sheet-viewer] .indxo-content{transition:margin-left .3s}[data-page=design-sheet-viewer] .indxo-content.menu-open{margin-left:280px}[data-page=design-sheet-viewer] .indxo-content-body{transition:margin-left .3s}[data-page=design-sheet-viewer] .indxo-content-body.menu-open{margin-left:280px}@media (max-width:768px){[data-page=design-sheet-viewer] .sheet-controls{flex-direction:column;align-items:stretch;gap:10px}[data-page=design-sheet-viewer] .sheet-actions{justify-content:center}[data-page=design-sheet-viewer] .sheet-header h1{font-size:1.2rem}[data-page=design-sheet-viewer] .sheet-container{height:calc(100vh - 200px)}}[data-page=super-admin]{--sa-sidebar-width:260px;--sa-header-height:64px;--sa-card-radius:var(--border-radius-md,15px);--sa-card-bg:#fff;--sa-card-border:#0000000f;--sa-shadow:0 8px 24px #00000014;--sa-muted:var(--secondary-color,#7987a1)}[data-page=super-admin] .indxo-content-body{align-items:flex-start;gap:20px;display:flex}[data-page=super-admin] .admin-sidebar{top:calc(var(--sa-header-height));width:var(--sa-sidebar-width);min-width:var(--sa-sidebar-width);-webkit-backdrop-filter:blur(10px);border-radius:var(--sa-card-radius);max-height:calc(100vh - var(--sa-header-height) - 20px);background:#ffffffe6;border:1px solid #0000001a;padding:12px;position:sticky;overflow:hidden auto;box-shadow:0 4px 20px #0000001a}[data-page=super-admin] .admin-sidebar .nav-list{margin:0;padding:0;list-style:none}[data-page=super-admin] .admin-sidebar .nav-item{margin-bottom:6px}[data-page=super-admin] .admin-sidebar .nav-item .nav-link{color:var(--dark-color);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:flex}[data-page=super-admin] .admin-sidebar .nav-item .nav-link:hover{-webkit-backdrop-filter:blur(5px);background:#0000000d}[data-page=super-admin] .admin-sidebar .nav-item.active .nav-link{background:var(--primary-color);color:#fff}[data-page=super-admin] .admin-sidebar .nav-item.active .nav-link i{color:#fff;opacity:1}[data-page=super-admin] .admin-sidebar .nav-item .nav-link i{text-align:center;width:18px;color:inherit;opacity:1;font-size:14px;display:inline-block}[data-page=super-admin] .admin-main-content{min-width:0;margin-left:calc(var(--sa-sidebar-width) + 20px);flex:auto;padding:20px}[data-page=super-admin] .admin-header{background:var(--sa-card-bg);border:1px solid var(--sa-card-border);border-radius:var(--sa-card-radius);box-shadow:var(--sa-shadow);margin-bottom:14px;padding:18px}[data-page=super-admin] .admin-header .header-content{justify-content:space-between;align-items:center;gap:16px;display:flex}[data-page=super-admin] .admin-header .header-title h1{font-size:var(--font-size-h2,1.5rem);margin:0}[data-page=super-admin] .admin-header .header-title p{color:var(--sa-muted);margin:2px 0 0;font-size:.9rem}[data-page=super-admin] .tab-navigation{background:var(--sa-card-bg);border:1px solid var(--sa-card-border);border-radius:var(--sa-card-radius);box-shadow:var(--sa-shadow);margin-bottom:14px;padding:8px}[data-page=super-admin] .tab-navigation .tab-list{flex-wrap:wrap;gap:8px;display:flex}[data-page=super-admin] .tab-item{border:1px solid var(--sa-card-border);color:var(--dark-color);cursor:pointer;background:#fff;border-radius:10px;padding:8px 12px;transition:all .2s}[data-page=super-admin] .tab-item:hover{background:var(--light-color)}[data-page=super-admin] .tab-item.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}[data-page=super-admin] .content-card{background:var(--sa-card-bg);border:1px solid var(--sa-card-border);border-radius:var(--sa-card-radius);box-shadow:var(--sa-shadow);overflow:hidden}[data-page=super-admin] .content-card .card-header{border-bottom:1px solid var(--sa-card-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}[data-page=super-admin] .content-card .card-header h3{font-size:var(--font-size-h4,1.1rem);margin:0}[data-page=super-admin] .content-card .card-actions{gap:8px;display:flex}[data-page=super-admin] .content-card .table-container{padding:10px}[data-page=super-admin] .admin-table{border-collapse:separate;border-spacing:0;width:100%}[data-page=super-admin] .admin-table thead th{background:var(--light-color);color:var(--dark-color);text-align:left;padding:10px 12px;font-weight:600}[data-page=super-admin] .admin-table tbody td{border-top:1px solid var(--sa-card-border);padding:10px 12px}[data-page=super-admin] .btn-icon{border:1px solid var(--sa-card-border);width:32px;height:32px;color:var(--dark-color);background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}[data-page=super-admin] .btn-icon:hover{background:var(--light-color)}[data-page=super-admin] .btn-icon.btn-danger{border-color:var(--danger-color);color:var(--danger-color)}[data-page=super-admin] .btn-icon.btn-danger:hover{background:#dc354514}[data-page=super-admin] .progress-indicator{justify-content:center;align-items:center;gap:16px;margin-bottom:12px;display:flex}[data-page=super-admin] .progress-step{color:var(--sa-muted);place-items:center;gap:4px;display:grid}[data-page=super-admin] .progress-step .step-number{background:var(--light-color);width:32px;height:32px;color:var(--dark-color);border-radius:50%;place-items:center;font-weight:600;display:grid}[data-page=super-admin] .progress-step.active .step-number{background:var(--primary-color);color:#fff}[data-page=super-admin] .progress-step.completed .step-number{background:var(--success-color);color:#fff}[data-page=super-admin] .timeline-container{gap:10px;padding:12px;display:grid}[data-page=super-admin] .timeline-item{border:1px solid var(--sa-card-border);background:#fff;border-radius:12px;gap:12px;padding:10px;display:flex}[data-page=super-admin] .timeline-item .timeline-icon{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}[data-page=super-admin] .timeline-item.success .timeline-icon{background:var(--success-color)}[data-page=super-admin] .timeline-item.error .timeline-icon{background:var(--danger-color)}[data-page=super-admin] .timeline-content .timeline-header{align-items:center;gap:10px;font-weight:600;display:flex}[data-page=super-admin] .timeline-status{color:var(--sa-muted);font-weight:500}[data-page=super-admin] .audit-list{gap:10px;padding:12px;display:grid}[data-page=super-admin] .audit-item{border:1px solid var(--sa-card-border);background:#fff;border-radius:12px;gap:12px;padding:10px;display:flex}[data-page=super-admin] .audit-item .audit-icon{background:var(--light-color);width:34px;height:34px;color:var(--dark-color);border-radius:10px;place-items:center;display:grid}[data-page=super-admin] .audit-header{align-items:center;gap:10px;font-weight:600;display:flex}[data-page=super-admin] .role-card{border:1px solid var(--sa-card-border);box-shadow:var(--sa-shadow);background:#fff;border-radius:12px;padding:12px}[data-page=super-admin] .permission-tag{background:var(--light-color);border-radius:999px;margin:2px 4px 0 0;padding:4px 8px;font-size:.8rem;display:inline-block}[data-page=super-admin] .role-actions{gap:8px;margin-top:8px;display:flex}[data-page=super-admin] .kpi-card{border:1px solid var(--sa-card-border);box-shadow:var(--sa-shadow);background:#fff;border-radius:14px;gap:12px;padding:12px;display:flex}[data-page=super-admin] .kpi-icon{color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}[data-page=super-admin] .kpi-content .kpi-value{font-size:1.25rem;font-weight:700}[data-page=super-admin] .kpi-trend{align-items:center;gap:4px;margin-top:4px;font-size:.8rem;font-weight:600;display:flex}[data-page=super-admin] .kpi-trend i{visibility:hidden!important;opacity:0!important;display:none!important}[data-page=super-admin] .system-settings-container{flex-direction:column;gap:24px;display:flex}[data-page=super-admin] .settings-overview{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}[data-page=super-admin] .overview-card{border:1px solid var(--light-color);background:#fff;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}[data-page=super-admin] .overview-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}[data-page=super-admin] .overview-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}[data-page=super-admin] .overview-icon.general{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}[data-page=super-admin] .overview-icon.performance{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}[data-page=super-admin] .overview-icon.notifications{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}[data-page=super-admin] .overview-content h4{color:var(--dark-color);margin:0 0 4px;font-size:16px;font-weight:600}[data-page=super-admin] .overview-content p{color:var(--secondary-color);margin:0 0 8px;font-size:14px}[data-page=super-admin] .status-badge.active{color:var(--success-color);background:#22c55e1a}[data-page=super-admin] .status-badge.optimized{color:var(--primary-color);background:#3b82f61a}[data-page=super-admin] .status-badge.enabled{color:#10b981;background:#10b9811a}[data-page=super-admin] .settings-forms{flex-direction:column;gap:24px;display:flex}[data-page=super-admin] .settings-section{border:1px solid var(--light-color);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d}[data-page=super-admin] .section-header{border-bottom:1px solid var(--light-color);background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);align-items:center;gap:16px;padding:20px 24px;display:flex}[data-page=super-admin] .section-icon{background:var(--primary-color);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}[data-page=super-admin] .section-title h3{color:var(--dark-color);margin:0 0 4px;font-size:18px;font-weight:600}[data-page=super-admin] .section-title p{color:var(--secondary-color);margin:0;font-size:14px}[data-page=super-admin] .section-content{padding:24px}[data-page=super-admin] .form-row:last-child{margin-bottom:0}[data-page=super-admin] .form-label{color:var(--dark-color);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}[data-page=super-admin] .form-label i{color:var(--primary-color);width:16px}[data-page=super-admin] .form-control.enhanced{border:2px solid var(--light-color);background:#fff;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;transition:all .3s}[data-page=super-admin] .form-control.enhanced:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #3366ff1a}[data-page=super-admin] .form-help{color:var(--secondary-color);margin-top:6px;font-size:12px;display:block}[data-page=super-admin] .input-with-unit{align-items:center;display:flex;position:relative}[data-page=super-admin] .input-with-unit .form-control{padding-right:60px}[data-page=super-admin] .input-with-unit .unit{color:var(--secondary-color);font-size:14px;font-weight:500;position:absolute;right:16px}[data-page=super-admin] .notification-options{flex-direction:column;gap:16px;display:flex}[data-page=super-admin] .notification-item{background:var(--light-color);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;display:flex}[data-page=super-admin] .notification-item:hover{background:#e8eaed}[data-page=super-admin] .notification-info{align-items:center;gap:16px;display:flex}[data-page=super-admin] .notification-icon{background:var(--primary-color);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}[data-page=super-admin] .notification-details h5{color:var(--dark-color);margin:0 0 4px;font-size:16px;font-weight:600}[data-page=super-admin] .notification-details p{color:var(--secondary-color);margin:0;font-size:14px}[data-page=super-admin] .switch{width:50px;height:24px;display:inline-block;position:relative}[data-page=super-admin] .switch input{opacity:0;width:0;height:0}[data-page=super-admin] .slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .4s;position:absolute;inset:0}[data-page=super-admin] .slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}[data-page=super-admin] input:checked+.slider{background-color:var(--primary-color)}[data-page=super-admin] input:checked+.slider:before{transform:translate(26px)}[data-page=super-admin] .settings-actions{border:1px solid var(--light-color);background:#fff;border-radius:16px;justify-content:flex-end;gap:12px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000d}[data-page=super-admin] .security-settings-container{flex-direction:column;gap:24px;display:flex}[data-page=super-admin] .security-overview{grid-template-columns:1fr auto;align-items:start;gap:24px;display:grid}[data-page=super-admin] .security-status-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;justify-content:space-between;align-items:center;padding:24px;display:flex}[data-page=super-admin] .status-header h3{margin:0 0 8px;font-size:24px;font-weight:700}[data-page=super-admin] .security-score{align-items:center;gap:16px;display:flex}[data-page=super-admin] .score-circle{backdrop-filter:blur(10px);background:#fff3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex}[data-page=super-admin] .score-value{font-size:24px;font-weight:700;line-height:1}[data-page=super-admin] .score-label{opacity:.8;font-size:12px}[data-page=super-admin] .score-details h4{margin:0 0 4px;font-size:18px;font-weight:600}[data-page=super-admin] .score-details p{opacity:.9;margin:0;font-size:14px}[data-page=super-admin] .security-metrics{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}[data-page=super-admin] .metric-item{border:1px solid var(--light-color);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 2px 4px #0000000d}[data-page=super-admin] .metric-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}[data-page=super-admin] .metric-icon.active{background:var(--success-color)}[data-page=super-admin] .metric-icon.warning{background:var(--warning-color)}[data-page=super-admin] .metric-content{flex-direction:column;display:flex}[data-page=super-admin] .metric-value{color:var(--dark-color);font-size:14px;font-weight:600}[data-page=super-admin] .metric-label{color:var(--secondary-color);font-size:12px}[data-page=super-admin] .security-forms{flex-direction:column;gap:24px;display:flex}[data-page=super-admin] .security-features{flex-direction:column;gap:12px;margin-top:20px;display:flex}[data-page=super-admin] .feature-item{background:var(--light-color);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;display:flex}[data-page=super-admin] .feature-item:hover{background:#e8eaed}[data-page=super-admin] .feature-info{align-items:center;gap:16px;display:flex}[data-page=super-admin] .feature-icon{background:var(--primary-color);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}[data-page=super-admin] .feature-details h5{color:var(--dark-color);margin:0 0 4px;font-size:16px;font-weight:600}[data-page=super-admin] .feature-details p{color:var(--secondary-color);margin:0;font-size:14px}[data-page=super-admin] .security-actions{border:1px solid var(--light-color);background:#fff;border-radius:16px;justify-content:flex-end;gap:12px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000d}[data-page=super-admin] .roles-permissions-container{flex-direction:column;gap:24px;display:flex}[data-page=super-admin] .roles-overview{margin-bottom:24px}[data-page=super-admin] .roles-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}[data-page=super-admin] .stat-card{border:1px solid var(--light-color);background:#fff;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}[data-page=super-admin] .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}[data-page=super-admin] .stat-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}[data-page=super-admin] .stat-icon.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}[data-page=super-admin] .stat-icon.success{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}[data-page=super-admin] .stat-icon.warning{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}[data-page=super-admin] .stat-icon.info{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}[data-page=super-admin] .stat-icon.error{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)}[data-page=super-admin] .stat-content{flex-direction:column;display:flex}[data-page=super-admin] .stat-value{color:var(--dark-color);font-size:24px;font-weight:700;line-height:1}[data-page=super-admin] .stat-label{color:var(--secondary-color);margin-top:4px;font-size:14px}[data-page=super-admin] .roles-management{border:1px solid var(--light-color);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d}[data-page=super-admin] .section-actions{gap:12px;display:flex}[data-page=super-admin] .roles-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:24px;display:grid}[data-page=super-admin] .role-card{border:1px solid var(--light-color);background:#fff;border-radius:12px;padding:20px;transition:all .3s}[data-page=super-admin] .role-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}[data-page=super-admin] .role-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}[data-page=super-admin] .role-info{align-items:center;gap:16px;display:flex}[data-page=super-admin] .role-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}[data-page=super-admin] .role-icon.system{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)}[data-page=super-admin] .role-icon.admin{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}[data-page=super-admin] .role-icon.manager{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%)}[data-page=super-admin] .role-icon.user{background:linear-gradient(135deg,#d299c2 0%,#fef9d7 100%)}[data-page=super-admin] .role-details h4{color:var(--dark-color);margin:0 0 4px;font-size:18px;font-weight:600}[data-page=super-admin] .role-details p{color:var(--secondary-color);margin:0;font-size:14px}[data-page=super-admin] .role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}[data-page=super-admin] .role-badge.system{color:#ff6b6b;background:#ff9a9e1a}[data-page=super-admin] .role-badge.active{color:var(--success-color);background:#22c55e1a}[data-page=super-admin] .role-badge.limited{color:var(--warning-color);background:#ffc1071a}[data-page=super-admin] .role-stats{background:var(--light-color);border-radius:8px;gap:20px;margin-bottom:16px;padding:12px;display:flex}[data-page=super-admin] .stat-item{flex-direction:column;align-items:center;display:flex}[data-page=super-admin] .stat-item .stat-label{color:var(--secondary-color);margin-bottom:4px;font-size:12px}[data-page=super-admin] .stat-item .stat-value{color:var(--dark-color);font-size:16px;font-weight:600}[data-page=super-admin] .role-permissions{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}[data-page=super-admin] .role-actions{gap:8px;display:flex}[data-page=super-admin] .permissions-matrix{border:1px solid var(--light-color);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d}[data-page=super-admin] .matrix-container{padding:24px}[data-page=super-admin] .matrix-table{border:1px solid var(--light-color);border-radius:8px;overflow:hidden}[data-page=super-admin] .matrix-header{background:var(--light-color);grid-template-columns:2fr 1fr 1fr 1fr 1fr;display:grid}[data-page=super-admin] .matrix-row{border-bottom:1px solid var(--light-color);grid-template-columns:2fr 1fr 1fr 1fr 1fr;display:grid}[data-page=super-admin] .matrix-row:last-child{border-bottom:none}[data-page=super-admin] .matrix-cell{justify-content:center;align-items:center;padding:12px 16px;font-size:14px;display:flex}[data-page=super-admin] .matrix-cell.header{color:var(--dark-color);background:var(--light-color);font-weight:600}[data-page=super-admin] .matrix-cell:first-child{justify-content:flex-start;font-weight:500}[data-page=super-admin] .text-muted{color:var(--secondary-color)}[data-page=super-admin] .logs-activity-container{flex-direction:column;gap:24px;display:flex}[data-page=super-admin] .activity-overview{margin-bottom:24px}[data-page=super-admin] .activity-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}[data-page=super-admin] .logs-management{border:1px solid var(--light-color);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d}[data-page=super-admin] .logs-filters{border-bottom:1px solid var(--light-color);background:var(--light-color);padding:24px}[data-page=super-admin] .filter-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px;display:grid}[data-page=super-admin] .filter-label{color:var(--dark-color);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}[data-page=super-admin] .filter-label i{color:var(--primary-color);width:16px}[data-page=super-admin] .date-range{align-items:center;gap:8px;display:flex}[data-page=super-admin] .date-separator{color:var(--secondary-color);font-size:14px}[data-page=super-admin] .filter-actions{justify-content:flex-end;gap:12px;display:flex}[data-page=super-admin] .logs-container{max-height:600px;padding:24px;overflow-y:auto}[data-page=super-admin] .logs-container.compact{max-height:500px;padding:0}[data-page=super-admin] .log-entry-row{border-bottom:1px solid var(--light-color);grid-template-columns:120px 160px 1fr 100px 200px;align-items:center;gap:16px;padding:12px 16px;font-size:14px;transition:all .3s;display:grid}[data-page=super-admin] .log-entry-row:hover{background:var(--light-color)}[data-page=super-admin] .log-entry-row:last-child{border-bottom:none}[data-page=super-admin] .log-entry-row.error{border-left:4px solid var(--danger-color);background:#dc35450d}[data-page=super-admin] .log-entry-row.warning{border-left:4px solid var(--warning-color);background:#ffc1070d}[data-page=super-admin] .log-entry-row.info{border-left:4px solid var(--primary-color);background:#3366ff0d}[data-page=super-admin] .log-entry-row.success{border-left:4px solid var(--success-color);background:#22c55e0d}[data-page=super-admin] .log-entry-row .log-level-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}[data-page=super-admin] .log-entry-row .log-level-badge.error{color:var(--danger-color);background:#dc35451a}[data-page=super-admin] .log-entry-row .log-level-badge.warning{color:var(--warning-color);background:#ffc1071a}[data-page=super-admin] .log-entry-row .log-level-badge.info{color:var(--primary-color);background:#3366ff1a}[data-page=super-admin] .log-entry-row .log-level-badge.success{color:var(--success-color);background:#22c55e1a}[data-page=super-admin] .log-entry-row .log-timestamp{color:var(--secondary-color);white-space:nowrap;font-family:monospace;font-size:13px}[data-page=super-admin] .log-entry-row .log-message{color:var(--dark-color);text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.4;overflow:hidden}[data-page=super-admin] .log-entry-row .log-user{color:var(--secondary-color);text-align:center;white-space:nowrap;font-size:13px}[data-page=super-admin] .log-entry-row .log-details{flex-direction:column;gap:2px;display:flex}[data-page=super-admin] .log-entry-row .detail-item{color:var(--secondary-color);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}@media (max-width:1200px){[data-page=super-admin] .log-entry-row{grid-template-columns:100px 140px 1fr 80px 150px;gap:12px;font-size:13px}}@media (max-width:992px){[data-page=super-admin] .log-entry-row{grid-template-columns:90px 120px 1fr 70px;gap:10px;font-size:12px}[data-page=super-admin] .log-entry-row .log-details{display:none}}@media (max-width:768px){[data-page=super-admin] .log-entry-row{grid-template-columns:80px 100px 1fr;gap:8px;padding:8px 12px;font-size:11px}[data-page=super-admin] .log-entry-row .log-user{display:none}}[data-page=super-admin] .log-entry{border:1px solid var(--light-color);background:#fff;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .3s}[data-page=super-admin] .log-entry:hover{box-shadow:0 2px 8px #0000001a}[data-page=super-admin] .log-entry.error{border-left:4px solid var(--danger-color)}[data-page=super-admin] .log-entry.warning{border-left:4px solid var(--warning-color)}[data-page=super-admin] .log-entry.info{border-left:4px solid var(--primary-color)}[data-page=super-admin] .log-entry.success{border-left:4px solid var(--success-color)}[data-page=super-admin] .log-header{align-items:center;gap:16px;margin-bottom:12px;display:flex}[data-page=super-admin] .log-level-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:16px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}[data-page=super-admin] .log-level-badge.error{color:var(--danger-color);background:#dc35451a}[data-page=super-admin] .log-level-badge.warning{color:var(--warning-color);background:#ffc1071a}[data-page=super-admin] .log-level-badge.info{color:var(--primary-color);background:#3366ff1a}[data-page=super-admin] .log-level-badge.success{color:var(--success-color);background:#22c55e1a}[data-page=super-admin] .log-timestamp{color:var(--secondary-color);font-family:monospace;font-size:14px}[data-page=super-admin] .log-user{color:var(--secondary-color);align-items:center;gap:6px;font-size:14px;display:flex}[data-page=super-admin] .log-content{margin-left:0}[data-page=super-admin] .log-message{color:var(--dark-color);margin-bottom:8px;font-size:14px;line-height:1.5}[data-page=super-admin] .log-details{flex-wrap:wrap;gap:16px;display:flex}[data-page=super-admin] .detail-item{color:var(--secondary-color);align-items:center;gap:6px;font-size:12px;display:flex}[data-page=super-admin] .logs-pagination{border-top:1px solid var(--light-color);background:var(--light-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}[data-page=super-admin] .pagination-info{color:var(--secondary-color);font-size:14px}[data-page=super-admin] .pagination-controls{align-items:center;gap:12px;display:flex}[data-page=super-admin] .page-numbers{align-items:center;gap:8px;display:flex}[data-page=super-admin] .page-number{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .3s;display:flex}[data-page=super-admin] .page-number.active{background:var(--primary-color);color:#fff}[data-page=super-admin] .page-number:not(.active){color:var(--dark-color);border:1px solid var(--light-color);background:#fff}[data-page=super-admin] .page-number:not(.active):hover{background:var(--light-color)}[data-page=super-admin] .page-dots{color:var(--secondary-color);font-size:14px}[data-page=super-admin] .backup-restore-container{flex-direction:column;gap:24px;display:flex}[data-page=super-admin] .backup-overview{margin-bottom:24px}[data-page=super-admin] .backup-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}[data-page=super-admin] .backup-management{border:1px solid var(--light-color);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d}[data-page=super-admin] .backup-status-section{border-bottom:1px solid var(--light-color);padding:24px}[data-page=super-admin] .status-card.primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;padding:24px}[data-page=super-admin] .status-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}[data-page=super-admin] .status-header .status-icon{background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}[data-page=super-admin] .status-header h4{margin:0 0 4px;font-size:20px;font-weight:600}[data-page=super-admin] .status-header p{opacity:.9;margin:0;font-size:14px}[data-page=super-admin] .status-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}[data-page=super-admin] .detail-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:8px 0;display:flex}[data-page=super-admin] .detail-row:last-child{border-bottom:none}[data-page=super-admin] .detail-label{opacity:.8;font-size:14px}[data-page=super-admin] .detail-value{font-size:14px;font-weight:600}[data-page=super-admin] .status-actions{gap:12px;display:flex}[data-page=super-admin] .backup-status-section.ultra-compact{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px}[data-page=super-admin] .backup-metrics-row{gap:12px;margin-bottom:12px;display:flex}[data-page=super-admin] .metric-mini{text-align:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:60px;padding:8px;display:flex}[data-page=super-admin] .metric-mini:hover{border-color:#36f;box-shadow:0 2px 4px #3366ff1a}[data-page=super-admin] .metric-icon{color:#36f;background:#f8f9fa;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}[data-page=super-admin] .metric-icon.success{color:#22c55e;background:#22c55e1a}[data-page=super-admin] .metric-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;display:flex}[data-page=super-admin] .metric-main{color:#495057;margin-bottom:2px;font-size:16px;font-weight:700;line-height:1.2}[data-page=super-admin] .metric-label{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px;font-weight:500}[data-page=super-admin] .metric-sub{color:#adb5bd;font-size:10px;line-height:1.2}[data-page=super-admin] .backup-actions-row{gap:8px;display:flex}[data-page=super-admin] .action-btn{color:#495057;cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}[data-page=super-admin] .action-btn:hover{color:#36f;border-color:#36f;transform:translateY(-1px);box-shadow:0 2px 4px #3366ff1a}[data-page=super-admin] .action-btn.primary{color:#fff;background:#36f;border-color:#36f}[data-page=super-admin] .action-btn.primary:hover{color:#fff;background:#2952cc;border-color:#2952cc}[data-page=super-admin] .action-btn.secondary{color:#fff;background:#6c757d;border-color:#6c757d}[data-page=super-admin] .action-btn.secondary:hover{color:#fff;background:#5a6268;border-color:#5a6268}[data-page=super-admin] .action-btn.info{color:#fff;background:#17a2b8;border-color:#17a2b8}[data-page=super-admin] .action-btn.info:hover{color:#fff;background:#138496;border-color:#138496}[data-page=super-admin] .action-btn.create{color:#fff;background:#28a745;border-color:#28a745}[data-page=super-admin] .action-btn.create:hover{color:#fff;background:#218838;border-color:#218838}[data-page=super-admin] .backup-options{margin-bottom:20px}[data-page=super-admin] .option-group{margin-bottom:12px}[data-page=super-admin] .option-label{cursor:pointer;border:1px solid #e9ecef;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;transition:all .2s;display:flex}[data-page=super-admin] .option-label:hover{background:#3366ff0d;border-color:#36f}[data-page=super-admin] .option-label input[type=radio]{margin-top:2px}[data-page=super-admin] .option-text{flex-direction:column;flex:1;gap:4px;display:flex}[data-page=super-admin] .option-text i{color:#36f;margin-bottom:4px;font-size:16px}[data-page=super-admin] .option-text strong{color:#495057;font-size:14px;font-weight:600}[data-page=super-admin] .option-text small{color:#6c757d;font-size:12px}[data-page=super-admin] .backup-settings{border-top:1px solid #e9ecef;padding-top:16px}[data-page=super-admin] .backup-settings .form-group{margin-bottom:16px}[data-page=super-admin] .backup-settings label{color:#495057;margin-bottom:6px;font-size:14px;font-weight:500;display:block}[data-page=super-admin] .backup-history-list{max-height:400px;overflow-y:auto}[data-page=super-admin] .backup-history-list .backup-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;display:flex}[data-page=super-admin] .backup-info{align-items:center;gap:16px;display:flex}[data-page=super-admin] .backup-type{border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:500;display:flex}[data-page=super-admin] .backup-details{color:#6c757d;gap:16px;font-size:12px;display:flex}@media (max-width:768px){[data-page=super-admin] .backup-metrics-row{flex-direction:column;gap:8px}[data-page=super-admin] .metric-mini{min-height:50px}[data-page=super-admin] .backup-actions-row{flex-direction:column;gap:6px}[data-page=super-admin] .action-btn{padding:8px 12px;font-size:12px}}@media (max-width:480px){[data-page=super-admin] .backup-status-section.ultra-compact{padding:8px}[data-page=super-admin] .metric-mini{gap:6px;padding:6px}[data-page=super-admin] .metric-main{font-size:14px}[data-page=super-admin] .metric-label,[data-page=super-admin] .metric-sub{font-size:9px}}[data-page=super-admin] .metric-card.light{text-align:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:16px;transition:all .3s}[data-page=super-admin] .metric-card.light:hover{background:#fff;border-color:#dee2e6;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}[data-page=super-admin] .metric-header{color:#6c757d;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}[data-page=super-admin] .metric-header i{color:#36f;font-size:16px}[data-page=super-admin] .metric-value{color:#495057;margin-bottom:8px;font-size:24px;font-weight:700}[data-page=super-admin] .metric-value.success{color:#22c55e}[data-page=super-admin] .metric-details{color:#6c757d;justify-content:center;gap:8px;width:100%;font-size:12px;display:flex}[data-page=super-admin] .metric-details .detail-item{text-align:center;white-space:nowrap;flex:0 auto}[data-page=super-admin] .metric-details .detail-item.danger{color:#ef4444}[data-page=super-admin] .status-card.compact{color:#495057;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:12px;padding:16px}[data-page=super-admin] .status-header-compact{align-items:center;gap:12px;margin-bottom:12px;display:flex}[data-page=super-admin] .status-icon-compact{color:#22c55e;background:#22c55e1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}[data-page=super-admin] .status-info-compact h5{color:#495057;margin:0 0 2px;font-size:16px;font-weight:600}[data-page=super-admin] .status-info-compact p{color:#6c757d;margin:0;font-size:12px}[data-page=super-admin] .status-details-compact{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}[data-page=super-admin] .detail-item-compact{flex-direction:column;gap:2px;display:flex}[data-page=super-admin] .detail-item-compact .label{color:#6c757d;font-size:11px;font-weight:500}[data-page=super-admin] .detail-item-compact .value{color:#495057;font-size:12px;font-weight:600}[data-page=super-admin] .status-actions-compact{gap:8px;display:flex}[data-page=super-admin] .status-actions-compact .btn{flex:1;padding:6px 12px;font-size:12px}@media (max-width:768px){[data-page=super-admin] .backup-overview-grid{grid-template-columns:repeat(2,1fr);gap:12px}[data-page=super-admin] .metric-card.light{padding:12px}[data-page=super-admin] .metric-value{font-size:20px}[data-page=super-admin] .status-details-compact{grid-template-columns:1fr}}@media (max-width:480px){[data-page=super-admin] .backup-overview-grid{grid-template-columns:1fr}}[data-page=super-admin] .chart-card{background:var(--sa-card-bg);border:1px solid var(--sa-card-border);border-radius:var(--sa-card-radius);box-shadow:var(--sa-shadow);padding:24px;transition:all .3s}[data-page=super-admin] .chart-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}[data-page=super-admin] .chart-header h4{font-size:var(--font-size-h4);color:var(--dark-color);align-items:center;gap:8px;margin:0;font-weight:600;display:flex}[data-page=super-admin] .chart-header h4 i{color:var(--primary-color);font-size:16px}[data-page=super-admin] .chart-value{color:var(--success-color);background:#22c55e1a;border-radius:20px;padding:4px 12px;font-size:18px;font-weight:700}[data-page=super-admin] .chart-container{background:#f8f9fa;border-radius:8px;justify-content:center;align-items:center;height:200px;margin-bottom:16px;display:flex;position:relative}[data-page=super-admin] .chart-container canvas{max-width:100%;max-height:100%}[data-page=super-admin] .simple-chart{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex}[data-page=super-admin] .simple-chart.success-rate{gap:16px}[data-page=super-admin] .chart-circle{width:120px;height:120px;position:relative}[data-page=super-admin] .circle-progress{background:conic-gradient(var(--success-color)0deg calc(var(--progress)*3.6deg),#e5e7eb calc(var(--progress)*3.6deg)360deg);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}[data-page=super-admin] .circle-progress:before{content:"";background:#fff;border-radius:50%;width:80px;height:80px;position:absolute}[data-page=super-admin] .circle-inner{z-index:1;text-align:center;position:relative}[data-page=super-admin] .circle-inner .percentage{color:var(--success-color);font-size:18px;font-weight:700}[data-page=super-admin] .chart-legend{flex-direction:column;gap:8px;font-size:12px;display:flex}[data-page=super-admin] .legend-item{align-items:center;gap:8px;display:flex}[data-page=super-admin] .legend-color{border-radius:2px;width:12px;height:12px}[data-page=super-admin] .legend-color.success{background:var(--success-color)}[data-page=super-admin] .legend-color.danger{background:var(--danger-color)}[data-page=super-admin] .simple-chart.size-trend,[data-page=super-admin] .simple-chart.duration-chart{gap:12px}[data-page=super-admin] .trend-bars{align-items:end;gap:8px;width:100%;height:120px;display:flex}[data-page=super-admin] .bar-item{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}[data-page=super-admin] .bar-label{color:var(--secondary-color);text-align:center;font-size:10px}[data-page=super-admin] .bar{background:var(--primary-color);border-radius:2px 2px 0 0;width:100%;min-height:4px;transition:all .3s}[data-page=super-admin] .bar:hover{background:var(--success-color);transform:scaleY(1.1)}[data-page=super-admin] .bar-value{color:var(--dark-color);text-align:center;font-size:10px;font-weight:500}@media (max-width:768px){[data-page=super-admin] .chart-circle{width:100px;height:100px}[data-page=super-admin] .circle-progress:before{width:70px;height:70px}[data-page=super-admin] .trend-bars{gap:6px;height:100px}[data-page=super-admin] .bar-label,[data-page=super-admin] .bar-value{font-size:9px}}[data-page=super-admin] .chart-stats{justify-content:space-between;gap:16px;display:flex}[data-page=super-admin] .chart-stats .stat-item{text-align:center;flex-direction:column;align-items:center;display:flex}[data-page=super-admin] .chart-stats .stat-label{color:var(--secondary-color);margin-bottom:4px;font-size:12px}[data-page=super-admin] .chart-stats .stat-value{color:var(--dark-color);font-size:16px;font-weight:600}[data-page=super-admin] .chart-stats .stat-value.success{color:var(--success-color)}[data-page=super-admin] .chart-stats .stat-value.danger{color:var(--danger-color)}@media (max-width:1200px){[data-page=super-admin] .backup-charts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}}@media (max-width:768px){[data-page=super-admin] .backup-charts-grid{grid-template-columns:1fr;gap:16px}[data-page=super-admin] .chart-card{padding:16px}[data-page=super-admin] .chart-container{height:150px}}[data-page=super-admin] .backup-history-section{border-bottom:1px solid var(--light-color);padding:24px}[data-page=super-admin] .section-subheader{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}[data-page=super-admin] .section-subheader h4{color:var(--dark-color);margin:0;font-size:18px;font-weight:600}[data-page=super-admin] .history-actions{gap:8px;display:flex}[data-page=super-admin] .backup-history-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px;display:grid}[data-page=super-admin] .backup-item{border:1px solid var(--light-color);background:#fff;border-radius:12px;padding:16px;transition:all .3s}[data-page=super-admin] .backup-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}[data-page=super-admin] .backup-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}[data-page=super-admin] .backup-type{text-transform:uppercase;letter-spacing:.5px;border-radius:16px;align-items:center;gap:8px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}[data-page=super-admin] .backup-type.full{color:var(--primary-color);background:#3366ff1a}[data-page=super-admin] .backup-type.incremental{color:var(--success-color);background:#22c55e1a}[data-page=super-admin] .backup-date{color:var(--secondary-color);font-family:monospace;font-size:14px}[data-page=super-admin] .backup-details{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-page=super-admin] .backup-info{gap:16px;display:flex}[data-page=super-admin] .info-item{color:var(--secondary-color);align-items:center;gap:6px;font-size:14px;display:flex}[data-page=super-admin] .backup-status{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}[data-page=super-admin] .backup-status.success{color:var(--success-color)}[data-page=super-admin] .backup-actions{gap:8px;display:flex}[data-page=super-admin] .backup-settings-section{padding:24px}[data-page=super-admin] .settings-grid{flex-direction:column;gap:16px;display:flex}[data-page=super-admin] .setting-item{background:var(--light-color);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;display:flex}[data-page=super-admin] .setting-item:hover{background:#e8eaed}[data-page=super-admin] .setting-info{align-items:center;gap:16px;display:flex}[data-page=super-admin] .setting-icon{background:var(--primary-color);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}[data-page=super-admin] .setting-details h5{color:var(--dark-color);margin:0 0 4px;font-size:16px;font-weight:600}[data-page=super-admin] .setting-details p{color:var(--secondary-color);margin:0;font-size:14px}[data-page=super-admin] .permissions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px;display:grid}[data-page=super-admin] .permission-item{align-items:center;display:flex}[data-page=super-admin] .checkbox-label{cursor:pointer;color:var(--dark-color);border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px;font-size:14px;transition:all .3s;display:flex}[data-page=super-admin] .checkbox-label:hover{background:var(--light-color)}[data-page=super-admin] .checkbox-label input[type=checkbox]{display:none}[data-page=super-admin] .checkmark{border:2px solid var(--light-color);background:#fff;border-radius:4px;width:18px;height:18px;transition:all .3s;position:relative}[data-page=super-admin] .checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}[data-page=super-admin] .checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}[data-page=super-admin] .permissions-header{border-bottom:1px solid var(--light-color);margin-bottom:24px;padding-bottom:16px}[data-page=super-admin] .permissions-header h4{color:var(--dark-color);margin:0 0 8px;font-size:18px;font-weight:600}[data-page=super-admin] .permissions-header p{color:var(--secondary-color);margin:0;font-size:14px}[data-page=super-admin] .permissions-sections{flex-direction:column;gap:24px;display:flex}[data-page=super-admin] .permission-section{background:var(--light-color);border-radius:12px;padding:16px}[data-page=super-admin] .permission-section h5{color:var(--dark-color);align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}[data-page=super-admin] .permission-section h5 i{color:var(--primary-color);width:16px}[data-page=super-admin] .permission-section .permissions-grid{margin-top:0}[data-page=super-admin] .audit-overview{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;margin-bottom:24px;padding:20px}[data-page=super-admin] .audit-score{justify-content:center;align-items:center;gap:20px;display:flex}[data-page=super-admin] .audit-score .score-circle{backdrop-filter:blur(10px);background:#fff3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex}[data-page=super-admin] .audit-score .score-value{font-size:24px;font-weight:700;line-height:1}[data-page=super-admin] .audit-score .score-label{opacity:.8;font-size:12px}[data-page=super-admin] .audit-score .score-details h4{margin:0 0 4px;font-size:18px;font-weight:600}[data-page=super-admin] .audit-score .score-details p{opacity:.9;margin:0;font-size:14px}[data-page=super-admin] .audit-results{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}[data-page=super-admin] .audit-section{border:1px solid var(--light-color);background:#fff;border-radius:12px;padding:16px}[data-page=super-admin] .audit-section h5{color:var(--dark-color);align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}[data-page=super-admin] .audit-section h5 i{width:16px}[data-page=super-admin] .audit-items{flex-direction:column;gap:12px;display:flex}[data-page=super-admin] .audit-item{border-radius:8px;align-items:flex-start;gap:12px;padding:12px;transition:all .3s;display:flex}[data-page=super-admin] .audit-item.passed{background:#22c55e1a;border:1px solid #22c55e33}[data-page=super-admin] .audit-item.warning{background:#ffc1071a;border:1px solid #ffc10733}[data-page=super-admin] .audit-item.empty{background:var(--light-color);border:1px solid var(--light-color);justify-content:center}[data-page=super-admin] .audit-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}[data-page=super-admin] .audit-item.passed .audit-icon{background:var(--success-color);color:#fff}[data-page=super-admin] .audit-item.warning .audit-icon{background:var(--warning-color);color:#fff}[data-page=super-admin] .audit-content{flex-direction:column;flex:1;gap:4px;display:flex}[data-page=super-admin] .audit-title{color:var(--dark-color);font-size:14px;font-weight:600}[data-page=super-admin] .audit-description{color:var(--secondary-color);font-size:12px;line-height:1.4}[data-page=super-admin] .audit-recommendations{background:var(--light-color);border-radius:12px;padding:16px}[data-page=super-admin] .audit-recommendations h5{color:var(--dark-color);align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}[data-page=super-admin] .audit-recommendations h5 i{color:var(--primary-color);width:16px}[data-page=super-admin] .recommendation-list{flex-direction:column;gap:8px;display:flex}[data-page=super-admin] .recommendation-item{color:var(--dark-color);border-radius:6px;align-items:center;gap:8px;padding:8px;font-size:14px;transition:all .3s;display:flex}[data-page=super-admin] .recommendation-item:hover{background:#3366ff1a}[data-page=super-admin] .recommendation-item i{color:var(--primary-color);width:12px;font-size:12px}[data-page=super-admin] .text-success{color:var(--success-color)}[data-page=super-admin] .text-warning{color:var(--warning-color)}[data-page=super-admin] .text-danger{color:var(--danger-color)}[data-page=super-admin] .chart-card{border:1px solid var(--sa-card-border);box-shadow:var(--sa-shadow);background:#fff;border-radius:14px;overflow:hidden}[data-page=super-admin] .chart-header{border-bottom:1px solid var(--sa-card-border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}[data-page=super-admin] .btn-chart{border:1px solid var(--sa-card-border);cursor:pointer;background:#fff;border-radius:999px;padding:6px 10px}[data-page=super-admin] .btn-chart.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}[data-page=super-admin] .chart-container{height:260px;padding:8px;position:relative}[data-page=super-admin] .chart-fallback{height:260px;color:var(--sa-muted);place-items:center;font-size:.95rem;display:grid}[data-page=super-admin] .status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}[data-page=super-admin] .status-card{border:1px solid var(--sa-card-border);box-shadow:var(--sa-shadow);background:#fff;border-radius:14px;padding:12px}[data-page=super-admin] .status-header{justify-content:space-between;align-items:center;display:flex}[data-page=super-admin] .status-badge{border-radius:999px;padding:4px 8px;font-size:.75rem}[data-page=super-admin] .progress-mini{background:var(--light-color);border-radius:999px;height:6px;overflow:hidden}[data-page=super-admin] .progress-mini .progress-fill{background:var(--primary-color);height:100%}[data-page=super-admin] .notification{border:1px solid var(--sa-card-border);box-shadow:var(--sa-shadow);background:#fff;border-radius:12px;align-items:center;gap:10px;min-width:260px;padding:10px 12px;display:flex;position:fixed;top:20px;right:20px}[data-page=super-admin] .notification .notification-content{align-items:center;gap:8px;display:flex}[data-page=super-admin] .notification-success{border-left:4px solid var(--success-color)}[data-page=super-admin] .notification-error{border-left:4px solid var(--danger-color)}[data-page=super-admin] .notification-warning{border-left:4px solid var(--warning-color)}[data-page=super-admin] .notification-info{border-left:4px solid var(--primary-color)}[data-page=super-admin] .notification .notification-close{cursor:pointer;color:var(--sa-muted);background:0 0;border:0}[data-page=super-admin] .permissions-table .admin-table thead th{background:var(--light-color)}@media (max-width:1200px){[data-page=super-admin] .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-page=super-admin] .charts-grid{grid-template-columns:1fr}[data-page=super-admin] .roles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:992px){[data-page=super-admin] .indxo-content-body{flex-direction:column}[data-page=super-admin] .admin-sidebar{width:100%;min-width:0;max-height:none;position:relative}[data-page=super-admin] .admin-main-content{margin-left:0;padding:15px}}@media (max-width:768px){[data-page=super-admin] .roles-grid,[data-page=super-admin] .status-grid{grid-template-columns:1fr}}[data-page=super-admin] .user-details{gap:12px;padding:8px 0;display:grid}[data-page=super-admin] .user-details .detail-row{border-bottom:1px solid var(--light-color);align-items:center;gap:12px;padding:8px 0;display:flex}[data-page=super-admin] .user-details .detail-row:last-child{border-bottom:none}[data-page=super-admin] .user-details .detail-row label{color:var(--dark-color);flex-shrink:0;min-width:100px;font-weight:600}[data-page=super-admin] .user-details .detail-row span{color:var(--secondary-color)}[data-page=super-admin] .user-details .detail-row .badge{padding:4px 8px;font-size:.75rem}[data-page=super-admin] .modal .form-group{margin-bottom:16px}[data-page=super-admin] .modal .form-group label{color:var(--dark-color);margin-bottom:6px;font-weight:600;display:block}[data-page=super-admin] .modal .form-group .form-control{border:1px solid var(--light-color);border-radius:var(--border-radius-sm);width:100%;padding:8px 12px;font-size:.9rem;transition:border-color .2s}[data-page=super-admin] .modal .form-group .form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #3366ff1a}[data-page=super-admin] .modal .form-group .form-control[readonly]{background-color:var(--light-color);color:var(--secondary-color);cursor:not-allowed}[data-page=super-admin] .modal .modal-footer{justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}[data-page=super-admin] .modal .modal-footer .btn{border-radius:var(--border-radius-sm);padding:8px 16px;font-weight:500;transition:all .2s}[data-page=super-admin] .modal .modal-footer .btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}[data-page=super-admin] .modal .modal-footer .btn-primary:hover{background-color:#2952cc;border-color:#2952cc}[data-page=super-admin] .modal .modal-footer .btn-secondary{background-color:var(--light-color);border-color:var(--light-color);color:var(--dark-color)}[data-page=super-admin] .modal .modal-footer .btn-secondary:hover{background-color:#e8eaed;border-color:#e8eaed}[data-page=super-admin] .bulk-actions-content{padding:8px 0}[data-page=super-admin] .bulk-actions-content p{background-color:var(--light-color);border-radius:var(--border-radius-sm);border-left:4px solid var(--primary-color);margin-bottom:16px;padding:12px}[data-page=super-admin] .bulk-actions-content .form-group{margin-bottom:16px}[data-page=super-admin] .bulk-actions-content .form-group label{color:var(--dark-color);margin-bottom:6px;font-weight:600;display:block}[data-page=super-admin] .bulk-actions-content .form-group select{border:1px solid var(--light-color);border-radius:var(--border-radius-sm);width:100%;padding:8px 12px;font-size:.9rem;transition:border-color .2s}[data-page=super-admin] .bulk-actions-content .form-group select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #3366ff1a}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:768px){.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-8{flex:0 0 66.6667%;max-width:66.6667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-8{flex:0 0 66.6667%;max-width:66.6667%}}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}@media (prefers-reduced-motion:reduce){.btn,.fade{transition:none}}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label:after,.custom-control-label:before,.badge{transition:none}}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.progress-bar,.modal.fade .modal-dialog{transition:none}}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered:before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}@keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@media (min-width:576px){.d-sm-none{display:none!important}}@media (min-width:992px){.d-lg-none{display:none!important}}@media (min-width:768px){.justify-content-md-end{justify-content:flex-end!important}}@media (min-width:768px){.text-md-right{text-align:right!important}}@media print{*,:before,:after{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body,.container{min-width:992px!important}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered th,.table-bordered td{border:1px solid #cdd4e0!important}}@media (min-width:576px){.modal-header{padding:15px 20px}}@media (min-width:992px){.modal-header{padding:20px}}@media (min-width:1200px){.modal-header{padding:20px 25px}}@media (min-width:768px){.nav-tabs .nav-link{padding:10px 20px}}.powerbi-container{box-shadow:none;background:0 0;border-radius:30px;height:calc(100vh - 68px);margin:10px;padding:0;overflow:hidden}@media (max-width:992px){.powerbi-wrapper{height:600px}}@media (max-width:768px){.powerbi-wrapper{height:500px}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:1200px){.card-title{font-size:1rem}.card-text{font-size:.85rem}}@media (max-width:992px){.row>[class*=col-]{margin-bottom:1rem}}@media (max-width:768px){.card{margin-bottom:1rem}.row{margin-bottom:0}}@media (max-width:1200px){.chart-container{min-height:180px;max-height:400px}}@media (max-width:992px){.chart-container{min-height:150px;max-height:350px}}@media (max-width:768px){.chart-container{min-height:200px}.card{margin-bottom:1rem}.chart-container{max-height:300px}}@media (max-width:992px){.content-shifted{margin-left:0}}@media (max-width:1200px){.chart-container{min-height:180px;max-height:400px}}@media (max-width:992px){.chart-container{min-height:150px;max-height:350px}}@media (max-width:768px){.chart-container{min-height:200px}.card{margin-bottom:1rem}.chart-container{max-height:300px}}@media (max-width:768px){.right-side-menu{width:280px}.right-menu-toggle.active{left:285px}.sidebar-menu-link{padding:14px 20px;font-size:.95rem}.sidebar-submenu-link{padding:12px 15px 12px 54px;font-size:.9rem}.right-side-menu.active:before{content:"";z-index:-1;background-color:#0000004d;width:calc(100vw - 280px);height:100vh;position:fixed;top:0;left:280px}}@media (prefers-contrast:high){.sidebar-menu-link{border-left:4px solid #0000}.sidebar-menu-link:hover,.sidebar-menu-link.active{border-left:4px solid var(--primary-color);background-color:#05c2c933}.right-menu-toggle:focus{outline:3px solid var(--primary-color)}}@media (prefers-reduced-motion:reduce){.sidebar-submenu,.sidebar-menu-arrow i,.right-side-menu,.indxo-content,.sidebar-menu-link,.sidebar-submenu-link{transition:none}.sidebar-menu-badge{animation:none}}@media print{.right-side-menu,.right-menu-toggle{display:none}.content-shifted .indxo-content{transform:none}}#dtReasonModal,#dtReasonModal .modal-content,#dtReasonModal .modal-title,#dtReasonModal .form-control:focus,#dtReasonModal option{color:#000!important}@media (max-width:992px){.content-shifted{margin-left:0}}@media (max-width:1200px){.chart-container{min-height:180px;max-height:400px}}@media (max-width:992px){.chart-container{min-height:150px;max-height:350px}}@media (max-width:768px){.chart-container{min-height:200px}}.dropdown-menu.indxo-dropdown-gradient{color:#fff;backdrop-filter:blur(3px);background:linear-gradient(135deg,#3b4863bf 0%,#3366ffa6 100%)}.dropdown-menu.indxo-dropdown-gradient .indxo-header-profile h6,.dropdown-menu.indxo-dropdown-gradient .indxo-header-profile span{color:#fffffff2}.dropdown-menu.indxo-dropdown-gradient .dropdown-item{color:#fff}.dropdown-menu.indxo-dropdown-gradient .dropdown-item:hover,.dropdown-menu.indxo-dropdown-gradient .dropdown-item:focus{color:#fff;background-color:#ffffff14}@media (max-width:768px){.indxo-nav-icons a{width:28px;height:28px;font-size:14px}.btn-actions{width:24px;height:24px;font-size:.75rem}.notification-icon{width:28px;height:28px;font-size:12px}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(2)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@media (max-width:1200px){.brand-content{margin-left:50px}.login-card{right:50px}}@media (max-width:992px){.login-container{flex-direction:column;padding:20px}.brand-content{text-align:center;margin:80px auto 40px}.logo,.tagline{justify-content:center}.login-card{margin:0 auto 40px;position:relative;top:auto;right:auto;transform:none}}@media (max-width:576px){.brand-content{margin-left:20px;margin-right:20px}.welcome-heading{font-size:2rem}.logo img{width:300px}.tagline{font-size:1rem}.login-card{padding:25px 15px}}.registration-card{backdrop-filter:blur(20px);z-index:2;color:#fff;background:#ffffff1a;border-radius:20px;width:100%;max-width:420px;padding:50px;transition:all .3s;position:absolute;top:50%;right:100px;transform:translateY(-50%)}.registration-header{text-align:center;margin-bottom:25px}.registration-title{color:#fff;margin-bottom:5px;font-size:2rem;font-weight:700}.registration-subtitle{color:#ffffffb3;font-size:.9rem}.registration-step{transition:all .3s}.error-message{color:#ff6b6b;min-height:16px;margin-top:5px;font-size:.8rem;transition:all .3s}.btn-next,.btn-prev,.btn-submit{cursor:pointer;text-align:center;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-next{color:#fff;background-color:#00bcd4;width:100%}.btn-next:hover{background-color:#00acc1;transform:translateY(-2px);box-shadow:0 4px 12px #00bcd44d}.btn-prev{color:#fff;background-color:#ffffff1a;border:1px solid #fff3;flex:1;margin-right:10px}.btn-prev:hover{background-color:#fff3;transform:translateY(-2px)}.btn-submit{color:#fff;background-color:#4caf50;flex:2}.btn-submit:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.registration-footer{text-align:center;color:#ffffffb3;margin-top:25px}.registration-footer a{color:#00bcd4;text-decoration:none;transition:color .3s}.registration-footer a:hover{color:#00acc1;text-decoration:underline}.registration-card .form-control{border:1px solid #fff3;transition:all .3s}.registration-card .form-control:focus{background-color:#ffffff26;border-color:#00bcd4;outline:none;box-shadow:0 0 0 3px #00bcd41a}.registration-card .form-control.error{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.registration-card .form-control.success{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.registration-card select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.registration-card .form-actions{gap:10px;margin-top:25px;display:flex}.forgot-password-card{backdrop-filter:blur(20px);z-index:2;color:#fff;background:#ffffff1a;border-radius:20px;width:100%;max-width:380px;padding:50px;transition:all .3s;position:absolute;top:50%;right:100px;transform:translateY(-50%)}.forgot-password-header{text-align:center;margin-bottom:25px}.forgot-password-title{color:#fff;margin-bottom:5px;font-size:2rem;font-weight:700}.forgot-password-subtitle{color:#ffffffb3;font-size:.9rem}.btn-reset-password{color:#fff;cursor:pointer;background-color:#00bcd4;border:none;border-radius:25px;width:100%;margin-top:10px;padding:12px;font-size:1rem;font-weight:600;transition:all .3s}.btn-reset-password:hover{background-color:#00acc1;transform:translateY(-2px);box-shadow:0 4px 12px #00bcd44d}.forgot-password-footer{text-align:center;color:#ffffffb3;margin-top:25px}.forgot-password-footer a{color:#00bcd4;text-decoration:none;transition:color .3s}.forgot-password-footer a:hover{color:#00acc1;text-decoration:underline}.forgot-password-card .form-control{border:1px solid #fff3;transition:all .3s}.forgot-password-card .form-control:focus{background-color:#ffffff26;border-color:#00bcd4;outline:none;box-shadow:0 0 0 3px #00bcd41a}.forgot-password-card .form-control.error{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.forgot-password-card .form-control.success{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}@media (max-width:1200px){.registration-card,.forgot-password-card{right:50px}}@media (max-width:992px){.registration-card,.forgot-password-card{max-width:380px;margin:0 auto 40px;position:relative;top:auto;right:auto;transform:none}}@media (max-width:576px){.registration-card,.forgot-password-card{padding:30px 20px}.registration-title,.forgot-password-title{font-size:1.8rem}.registration-card .form-actions{flex-direction:column}.btn-prev,.btn-next,.btn-submit{width:100%;margin-bottom:10px;margin-right:0}}.status-indicator{visibility:visible!important;opacity:1!important;border-radius:50%!important;width:12px!important;height:12px!important;margin-right:5px!important;display:inline-block!important;position:relative!important}@keyframes fadeIn{0%{opacity:.7}to{opacity:1}}@media (max-width:768px){.utilization-chart-wrapper{height:240px}.utilization-percentage{font-size:2.2rem}.utilization-label{font-size:.9rem}.legend-item{margin-bottom:8px;margin-right:10px}.legend-label{font-size:12px}#stopReasonsChart{height:300px}}@media (max-width:576px){.utilization-chart-wrapper{height:220px}.utilization-percentage{font-size:1.8rem}.widget-header h6.widget-title{font-size:16px}.widget-subtitle{font-size:12px}.utilization-legend{flex-direction:column;align-items:center}.legend-item{margin-bottom:6px;margin-right:0}}@media (max-width:1200px){.production-table{font-size:.8rem}.circular-progress{width:70px;height:70px}.progress-title{font-size:9px}.progress-value{font-size:16px}.pareto-bar{font-size:10px}}@media (max-width:992px){.filter-item{margin-bottom:10px}.production-table th,.production-table td{padding:5px 3px}.reason-code,.parts-count{padding:2px 3px;font-size:10px}}@media (max-width:768px){.production-table{font-size:.75rem}.circular-progress{width:60px;height:60px}.progress-title{font-size:8px}.progress-value{font-size:14px}}@media (max-width:1200px){.pareto-container{height:160px}.pareto-values{font-size:12px}}@media (max-width:992px){.pareto-container{height:140px}}@media (max-width:768px){.pareto-container{height:120px}.dashboard-header-content{flex-direction:column;align-items:flex-start;gap:15px}.dashboard-actions{width:100%;padding-bottom:10px;overflow-x:auto}.dashboard-action-btn{white-space:nowrap}}@keyframes badge3DLoad{0%{opacity:0;transform:translateY(10px)rotateX(20deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}@keyframes pulse-yellow{0%{box-shadow:0 0 #ffc107b3}70%{box-shadow:0 0 0 6px #ffc10700}to{box-shadow:0 0 #ffc10700}}@keyframes pulse-red{0%{box-shadow:0 0 #dc3545b3}70%{box-shadow:0 0 0 6px #dc354500}to{box-shadow:0 0 #dc354500}}@media (max-width:768px){.erp-dashboard-header .dashboard-header-content{text-align:center;flex-direction:column;gap:1rem}.erp-system-header{text-align:center;flex-direction:column;gap:.75rem}.metric-row{flex-direction:column;gap:.75rem}.erp-actions{flex-direction:column}.quick-actions{gap:.5rem}.action-btn{padding:.5rem .75rem}}@media (max-width:480px){.erp-dashboard-header{margin-bottom:1rem}.erp-dashboard-header .dashboard-header-content,.erp-system-header{padding:1rem}.erp-metrics,.erp-modules,.erp-actions{padding-left:1rem;padding-right:1rem}.erp-logo{width:48px;height:48px}.erp-system-title{font-size:1rem}}@media (max-width:768px){.oee-filter-wrapper{flex-direction:column;align-items:stretch;gap:15px}.oee-filter-container{flex-direction:column;gap:15px}.oee-filter-item{min-width:100%}.oee-filter-actions{justify-content:center;align-items:center}.btn-submit-oee{justify-content:center;width:100%}}@media (max-width:576px){.oee-filter-container{gap:12px}.oee-date-input,.oee-shift-select,.btn-submit-oee{min-height:44px;font-size:.9rem}.btn-submit-oee{padding:10px 24px}}@media (max-width:768px){#workOrderModal .modal-dialog{max-width:95%;margin:10px auto}#workOrderModal .enhanced-select,#workOrderModal .enhanced-input{min-height:48px;font-size:16px}#workOrderModal .form-section,#workOrderModal .modal-body{padding:20px}}@media (max-width:576px){#workOrderModal .modal-dialog{max-width:98%;margin:5px auto}#workOrderModal .col-lg-6{margin-bottom:10px}#workOrderModal .enhanced-select,#workOrderModal .enhanced-input{min-height:50px;font-size:16px}#workOrderModal .form-section{padding:15px}}@media (max-width:1200px){.machine-cards-container{grid-template-columns:repeat(2,1fr)}.machine-card{padding:1rem}}@media (max-width:992px){.tab-buttons{flex-direction:column;gap:.25rem}.tab-btn{text-align:center;justify-content:center}.machine-cards-container{grid-template-columns:1fr}.traceability-table{font-size:.75rem}.traceability-table th,.traceability-table td{padding:.5rem}}@media (max-width:768px){.machine-list-item{text-align:center;flex-direction:column;gap:.5rem}.machine-name{font-size:.8rem}.detail-row{text-align:center;flex-direction:column;gap:.25rem}.search-input-wrapper{margin-bottom:.5rem}.search-btn{width:100%;margin-top:.5rem;position:static;transform:none}}@keyframes highlight{0%{background-color:#3666ff1a}50%{background-color:#3666ff33}to{background-color:#3666ff1a}}@media print{.tab-buttons,.search-input-wrapper,.filter-wrapper,.dashboard-actions{display:none!important}.machine-cards-container{grid-template-columns:repeat(2,1fr);gap:1rem}.machine-card{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.traceability-table{font-size:.7rem}}@media (max-width:768px){.right-side-menu{width:280px}.right-side-menu .sidebar-submenu{max-height:300px;overflow-y:auto}.filter-buttons{grid-template-columns:repeat(2,1fr)}.master-quick-actions{flex-direction:column;align-items:stretch}.search-wrapper{min-width:auto}.filter-btn{min-height:100px;padding:15px}.widget-stat-content{text-align:center;flex-direction:column;gap:10px}.widget-stat-icon{width:50px;height:50px}.widget-stat-info h4{font-size:1.5rem}}@media (max-width:576px){.filter-buttons{grid-template-columns:1fr}}@media (max-width:768px){.report-templates-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column;align-items:stretch}.filter-actions .btn{margin-bottom:10px}.table-pagination{text-align:center;flex-direction:column;gap:10px}.pagination-controls{justify-content:center}.toast-notification{min-width:auto;left:10px;right:10px}.action-buttons{flex-direction:column;align-items:center}}@media (max-width:576px){.enhanced-table td{padding:8px 5px;font-size:.75rem}.report-template{text-align:center;flex-direction:column;padding:15px}.template-icon{margin-bottom:10px}}.server-dashboard-title,.server-filter-widget,.server-overview-widget,.server-status-widget{margin-bottom:4px}@media (max-width:768px){.server-filter-wrapper{flex-direction:column;align-items:stretch}.server-filter-actions{justify-content:center}.server-grid,.server-metrics-grid{grid-template-columns:1fr}}@media (max-width:768px){.column-visibility-popover{width:280px}.machine-header{flex-direction:column;align-items:flex-start;gap:4px}.detail-row{flex-direction:column;align-items:flex-start;gap:2px}}@media (max-width:480px){.column-visibility-popover{width:260px}.pagination-controls{flex-direction:column;gap:8px}}@media (max-width:768px){[data-page=master-data] .filter-container{flex-direction:column;gap:15px}[data-page=master-data] .filter-item{min-width:100%}[data-page=master-data] .filter-actions{justify-content:center;margin-top:15px}[data-page=master-data] .form-actions{flex-wrap:wrap;justify-content:center}[data-page=intelligent-offset-correction] .dashboard-header-content{flex-direction:column;align-items:flex-start;gap:15px}[data-page=intelligent-offset-correction] .dashboard-actions{align-self:flex-end}[data-page=intelligent-offset-correction] .ioc-table-header{flex-direction:column;align-items:flex-start;gap:15px}[data-page=intelligent-offset-correction] .ioc-table-actions{align-self:flex-end}[data-page=intelligent-offset-correction] .ioc-table{font-size:.8rem}[data-page=intelligent-offset-correction] .ioc-table th,[data-page=intelligent-offset-correction] .ioc-table td{padding:8px 4px}}@media (max-width:768px){[data-page=tool-offset-log] .tool-log-table-header{flex-direction:column;align-items:flex-start;gap:15px}[data-page=tool-offset-log] .tool-log-table-actions{align-self:flex-end}[data-page=tool-offset-log] .tool-log-table{font-size:.8rem}[data-page=tool-offset-log] .tool-log-table th,[data-page=tool-offset-log] .tool-log-table td{padding:8px 4px}.schedule-tooltip{max-width:140px;font-size:.55rem}.tooltip-item{max-width:120px}[data-page=tool-offset-schedule] .dashboard-header-content{flex-direction:column;align-items:flex-start;gap:.75rem}[data-page=tool-offset-schedule] .dashboard-actions{align-self:flex-end}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.125rem}.calendar-day{min-height:30px;max-height:35px;font-size:.7rem}.schedule-indicator{width:.75rem;height:.75rem;font-size:.5rem}.calendar-legend{flex-wrap:wrap;gap:.75rem;padding:.5rem}.legend-item{font-size:.6rem}.schedule-tooltip{min-width:200px;font-size:.65rem}.weekday{padding:.125rem 0;font-size:.6rem}}@media (max-width:480px){.calendar-grid{gap:.1rem}.calendar-day{min-height:25px;max-height:30px;font-size:.6rem}.day-number{font-size:.65rem}.schedule-indicator{width:.625rem;height:.625rem;font-size:.45rem}.calendar-legend{flex-direction:column;align-items:center;gap:.375rem}.schedule-tooltip{min-width:180px;left:0;transform:none}.calendar-nav-btn{padding:.25rem}.calendar-month{margin:0 .375rem;font-size:.8rem}}@media (max-width:768px){[data-page=tool-life-management] .maintenance-content{flex-direction:column;gap:.375rem}[data-page=tool-life-management] .maintenance-actions{flex-direction:row;justify-content:flex-start;min-width:auto}[data-page=tool-life-management] .tool-details{flex-direction:column;gap:.125rem}[data-page=tool-life-management] .maintenance-item{margin-bottom:.25rem}[data-page=tool-life-management] .maintenance-content{padding:.375rem}}@media (max-width:480px){[data-page=tool-life-management] .maintenance-header{padding:.375rem}[data-page=tool-life-management] .maintenance-schedule{padding:.125rem}[data-page=tool-life-management] .maintenance-content{gap:.25rem;padding:.25rem}[data-page=tool-life-management] .tool-name{font-size:.7rem}[data-page=tool-life-management] .tool-description{font-size:.6rem}[data-page=tool-life-management] .detail-item{font-size:.55rem}[data-page=tool-life-management] .maintenance-btn{padding:.125rem .25rem;font-size:.55rem}}[data-page=super-admin] .notification{z-index:10000;margin-bottom:.5rem;top:3rem;right:1rem}[data-page=super-admin] .notification+.notification{top:7rem}[data-page=super-admin] .notification+.notification+.notification{top:11rem}@media (max-width:768px){[data-page=tool-life-management] .tool-table-header{padding:.375rem}[data-page=tool-life-management] .tool-table-actions{gap:.125rem}[data-page=tool-life-management] .tool-table{font-size:.65rem}[data-page=tool-life-management] .tool-table th,[data-page=tool-life-management] .tool-table td{padding:.25rem .375rem;font-size:.6rem}[data-page=tool-life-management] .bulk-action-content{flex-direction:column;align-items:flex-start;gap:.25rem}.notification{max-width:none;left:.5rem;right:.5rem}[data-page=work-offset-log] .work-log-table-header{padding:.375rem}[data-page=work-offset-log] .work-log-table-actions{gap:.125rem}[data-page=work-offset-log] .work-log-table{font-size:.65rem}[data-page=work-offset-log] .work-log-table th,[data-page=work-offset-log] .work-log-table td{padding:.25rem .375rem;font-size:.6rem}[data-page=work-offset-log] .adjustment-content{flex-direction:column;gap:.375rem}[data-page=work-offset-log] .adjustment-actions{flex-direction:row;justify-content:flex-start;min-width:auto}[data-page=work-offset-log] .offset-details{flex-direction:column;gap:.125rem}[data-page=work-offset-log] .adjustment-item{margin-bottom:.25rem}[data-page=work-offset-log] .adjustment-content{padding:.375rem}}@media (max-width:480px){[data-page=work-offset-log] .adjustment-header{padding:.375rem}[data-page=work-offset-log] .adjustment-history{padding:.125rem}[data-page=work-offset-log] .adjustment-content{gap:.25rem;padding:.25rem}[data-page=work-offset-log] .offset-name{font-size:.7rem}[data-page=work-offset-log] .offset-description{font-size:.6rem}[data-page=work-offset-log] .detail-item{font-size:.55rem}[data-page=work-offset-log] .adjustment-btn{padding:.125rem .25rem;font-size:.55rem}}@media (max-width:768px){[data-page=work-offset-schedule] .schedule-header{padding:.375rem}[data-page=work-offset-schedule] .schedule-actions,[data-page=work-offset-schedule] .calendar-grid{gap:.125rem}[data-page=work-offset-schedule] .calendar-day{padding:.125rem}[data-page=work-offset-schedule] .schedule-indicator{width:.375rem;height:.375rem}[data-page=work-offset-schedule] .calendar-legend{flex-wrap:wrap;gap:.5rem}[data-page=work-offset-schedule] .legend-item{font-size:.65rem}[data-page=work-offset-schedule] .schedule-tooltip{min-width:150px;max-width:200px}[data-page=work-offset-schedule] .weekday{font-size:.65rem}[data-page=work-offset-schedule] .task-content{flex-direction:column;gap:.375rem}[data-page=work-offset-schedule] .task-actions{flex-direction:row;justify-content:flex-start;min-width:auto}[data-page=work-offset-schedule] .task-details{flex-direction:column;gap:.125rem}[data-page=work-offset-schedule] .task-item{margin-bottom:.25rem}[data-page=work-offset-schedule] .task-content{padding:.375rem}}@media (max-width:480px){[data-page=work-offset-schedule] .calendar-grid{gap:.125rem}[data-page=work-offset-schedule] .calendar-day{padding:.125rem;font-size:.7rem}[data-page=work-offset-schedule] .day-number{font-size:.7rem}[data-page=work-offset-schedule] .schedule-indicator{width:.25rem;height:.25rem}[data-page=work-offset-schedule] .calendar-legend{flex-direction:column;align-items:center;gap:.25rem}[data-page=work-offset-schedule] .schedule-tooltip{min-width:120px;max-width:150px;font-size:.65rem}[data-page=work-offset-schedule] .calendar-nav-btn{padding:.25rem .5rem;font-size:.7rem}[data-page=work-offset-schedule] .calendar-month{font-size:.9rem}[data-page=work-offset-schedule] .task-content{gap:.25rem;padding:.25rem}[data-page=work-offset-schedule] .task-name{font-size:.7rem}[data-page=work-offset-schedule] .task-description{font-size:.6rem}[data-page=work-offset-schedule] .detail-item{font-size:.55rem}[data-page=work-offset-schedule] .task-btn{padding:.125rem .25rem;font-size:.55rem}}@keyframes blink-border{0%,50%{box-shadow:inset 0 0 0 2px var(--primary-color)}51%,to{box-shadow:inset 0 0 0 2px #0000}}@media (max-width:767px){[data-page=operator-control-center] .container-fluid{width:100%!important;max-width:100%!important;padding:.25rem!important}[data-page=operator-control-center] .col-lg-3,[data-page=operator-control-center] .col-lg-6,[data-page=operator-control-center] .col-12{flex:0 0 100%!important;width:100%!important;max-width:100%!important;margin-bottom:1rem!important}[data-page=operator-control-center] .row{margin:0!important;padding:0!important}[data-page=operator-control-center] .station-flow-compact{flex-direction:column!important;gap:.75rem!important;min-height:auto!important;padding:1rem!important}[data-page=operator-control-center] .station-card-compact{flex-direction:row!important;justify-content:flex-start!important;gap:1rem!important;width:100%!important;min-width:100%!important;max-width:100%!important;min-height:80px!important;padding:1.25rem!important;font-size:1rem!important}[data-page=operator-control-center] .station-image-compact{flex-shrink:0!important;width:50px!important;height:50px!important}[data-page=operator-control-center] .station-img-compact{width:40px!important;height:40px!important}[data-page=operator-control-center] .station-text-compact{text-align:left!important;flex:1!important;justify-content:center!important}[data-page=operator-control-center] .station-title-compact{margin-bottom:.25rem!important;font-size:.9rem!important}[data-page=operator-control-center] .station-content-compact{font-size:1rem!important}[data-page=operator-control-center] .server-filter-wrapper{gap:.75rem!important;padding:.75rem!important}[data-page=operator-control-center] .server-filter-item{width:100%!important}[data-page=operator-control-center] .server-filter-select{width:100%!important;min-height:44px!important;padding:.75rem!important;font-size:1rem!important}[data-page=operator-control-center] .server-filter-actions{flex-direction:column!important;gap:.5rem!important;margin-top:.75rem!important}[data-page=operator-control-center] .btn-reset,[data-page=operator-control-center] .btn-apply{width:100%!important;min-height:44px!important;padding:.75rem!important;font-size:1rem!important}[data-page=operator-control-center] .widget{width:100%!important;margin-bottom:1rem!important}[data-page=operator-control-center] .widget-header,[data-page=operator-control-center] .widget-body{padding:.75rem!important}[data-page=operator-control-center] .widget-title{font-size:1rem!important}[data-page=operator-control-center] .info-row{background:#f8f9fa!important;border-radius:8px!important;flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;margin-bottom:.5rem!important;padding:.75rem!important}[data-page=operator-control-center] .info-label{font-size:.9rem!important;font-weight:600!important}[data-page=operator-control-center] .info-value{justify-content:space-between!important;width:100%!important}[data-page=operator-control-center] .info-text{font-size:1rem!important}[data-page=operator-control-center] .parameter-item{background:#f8f9fa!important;border-radius:8px!important;flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;width:100%!important;margin-bottom:.5rem!important;padding:.75rem!important}[data-page=operator-control-center] .parameter-label{text-align:left!important;width:100%!important;font-size:.9rem!important;font-weight:600!important}[data-page=operator-control-center] .parameter-value{justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}[data-page=operator-control-center] .value-text{font-size:1rem!important;font-weight:600!important}[data-page=operator-control-center] .status-badge{flex-shrink:0!important;margin-left:auto!important}[data-page=operator-control-center] .monitoring-grid{grid-template-columns:1fr 1fr!important;gap:.5rem!important}[data-page=operator-control-center] .monitoring-item{text-align:center!important;background:#f8f9fa!important;border-radius:8px!important;flex-direction:column!important;min-height:70px!important;padding:.75rem!important}[data-page=operator-control-center] .monitoring-icon{width:35px!important;height:35px!important;margin-bottom:.5rem!important;font-size:1rem!important}[data-page=operator-control-center] .monitoring-label{margin-bottom:.25rem!important;font-size:.8rem!important}[data-page=operator-control-center] .monitoring-value{font-size:1.1rem!important;font-weight:600!important}[data-page=operator-control-center] .table-header{display:none!important}[data-page=operator-control-center] .table-row{background:#f8f9fa!important;border-radius:8px!important;flex-direction:column!important;gap:.5rem!important;margin-bottom:.5rem!important;padding:.75rem!important;display:flex!important}[data-page=operator-control-center] .table-cell{justify-content:space-between!important;align-items:center!important;font-size:1rem!important;display:flex!important}[data-page=operator-control-center] .table-cell:first-child:before{content:"Material: "!important;color:var(--dark-color)!important;font-weight:600!important}[data-page=operator-control-center] .table-cell:last-child:before{content:"Status: "!important;color:var(--dark-color)!important;font-weight:600!important}[data-page=operator-control-center] button,[data-page=operator-control-center] select,[data-page=operator-control-center] input{touch-action:manipulation!important;min-height:44px!important}[data-page=operator-control-center] .status-badge{border-radius:12px!important;padding:.25rem .5rem!important;font-size:.8rem!important}}@media (max-width:480px){[data-page=operator-control-center] .container-fluid{padding:.125rem!important}[data-page=operator-control-center] .station-card-compact{min-height:70px!important;padding:.75rem!important;font-size:.9rem!important}[data-page=operator-control-center] .station-image-compact{width:40px!important;height:40px!important}[data-page=operator-control-center] .station-img-compact{width:35px!important;height:35px!important}[data-page=operator-control-center] .station-title-compact{font-size:.8rem!important}[data-page=operator-control-center] .station-content-compact{font-size:.9rem!important}[data-page=operator-control-center] .monitoring-grid{grid-template-columns:1fr!important;gap:.5rem!important}[data-page=operator-control-center] .monitoring-item{min-height:60px!important;padding:.5rem!important}[data-page=operator-control-center] .monitoring-icon{width:30px!important;height:30px!important;font-size:.9rem!important}[data-page=operator-control-center] .monitoring-label{font-size:.75rem!important}[data-page=operator-control-center] .monitoring-value{font-size:1rem!important}[data-page=operator-control-center] .info-text,[data-page=operator-control-center] .value-text{font-size:.9rem!important}[data-page=operator-control-center] .info-label,[data-page=operator-control-center] .parameter-label{font-size:.8rem!important}[data-page=operator-control-center] .parameter-item{gap:.25rem!important;padding:.5rem!important}[data-page=operator-control-center] .parameter-value{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:.5rem!important}[data-page=operator-control-center] .value-text{flex:1!important;min-width:0!important;font-size:.85rem!important}[data-page=operator-control-center] .status-badge{white-space:nowrap!important;padding:.2rem .4rem!important;font-size:.7rem!important}}@media (max-width:768px){[data-page=master-view] .master-filter-wrapper{grid-template-columns:1fr;gap:.75rem}[data-page=master-view] .master-filter-actions{grid-column:1/-1;justify-content:center}[data-page=master-view] .master-data-table{font-size:.8rem}[data-page=master-view] .master-table-cell{padding:.5rem .25rem}[data-page=master-view] .master-action-buttons{flex-direction:column;gap:.125rem}[data-page=master-view] .master-action-btn{padding:.125rem .25rem;font-size:.7rem}}@media (max-width:480px){[data-page=master-view] .master-overview-card .widget-body{padding:.5rem}[data-page=master-view] .master-icon{font-size:1.25rem!important}[data-page=master-view] .master-card-title{font-size:.8rem}[data-page=master-view] .master-stats{flex-direction:column;align-items:center;gap:.2rem}[data-page=master-view] .master-count{font-size:1rem}[data-page=master-view] .master-activity-item{padding:.5rem}[data-page=master-view] .activity-icon{width:28px;height:28px;font-size:.8rem}}@media (max-width:767px) and (orientation:landscape){[data-page=operator-control-center] .station-flow-compact{flex-direction:row!important;gap:.25rem!important}[data-page=operator-control-center] .station-card-compact{flex:1!important;min-width:auto!important;min-height:60px!important;padding:.75rem!important}[data-page=operator-control-center] .station-image-compact{width:35px!important;height:35px!important}[data-page=operator-control-center] .station-img-compact{width:30px!important;height:30px!important}[data-page=operator-control-center] .station-title-compact{font-size:.75rem!important}[data-page=operator-control-center] .station-content-compact{font-size:.8rem!important}[data-page=operator-control-center] .monitoring-grid{grid-template-columns:1fr 1fr 1fr 1fr!important}[data-page=operator-control-center] .monitoring-item{min-height:50px!important;padding:.5rem!important}[data-page=operator-control-center] .monitoring-icon{width:25px!important;height:25px!important;font-size:.8rem!important}[data-page=operator-control-center] .monitoring-label{font-size:.7rem!important}[data-page=operator-control-center] .monitoring-value{font-size:.9rem!important}}@media (max-width:768px){[data-page=work-offset-schedule] .modal-dialog{margin:1rem}[data-page=work-offset-schedule] .modal-body{padding:1.5rem}[data-page=work-offset-schedule] .detail-grid{grid-template-columns:1fr}[data-page=work-offset-schedule] .task-details-header{flex-direction:column;align-items:flex-start;gap:1rem}[data-page=work-offset-schedule] .task-priority-badge,[data-page=work-offset-schedule] .task-status-badge{padding:.4rem .8rem;font-size:.8rem}}@media (max-width:480px){[data-page=work-offset-schedule] .modal-dialog{margin:.5rem}[data-page=work-offset-schedule] .modal-body,[data-page=work-offset-schedule] .modal-header,[data-page=work-offset-schedule] .modal-footer{padding:1rem}[data-page=work-offset-schedule] .form-control{padding:.6rem}[data-page=work-offset-schedule] .btn-primary,[data-page=work-offset-schedule] .btn-secondary{padding:.6rem 1.2rem;font-size:.9rem}}@media (max-width:768px){[data-page=notifications] .settings-grid,[data-page=notifications] .frequency-container,[data-page=notifications] .notification-types-grid,[data-page=notifications] .modules-grid{grid-template-columns:1fr}[data-page=notifications] .settings-actions{flex-direction:column}[data-page=notifications] .channel-header{flex-direction:column;align-items:flex-start;gap:.75rem}[data-page=notifications] .channel-toggle{align-self:flex-end;margin-left:0}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#dbeafe;--secondary:#64748b;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--info:#3b82f6;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gradient-primary:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);--gradient-secondary:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--gradient-success:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--gradient-warning:linear-gradient(135deg,#fa709a 0%,#fee140 100%);--gradient-danger:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.25rem;--radius-xl:1.5rem;--radius-2xl:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem}body{color:var(--gray-800);will-change:auto;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.6;overflow-x:hidden;transform:translateZ(0)}.dashboard-container{background:var(--gray-50);flex-direction:column;min-height:100vh;display:flex}.header{backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);padding:var(--space-3);box-shadow:var(--shadow-lg);z-index:100;border-radius:var(--radius-2xl);margin:var(--space-4);background:#fffffff2;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;max-width:1400px;margin:0 auto;display:flex}.header-left{align-items:center;gap:var(--space-4);display:flex}.logo{background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:-.025em;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:900;position:relative}.logo:after{content:"";background:var(--gradient-primary);border-radius:var(--radius-sm);width:100%;height:2px;position:absolute;bottom:-4px;left:0}.status-indicator{align-items:center;gap:var(--space-2);background:var(--gray-100);padding:var(--space-2)var(--space-3);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);border-radius:3rem;transition:all .3s;display:flex}.status-indicator:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.status-dot{border-radius:50%;width:.75rem;height:.75rem;animation:2s infinite pulse;position:relative}.status-dot.operational{background:var(--success);box-shadow:0 0 0 2px #10b98133}.status-dot.offline{background:var(--danger);box-shadow:0 0 0 2px #ef444433}.status-text{color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.header-stats{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{backdrop-filter:blur(10px);padding:var(--space-2);border-radius:var(--radius-2xl);text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--gray-200);background:#fffc;transition:all .3s;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-primary);height:3px;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.stat-number{margin-bottom:var(--space-1);font-size:1.5rem;font-weight:900;line-height:1}.stat-number.critical{color:var(--danger)}.stat-number.caution{color:var(--warning)}.stat-number.health{color:var(--success)}.stat-number.uptime{color:var(--primary)}.stat-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.header-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.time-display{align-items:center;gap:var(--space-2);background:var(--gray-100);padding:var(--space-3)var(--space-4);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all .3s;display:flex}.time-display:hover{background:var(--gray-200);transform:translateY(-1px)}.time-display i{color:var(--primary);font-size:1rem}#date-picker{padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);background:#fff;font-size:.875rem;transition:all .3s}#date-picker:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.control-btn{padding:var(--space-3);border-radius:var(--radius-2xl);cursor:pointer;border:none;justify-content:center;align-items:center;min-width:44px;height:44px;font-size:1rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.control-btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.control-btn:hover:before{width:100%;height:100%}.pause-btn{background:var(--danger);color:#fff;box-shadow:var(--shadow-md)}.pause-btn:hover{box-shadow:var(--shadow-lg);background:#dc2626;transform:translateY(-2px)}.reset-btn{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300);box-shadow:var(--shadow-sm)}.reset-btn:hover{background:var(--gray-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.test-alarm-btn{background:var(--warning);color:#fff;box-shadow:var(--shadow-md)}.test-alarm-btn:hover{box-shadow:var(--shadow-lg);background:#d97706;transform:translateY(-2px)}.theme-toggle-btn{background:var(--gray-200);color:var(--gray-700);transition:all .3s}.theme-toggle-btn:hover{background:var(--gray-300);transform:scale(1.05);box-shadow:0 8px 25px #64748b66}.theme-toggle-btn.dark-mode{background:var(--gray-700);color:var(--gray-200)}.theme-toggle-btn.dark-mode:hover{background:var(--gray-600);box-shadow:0 8px 25px #33415566}.summary-btn{background:var(--primary);color:#fff;box-shadow:var(--shadow-md);align-items:center;gap:8px;width:auto;min-width:auto;padding:8px 16px;display:flex}.summary-btn:hover{box-shadow:var(--shadow-lg);background:#2563eb;transform:translateY(-2px)}.summary-btn .btn-text{white-space:nowrap;font-size:.875rem;font-weight:500}.alert-banner{color:#fff;z-index:1000000;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-bottom:2px solid #b91c1c;justify-content:space-between;align-items:center;width:100%;height:50px;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 6px #ef44444d}.alert-banner-content{flex:1;align-items:center;height:100%;display:flex;overflow:hidden}.alert-marquee{white-space:nowrap;align-items:center;animation:15s linear infinite marquee-scroll;display:flex}.alert-marquee:hover{animation-play-state:paused}.alert-text{color:#fff;text-shadow:0 1px 2px #0000004d;padding:0 50px;font-size:1rem;font-weight:700}.alert-close-btn{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:15px;transition:all .3s;display:flex}.alert-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}@keyframes marquee-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.manufacturing-summary-modal{backdrop-filter:blur(5px);transform:translateZ(0);z-index:999999!important;background:#00000080!important;justify-content:center!important;align-items:flex-start!important;width:100%!important;height:100%!important;padding-top:20px!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.manufacturing-summary-content{border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);background:#fff;flex-direction:column;width:1600px;max-width:98vw;max-height:99vh;display:flex;position:relative;overflow:hidden;z-index:999999!important}.manufacturing-summary-header{color:#fff;padding:var(--space-3);background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.header-alert-section{flex:1;align-items:center;height:100%;display:flex;overflow:hidden}.header-alert-section .alert-marquee{white-space:nowrap;align-items:center;animation:25s linear infinite marquee-scroll;display:flex}.header-alert-section .alert-marquee:hover{animation-play-state:paused}.header-alert-section .alert-text{color:#fff;text-shadow:0 1px 2px #0000004d;padding:0 30px;font-size:1rem;font-weight:700}.manufacturing-summary-header h3{align-items:center;gap:var(--space-2);margin:0;font-size:1.2rem;font-weight:600;display:flex}.manufacturing-summary-header h3 i{font-size:1rem}.close-btn{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.manufacturing-summary-body{padding:var(--space-4);max-height:calc(99vh - 120px);overflow-y:auto}.summary-compact-layout{gap:var(--space-4);grid-template-columns:1fr 1fr;height:100%;display:grid}.summary-left-column,.summary-right-column{gap:var(--space-3);flex-direction:column;display:flex}.alarm-health-section{gap:var(--space-2);flex-direction:column;display:flex}.alarm-summary-card,.health-summary-card{border-radius:var(--radius-lg);padding:var(--space-2);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;font-size:.8rem}.alarm-summary-card{flex-direction:column;min-height:500px;display:flex}.alarm-details{margin-top:var(--space-2);flex-direction:column;flex:1;display:flex}.network-health-container,.quality-health-container{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.alarm-summary-card .alarm-header,.health-summary-card .health-header{align-items:center;gap:var(--space-1);margin-bottom:var(--space-1);padding-bottom:var(--space-1);border-bottom:1px solid var(--gray-200);display:flex}.alarm-summary-card .alarm-header i,.health-summary-card .health-header i{color:var(--danger);font-size:.8rem}.alarm-summary-card .alarm-header h5,.health-summary-card .health-header h5{color:var(--gray-900);margin:0;font-size:.8rem;font-weight:600}.alarm-counts{gap:var(--space-2);margin-bottom:var(--space-1);justify-content:center;align-items:center;display:flex}.alarm-count{text-align:center;justify-content:center;align-items:center;gap:var(--space-1);flex-direction:column;flex:1;font-size:1.25rem;font-weight:700;display:flex}.alarm-count.critical{color:var(--danger)}.alarm-count.caution{color:var(--warning)}.alarm-count .alarm-number{color:inherit;font-size:1.25rem;font-weight:700}.alarm-count .alarm-label{color:var(--gray-600);text-transform:uppercase;font-size:.65rem;font-weight:500}.alarm-overview{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--gray-200)}.alarm-overview-header h6{color:var(--gray-900);margin-bottom:var(--space-2);align-items:center;gap:var(--space-1);font-size:.8rem;font-weight:600;display:flex}.alarm-overview-header h6 i{color:var(--danger);font-size:.7rem}.alarm-overview-stats{gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.overview-stat{text-align:center;padding:var(--space-1);background:var(--gray-50);border-radius:var(--radius-md);flex:1}.overview-stat .stat-value{margin-bottom:var(--space-1);font-size:1rem;font-weight:700;display:block}.overview-stat .stat-value.critical{color:var(--danger)}.overview-stat .stat-value.emergency{color:#8b0000}.overview-stat .stat-value.total{color:var(--gray-700)}.overview-stat .stat-label{color:var(--gray-600);text-transform:uppercase;font-size:.6rem;font-weight:500}.alarm-machines-breakdown h6{color:var(--gray-800);margin-bottom:var(--space-1);font-size:.75rem;font-weight:600}.machine-alarms-grid{gap:var(--space-1);flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.machine-alarm-item{padding:var(--space-1);background:var(--gray-50);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.machine-name{color:var(--gray-800);flex:1;font-weight:500}.machine-alarm-counts{gap:var(--space-1);margin:0 var(--space-1);display:flex}.critical-count{color:var(--danger);font-weight:600}.caution-count{color:var(--warning);font-weight:600}.machine-status{text-transform:uppercase;border-radius:var(--radius-sm);padding:2px 6px;font-size:.6rem;font-weight:600}.machine-status.critical{background:var(--danger);color:#fff}.machine-status.warning{background:var(--warning);color:#fff}.machine-status.normal{background:var(--success);color:#fff}.alarm-labels{gap:var(--space-2);color:var(--gray-600);justify-content:center;font-size:.65rem;display:flex}.alarm-labels span{text-align:center}.health-metrics-compact{gap:var(--space-1);grid-template-columns:repeat(3,1fr);display:grid}.health-metrics-compact .health-metric{text-align:center;padding:var(--space-1);background:var(--gray-50);border-radius:var(--radius-md)}.health-metrics-compact .metric-value{margin-bottom:var(--space-1);font-size:.9rem;font-weight:700}.health-metrics-compact .metric-label{color:var(--gray-600);font-size:.6rem;font-weight:500}.summary-overview{gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.summary-stat-card{border-radius:var(--radius-lg);padding:var(--space-2);border:1px solid var(--gray-200);text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);transition:all .3s}.summary-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.summary-stat-card .stat-icon{margin-bottom:var(--space-1);color:var(--primary);font-size:1.25rem}.summary-stat-card .stat-value{color:var(--gray-900);margin-bottom:var(--space-1);font-size:1.25rem;font-weight:700}.summary-stat-card .stat-label{color:var(--gray-600);font-size:.75rem;font-weight:500}.summary-stat-card.critical{background:linear-gradient(145deg,#fee2e2,#fecaca);border:none;border-radius:20px;box-shadow:8px 8px 16px #ef444433,-8px -8px 16px #fffc,inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #ef44441a}.summary-stat-card.critical .stat-icon{color:var(--danger);text-shadow:0 2px 4px #ef44444d}.summary-stat-card.critical .stat-value{color:var(--danger);text-shadow:0 2px 4px #ef444433}.summary-stat-card.warning{background:linear-gradient(145deg,#fef3c7,#fde68a);border:none;border-radius:20px;box-shadow:8px 8px 16px #f59e0b33,-8px -8px 16px #fffc,inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #f59e0b1a}.summary-stat-card.warning .stat-icon{color:var(--warning);text-shadow:0 2px 4px #f59e0b4d}.summary-stat-card.warning .stat-value{color:var(--warning);text-shadow:0 2px 4px #f59e0b33}.summary-stat-card.good{background:linear-gradient(145deg,#d1fae5,#a7f3d0);border:none;border-radius:20px;box-shadow:8px 8px 16px #10b98133,-8px -8px 16px #fffc,inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #10b9811a}.summary-stat-card.good .stat-icon{color:var(--success);text-shadow:0 2px 4px #10b9814d}.summary-stat-card.good .stat-value{color:var(--success);text-shadow:0 2px 4px #10b98133}.network-infrastructure-summary{margin-bottom:var(--space-2)}.network-infrastructure-summary h4{color:var(--gray-900);margin-bottom:var(--space-1);align-items:center;gap:var(--space-2);font-size:.9rem;font-weight:600;display:flex}.network-infrastructure-summary h4 i{color:var(--primary);font-size:1.1rem}.network-segments-grid{gap:var(--space-1);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.network-segment-card{background:linear-gradient(145deg,#fff,#f8fafc);border:none;border-radius:16px;min-height:100px;padding:12px;font-size:.7rem;box-shadow:8px 8px 16px #0000001a,-8px -8px 16px #fffc,inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0000000d}.network-segment-card .segment-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;display:flex}.network-segment-card .segment-name{color:var(--gray-900);font-size:.75rem;font-weight:600}.network-segment-card .segment-status{border-radius:16px;padding:4px 12px;font-size:.75rem;font-weight:600}.network-segment-card .segment-status.good{background:var(--success);color:#fff}.network-segment-card .segment-status.warning{background:var(--warning);color:#fff}.network-segment-card .segment-status.critical{background:var(--danger);color:#fff}.segment-components{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;display:grid}.component-item{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:none;border-radius:12px;align-items:center;gap:4px;width:100%;min-height:22px;padding:6px 10px;font-size:.6rem;display:flex;overflow:hidden;box-shadow:4px 4px 8px #00000014,-4px -4px 8px #fff9,inset 1px 1px 2px #fff6,inset -1px -1px 2px #00000008}.component-item.active{background:linear-gradient(145deg,#d1fae5,#a7f3d0);border:none;box-shadow:4px 4px 8px #10b98126,-4px -4px 8px #fff9,inset 1px 1px 2px #fff6,inset -1px -1px 2px #10b9811a}.component-item.idle{background:linear-gradient(145deg,#fef3c7,#fde68a);border:none;box-shadow:4px 4px 8px #f59e0b26,-4px -4px 8px #fff9,inset 1px 1px 2px #fff6,inset -1px -1px 2px #f59e0b1a}.component-item.maintenance{background:linear-gradient(145deg,#fee2e2,#fecaca);border:none;box-shadow:4px 4px 8px #ef444426,-4px -4px 8px #fff9,inset 1px 1px 2px #fff6,inset -1px -1px 2px #ef44441a}.component-item.more{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-600);justify-content:center;font-size:.6rem;font-weight:500}.component-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:1px}.component-status-dot.active{background:var(--success)}.component-status-dot.idle{background:var(--warning)}.component-status-dot.maintenance{background:var(--danger)}.component-id{color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:35px;font-size:.6rem;font-weight:600;overflow:hidden}.component-name{color:var(--gray-600);white-space:nowrap;text-overflow:ellipsis;flex:1;max-width:40px;font-size:.55rem;overflow:hidden}.health-network-container{margin-bottom:var(--space-1);grid-template-columns:1fr 1fr;gap:8px;display:grid}.network-status-card{border-radius:var(--radius-md);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;padding:8px}.network-status-card .network-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);padding-bottom:var(--space-1);border-bottom:1px solid var(--gray-200);display:flex}.network-status-card .network-header h5{color:var(--gray-900);margin:0;font-size:.9rem;font-weight:600}.network-status-card .network-header i{color:var(--primary);font-size:1rem}.network-metrics-compact{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.network-metric{text-align:center;padding:6px}.network-metric .metric-value{color:var(--gray-900);margin-bottom:2px;font-size:.8rem;font-weight:700}.network-metric .metric-value.offline{color:var(--danger)}.network-metric .metric-label{color:var(--gray-600);font-size:.7rem;font-weight:500}.latest-alerts-section{margin-bottom:var(--space-1)}.latest-alerts-section h4{color:var(--gray-900);align-items:center;gap:var(--space-1);margin-bottom:6px;font-size:.8rem;font-weight:600;display:flex}.latest-alerts-section h4 i{color:var(--danger);font-size:.9rem}.latest-alerts-container{flex-direction:column;gap:4px;display:flex}.alert-item{border-radius:var(--radius-sm);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;align-items:flex-start;gap:6px;padding:6px 8px;display:flex}.alert-item.critical{border-left:4px solid var(--danger);background:linear-gradient(145deg,#fee2e2,#fecaca);border-radius:16px;box-shadow:6px 6px 12px #ef444426,-6px -6px 12px #fff9,inset 1px 1px 2px #fff6,inset -1px -1px 2px #ef44441a}.alert-item.warning{border-left:4px solid var(--warning);background:linear-gradient(145deg,#fef3c7,#fde68a);border-radius:16px;box-shadow:6px 6px 12px #f59e0b26,-6px -6px 12px #fff9,inset 1px 1px 2px #fff6,inset -1px -1px 2px #f59e0b1a}.alert-item.critical .alert-icon{background:var(--danger);color:#fff}.alert-item.warning .alert-icon{background:var(--warning);color:#fff}.alert-time{color:var(--gray-600);margin-bottom:2px;font-size:.6rem}.alert-description{color:var(--gray-700);font-size:.65rem;line-height:1.2}.critical-emergency-card{border-radius:var(--radius-lg);padding:var(--space-2);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff}.emergency-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--gray-200);display:flex}.emergency-header h5{color:var(--gray-900);margin:0;font-size:1rem;font-weight:600}.emergency-header i{color:var(--danger);font-size:1.1rem}.emergency-stats{gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.emergency-stat{text-align:center;padding:var(--space-2);border-radius:var(--radius-md);background:var(--gray-50);border:1px solid var(--gray-200)}.emergency-stat.critical{background:linear-gradient(145deg,#fee2e2,#fecaca);border:none;border-radius:18px;box-shadow:8px 8px 16px #ef444433,-8px -8px 16px #fffc,inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #ef44441a}.emergency-stat.emergency{background:linear-gradient(145deg,#fef2f2,#fee2e2);border:none;border-radius:18px;box-shadow:8px 8px 16px #dc262633,-8px -8px 16px #fffc,inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #dc26261a}.emergency-stat.total{background:linear-gradient(145deg,#f3f4f6,#e5e7eb);border:none;border-radius:18px;box-shadow:8px 8px 16px #9ca3af33,-8px -8px 16px #fffc,inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #9ca3af1a}.emergency-stat .stat-number{margin-bottom:4px;font-size:1.5rem;font-weight:700}.emergency-stat.critical .stat-number{color:var(--danger)}.emergency-stat.emergency .stat-number{color:#dc2626}.emergency-stat.total .stat-number{color:var(--gray-700)}.emergency-stat .stat-label{color:var(--gray-600);font-size:.75rem;font-weight:500}.emergency-breakdown h6{color:var(--gray-900);margin-bottom:var(--space-1);align-items:center;gap:var(--space-2);font-size:.9rem;font-weight:600;display:flex}.emergency-breakdown h6 i{color:var(--primary);font-size:.9rem}.machine-critical-grid{flex-direction:column;gap:6px;display:flex}.machine-critical-item{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:none;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:relative;box-shadow:6px 6px 12px #00000014,-6px -6px 12px #fff9,inset 1px 1px 2px #fff6,inset -1px -1px 2px #00000008}.machine-critical-item.high{border-color:var(--danger);background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.machine-critical-item.medium{border-color:var(--warning);background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.machine-critical-item.low{border-color:var(--success);background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.machine-critical-item .machine-name{color:var(--gray-900);font-size:.8rem;font-weight:600}.machine-critical-item .critical-count{color:var(--gray-900);font-size:.9rem;font-weight:700}.machine-critical-item .status-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.machine-critical-item.high .status-indicator{background:var(--danger)}.machine-critical-item.medium .status-indicator{background:var(--warning)}.machine-critical-item.low .status-indicator{background:var(--success)}.compact-health-network{margin-top:var(--space-1);flex-direction:column;gap:6px;display:flex}.health-section,.network-section{border-radius:var(--radius-sm);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;padding:6px}.health-section h6,.network-section h6{color:var(--gray-900);align-items:center;gap:4px;margin:0 0 3px;font-size:.65rem;font-weight:600;display:flex}.health-section h6 i{color:var(--success);font-size:.8rem}.network-section h6 i{color:var(--primary);font-size:.8rem}.health-metrics-compact,.network-metrics-compact{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.health-metric,.network-metric{text-align:center;padding:4px}.health-metric .metric-value,.network-metric .metric-value{color:var(--gray-900);margin-bottom:1px;font-size:.7rem;font-weight:700}.network-metric .metric-value.offline{color:var(--danger);font-size:.65rem}.health-metric .metric-label,.network-metric .metric-label{color:var(--gray-600);font-size:.6rem;font-weight:500}.lines-grid{gap:var(--space-1);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.line-summary-card{border-radius:var(--radius-lg);padding:var(--space-1);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;font-size:.8rem}.line-summary-card .line-header{margin-bottom:var(--space-1);padding-bottom:var(--space-1);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;display:flex}.line-summary-card .line-name{color:var(--gray-900);font-size:.9rem;font-weight:600}.line-summary-card .line-status{text-transform:uppercase;border-radius:20px;padding:6px 16px;font-size:.75rem;font-weight:600}.line-summary-card .line-status.active{background:var(--success);color:#fff}.line-summary-card .line-status.idle{background:var(--warning);color:#fff}.line-summary-card .line-status.offline{background:var(--danger);color:#fff}.line-stations{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.station-summary{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--gray-50);border-radius:var(--radius-md);font-size:.875rem;display:flex}.station-summary .station-status{border-radius:50%;width:8px;height:8px}.station-summary .station-status.active{background:var(--success)}.station-summary .station-status.idle{background:var(--warning)}.station-summary .station-status.offline{background:var(--danger)}.alarm-summary-section{margin-bottom:var(--space-2)}.alarm-summary-section h4{color:var(--gray-900);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);font-size:1.25rem;font-weight:600;display:flex}.alarm-summary-section h4 i{color:var(--primary);font-size:1.1rem}.alarm-summary-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.alarm-summary-card{border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff}.alarm-summary-card .alarm-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--gray-200);display:flex}.alarm-summary-card .alarm-header i{color:var(--danger);font-size:1.1rem}.alarm-summary-card .alarm-header h5{color:var(--gray-900);margin:0;font-weight:600}.alarm-count{color:var(--danger);text-align:center;margin-bottom:var(--space-2);font-size:2rem;font-weight:700}.system-health-section{margin-bottom:var(--space-2)}.system-health-section h4{color:var(--gray-900);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);font-size:1.25rem;font-weight:600;display:flex}.system-health-section h4 i{color:var(--primary);font-size:1.1rem}.health-metrics{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.health-metric{border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--gray-200);text-align:center;box-shadow:var(--shadow-sm);background:#fff}.health-metric .metric-value{margin-bottom:var(--space-1);font-size:1.5rem;font-weight:700}.health-metric .metric-value.good{color:var(--success)}.health-metric .metric-value.warning{color:var(--warning)}.health-metric .metric-value.critical{color:var(--danger)}.health-metric .metric-label{color:var(--gray-600);font-size:.875rem;font-weight:500}.network-status-section{margin-bottom:var(--space-2)}.network-status-section h4{color:var(--gray-900);margin-bottom:var(--space-2);align-items:center;gap:var(--space-1);font-size:1rem;font-weight:600;display:flex}.network-status-section h4 i{color:var(--primary);font-size:.9rem}.network-summary-card{border-radius:var(--radius-lg);padding:var(--space-2);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff}.network-summary-grid{gap:var(--space-1);grid-template-columns:repeat(2,1fr);display:grid}.network-summary-item{text-align:center;padding:var(--space-1);background:var(--gray-50);border-radius:var(--radius-md)}.network-summary-item .item-value{color:var(--gray-900);margin-bottom:var(--space-1);font-size:1rem;font-weight:600}.network-summary-item .item-label{color:var(--gray-600);text-transform:uppercase;font-size:.65rem;font-weight:500}.main-content{padding:var(--space-8);background:var(--gray-50);flex:1;position:relative;overflow:hidden}.main-content:before{content:"";background-image:radial-gradient(circle at 1px 1px,var(--gray-300)1px,transparent 0);opacity:.4;pointer-events:none;background-size:24px 24px;position:absolute;inset:0}.grid-container{gap:var(--space-8);z-index:1;grid-template-columns:1fr 1fr;max-width:1400px;margin:0 auto;display:grid;position:relative}.conveyor-lines{gap:var(--space-8);flex-direction:column;display:flex}.conveyor-card{backdrop-filter:blur(10px);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);background:#fffffff2;transition:all .3s;position:relative;overflow:hidden}.conveyor-card:before{content:"";background:var(--gradient-primary);height:4px;position:absolute;top:0;left:0;right:0}.conveyor-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.conveyor-header{background:var(--gray-50);padding:var(--space-6);border-bottom:1px solid var(--gray-200);position:relative}.conveyor-header:after{content:"";background:linear-gradient(90deg,transparent,var(--gray-300),transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.conveyor-header h3{color:var(--gray-800);align-items:center;gap:var(--space-3);margin:0;font-size:1.25rem;font-weight:700;display:flex}.conveyor-header h3 i{color:var(--primary);font-size:1.5rem;transition:all .3s}.conveyor-card:first-child .conveyor-header h3 i{color:#1976d2}.conveyor-card:nth-child(2) .conveyor-header h3 i{color:#388e3c}.conveyor-card:nth-child(3) .conveyor-header h3 i{color:#f57c00}.conveyor-header h3 i{transition:transform .3s}.conveyor-header h3:hover i{transform:scale(1.1)}.conveyor-card:first-child .conveyor-header h3 i{animation:4s linear infinite rotate}.conveyor-card:nth-child(2) .conveyor-header h3 i{animation:2s ease-in-out infinite bounce}.conveyor-card:nth-child(3) .conveyor-header h3 i{animation:2s ease-in-out infinite pulse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.conveyor-part{border-radius:var(--radius-xl);color:#fff;width:32px;height:32px;box-shadow:var(--shadow-lg);z-index:15;border:2px solid #ffffff4d;justify-content:center;align-items:center;font-size:1rem;transition:all .3s;animation:8s linear infinite conveyorMove;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.conveyor-part i{color:#fff;filter:drop-shadow(0 1px 2px #0000004d);font-size:1rem}.engine-part{background:var(--gradient-primary);box-shadow:0 4px 12px #2563eb66}.product-part{background:var(--gradient-success);box-shadow:0 4px 12px #10b98166}.quality-part{background:var(--gradient-warning);box-shadow:0 4px 12px #f59e0b66}.conveyor-part:nth-child(2){animation-delay:-2s}.conveyor-part:nth-child(3){animation-delay:-4s}.conveyor-part:nth-child(4){animation-delay:-6s}.conveyor-part:hover{z-index:15;transform:translate(-50%,-50%)scale(1.1);box-shadow:0 4px 8px #0000004d}#engine-belt .conveyor-part{animation-duration:8s}#product-belt .conveyor-part{animation-duration:10s}#quality-belt .conveyor-part{animation-duration:12s}@keyframes conveyorMove{0%{background-position:0%}to{background-position:200%}}.conveyor-content{padding:1rem}.conveyor-belt-wrapper{padding-top:0;padding-bottom:0;position:relative;overflow:visible}.conveyor-belt{background:linear-gradient(135deg,var(--gray-200)0%,var(--gray-300)100%);border-radius:var(--radius-2xl);border:2px solid var(--gray-300);height:8rem;margin-bottom:var(--space-6);position:relative;overflow:hidden;box-shadow:inset 0 4px 8px #0000001a}.conveyor-belt:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%);animation:3s ease-in-out infinite shimmer;position:absolute;inset:0}.belt-animation{opacity:.8;z-index:1;background:repeating-linear-gradient(90deg,#0000,#0000 24px,#2563eb26 24px 48px);animation:2s linear infinite conveyor;position:absolute;inset:0}@keyframes conveyor{0%{transform:translate(0)}to{transform:translate(40px)}}.station-marker{background:var(--gray-400);border-radius:0 0 var(--radius-sm)var(--radius-sm);z-index:5;width:3px;position:absolute;top:15%;bottom:25%}.status-light{width:12px;height:12px;box-shadow:var(--shadow-md);background:var(--gray-400);z-index:20;border:2px solid #fff;border-radius:50%;margin-left:-6px;transition:all .3s;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.status-light.idle{background:var(--gray-400);box-shadow:0 0 0 2px #94a3b833}.status-light.pass{background:var(--success);animation:2s infinite pulse-light-success;box-shadow:0 0 0 2px #10b98133,0 0 8px #10b98166}.status-light.fail{background:var(--danger);animation:2s infinite pulse-light-danger;box-shadow:0 0 0 2px #ef444433,0 0 8px #ef444466}.status-light.warning{background:var(--warning);animation:2s infinite pulse-light-warning;box-shadow:0 0 0 2px #f59e0b33,0 0 8px #f59e0b66}.overhead-arm{z-index:10;background:#999;border-radius:25px;width:32px;height:8px;position:absolute;top:-20px;left:50%;transform:translate(-50%)rotate(-10deg);box-shadow:0 1px 2px #0000001a}.arm-end{background:#ccc;border:1px solid #999;border-radius:50%;justify-content:center;align-items:center;width:10px;height:10px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.arm-end i{color:#666;font-size:.5rem}#engine-belt .arm-end i{color:#ff9800;animation:2s infinite pulse}#product-belt .arm-end i{color:#ffc107;animation:2s infinite pulse}#quality-belt .arm-end i{color:var(--secondary);animation:2s infinite pulse}.station-label{color:var(--gray-600);white-space:nowrap;padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);background:#ffffffe6;font-size:.7rem;font-weight:600;position:absolute;bottom:-2rem;left:50%;transform:translate(-50%)}.stations-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.station-card{backdrop-filter:blur(10px);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-md);background:#fffc;flex-direction:column;justify-content:space-between;transition:all .3s;display:flex;position:relative;overflow:hidden}.station-card:before{content:"";background:var(--gray-300);height:2px;transition:all .3s;position:absolute;top:0;left:0;right:0}.station-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.station-card.idle:before{background:var(--gray-400)}.station-card.pass:before{background:var(--success)}.station-card.fail:before{background:var(--danger)}.station-card.warning:before{background:var(--warning)}.station-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.station-name{color:#555;font-size:.75rem;font-weight:600}.station-header i{color:#999;font-size:.75rem}.station-details{flex:1;margin-bottom:.5rem;font-size:.6rem}.detail-row{justify-content:space-between;margin-bottom:.25rem;display:flex}.detail-row span:first-child{color:#666}.part-id,.time-text{color:#555;font-family:monospace}.status-badge{text-align:center;color:#fff;border-radius:25px;padding:.25rem;font-size:.6rem;font-weight:600;transition:all .3s}.status-badge.pass{background:#4caf50}.status-badge.fail{background:#f44336}.status-badge.warning{background:#ff9800}.monitoring-section{gap:var(--space-8);flex-direction:column;display:flex}.monitoring-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.monitor-card{backdrop-filter:blur(10px);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);background:#fffffff2;transition:all .3s;position:relative;overflow:hidden}.monitor-card:before{content:"";background:var(--gradient-primary);height:4px;position:absolute;top:0;left:0;right:0}.monitor-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.monitor-header{background:var(--gray-50);padding:var(--space-6);border-bottom:1px solid var(--gray-200);position:relative}.monitor-header:after{content:"";background:linear-gradient(90deg,transparent,var(--gray-300),transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.monitor-header h3{color:var(--gray-800);align-items:center;gap:var(--space-3);margin:0;font-size:1.25rem;font-weight:700;display:flex}.monitor-header h3 i{color:var(--primary);font-size:1.5rem;transition:all .3s}.monitor-content{flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.monitor-icon{margin-bottom:1rem;font-size:3rem}.monitor-icon.offline{color:#f44336}.monitor-icon.pressure{color:#1976d2}.pressure-display{text-align:center;margin-bottom:1rem}.pressure-value{color:#333;font-size:3rem;font-weight:900}.pressure-unit{color:#666;margin-left:.5rem;font-size:1.25rem}.monitor-details{width:100%;max-width:300px}.monitor-details .detail-row{justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;display:flex}.monitor-details .detail-row span:first-child{color:#555;font-weight:500}.monitor-footer{background:var(--gray-50);padding:var(--space-4);border-top:1px solid var(--gray-200);justify-content:center;align-items:center;display:flex}.network-details-btn{background:var(--primary);color:#fff;border-radius:var(--radius-lg);padding:var(--space-3)var(--space-4);cursor:pointer;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-md);border:none;justify-content:center;width:100%;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.network-details-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.network-details-btn i{font-size:1rem}.network-details-modal{z-index:10000;backdrop-filter:blur(5px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.network-topology{margin-bottom:var(--space-6);background:var(--gray-50);border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid var(--gray-200)}.network-topology h4{color:var(--gray-900);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);font-size:1.1rem;font-weight:600;display:flex}.network-topology h4 i{color:var(--primary);font-size:1rem}.mermaid-diagram{border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--gray-200);max-height:700px;box-shadow:var(--shadow-sm);background:#fff;overflow:auto}.mermaid-diagram .mermaid{justify-content:center;align-items:center;min-height:500px;display:flex}.mermaid-diagram svg{max-width:100%;height:auto}.network-components-status{margin-bottom:var(--space-6);background:var(--gray-50);border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid var(--gray-200)}.network-components-status h4{color:var(--gray-900);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);font-size:1.1rem;font-weight:600;display:flex}.network-components-status h4 i{color:var(--primary);font-size:1rem}.components-grid{gap:var(--space-4);max-height:500px;padding:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid;overflow-y:auto}.component-item{border-radius:var(--radius-lg);padding:var(--space-3);border:1px solid var(--gray-200);align-items:center;gap:var(--space-3);background:#fff;transition:all .3s;display:flex;position:relative}.component-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.component-item.offline{background:#fef2f2;border-color:#fecaca}.component-item.online{background:#f0fdf4;border-color:#bbf7d0}.component-icon{border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.component-item.slat .component-icon{background:var(--primary)}.component-item.mcp .component-icon,.component-item.ae .component-icon{background:var(--secondary)}.component-item.hub .component-icon{background:var(--success)}.component-item.offline .component-icon{background:var(--danger)}.component-info{flex:1;min-width:0}.component-name{color:var(--gray-900);margin-bottom:var(--space-1);font-size:.9rem;font-weight:600}.component-status{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.component-status .status-dot{border-radius:50%;width:8px;height:8px}.component-status .status-dot.online{background:var(--success);box-shadow:0 0 0 2px #10b98133}.component-status .status-dot.offline{background:var(--danger);box-shadow:0 0 0 2px #ef444433}.component-status .status-text{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.component-item.online .component-status .status-text{color:var(--success)}.component-item.offline .component-status .status-text{color:var(--danger)}.component-last-seen{color:var(--gray-500);font-size:.75rem}.connection-stats{gap:var(--space-3);align-items:center;display:flex}.connection-count,.connection-offline{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.connection-count .total,.connection-offline .offline-count{color:var(--gray-900);font-size:1.25rem;font-weight:700}.connection-offline .offline-count{color:var(--danger)}.connection-count .label,.connection-offline .label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.network-alert{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);border:1px solid;display:flex}.network-alert.offline{color:#991b1b;background:#fef2f2;border-color:#fecaca}.network-alert.online{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.network-alert.offline .alert-icon{color:#fff;background:#dc2626}.network-alert.online .alert-icon{color:#fff;background:#16a34a}.alert-content{flex:1}.alert-title{margin-bottom:var(--space-1);font-size:1rem;font-weight:700}.alert-message{margin-bottom:var(--space-2);opacity:.9;font-size:.875rem}.alert-details{opacity:.8;font-size:.8rem;font-style:italic}.network-details-content{border-radius:var(--radius-2xl);width:95%;max-width:none;height:95vh;max-height:none;box-shadow:var(--shadow-xl);background:#fff;position:relative;overflow-y:auto}.network-details-header{background:var(--gray-50);padding:var(--space-6);border-bottom:1px solid var(--gray-200);border-radius:var(--radius-2xl)var(--radius-2xl)0 0;justify-content:space-between;align-items:center;display:flex}.network-details-header h3{color:var(--gray-800);align-items:center;gap:var(--space-3);margin:0;font-size:1.25rem;font-weight:700;display:flex}.close-btn{background:var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;width:40px;height:40px;color:var(--gray-600);border:none;justify-content:center;align-items:center;transition:all .3s;display:flex}.close-btn:hover{background:var(--gray-300);color:var(--gray-800)}.network-details-body{padding:var(--space-6)}.network-overview{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.network-stat{background:var(--gray-50);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.stat-label{color:var(--gray-600);margin-bottom:var(--space-1);font-size:.875rem;font-weight:500;display:block}.stat-value{color:var(--gray-800);font-size:1.125rem;font-weight:700;display:block}.stat-value.online{color:var(--success)}.stat-value.offline{color:var(--danger)}.network-devices,.network-connections{margin-bottom:var(--space-6)}.network-devices h4,.network-connections h4{color:var(--gray-800);align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:1.125rem;font-weight:600;display:flex}.device-list,.connection-list{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));max-height:400px;display:grid;overflow-y:auto}.device-item{background:var(--gray-50);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--gray-200);justify-content:space-between;align-items:center;transition:all .3s;display:flex}.device-item:hover{background:var(--gray-100);box-shadow:var(--shadow-md);transform:translateY(-1px)}.device-item.offline{border-color:var(--danger);background:#fef2f280}.device-info{gap:var(--space-1);flex-direction:column;display:flex}.device-name{color:var(--gray-800);font-size:.875rem;font-weight:600}.device-ip{color:var(--gray-600);font-family:monospace;font-size:.75rem}.device-status{align-items:center;gap:var(--space-2);display:flex}.device-status .status-dot{border-radius:50%;width:8px;height:8px}.device-status .status-dot.online{background:var(--success)}.device-status .status-dot.offline{background:var(--danger)}.device-status .status-text{text-transform:uppercase;font-size:.75rem;font-weight:600}.device-status .uptime{color:var(--gray-600);font-size:.75rem}.connection-item{background:var(--gray-50);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--gray-200);justify-content:space-between;align-items:center;display:flex}.connection-type{color:var(--gray-800);font-size:.875rem;font-weight:600}.connection-count{color:var(--primary);font-size:1rem;font-weight:700}.connection-status{text-transform:uppercase;padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);background:var(--success);color:#fff;font-size:.75rem;font-weight:600}@media (max-width:768px){.network-details-content{border-radius:0;width:100%;height:100vh}.network-overview{gap:var(--space-4);grid-template-columns:1fr}.components-grid,.device-list,.connection-list{grid-template-columns:1fr;max-height:300px}.device-item{align-items:flex-start;gap:var(--space-2);flex-direction:column}.device-status{align-self:flex-end}.mermaid-diagram{max-height:400px;padding:var(--space-3)}.mermaid-diagram .mermaid{min-height:300px}}.alarm-section{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.alarm-summary-card,.machine-alarms-card{backdrop-filter:blur(10px);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);background:#fffffff2;transition:all .3s;position:relative;overflow:hidden}.alarm-header{background:var(--gray-50);padding:var(--space-6);border-bottom:1px solid var(--gray-200);position:relative}.alarm-header:after{content:"";background:linear-gradient(90deg,transparent,var(--gray-300),transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.alarm-header h3{color:var(--gray-800);align-items:center;gap:var(--space-3);margin:0;font-size:1.25rem;font-weight:700;display:flex}.alarm-header h3 i{color:var(--primary);font-size:1.5rem;transition:all .3s}.alarm-content{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.alarm-circle{background:var(--gradient-danger);color:#fff;width:7rem;height:7rem;box-shadow:var(--shadow-xl);text-align:center;border:4px solid #fff3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:2rem;font-weight:900;animation:2s infinite pulse;display:flex;position:relative}.alarm-label{text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.75rem;font-weight:600}.alarm-icon{font-size:1.5rem;animation:2s infinite pulse;position:absolute;top:-.5rem;right:-.5rem}.alarm-type{text-align:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.75rem;display:flex}.alarm-type.critical{background:#ffebee;border-color:#f44336}.alarm-type.caution{background:#fff3e0;border-color:#ff9800}.machine-alarms-card .alarm-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);background:#fff;font-size:.7rem;overflow:hidden}.machine-alarms-card .alarm-table th{background:var(--gray-50);padding:var(--space-3)var(--space-2);color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200);text-align:left;z-index:10;font-size:.65rem;font-weight:700;position:sticky;top:0}.machine-alarms-card .alarm-table td{padding:var(--space-3)var(--space-2);border-bottom:1px solid var(--gray-100);color:var(--gray-700);transition:all .2s}.machine-alarms-card .alarm-table tr:hover{background:var(--gray-50);transform:scale(1.01)}.machine-alarms-card .alarm-table tr:hover td{color:var(--gray-900)}.machine-alarms-card .alarm-table-container{max-height:350px;padding:var(--space-4);flex:1;overflow:auto}.alarm-table{max-height:300px;overflow:auto}.alarm-table table{border-collapse:collapse;width:100%;font-size:.875rem}.alarm-table th{padding:var(--space-3)var(--space-2);color:#333;text-transform:uppercase;white-space:nowrap;background:#f8f9fa;border-bottom:1px solid #e0e0e0;font-size:.75rem;font-weight:600}.alarm-table td{padding:var(--space-3)var(--space-2);white-space:nowrap;border-bottom:1px solid #f0f0f0}.critical{color:#d32f2f;font-weight:600}.caution{color:#f57c00;font-weight:600}.chart-section{grid-column:1/-1}.chart-card{backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff 0%,#f8f9fc 100%);border:1px solid #e9ecef;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #00000014}.chart-card:hover{border-color:#36f;transform:translateY(-4px);box-shadow:0 16px 48px #0000001f}.chart-card:before{content:"";opacity:.8;background:linear-gradient(90deg,#36f 0%,#5b47fb 50%,#36f 100%);height:4px;position:absolute;top:0;left:0;right:0}.chart-header{background:linear-gradient(135deg,#f8f9fc 0%,#fff 100%);border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:24px 30px;display:flex;position:relative}.chart-header:after{content:"";opacity:.3;background:linear-gradient(90deg,#0000,#36f,#0000);height:1px;position:absolute;bottom:0;left:20px;right:20px}.chart-header h3{color:#031b4e;letter-spacing:-.02em;align-items:center;gap:12px;margin:0;font-size:1.3rem;font-weight:700;display:flex}.chart-header h3 i{color:#36f;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#36f 0%,#5b47fb 100%);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;transition:all .3s}.chart-content{background:linear-gradient(135deg,#fff 0%,#fafbfc 100%);justify-content:center;align-items:center;height:280px;padding:30px;display:flex;position:relative}.chart-content:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#3366ff08 0%,#0000 50%),radial-gradient(circle at 70% 80%,#5b47fb08 0%,#0000 50%);position:absolute;inset:0}.chart-content canvas{z-index:2;background:0 0;border-radius:12px;position:relative}.chart-legend{backdrop-filter:blur(10px);background:#fffc;border:1px solid #3366ff1a;border-radius:12px;justify-content:center;align-items:center;gap:20px;margin-top:15px;padding:15px 20px;display:flex}.legend-item{color:#031b4e;align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex}.legend-color{border-radius:50%;width:12px;height:12px;box-shadow:0 2px 4px #0000001a}.legend-color.critical{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%)}.legend-color.caution{background:linear-gradient(135deg,#fd7e14 0%,#e8690b 100%)}.chart-card{animation:.6s ease-out chartFadeIn}@keyframes chartFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.chart-card{border-radius:16px}.chart-header{padding:20px 24px}.chart-header h3{font-size:1.1rem}.chart-content{height:220px;padding:20px}.chart-legend{flex-direction:column;gap:12px;padding:12px 16px}}.alarm-logs-section{gap:var(--space-6);grid-column:1/-1;grid-template-columns:repeat(2,1fr);display:grid}.critical-alarms-card,.caution-alarms-card{backdrop-filter:blur(10px);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);background:#fffffff2;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.critical-alarms-card{border-color:var(--danger)}.critical-alarms-card:before{content:"";background:var(--gradient-danger);height:4px;position:absolute;top:0;left:0;right:0}.caution-alarms-card{border-color:var(--warning)}.caution-alarms-card:before{content:"";background:var(--gradient-warning);height:4px;position:absolute;top:0;left:0;right:0}.alarm-header.critical{background:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:var(--space-4)}.alarm-header.critical h3{color:var(--danger);margin:0;font-size:1.125rem}.alarm-header.caution{background:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:var(--space-4)}.alarm-header.caution h3{color:var(--warning);margin:0;font-size:1.125rem}.no-alarms{text-align:center;color:#666;padding:2rem}.alarm-log-item{border-bottom:1px solid #f0f0f0;padding:.75rem;font-size:.75rem;transition:background-color .2s}.alarm-log-item:hover{background-color:#f8f9fa}.alarm-log-item:last-child{border-bottom:none}.alarm-table-container{max-height:350px;padding:var(--space-4);flex:1;overflow:auto}.alarm-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);background:#fff;font-size:.7rem;overflow:hidden}.alarm-table tr:hover{background:#f8f9fa}.no-alarms-cell{text-align:center;color:#666;font-style:italic}.critical-alarms-card .alarm-table th{color:#d32f2f;background:#ffebee}.caution-alarms-card .alarm-table th{color:#f57c00;background:#fff3e0}.alarm-table tr:nth-child(2n){background-color:#fafafa}.alarm-table tr:hover{background-color:#f0f0f0}.alarm-table th:first-child,.alarm-table td:first-child,.alarm-table th:nth-child(2),.alarm-table td:nth-child(2){width:15%}.alarm-table th:nth-child(3),.alarm-table td:nth-child(3){width:20%}.alarm-table th:nth-child(4),.alarm-table td:nth-child(4){width:15%}.alarm-table th:nth-child(5),.alarm-table td:nth-child(5){width:35%}.footer{background:#fff;border-top:4px solid #e3f2fd;padding:1.5rem;box-shadow:0 -4px 6px #0000001a}.footer-stats{grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1400px;margin:0 auto;display:grid}@keyframes pulse-light-success{0%,to{opacity:1;box-shadow:0 0 0 2px #10b98133,0 0 8px #10b98166}50%{opacity:.8;box-shadow:0 0 0 2px #10b98133,0 0 12px #10b98199}}@keyframes pulse-light-danger{0%,to{opacity:1;box-shadow:0 0 0 2px #ef444433,0 0 8px #ef444466}50%{opacity:.8;box-shadow:0 0 0 2px #ef444433,0 0 12px #ef444499}}@keyframes pulse-light-warning{0%,to{opacity:1;box-shadow:0 0 0 2px #f59e0b33,0 0 8px #f59e0b66}50%{opacity:.8;box-shadow:0 0 0 2px #f59e0b33,0 0 12px #f59e0b99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.1)}}@media (max-width:1200px){.grid-container{gap:var(--space-6);grid-template-columns:1fr}.header-stats,.footer-stats{grid-template-columns:repeat(2,1fr)}.main-content{padding:var(--space-6)}}@media (max-width:768px){.header-content{gap:var(--space-6);flex-direction:column}.header-stats{grid-template-columns:1fr}.stations-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.monitoring-grid,.alarm-section,.alarm-logs-section,.footer-stats{grid-template-columns:1fr}.main-content{padding:var(--space-4)}.logo{font-size:1.875rem}.conveyor-header h3,.monitor-header h3{font-size:1.125rem}}@media (max-width:480px){.stations-grid{grid-template-columns:1fr}.header-controls{gap:var(--space-2);flex-direction:column;width:100%}.time-display,#date-picker,.control-btn{width:100%}.conveyor-belt{height:6rem}.conveyor-part{width:24px;height:24px;font-size:.875rem}.conveyor-part i{font-size:.875rem}.stat-number,.logo{font-size:1.5rem}}.conveyor-header h3:hover i{filter:drop-shadow(0 2px 4px #2563eb4d);transform:scale(1.2)rotate(5deg)}.monitor-header h3:hover i{filter:drop-shadow(0 2px 4px #2563eb4d);transform:scale(1.2)}.status-badge{text-align:center;padding:var(--space-2)var(--space-3);border-radius:var(--radius-xl);color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:.625rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.status-badge:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.status-badge:hover:before{left:100%}.status-badge.idle{background:var(--gray-500)}.status-badge.pass{background:var(--success);box-shadow:0 2px 8px #10b9814d}.status-badge.fail{background:var(--danger);box-shadow:0 2px 8px #ef44444d}.status-badge.warning{background:var(--warning);box-shadow:0 2px 8px #f59e0b4d}.station-details{margin-bottom:var(--space-3);flex:1;font-size:.625rem}.detail-row{margin-bottom:var(--space-1);padding:var(--space-1)0;border-bottom:1px solid var(--gray-100);justify-content:space-between;display:flex}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:var(--gray-600);font-weight:500}.part-id,.time-text{color:var(--gray-700);font-family:JetBrains Mono,Fira Code,monospace;font-weight:600}.monitor-content{padding:var(--space-8);align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.monitor-icon{margin-bottom:var(--space-4);font-size:4rem;transition:all .3s}.monitor-icon.offline{color:var(--danger);animation:2s infinite pulse}.monitor-icon.online{color:var(--success);animation:2s infinite pulse}.monitor-icon.pressure{color:var(--primary);animation:3s ease-in-out infinite float}.pressure-display{text-align:center;margin-bottom:var(--space-6);position:relative}.pressure-value{color:var(--gray-800);text-shadow:0 2px 4px #0000001a;font-size:3.5rem;font-weight:900;line-height:1}.pressure-unit{color:var(--gray-600);margin-left:var(--space-2);font-size:1.5rem;font-weight:600}.alarm-circle{background:var(--gradient-danger);color:#fff;width:8rem;height:8rem;box-shadow:var(--shadow-xl);margin:0 auto var(--space-6);border:4px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;font-weight:900;animation:2s infinite pulse;display:flex;position:relative}.alarm-circle:before{content:"";background:linear-gradient(45deg,var(--danger),#ff6b6b);opacity:.3;z-index:-1;border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-8px}.alarm-label{bottom:var(--space-2);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:700;position:absolute}.alarm-icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:2rem;animation:1.5s infinite pulse;position:absolute;top:-.75rem;right:-.75rem}.alarm-breakdown{gap:var(--space-4);max-width:250px;margin:0 auto;display:flex}.alarm-type{backdrop-filter:blur(10px);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-4);text-align:center;box-shadow:var(--shadow-md);background:#ffffffe6;flex:1;transition:all .3s}.alarm-type:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.alarm-type.critical{border-color:var(--danger);background:#fef2f2e6}.alarm-type.caution{border-color:var(--warning);background:#fffbebe6}.alarm-count{margin-bottom:var(--space-2);font-size:1.5rem;font-weight:900;line-height:1}.alarm-type.critical .alarm-count{color:var(--danger)}.alarm-type.caution .alarm-count{color:var(--warning)}.alarm-type .alarm-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.alarm-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);background:#fff;min-width:600px;font-size:.75rem;overflow:hidden}.alarm-table th{background:var(--gray-50);padding:var(--space-4)var(--space-3);color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--gray-200);text-align:left;z-index:10;font-size:.7rem;font-weight:700;position:sticky;top:0}.alarm-table td{padding:var(--space-4)var(--space-3);border-bottom:1px solid var(--gray-100);color:var(--gray-700);transition:all .2s}.alarm-table tr:hover{background:var(--gray-50);transform:scale(1.01)}.alarm-table tr:hover td{color:var(--gray-900)}.footer{backdrop-filter:blur(10px);border-top:1px solid var(--gray-200);padding:var(--space-6);background:#fffffff2;position:relative;box-shadow:0 -4px 6px #0000001a}.footer:before{content:"";background:linear-gradient(90deg,transparent,var(--gray-300),transparent);height:1px;position:absolute;top:0;left:0;right:0}.control-btn:focus,#date-picker:focus,.station-card:focus{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dark-mode{--gray-50:#0f172a;--gray-100:#1e293b;--gray-200:#334155;--gray-300:#475569;--gray-400:#64748b;--gray-500:#94a3b8;--gray-600:#cbd5e1;--gray-700:#e2e8f0;--gray-800:#f1f5f9;--gray-900:#f8fafc}.dark-mode body{color:var(--gray-200);background:linear-gradient(135deg,#1e293b 0%,#334155 100%)}.dark-mode .dashboard-container{background:var(--gray-50)}.dark-mode .header{border-bottom:1px solid var(--gray-700);background:#1e293bf2}.dark-mode .conveyor-card,.dark-mode .monitor-card,.dark-mode .alarm-summary-card,.dark-mode .machine-alarms-card,.dark-mode .chart-card,.dark-mode .critical-alarms-card,.dark-mode .caution-alarms-card{border:1px solid var(--gray-700);background:#1e293bf2}.dark-mode .conveyor-header,.dark-mode .monitor-header,.dark-mode .alarm-header,.dark-mode .chart-header{background:var(--gray-100);border-bottom:1px solid var(--gray-700)}.dark-mode .station-card{border:1px solid var(--gray-700);background:#1e293bf2}.dark-mode .station-name{color:var(--gray-200)}.dark-mode .footer{border-top:1px solid var(--gray-700);background:#1e293bf2}.dark-mode .alarm-table tr:hover td{color:var(--gray-200)}.dark-mode .conveyor-header h3,.dark-mode .monitor-header h3,.dark-mode .alarm-header h3,.dark-mode .chart-header h3,.dark-mode .station-name{color:var(--gray-100)}.dark-mode .detail-row span:first-child{color:var(--gray-400)}.dark-mode .part-id,.dark-mode .time-text{color:var(--gray-100)}.dark-mode .stat-label{color:var(--gray-300)}.dark-mode .stat-number,.dark-mode .status-text,.dark-mode .alarm-label,.dark-mode .alarm-count,.dark-mode .pressure-value{color:var(--gray-100)}.dark-mode .pressure-unit{color:var(--gray-300)}.dark-mode .monitor-details .detail-row span:last-child{color:var(--gray-100)}.dark-mode .monitor-details .detail-row span:first-child{color:var(--gray-400)}.dark-mode .alarm-table th{background:var(--gray-100);color:var(--gray-100);border-bottom:1px solid var(--gray-700)}.dark-mode .alarm-table td{color:var(--gray-200);border-bottom:1px solid var(--gray-700)}.dark-mode .alarm-table tr:hover{background:var(--gray-100)}.dark-mode .footer-stats .stat-number{color:var(--gray-100)}.dark-mode .footer-stats .stat-label{color:var(--gray-300)}.dark-mode .time-display{color:var(--gray-100)}.dark-mode .time-display i{color:var(--gray-300)}.dark-mode #date-picker{color:var(--gray-100);background:var(--gray-700);border:1px solid var(--gray-600)}.dark-mode #date-picker:focus{border-color:var(--primary);background:var(--gray-600)}.dark-mode .control-btn{color:var(--gray-100);background:var(--gray-700)}.dark-mode .control-btn:hover{background:var(--gray-600)}.dark-mode .logo,.dark-mode .network-details-content h3,.dark-mode .network-details-content h4,.dark-mode .device-name,.dark-mode .device-ip,.dark-mode .connection-type,.dark-mode .component-name{color:var(--gray-100)}.dark-mode .component-last-seen{color:var(--gray-300)}.dark-mode .alert-title{color:var(--gray-100)}.dark-mode .alert-message{color:var(--gray-300)}.dark-mode .alert-details,.dark-mode .station-details .detail-row span:first-child{color:var(--gray-400)}.dark-mode .station-details .detail-row span:last-child,.dark-mode .status-badge{color:var(--gray-100)}.dark-mode .monitor-content .detail-row span:first-child{color:var(--gray-400)}.dark-mode .monitor-content .detail-row span:last-child{color:var(--gray-100)}.dark-mode .alarm-breakdown{color:var(--gray-300)}.dark-mode .alarm-type .alarm-label,.dark-mode .chart-content{color:var(--gray-100)}.dark-mode .no-alarms{color:var(--gray-400)}.dark-mode .alarm-log-item{color:var(--gray-200)}.dark-mode .alarm-log-item:hover{color:var(--gray-100)}.conveyor-part,.belt-animation,.status-light,.alarm-circle,.monitor-icon{will-change:transform,opacity;transform:translateZ(0)}.station-card,.monitor-card,.alarm-summary-card,.machine-alarms-card,.chart-card,.critical-alarms-card,.caution-alarms-card{will-change:transform,box-shadow;transform:translateZ(0)}.status-indicator{visibility:visible!important;opacity:1!important;box-sizing:border-box!important;vertical-align:middle!important;background-color:#0000!important;border:none!important;border-radius:50%!important;outline:none!important;flex-shrink:0!important;width:12px!important;min-width:12px!important;max-width:12px!important;height:12px!important;min-height:12px!important;max-height:12px!important;margin:0 5px 0 0!important;padding:0!important;font-size:0!important;line-height:1!important;display:inline-block!important;position:relative!important;overflow:hidden!important;transform:none!important}.status-indicator.status-operate{background-color:#2dce89!important;box-shadow:0 0 10px #2dce8966!important}.status-indicator.status-stop{background-color:#ffc107!important;box-shadow:0 0 10px #ffc10766!important}.status-indicator.status-disconnect{background-color:#6c757d!important;box-shadow:0 0 10px #6c757d66!important}.status-indicator.status-alarm{background-color:#ff5722!important;box-shadow:0 0 10px #ff572266!important}.status-indicator{aspect-ratio:1!important;box-sizing:border-box!important;vertical-align:middle!important;visibility:visible!important;opacity:1!important;background-color:#0000!important;border:none!important;border-radius:50%!important;outline:none!important;flex-shrink:0!important;width:12px!important;min-width:12px!important;max-width:12px!important;height:12px!important;min-height:12px!important;max-height:12px!important;margin:0 5px 0 0!important;padding:0!important;font-size:0!important;line-height:1!important;display:inline-block!important;position:relative!important;overflow:hidden!important;transform:none!important}[data-page=mbeat]{color:#1e293b;background:0 0;flex-direction:column;min-height:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:visible}[data-page=mbeat] .indxo-content-body{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);min-height:auto}[data-page=mbeat] .toolbar-left{align-items:center;gap:1rem;display:flex}[data-page=mbeat] .toolbar-label{color:#cbd5e1;font-size:.875rem;font-weight:500}[data-page=mbeat] .toolbar-right{gap:.75rem;display:flex}[data-page=mbeat] .select-wrapper{position:relative}[data-page=mbeat] .select-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#cbd5e1;cursor:pointer;background:#1e293bcc;border:1px solid #94a3b866;border-radius:.5rem;padding:.5rem 2.5rem .5rem 1rem;font-size:.875rem;transition:all .2s;box-shadow:inset 0 2px 4px #0000001a}[data-page=mbeat] .select-dropdown:focus{border-color:#06b6d4;outline:none;box-shadow:0 0 0 2px #06b6d433}[data-page=mbeat] .select-arrow{pointer-events:none;color:#64748b;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}[data-page=mbeat] .main-content{flex:1;min-height:600px;display:flex;overflow:hidden}[data-page=mbeat] .visualization-area{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-right:1px solid #94a3b81a;flex:1;min-height:600px;position:relative}[data-page=mbeat] .overview-panel{z-index:10;backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #3b82f64d;border-radius:.75rem;padding:1rem;transition:all .3s;position:absolute;top:1rem;left:1rem;box-shadow:0 8px 32px #0000001a}[data-page=mbeat] .overview-panel:hover{background:#fffffff2;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 12px 40px #00000026}[data-page=mbeat] .overview-title{color:#1e293b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}[data-page=mbeat] .overview-legend{gap:.75rem;display:flex}[data-page=mbeat] .legend-dot{border-radius:50%;width:.75rem;height:.75rem}[data-page=mbeat] .legend-green{background:#10b981}[data-page=mbeat] .legend-red{background:#ef4444}[data-page=mbeat] .legend-yellow{background:#f59e0b}[data-page=mbeat] .legend-item span{color:#1e293b;font-size:.75rem}[data-page=mbeat] .canvas-container{background:0 0;border-radius:.5rem;width:100%;height:100%;min-height:300px;margin-top:0;margin-bottom:0;position:relative;overflow:hidden}[data-page=mbeat] #threeCanvas{cursor:grab;width:100%;height:100%;display:block}[data-page=mbeat] #threeCanvas:active{cursor:grabbing}[data-page=mbeat] .status-panel{background:linear-gradient(#1e293b 0%,#0f172a 100%);border-left:1px solid #94a3b81a;flex-direction:column;width:24rem;padding:1.25rem;display:flex;overflow-y:auto}[data-page=mbeat] .overview-content{padding-top:0;padding-bottom:0;animation:.3s ease-in-out fadeIn}[data-page=mbeat] .overview-header{text-align:center;margin-top:0;margin-bottom:0}[data-page=mbeat] .overview-main-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#87ceeb 0%,#4682b4 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:0;font-size:1.5rem;font-weight:700}[data-page=mbeat] .overview-subtitle{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#64748b 0%,#94a3b8 50%,#cbd5e1 100%);-webkit-background-clip:text;background-clip:text;font-size:.875rem}[data-page=mbeat] .status-grid{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:0;display:grid}[data-page=mbeat] .status-card{backdrop-filter:blur(8px);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #fff3;border-radius:.75rem;flex-direction:column;justify-content:space-between;padding:1rem;transition:transform .2s;display:flex;box-shadow:0 4px 6px #10b9814d}[data-page=mbeat] .status-card-header{justify-content:center;align-items:center;width:100%;margin-bottom:.3rem;display:flex}[data-page=mbeat] .status-card-label{text-transform:uppercase;letter-spacing:.3px;color:#fff;text-shadow:0 1px 2px #0000004d;font-size:.55rem;font-weight:700;line-height:1.1}[data-page=mbeat] .status-card-icon{display:none}[data-page=mbeat] .status-card-value{color:#fff;text-shadow:0 1px 2px #0000004d;font-size:1rem;font-weight:800;line-height:1}[data-page=mbeat] .status-card.operate{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-color:#ffffff4d;box-shadow:0 4px 12px #22c55e66}[data-page=mbeat] .status-card.alarm{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#ffffff4d;box-shadow:0 4px 12px #ef444466}[data-page=mbeat] .status-card.disconnect{background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%);border-color:#ffffff4d;box-shadow:0 4px 12px #94a3b866}[data-page=mbeat] .status-card.emergency_light{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#ffffff4d;box-shadow:0 4px 12px #ef444466}[data-page=mbeat] .status-card.stop{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#ffffff4d;box-shadow:0 4px 12px #f59e0b66}[data-page=mbeat] .status-card.suspend{background:linear-gradient(135deg,#fb923c 0%,#f97316 100%);border-color:#ffffff4d;box-shadow:0 4px 12px #fb923c66}[data-page=mbeat] .status-card.manual{background:linear-gradient(135deg,#93c5fd 0%,#3b82f6 100%);border-color:#ffffff4d;box-shadow:0 4px 12px #93c5fd66}[data-page=mbeat] .status-card.warmup{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#ffffff4d;box-shadow:0 4px 12px #dc262666}[data-page=mbeat] .system-overview .stat-value{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#1e293b 0%,#475569 50%,#64748b 100%);-webkit-background-clip:text;background-clip:text;font-weight:700}[data-page=mbeat] .system-overview .stat-label{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#1e293b 0%,#475569 50%,#64748b 100%);-webkit-background-clip:text;background-clip:text;font-weight:600}[data-page=mbeat] .system-overview .stat-item{backdrop-filter:blur(8px);background:linear-gradient(135deg,#10b9811a 0%,#0596690d 100%);border:1px solid #10b9814d;border-radius:.75rem;margin-bottom:.75rem;padding:1rem;box-shadow:0 4px 6px #10b9811a}[data-page=mbeat] .section-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#1e293b 0%,#475569 50%,#64748b 100%);-webkit-background-clip:text;background-clip:text;font-weight:600}[data-page=mbeat] .section-title i{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#1e293b 0%,#475569 50%,#64748b 100%);-webkit-background-clip:text;background-clip:text}[data-page=mbeat] .uptime-section .section-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#1e293b 0%,#475569 50%,#64748b 100%);-webkit-background-clip:text;background-clip:text;font-weight:600}[data-page=mbeat] .uptime-section .section-title i{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#1e293b 0%,#475569 50%,#64748b 100%);-webkit-background-clip:text;background-clip:text}[data-page=mbeat] .system-overview .section-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#1e293b 0%,#475569 50%,#64748b 100%);-webkit-background-clip:text;background-clip:text;font-weight:600}[data-page=mbeat] .system-overview .section-title i{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#1e293b 0%,#475569 50%,#64748b 100%);-webkit-background-clip:text;background-clip:text}[data-page=mbeat] .btn-secondary{color:#fff!important;backdrop-filter:blur(10px)!important;z-index:10!important;background:linear-gradient(135deg,#00bfff 0%,navy 100%)!important;border:1px solid #00bfff!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:.3rem!important;font-size:0!important;display:flex!important;position:absolute!important;top:.5rem!important;left:1rem!important;box-shadow:0 4px 15px #00bfff4d!important}[data-page=mbeat] .btn-secondary:hover{background:linear-gradient(135deg,#09c 0%,#006 100%)!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px #00bfff66!important}[data-page=mbeat] .btn-secondary svg{color:#fff!important;width:14px!important;height:14px!important}[data-page=mbeat] .section-title{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex;color:#fff!important}[data-page=mbeat] .section-title i{color:#fff!important}[data-page=mbeat] .system-overview{border-radius:var(--border-radius-lg,25px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff26 0%,#ffffff14 50%,#ffffff08 100%);border:1px solid #fff3;margin-bottom:1.5rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000026,inset 0 1px #ffffff1a}[data-page=mbeat] .system-overview:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff14 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}[data-page=mbeat] .system-overview:hover:before{opacity:1}[data-page=mbeat] .overview-stats{margin-bottom:1rem}[data-page=mbeat] .stat-item{background:0 0;border:1px solid #10b98133;border-radius:.5rem;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem;display:flex}[data-page=mbeat] .stat-label{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#1e293b 0%,#475569 50%,#64748b 100%);-webkit-background-clip:text;background-clip:text;font-size:.875rem;font-weight:600}[data-page=mbeat] .stat-value{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#1e293b 0%,#475569 50%,#64748b 100%);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}[data-page=mbeat] .stat-card{background:0 0;border:1px solid #10b98133;border-radius:.5rem;padding:.75rem}[data-page=mbeat] .stat-header{color:#1e293b;align-items:center;gap:.375rem;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:flex}[data-page=mbeat] .stat-card .stat-value{font-size:1.125rem;font-weight:700}[data-page=mbeat] .stat-card .stat-value.temperature-high{color:#ef4444}[data-page=mbeat] .stat-card .stat-value.temperature-medium{color:#f59e0b}[data-page=mbeat] .stat-card .stat-value.temperature-low{color:#10b981}[data-page=mbeat] .stat-card .stat-value.efficiency{color:#06b6d4}[data-page=mbeat] .efficiency-section{backdrop-filter:blur(8px);background:0 0;border:1px solid #10b98133;border-radius:.75rem;margin-bottom:1.25rem;padding:1.25rem;box-shadow:0 4px 6px #10b9811a}[data-page=mbeat] .efficiency-bar{background:#334155b3;border-radius:.5rem;width:100%;height:1rem;margin-bottom:.75rem;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}[data-page=mbeat] .efficiency-progress{background:linear-gradient(90deg,#10b981 0%,#22c55e 50%,#16a34a 100%);border-radius:.5rem;justify-content:flex-end;align-items:center;height:100%;padding-right:.5rem;transition:width 1s;display:flex;box-shadow:0 2px 4px #0003}[data-page=mbeat] .efficiency-text{color:#fff;font-size:.75rem;font-weight:700}[data-page=mbeat] .efficiency-labels{color:#64748b;justify-content:space-between;font-size:.75rem;display:flex}[data-page=mbeat] .uptime-section{backdrop-filter:blur(8px);background:linear-gradient(135deg,#00bfff 0%,navy 100%);border:2px solid #00bfff;border-radius:.75rem;margin-bottom:10px;padding:1.25rem;box-shadow:0 4px 15px #00bfff4d}[data-page=mbeat] .uptime-display{text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;margin-bottom:.75rem;padding:1rem}[data-page=mbeat] .uptime-value{color:#fff;font-size:1.875rem;font-weight:700}[data-page=mbeat] .uptime-unit{color:#fff;margin-left:.5rem;font-size:.875rem}[data-page=mbeat] .uptime-info{justify-content:space-between;align-items:center;display:flex}[data-page=mbeat] .machine-details .status-card:nth-child(2){color:#fff;background:linear-gradient(135deg,#00bfff 0%,navy 100%);border:2px solid #00bfff;box-shadow:0 4px 15px #00bfff4d}[data-page=mbeat] .machine-details .status-card:nth-child(2) .status-card-label,[data-page=mbeat] .machine-details .status-card:nth-child(2) .status-card-value{color:#fff}[data-page=mbeat] .footer{color:#64748b;background:linear-gradient(90deg,#0f172a 0%,#1e293b 100%);border-top:1px solid #94a3b81a;justify-content:space-between;align-items:center;margin-top:0;padding:.75rem;font-size:.75rem;display:flex;box-shadow:0 -4px 6px -1px #0000001a}[data-page=mbeat] .status-indicator{background:#10b981;border-radius:50%;width:.5rem;height:.5rem;margin-right:.5rem;animation:2s infinite pulse;display:inline-block}[data-page=mbeat] .status-text{color:#10b981;font-weight:500}[data-page=mbeat] .btn{cursor:pointer;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}[data-page=mbeat] .btn-primary{color:#fff;background:linear-gradient(135deg,#0891b2 0%,#2563eb 100%);border-color:#3b82f64d}[data-page=mbeat] .btn-primary:hover{background:linear-gradient(135deg,#06b6d4 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 8px #0003}[data-page=mbeat] .btn-secondary{color:#cbd5e1;background:#1e293bcc;border-color:#94a3b833}[data-page=mbeat] .btn-secondary:hover{background:#334155cc;border-color:#94a3b866;transform:translateY(-1px)}[data-page=mbeat] .status-panel::-webkit-scrollbar{width:6px}[data-page=mbeat] .status-panel::-webkit-scrollbar-track{background:#1e293b4d;border-radius:3px}[data-page=mbeat] .status-panel::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}[data-page=mbeat] .status-panel::-webkit-scrollbar-thumb:hover{background:#94a3b880}@media (max-width:1200px){[data-page=mbeat] .status-panel{width:20rem}}@media (max-width:768px){[data-page=mbeat] .main-content{flex-direction:column;height:auto;min-height:auto}[data-page=mbeat] .status-panel{width:100%;height:auto;min-height:300px;max-height:50vh}[data-page=mbeat] .visualization-area{height:50vh;min-height:300px}}[data-page=mbeat] .temperature-high{color:#ef4444!important}[data-page=mbeat] .temperature-medium{color:#f59e0b!important}[data-page=mbeat] .temperature-low{color:#10b981!important}[data-page=mbeat] .efficiency{color:#06b6d4!important}[data-page=mbeat] .header{background:linear-gradient(90deg,#fff 0%,#f1f5f9 100%);border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;padding:1rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}[data-page=mbeat] .header-left{align-items:center;gap:1rem;display:flex}[data-page=mbeat] .header-title{text-align:center;-webkit-text-fill-color:transparent;letter-spacing:-.025em;background:linear-gradient(90deg,#06b6d4 0%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text;flex:1;font-size:1.5rem;font-weight:700}[data-page=mbeat] .header-time{background:#1e293b80;border:1px solid #94a3b833;border-radius:.5rem;align-items:center;padding:.5rem 1rem;display:flex;box-shadow:inset 0 2px 4px #0000001a}[data-page=mbeat] .time-display{color:#cbd5e1;font-size:.875rem;font-weight:500}[data-page=mbeat] .footer{color:#64748b;background:linear-gradient(90deg,#fff 0%,#f1f5f9 100%);border-top:1px solid #94a3b833;justify-content:space-between;align-items:center;padding:.75rem;font-size:.75rem;display:flex;box-shadow:0 -4px 6px -1px #0000000d}[data-page=mbeat] .footer-left{align-items:center;gap:.5rem;display:flex}[data-page=mbeat] .footer-status{background:#1e293bb3;border:1px solid #94a3b833;border-radius:9999px;align-items:center;padding:.25rem .75rem;display:flex}[data-page=mbeat] .footer-version{align-items:center;gap:.5rem;display:flex}[data-page=mbeat] .machine-details{animation:.3s ease-in-out fadeIn}[data-page=mbeat] .machine-header{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}[data-page=mbeat] .machine-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#06b6d4 0%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}[data-page=mbeat] .machine-group{color:#64748b;margin-top:.25rem;font-size:.875rem}[data-page=mbeat] .close-btn{color:#cbd5e1;cursor:pointer;background:#1e293bcc;border:1px solid #94a3b833;border-radius:.5rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;transition:all .2s;display:flex}[data-page=mbeat] .close-btn:hover{background:#334155cc}[data-page=mbeat] .machine-status{backdrop-filter:blur(8px);background:linear-gradient(135deg,#1e293bb3 0%,#0f172ab3 100%);border:1px solid #94a3b833;border-radius:.75rem;margin-bottom:0;padding:1.25rem;box-shadow:0 4px 6px #0000001a}[data-page=mbeat] .status-row{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}[data-page=mbeat] .status-row:last-child{margin-bottom:0}[data-page=mbeat] .status-label{color:#cbd5e1;font-size:.875rem;font-weight:500}[data-page=mbeat] .status-badge{border:1px solid;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:flex}[data-page=mbeat] .status-badge.running{color:#10b981;background:#10b98199;border-color:#10b98180;animation:2s infinite pulse}[data-page=mbeat] .status-badge.error{color:#ef4444;background:#ef444499;border-color:#ef444480;animation:2s infinite pulse}[data-page=mbeat] .status-badge.warning{color:#f59e0b;background:#f59e0b99;border-color:#f59e0b80;animation:2s infinite pulse}[data-page=mbeat] .status-badge.stopped{color:#64748b;background:#64748b99;border-color:#64748b80}[data-page=mbeat] .status-dot{border-radius:50%;width:.5rem;height:.5rem}[data-page=mbeat] .status-dot.running{background:#10b981}[data-page=mbeat] .status-dot.error{background:#ef4444}[data-page=mbeat] .status-dot.warning{background:#f59e0b}[data-page=mbeat] .status-dot.stopped{background:#64748b}[data-page=mbeat] .alerts-section{margin-bottom:1.25rem}[data-page=mbeat] .alert-item{backdrop-filter:blur(8px);border:1px solid;border-radius:.5rem;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;padding:.875rem;font-size:.75rem;display:flex;box-shadow:0 2px 4px #0000001a}[data-page=mbeat] .alert-item.critical{color:#fca5a5;background:#ef444433;border-color:#ef444480}[data-page=mbeat] .alert-item.warning{color:#fcd34d;background:#f59e0b33;border-color:#f59e0b80}[data-page=mbeat] .alert-item.info{color:#93c5fd;background:#3b82f633;border-color:#3b82f680}[data-page=mbeat] .alert-icon{margin-top:.125rem}[data-page=mbeat] .no-alerts{color:#64748b;background:#1e293b4d;border:1px solid #94a3b833;border-radius:.5rem;align-items:center;gap:.75rem;padding:1rem;font-size:.75rem;font-style:italic;display:flex}[data-page=mbeat] .performance-section{margin-bottom:1.25rem}[data-page=mbeat] .performance-chart{backdrop-filter:blur(8px);background:linear-gradient(135deg,#1e293bb3 0%,#0f172ab3 100%);border:1px solid #94a3b833;border-radius:.75rem;padding:1rem;box-shadow:0 4px 6px #0000001a}[data-page=mbeat] .chart-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}[data-page=mbeat] .chart-title{color:#64748b;font-size:.75rem;font-weight:500}[data-page=mbeat] .chart-legend{gap:.5rem;display:flex}[data-page=mbeat] .chart-container{background:0 0;width:100%;height:7rem;position:relative}[data-page=mbeat] .chart-labels{color:#64748b;border-top:1px solid #94a3b833;justify-content:space-between;margin-top:.25rem;padding-top:.5rem;font-size:.75rem;display:flex}[data-page=mbeat] .action-buttons{justify-content:center;gap:1rem;margin-top:1.25rem;display:flex}[data-page=mbeat] .action-btn{cursor:pointer;border:1px solid;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 4px 6px #0000001a}[data-page=mbeat] .action-btn.primary{color:#fff;background:linear-gradient(135deg,#0891b2 0%,#2563eb 100%);border-color:#3b82f64d}[data-page=mbeat] .action-btn.primary:hover{background:linear-gradient(135deg,#06b6d4 0%,#1d4ed8 100%);transform:scale(1.05);box-shadow:0 6px 12px #0003}[data-page=mbeat] .action-btn.secondary{color:#cbd5e1;background:#334155cc;border-color:#94a3b84d}[data-page=mbeat] .action-btn.secondary:hover{background:#475569cc;transform:scale(1.05)}[data-page=mbeat] .machine-details-header{border-bottom:1px solid #94a3b833;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}[data-page=mbeat] .machine-details-content{flex-direction:column;gap:1.5rem;display:flex}[data-page=mbeat] .detail-section{background:#1e293b4d;border:1px solid #94a3b833;border-radius:.5rem;padding:1rem}[data-page=mbeat] .detail-section h3{color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.875rem;font-weight:600}[data-page=mbeat] .metrics-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}[data-page=mbeat] .metric-item{background:#0f172a80;border-radius:.25rem;justify-content:space-between;align-items:center;padding:.5rem;display:flex}[data-page=mbeat] .metric-label{color:#94a3b8;font-size:.75rem}[data-page=mbeat] .metric-value{color:#1e293b;font-size:.875rem;font-weight:600}[data-page=mbeat] .alerts-list{flex-direction:column;gap:.5rem;display:flex}[data-page=mbeat] .last-updated{color:#94a3b8;font-size:.75rem;font-style:italic}[data-page=mbeat] .status-indicator.running{background:#10b981}[data-page=mbeat] .status-indicator.error{background:#ef4444}[data-page=mbeat] .status-indicator.warning{background:#f59e0b}[data-page=mbeat] .status-indicator.stopped{background:#6b7280}[data-page=mbeat] .status-text.running{color:#10b981}[data-page=mbeat] .status-text.error{color:#ef4444}[data-page=mbeat] .status-text.warning{color:#f59e0b}[data-page=mbeat] .status-text.stopped{color:#6b7280}[data-page=mbeat] .indxo-dashboard-one-title{background:0 0;margin-top:2rem}[data-page=mbeat] .dashboard-header-content{background:0 0}[data-page=mbeat] .indxo-content{background:0 0;flex-direction:column;flex:1;padding-top:0;padding-bottom:0;display:flex;overflow:visible}[data-page=mbeat] #indxo-header-container{background:0 0}[data-page=mbeat] .indxo-content-body{background:0 0;flex-direction:column;flex:1;padding:0;display:flex;overflow:visible}[data-page=mbeat] .server-filter-widget{margin-bottom:4px}[data-page=mbeat] .server-filter-wrapper{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}[data-page=mbeat] .server-filter-item{flex-direction:column;gap:4px;display:flex}[data-page=mbeat] .server-filter-item label{color:#495057;margin:0;font-size:.8rem;font-weight:600}[data-page=mbeat] .server-filter-select{border-radius:var(--border-radius-sm,8px);color:#495057;background:#fff;border:1px solid #dee2e6;padding:6px 12px;font-size:.85rem;transition:all .2s}[data-page=mbeat] .server-filter-select:focus{border-color:var(--primary-color,#3666ff);outline:none}[data-page=mbeat] .server-filter-actions{align-items:flex-end;gap:10px;display:flex}[data-page=mbeat] .btn-reset{color:#fff;border-radius:var(--border-radius-sm,8px);cursor:pointer;background:#6c757d;border:none;padding:6px 16px;font-size:.85rem;font-weight:600;transition:all .2s}[data-page=mbeat] .btn-reset:hover{background:#5a6268;transform:translateY(-1px)}[data-page=mbeat] .btn-apply{background:linear-gradient(135deg,var(--primary-color,#3666ff)0%,#5b47fb 100%);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:6px 16px;font-size:.85rem;font-weight:600;transition:all .2s}[data-page=mbeat] .btn-apply:hover{transform:translateY(-1px)}[data-page=mbeat] .main-content{min-height:350px;margin-top:0;margin-bottom:0;display:flex;overflow:visible}[data-page=mbeat] .visualization-area{background:0 0;border-right:1px solid #94a3b833;flex:2;height:100%;min-height:350px;margin-bottom:0;padding-top:0;position:relative;overflow:hidden}[data-page=mbeat] .status-panel{background:0 0;border-left:1px solid #94a3b833;flex-direction:column;width:20rem;min-height:600px;max-height:calc(100vh - 200px);margin-top:0;padding:.5rem;display:flex;overflow-y:auto}[data-page=mbeat] .toolbar{background:linear-gradient(90deg,#1e293b 0%,#334155 100%);border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;margin-bottom:0;padding:.5rem;display:flex;box-shadow:0 2px 4px #0000001a}[data-page=mbeat] .indxo-dashboard-header{border-radius:var(--border-radius-md,15px);background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);border:1px solid #94a3b81a;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 20px #0000001a}[data-page=mbeat] .dashboard-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}[data-page=mbeat] .dashboard-title-section{flex:1;min-width:300px}[data-page=mbeat] .indxo-dashboard-title{-webkit-text-fill-color:transparent;color:navy;background:linear-gradient(135deg,#00bfff 0%,navy 100%);-webkit-background-clip:text;background-clip:text;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.75rem;font-weight:700;display:flex}[data-page=mbeat] .dashboard-title-icon{color:var(--primary-color,#3666ff);font-size:1.5rem}[data-page=mbeat] .indxo-dashboard-subtitle{color:#94a3b8;margin:0;font-size:1rem;font-weight:400}[data-page=mbeat] .dashboard-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}[data-page=mbeat] .time-display{border-radius:var(--border-radius-sm,8px);background:#ffffff1a;border:1px solid #fff3;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}[data-page=mbeat] .time-icon{color:var(--primary-color,#3666ff);font-size:.9rem}[data-page=mbeat] .time-text{color:#fff;font-size:.9rem;font-weight:600}[data-page=mbeat] .action-buttons{gap:.5rem;display:flex}[data-page=mbeat] .dashboard-action-btn{color:#94a3b8;border-radius:var(--border-radius-sm,8px);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:.5rem;transition:all .2s;display:flex}[data-page=mbeat] .dashboard-action-btn:hover{color:#fff;background:#fff3;transform:translateY(-1px)}[data-page=mbeat] .dashboard-action-btn.active{background:linear-gradient(135deg,var(--primary-color,#3666ff)0%,#4f46e5 100%);color:#fff;border-color:var(--primary-color,#3666ff)}[data-page=mbeat] .main-content-grid{grid-template-columns:1fr 400px;gap:1.5rem;min-height:calc(100vh - 300px);display:grid}[data-page=mbeat] .visualization-section{border-radius:var(--border-radius-lg,25px);background:#fff;border:1px solid #0000001a;padding:.75rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}[data-page=mbeat] .overview-panel{border-radius:var(--border-radius-sm,8px);background:#ffffff0d;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;display:flex}[data-page=mbeat] .overview-title{color:#fff;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:600;display:flex}[data-page=mbeat] .overview-icon{color:var(--primary-color,#3666ff);font-size:1rem}[data-page=mbeat] .overview-legend{flex-wrap:wrap;gap:1rem;display:flex}[data-page=mbeat] .legend-item{align-items:center;gap:.5rem;display:flex}[data-page=mbeat] .legend-dot{border:2px solid #ffffff4d;border-radius:50%;width:12px;height:12px}[data-page=mbeat] .legend-green{background:var(--success-color,#3bb001);box-shadow:0 0 8px #3bb00180}[data-page=mbeat] .legend-red{background:var(--danger-color,#dc3545);box-shadow:0 0 8px #dc354580}[data-page=mbeat] .legend-yellow{background:var(--warning-color,#ffc107);box-shadow:0 0 8px #ffc10780}[data-page=mbeat] .legend-gray{background:var(--secondary-color,#7987a1);box-shadow:0 0 8px #7987a180}[data-page=mbeat] .legend-orange{background:#fd7e14;box-shadow:0 0 8px #fd7e1480}[data-page=mbeat] .legend-sky-blue{background:#87ceeb;box-shadow:0 0 8px #87ceeb80}[data-page=mbeat] .legend-maroon{background:maroon;box-shadow:0 0 8px #80000080}[data-page=mbeat] .legend-text{color:#94a3b8;font-size:.85rem;font-weight:500}[data-page=mbeat] .canvas-container{border-radius:var(--border-radius-xl,30px);background:linear-gradient(135deg,#0a0f1a 0%,#1a1f2e 50%,#2d3748 100%);border:1px solid #ffffff1a;height:500px;position:relative;overflow:hidden}[data-page=mbeat] #threeCanvas{width:100%;height:100%;display:block}[data-page=mbeat] .canvas-overlay{z-index:10;position:absolute;top:1rem;right:1rem}[data-page=mbeat] .canvas-controls{gap:.5rem;display:flex}[data-page=mbeat] .canvas-control-btn{color:#fff;border-radius:var(--border-radius-sm,8px);cursor:pointer;background:#0009;border:1px solid #fff3;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:.5rem;transition:all .2s;display:flex}[data-page=mbeat] .canvas-control-btn:hover{background:#000c;transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}[data-page=mbeat] .canvas-control-btn:active{transform:translateY(0)scale(.95)}[data-page=mbeat] .canvas-control-btn{transition:all .2s}[data-page=mbeat] .status-section{border-radius:var(--border-radius-xl,30px);background:#fff;border:1px solid #0000001a;max-height:calc(100vh - 200px);padding:1.5rem;position:relative;overflow-y:auto;box-shadow:0 12px 40px #0000001a}[data-page=mbeat] .status-section:before{content:"";border-radius:var(--border-radius-xl,30px);pointer-events:none;background:linear-gradient(135deg,#00000005 0%,#0000 50%,#0000000d 100%);position:absolute;inset:0}[data-page=mbeat] .overview-content{z-index:1;flex-direction:column;gap:1.5rem;display:flex;position:relative}[data-page=mbeat] .overview-header{text-align:center;border-radius:var(--border-radius-lg,25px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0f 50%,#ffffff05 100%);border:1px solid #fff3;margin-bottom:1rem;padding:1.25rem;box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff1a}[data-page=mbeat] .overview-main-title{text-shadow:none;justify-content:center;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.5rem;font-weight:800;display:flex;color:#1e293b!important}[data-page=mbeat] .title-icon{filter:none;font-size:1.5rem;color:#1e293b!important}[data-page=mbeat] .overview-subtitle{color:#475569;opacity:.9;margin:0;font-size:.95rem;font-weight:500}[data-page=mbeat] .status-grid{border-radius:var(--border-radius-lg,25px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0a 0%,#ffffff05 50%,#ffffff01 100%);border:1px solid #ffffff14;grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:.5rem;margin-bottom:1.5rem;padding:1rem;display:grid;box-shadow:0 2px 8px #0000001a}[data-page=mbeat] .status-card{border-radius:var(--border-radius-md,15px);text-align:center;cursor:pointer;backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff14 0%,#ffffff0a 50%,#ffffff03 100%);border:1px solid #ffffff26;flex-direction:column;justify-content:center;align-items:center;min-height:55px;padding:.5rem .3rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 3px 12px #0000001f}[data-page=mbeat] .status-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 100%);transition:opacity .2s;position:absolute;inset:0}[data-page=mbeat] .status-card:hover:before{opacity:1}[data-page=mbeat] .status-card:hover{border-color:#fff6;transform:translateY(-4px)scale(1.08);box-shadow:0 12px 32px #00000040}[data-page=mbeat] .status-card.operate:hover{box-shadow:0 8px 30px #22c55e80,inset 0 0 15px #22c55e33}[data-page=mbeat] .status-card.alarm:hover{box-shadow:0 8px 30px #ef444480,inset 0 0 15px #ef444433}[data-page=mbeat] .status-card.disconnect:hover{box-shadow:0 8px 30px #94a3b880,inset 0 0 15px #94a3b833}[data-page=mbeat] .status-card.emergency_light:hover{box-shadow:0 8px 30px #ef444480,inset 0 0 15px #ef444433}[data-page=mbeat] .status-card.stop:hover{box-shadow:0 8px 30px #f59e0b80,inset 0 0 15px #f59e0b33}[data-page=mbeat] .status-card.suspend:hover{box-shadow:0 8px 30px #fb923c80,inset 0 0 15px #fb923c33}[data-page=mbeat] .status-card.manual:hover{box-shadow:0 8px 30px #93c5fd80,inset 0 0 15px #93c5fd33}[data-page=mbeat] .status-card.warmup:hover{box-shadow:0 8px 30px #991b1b80,inset 0 0 15px #991b1b33}[data-page=mbeat] .status-card.operate{border-color:var(--success-color,#3bb001);box-shadow:0 0 10px #3bb0014d}[data-page=mbeat] .status-card.alarm{border-color:var(--danger-color,#dc3545);box-shadow:0 0 10px #dc35454d}[data-page=mbeat] .status-card.disconnect{border-color:var(--secondary-color,#7987a1);box-shadow:0 0 10px #7987a14d}[data-page=mbeat] .status-card.emergency_light{border-color:var(--danger-color,#dc3545);box-shadow:0 0 10px #dc35454d}[data-page=mbeat] .status-card.stop{border-color:var(--warning-color,#ffc107);box-shadow:0 0 10px #ffc1074d}[data-page=mbeat] .status-card.suspend{border-color:#fd7e14;box-shadow:0 0 10px #fd7e144d}[data-page=mbeat] .status-card.manual{border-color:#87ceeb;box-shadow:0 0 10px #87ceeb4d}[data-page=mbeat] .status-card.warmup{border-color:maroon;box-shadow:0 0 10px #8000004d}[data-page=mbeat] .status-icon{margin-bottom:.5rem;font-size:1.5rem}[data-page=mbeat] .status-count{color:#fff;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}[data-page=mbeat] .status-label{color:#94a3b8;text-transform:uppercase;font-size:.8rem;font-weight:600}[data-page=mbeat] .system-overview{border-radius:var(--border-radius-sm,8px);background:#ffffff0d;border:1px solid #ffffff1a;padding:1.5rem}[data-page=mbeat] .section-title{color:#fff;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;font-weight:600;display:flex}[data-page=mbeat] .section-icon{color:var(--primary-color,#3666ff);font-size:1rem}[data-page=mbeat] .overview-stats{flex-direction:column;gap:1rem;display:flex}[data-page=mbeat] .stat-item{border-radius:var(--border-radius-sm,8px);background:#ffffff0d;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:.75rem;display:flex}[data-page=mbeat] .stat-label{color:#94a3b8;font-size:.9rem;font-weight:500}[data-page=mbeat] .stat-value{color:#fff;font-size:1.1rem;font-weight:700}[data-page=mbeat] .stat-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}[data-page=mbeat] .stat-card{border-radius:var(--border-radius-sm,8px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;padding:1rem}[data-page=mbeat] .stat-header{color:#94a3b8;justify-content:center;align-items:center;gap:.25rem;margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:flex}[data-page=mbeat] .stat-icon{color:var(--primary-color,#3666ff);font-size:.75rem}[data-page=mbeat] .uptime-section{border-radius:var(--border-radius-sm,8px);background:#ffffff0d;border:1px solid #ffffff1a;padding:1.5rem}[data-page=mbeat] .uptime-display{text-align:center;margin-bottom:1rem}[data-page=mbeat] .uptime-value{color:#000;margin-right:.5rem;font-size:2rem;font-weight:700}[data-page=mbeat] .uptime-unit{color:#000;font-size:1rem;font-weight:500}[data-page=mbeat] .uptime-info{flex-direction:column;gap:.5rem;display:flex}[data-page=mbeat] .uptime-item{color:#000;align-items:center;gap:.5rem;font-size:.85rem;display:flex}[data-page=mbeat] .uptime-icon{color:var(--primary-color,#3666ff);font-size:.75rem}[data-page=mbeat] .machine-details{border-radius:var(--border-radius-sm,8px);background:#ffffff0d;border:1px solid #ffffff1a;padding:1.5rem;display:none}[data-page=mbeat] .machine-details.active{display:block}[data-page=mbeat] .filter-label{color:#94a3b8;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}[data-page=mbeat] .btn-apply{background:linear-gradient(135deg,var(--primary-color,#3666ff)0%,#4f46e5 100%);color:#fff;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex}[data-page=mbeat] .btn-apply:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3666ff4d}@media (max-width:1200px){[data-page=mbeat] .main-content-grid{grid-template-columns:1fr;gap:1rem}[data-page=mbeat] .status-section{max-height:none}}@media (max-width:768px){[data-page=mbeat] .dashboard-header-content{flex-direction:column;align-items:flex-start}[data-page=mbeat] .dashboard-actions{justify-content:space-between;width:100%}[data-page=mbeat] .overview-panel{flex-direction:column;align-items:flex-start;gap:1rem}[data-page=mbeat] .overview-legend{justify-content:flex-start}[data-page=mbeat] .stat-grid{grid-template-columns:1fr}[data-page=mbeat] .status-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){[data-page=mbeat] .indxo-dashboard-title{font-size:1.5rem}[data-page=mbeat] .status-grid{grid-template-columns:1fr}[data-page=mbeat] .canvas-container{height:300px}}[data-page=super-admin] .metric-card{border-radius:var(--border-radius-sm,8px);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #ffffff1a;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}[data-page=super-admin] .metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}[data-page=super-admin] .metric-icon{background:linear-gradient(135deg,var(--primary-color,#3666ff)0%,#4f46e5 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;display:flex}[data-page=super-admin] .metric-content{flex:1}[data-page=super-admin] .metric-value{color:var(--primary-color,#3666ff);margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}[data-page=super-admin] .metric-label{color:#1e293b;margin:.25rem 0 0;font-size:.85rem}[data-page=super-admin] .status-indicator{border-radius:50%;width:12px;height:12px;margin-left:.5rem;display:inline-block}[data-page=super-admin] .status-indicator.online{background:var(--success-color,#3bb001);box-shadow:0 0 10px #3bb00180}[data-page=super-admin] .status-indicator.active{background:var(--primary-color,#3666ff);box-shadow:0 0 10px #3666ff80}[data-page=super-admin] .status-indicator.warning{background:var(--warning-color,#ffc107);box-shadow:0 0 10px #ffc10780}[data-page=super-admin] .status-indicator.normal{background:var(--secondary-color,#7987a1);box-shadow:0 0 10px #7987a180}[data-page=super-admin] .status-indicator.error{background:var(--danger-color,#dc3545);box-shadow:0 0 10px #dc354580}[data-page=super-admin] .log-container{max-height:300px;padding:.5rem;overflow-y:auto}[data-page=super-admin] .log-entry{border-radius:var(--border-radius-xs,6px);align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;display:flex}[data-page=super-admin] .log-time{color:#1e293b;min-width:70px;font-weight:600}[data-page=super-admin] .log-level{text-transform:uppercase;text-align:center;border-radius:3px;min-width:50px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}[data-page=super-admin] .log-message{color:#1e293b;flex:1}[data-page=super-admin] .log-entry.log-info{background:#3b82f61a;border-left:3px solid #3b82f6}[data-page=super-admin] .log-entry.log-info .log-level{color:#fff;background:#3b82f6}[data-page=super-admin] .log-entry.log-warning{background:#f59e0b1a;border-left:3px solid #f59e0b}[data-page=super-admin] .log-entry.log-warning .log-level{color:#fff;background:#f59e0b}[data-page=super-admin] .log-entry.log-error{background:#ef44441a;border-left:3px solid #ef4444}[data-page=super-admin] .log-entry.log-error .log-level{color:#fff;background:#ef4444}[data-page=super-admin] .log-entry.log-success{background:#22c55e1a;border-left:3px solid #22c55e}[data-page=super-admin] .log-entry.log-success .log-level{color:#fff;background:#22c55e}[data-page=super-admin] .db-stat-card{border-radius:var(--border-radius-sm,8px);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #ffffff1a;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.5rem;transition:all .3s;display:flex}[data-page=super-admin] .db-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}[data-page=super-admin] .db-stat-icon{background:linear-gradient(135deg,var(--success-color,#3bb001)0%,#22c55e 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}[data-page=super-admin] .db-stat-content h4{color:var(--success-color,#3bb001);margin:0;font-size:1.3rem;font-weight:700;line-height:1.2}[data-page=super-admin] .db-stat-content p{color:#1e293b;margin:.25rem 0 0;font-size:.9rem}[data-page=super-admin] .form-control{border-radius:var(--border-radius-xs,6px);color:#1e293b;box-sizing:border-box;background:#ffffffe6;border:1px solid #0003;justify-content:flex-start;align-items:center;width:100%;min-height:44px;padding:.75rem 1rem;font-size:.9rem;line-height:1.5;transition:all .3s;display:flex}[data-page=super-admin] .form-control:focus{border-color:var(--primary-color,#3666ff);background:#fff;outline:none;box-shadow:0 0 0 3px #3666ff1a}[data-page=super-admin] select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;vertical-align:middle;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}[data-page=super-admin] select.form-control option{color:#1e293b;background:#fff;padding:8px 12px;font-size:.9rem;line-height:1.5}[data-page=super-admin] .form-check{align-items:center;gap:.5rem;display:flex}[data-page=super-admin] .form-check-input{width:18px;height:18px;accent-color:var(--primary-color,#3666ff)}[data-page=super-admin] .user-select{width:16px;height:16px;accent-color:var(--primary-color,#3666ff)}[data-page=super-admin] .table th{color:#1e293b;background:#ffffffe6;border-bottom:2px solid #0000001a;padding:1rem .75rem;font-weight:600}[data-page=super-admin] .table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #0000000d;padding:1rem .75rem}[data-page=super-admin] .table tbody tr:hover{background:#0000000d}[data-page=super-admin] .badge-primary{background:var(--primary-color,#3666ff);color:#fff}[data-page=super-admin] .badge-success{background:var(--success-color,#3bb001);color:#fff}[data-page=super-admin] .badge-warning{background:var(--warning-color,#ffc107);color:#1e293b}[data-page=super-admin] .badge-secondary{background:var(--secondary-color,#7987a1);color:#fff}[data-page=super-admin] .btn{border-radius:var(--border-radius-xs,6px);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}[data-page=super-admin] .btn-outline-primary{border:1px solid var(--primary-color,#3666ff);color:var(--primary-color,#3666ff);background:0 0}[data-page=super-admin] .btn-outline-primary:hover{background:var(--primary-color,#3666ff);color:#fff}[data-page=super-admin] .btn-outline-secondary{border:1px solid var(--secondary-color,#7987a1);color:var(--secondary-color,#7987a1);background:0 0}[data-page=super-admin] .btn-outline-secondary:hover{background:var(--secondary-color,#7987a1);color:#fff}[data-page=super-admin] .btn-outline-warning{border:1px solid var(--warning-color,#ffc107);color:var(--warning-color,#ffc107);background:0 0}[data-page=super-admin] .btn-outline-warning:hover{background:var(--warning-color,#ffc107);color:#1e293b}[data-page=super-admin] .btn-outline-danger{border:1px solid var(--danger-color,#dc3545);color:var(--danger-color,#dc3545);background:0 0}[data-page=super-admin] .btn-outline-danger:hover{background:var(--danger-color,#dc3545);color:#fff}[data-page=super-admin] .btn-outline-success{border:1px solid var(--success-color,#3bb001);color:var(--success-color,#3bb001);background:0 0}[data-page=super-admin] .btn-outline-success:hover{background:var(--success-color,#3bb001);color:#fff}[data-page=super-admin] .alert{border-radius:var(--border-radius-sm,8px);z-index:9999;border:1px solid #0000;min-width:300px;margin-bottom:1rem;padding:1rem 1.5rem;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}[data-page=super-admin] .modal-content{border-radius:var(--border-radius-md,15px);background:#1e293b;border:1px solid #ffffff1a;box-shadow:0 20px 60px #0000004d}[data-page=super-admin] .btn-primary{background:var(--primary-color,#3666ff);color:#fff;border:1px solid var(--primary-color,#3666ff)}[data-page=super-admin] .btn-primary:hover{background:#4f46e5;border-color:#4f46e5}[data-page=super-admin] .btn-secondary{background:var(--secondary-color,#7987a1);color:#fff;border:1px solid var(--secondary-color,#7987a1)}[data-page=super-admin] .btn-secondary:hover{background:#64748b;border-color:#64748b}@media (max-width:1200px){[data-page=super-admin] .metric-card,[data-page=super-admin] .db-stat-card{text-align:center;flex-direction:column;gap:.75rem}}@media (max-width:768px){[data-page=super-admin] .log-container{max-height:200px}[data-page=super-admin] .log-entry{flex-direction:column;align-items:flex-start;gap:.25rem}[data-page=super-admin] .modal-dialog{width:95%;margin:1rem}}@media (max-width:480px){[data-page=super-admin] .metric-value{font-size:1.2rem}[data-page=super-admin] .db-stat-content h4{font-size:1.1rem}[data-page=super-admin] .alert{min-width:250px;left:10px;right:10px}}[data-page=super-admin]{background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif}[data-page=super-admin] .indxo-content-body{padding:0;display:flex}[data-page=super-admin] .admin-sidebar{z-index:1000;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-right:1px solid #e2e8f0;width:250px;min-height:100vh;position:fixed;top:0;left:0;box-shadow:2px 0 10px #0000001a}[data-page=super-admin] .sidebar-header{background:#ffffff80;border-bottom:1px solid #e2e8f0;padding:1.5rem}[data-page=super-admin] .sidebar-nav{padding:1rem 0}[data-page=super-admin] .nav-list{margin:0;padding:0;list-style:none}[data-page=super-admin] .nav-item{margin:0}[data-page=super-admin] .nav-link{color:#64748b;align-items:center;gap:.75rem;padding:.875rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}[data-page=super-admin] .nav-link:hover{color:#1e90ff;background:#1e90ff1a}[data-page=super-admin] .nav-item.active .nav-link{color:#fff;background:#1e90ff;border-right:3px solid #1e90ff}[data-page=super-admin] .nav-link i{text-align:center;width:20px}[data-page=super-admin] .admin-main-content{background:#fff;flex:1;min-height:100vh;margin-left:250px}[data-page=super-admin] .admin-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem}[data-page=super-admin] .header-content{justify-content:space-between;align-items:center;display:flex}[data-page=super-admin] .header-title h1{color:#1e293b;margin:0 0 .5rem;font-size:1.875rem;font-weight:700}[data-page=super-admin] .header-title p{color:#64748b;margin:0;font-size:.95rem}[data-page=super-admin] .header-actions{gap:.75rem;display:flex}[data-page=super-admin] .tab-navigation{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 2rem;display:none}[data-page=super-admin] .tab-list{gap:0;display:flex;overflow-x:auto}[data-page=super-admin] .tab-item{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:500;transition:all .3s;display:flex}[data-page=super-admin] .tab-item:hover{color:#1e90ff;background:#1e90ff0d}[data-page=super-admin] .tab-item.active{color:#1e90ff;background:#1e90ff0d;border-bottom-color:#1e90ff}[data-page=super-admin] .tab-item i{font-size:.9rem}[data-page=super-admin] .tab-content{padding:2rem}[data-page=super-admin] .tab-pane{display:none}[data-page=super-admin] .tab-pane.active{display:block}[data-page=super-admin] .content-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}[data-page=super-admin] .card-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}[data-page=super-admin] .card-header h3{color:#1e293b;margin:0;font-size:1.25rem;font-weight:600}[data-page=super-admin] .card-header p{color:#64748b;margin:.5rem 0 0;font-size:.9rem}[data-page=super-admin] .card-actions{gap:.75rem;display:flex}[data-page=super-admin] .btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}[data-page=super-admin] .btn-primary{color:#fff;background:#1e90ff}[data-page=super-admin] .btn-primary:hover{background:#06c;transform:translateY(-1px)}[data-page=super-admin] .btn-outline{color:#64748b;background:0 0;border:1px solid #cbd5e1}[data-page=super-admin] .btn-outline:hover{color:#1e293b;background:#f8fafc}[data-page=super-admin] .btn-sm{padding:.5rem 1rem;font-size:.85rem}[data-page=super-admin] .btn-success{color:#fff;background:#22c55e}[data-page=super-admin] .btn-success:hover{background:#16a34a}[data-page=super-admin] .btn-secondary{color:#fff;background:#64748b}[data-page=super-admin] .btn-secondary:hover{background:#475569}[data-page=super-admin] .table-container{overflow-x:auto}[data-page=super-admin] .admin-table{border-collapse:collapse;width:100%}[data-page=super-admin] .admin-table th{text-align:left;color:#1e293b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem;font-weight:600}[data-page=super-admin] .admin-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem}[data-page=super-admin] .admin-table tbody tr:hover{background:#f8fafc}[data-page=super-admin] .action-buttons{gap:.5rem;display:flex}[data-page=super-admin] .btn-icon{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}[data-page=super-admin] .btn-icon:hover{color:#1e293b;background:#f1f5f9}[data-page=super-admin] .btn-icon.btn-danger:hover{color:#dc2626;background:#fef2f2}[data-page=super-admin] .badge{text-transform:uppercase;border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}[data-page=super-admin] .badge-primary{color:#fff;background:#1e90ff}[data-page=super-admin] .badge-success{color:#fff;background:#22c55e}[data-page=super-admin] .badge-warning{color:#1e293b;background:#facc15}[data-page=super-admin] .badge-info{color:#fff;background:#0ea5e9}[data-page=super-admin] .badge-secondary{color:#fff;background:#64748b}[data-page=super-admin] .timeline-container{padding:1rem 0}[data-page=super-admin] .timeline-item{border-left:2px solid #e2e8f0;gap:1rem;margin-left:1rem;padding:1rem 0;display:flex;position:relative}[data-page=super-admin] .timeline-item:before{content:"";background:#e2e8f0;border-radius:50%;width:12px;height:12px;position:absolute;top:1.5rem;left:-.5rem}[data-page=super-admin] .timeline-item.success:before{background:#22c55e}[data-page=super-admin] .timeline-item.error:before{background:#ef4444}[data-page=super-admin] .timeline-icon{color:#64748b;background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}[data-page=super-admin] .timeline-item.success .timeline-icon{color:#22c55e;background:#dcfce7}[data-page=super-admin] .timeline-item.error .timeline-icon{color:#ef4444;background:#fef2f2}[data-page=super-admin] .timeline-content{flex:1}[data-page=super-admin] .timeline-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}[data-page=super-admin] .timeline-time{color:#64748b;font-size:.85rem}[data-page=super-admin] .timeline-status{font-size:.85rem;font-weight:600}[data-page=super-admin] .timeline-item.success .timeline-status{color:#22c55e}[data-page=super-admin] .timeline-item.error .timeline-status{color:#ef4444}[data-page=super-admin] .timeline-message{color:#1e293b;margin:0 0 .5rem;font-weight:500}[data-page=super-admin] .timeline-details{color:#64748b;gap:1rem;font-size:.8rem;display:flex}[data-page=super-admin] .audit-list{padding:1rem 0}[data-page=super-admin] .audit-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}[data-page=super-admin] .audit-icon{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}[data-page=super-admin] .audit-content{flex:1}[data-page=super-admin] .audit-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}[data-page=super-admin] .audit-date{color:#64748b;font-size:.85rem}[data-page=super-admin] .audit-type{color:#1e293b;font-weight:600}[data-page=super-admin] .audit-description{color:#1e293b;margin:0 0 .5rem}[data-page=super-admin] .audit-meta{color:#64748b;gap:1rem;font-size:.8rem;display:flex}[data-page=super-admin] .mfa-settings{padding:1rem 0}[data-page=super-admin] .status-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}[data-page=super-admin] .status-icon{color:#22c55e;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}[data-page=super-admin] .status-icon.active{color:#22c55e;background:#dcfce7}[data-page=super-admin] .status-content h4{color:#1e293b;margin:0 0 .5rem;font-weight:600}[data-page=super-admin] .status-value{color:#22c55e;margin:0 0 .25rem;font-size:1.25rem;font-weight:700}[data-page=super-admin] .status-description{color:#64748b;margin:0;font-size:.9rem}[data-page=super-admin] .mfa-details{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}[data-page=super-admin] .detail-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}[data-page=super-admin] .detail-item label{color:#1e293b;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}[data-page=super-admin] .detail-item span{color:#64748b;font-size:.9rem}[data-page=super-admin] .mfa-actions{gap:1rem;display:flex}[data-page=super-admin] .modal{z-index:9999;background:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}[data-page=super-admin] .modal.show{justify-content:center;align-items:center;display:flex}[data-page=super-admin] .modal-dialog{width:90%;max-width:800px;margin:0 auto}[data-page=super-admin] .modal-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d}[data-page=super-admin] .modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}[data-page=super-admin] .modal-title{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}[data-page=super-admin] .modal-body{padding:2rem}[data-page=super-admin] .modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding:1.5rem 2rem;display:flex}[data-page=super-admin] .progress-indicator{justify-content:space-between;margin-bottom:2rem;display:flex;position:relative}[data-page=super-admin] .progress-indicator:before{content:"";z-index:1;background:#e2e8f0;height:2px;position:absolute;top:20px;left:0;right:0}[data-page=super-admin] .progress-step{z-index:2;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}[data-page=super-admin] .step-number{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;transition:all .3s;display:flex}[data-page=super-admin] .progress-step.active .step-number{color:#fff;background:#1e90ff}[data-page=super-admin] .progress-step.completed .step-number{color:#fff;background:#22c55e}[data-page=super-admin] .step-label{color:#64748b;font-size:.85rem;font-weight:500}[data-page=super-admin] .progress-step.active .step-label{color:#1e90ff}[data-page=super-admin] .progress-step.completed .step-label{color:#22c55e}[data-page=super-admin] .form-step{display:none}[data-page=super-admin] .form-step.active{display:block}[data-page=super-admin] .form-step h6{color:#1e293b;margin:0 0 1.5rem;font-size:1.1rem;font-weight:600}[data-page=super-admin] .form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}[data-page=super-admin] .form-group{margin-bottom:1rem}[data-page=super-admin] .form-group label{color:#1e293b;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}[data-page=super-admin] .form-control{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .3s}[data-page=super-admin] .form-control:focus{border-color:#1e90ff;outline:none;box-shadow:0 0 0 3px #1e90ff1a}[data-page=super-admin] .form-control.is-invalid{border-color:#ef4444}[data-page=super-admin] .review-info{background:#f8fafc;border-radius:8px;padding:1.5rem}[data-page=super-admin] .review-info p{color:#64748b;margin:0 0 1rem;font-size:.9rem}[data-page=super-admin] .review-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}[data-page=super-admin] .review-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem}[data-page=super-admin] .review-item strong{color:#1e293b;font-weight:600}[data-page=super-admin] .permissions-container{padding:1rem 0}[data-page=super-admin] .permission-group{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}[data-page=super-admin] .group-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}[data-page=super-admin] .group-header h4{color:#1e293b;margin:0;font-size:1rem;font-weight:600}[data-page=super-admin] .permissions-table{padding:1rem}[data-page=super-admin] .alert{z-index:9999;border:1px solid #0000;border-radius:8px;min-width:300px;margin-bottom:1rem;padding:1rem 1.5rem;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}[data-page=super-admin] .alert-success{color:#22c55e;background:#22c55e1a;border-color:#22c55e}[data-page=super-admin] .alert-info{color:#1e90ff;background:#1e90ff1a;border-color:#1e90ff}[data-page=super-admin] .alert-warning{color:#ca8a04;background:#facc151a;border-color:#facc15}[data-page=super-admin] .alert-error{color:#ef4444;background:#ef44441a;border-color:#ef4444}[data-page=super-admin] .alert .close{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:1rem;padding:0;font-size:1.2rem}@media (max-width:1200px){[data-page=super-admin] .admin-sidebar{transition:transform .3s;transform:translate(-100%)}[data-page=super-admin] .admin-sidebar.show{transform:translate(0)}[data-page=super-admin] .admin-main-content{margin-left:0}}@media (max-width:768px){[data-page=super-admin] .header-content{flex-direction:column;align-items:flex-start;gap:1rem}[data-page=super-admin] .tab-list{gap:0}[data-page=super-admin] .tab-item{padding:.75rem 1rem;font-size:.85rem}[data-page=super-admin] .form-row{grid-template-columns:1fr}[data-page=super-admin] .modal-dialog{width:95%;margin:1rem}[data-page=super-admin] .modal-body{padding:1.5rem}[data-page=super-admin] .progress-indicator{flex-direction:column;gap:1rem}[data-page=super-admin] .progress-indicator:before{display:none}}@media (max-width:480px){[data-page=super-admin] .header-title h1{font-size:1.5rem}[data-page=super-admin] .tab-content{padding:1rem}[data-page=super-admin] .card-header{flex-direction:column;align-items:flex-start;gap:1rem}[data-page=super-admin] .alert{min-width:250px;left:10px;right:10px}}[data-page=super-admin] .card-body{padding:1.5rem}[data-page=super-admin] .roles-grid,[data-page=super-admin] .screens-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}[data-page=super-admin] .role-card,[data-page=super-admin] .screen-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;transition:all .3s}[data-page=super-admin] .role-card:hover,[data-page=super-admin] .screen-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}[data-page=super-admin] .role-header,[data-page=super-admin] .screen-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}[data-page=super-admin] .role-header h4,[data-page=super-admin] .screen-header h4{color:#1e293b;margin:0;font-size:1.1rem;font-weight:600}[data-page=super-admin] .role-description,[data-page=super-admin] .screen-description{color:#64748b;margin:0 0 1rem;font-size:.9rem}[data-page=super-admin] .role-permissions,[data-page=super-admin] .screen-permissions{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}[data-page=super-admin] .permission-tag{color:#475569;background:#f1f5f9;border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}[data-page=super-admin] .role-actions,[data-page=super-admin] .screen-actions{gap:.5rem;display:flex}[data-page=super-admin] .logs-filters{background:#f8fafc;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;display:grid}[data-page=super-admin] .filter-group{flex-direction:column;gap:.5rem;display:flex}[data-page=super-admin] .filter-group label{color:#1e293b;font-size:.9rem;font-weight:600}[data-page=super-admin] .logs-container{max-height:400px;overflow-y:auto}[data-page=super-admin] .log-entry{border-bottom:1px solid #e2e8f0;grid-template-columns:150px 80px 1fr 100px;align-items:center;gap:1rem;padding:1rem;font-size:.85rem;display:grid}[data-page=super-admin] .log-entry.error{background:#fef2f2;border-left:4px solid #ef4444}[data-page=super-admin] .log-entry.warning{background:#fffbeb;border-left:4px solid #f59e0b}[data-page=super-admin] .log-entry.info{background:#f0f9ff;border-left:4px solid #0ea5e9}[data-page=super-admin] .log-timestamp{color:#64748b;font-weight:500}[data-page=super-admin] .log-level{text-transform:uppercase;text-align:center;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:700}[data-page=super-admin] .log-entry.error .log-level{color:#fff;background:#ef4444}[data-page=super-admin] .log-entry.warning .log-level{color:#fff;background:#f59e0b}[data-page=super-admin] .log-entry.info .log-level{color:#fff;background:#0ea5e9}[data-page=super-admin] .log-message{color:#1e293b;font-weight:500}[data-page=super-admin] .log-user{color:#64748b;font-weight:500}[data-page=super-admin] .settings-grid,[data-page=super-admin] .security-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}[data-page=super-admin] .setting-group,[data-page=super-admin] .security-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}[data-page=super-admin] .setting-group h4,[data-page=super-admin] .security-section h4{color:#1e293b;margin:0 0 1rem;font-size:1.1rem;font-weight:600}[data-page=super-admin] .dashboard-overview{padding:1rem 0}[data-page=super-admin] .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}[data-page=super-admin] .kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000f}[data-page=super-admin] .kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}[data-page=super-admin] .kpi-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}[data-page=super-admin] .kpi-icon.users{background:linear-gradient(135deg,#1e90ff,#0ea5e9)}[data-page=super-admin] .kpi-icon.uptime{background:linear-gradient(135deg,#22c55e,#16a34a)}[data-page=super-admin] .kpi-icon.security{background:linear-gradient(135deg,#f59e0b,#d97706)}[data-page=super-admin] .kpi-icon.storage{background:linear-gradient(135deg,#ef4444,#dc2626)}[data-page=super-admin] .kpi-content{flex:1}[data-page=super-admin] .kpi-value{color:#1e293b;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}[data-page=super-admin] .kpi-label{color:#64748b;margin-bottom:.5rem;font-size:.875rem}[data-page=super-admin] .kpi-trend{align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}[data-page=super-admin] .kpi-trend.positive{color:#16a34a}[data-page=super-admin] .kpi-trend.negative{color:#dc2626}[data-page=super-admin] .kpi-trend.stable{color:#6b7280}[data-page=super-admin] .charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}[data-page=super-admin] .chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000f}[data-page=super-admin] .chart-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}[data-page=super-admin] .chart-header h5{color:#1e293b;margin:0;font-size:1.1rem;font-weight:600}[data-page=super-admin] .chart-actions{gap:.5rem;display:flex}[data-page=super-admin] .btn-chart{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.375rem .75rem;font-size:.8rem;font-weight:500;transition:all .3s}[data-page=super-admin] .btn-chart.active{color:#fff;background:#1e90ff;border-color:#1e90ff}[data-page=super-admin] .btn-chart:hover{background:#f8fafc;border-color:#cbd5e1}[data-page=super-admin] .btn-chart.active:hover{background:#0ea5e9}[data-page=super-admin] .chart-container{width:100%;height:200px;min-height:200px;position:relative}[data-page=super-admin] .status-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}[data-page=super-admin] .status-card.compact{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000f}[data-page=super-admin] .status-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}[data-page=super-admin] .status-header h6{color:#1e293b;margin:0;font-size:1rem;font-weight:600}[data-page=super-admin] .status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}[data-page=super-admin] .status-badge.healthy{color:#16a34a;background:#22c55e1a}[data-page=super-admin] .status-badge.secure{color:#2563eb;background:#3b82f61a}[data-page=super-admin] .status-metrics.compact{flex-direction:column;gap:.75rem;display:flex}[data-page=super-admin] .status-metric{align-items:center;gap:.75rem;font-size:.875rem;display:flex}[data-page=super-admin] .status-metric span:first-child{color:#64748b;min-width:40px;font-weight:500}[data-page=super-admin] .status-metric span:last-child{text-align:right;color:#1e293b;min-width:35px;font-weight:600}[data-page=super-admin] .progress-mini{background:#f1f5f9;border-radius:4px;flex:1;height:8px;overflow:hidden}[data-page=super-admin] .progress-fill{background:linear-gradient(90deg,#1e90ff,#0ea5e9);border-radius:4px;height:100%;transition:width .4s}[data-page=super-admin] .security-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}[data-page=super-admin] .security-item{background:#f8fafc;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;display:flex}[data-page=super-admin] .security-item i{color:#64748b;width:16px}[data-page=super-admin] .security-item span{color:#374151;font-weight:500}[data-page=super-admin] .status-dot{border-radius:50%;width:8px;height:8px;margin-left:auto}[data-page=super-admin] .status-dot.active{background:#22c55e;box-shadow:0 0 8px #22c55e99}[data-page=super-admin] .activity-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000f}[data-page=super-admin] .activity-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}[data-page=super-admin] .activity-header h6{color:#1e293b;margin:0;font-size:1rem;font-weight:600}[data-page=super-admin] .btn-refresh{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem;transition:all .3s}[data-page=super-admin] .btn-refresh:hover{color:#1e293b;background:#f1f5f9}[data-page=super-admin] .activity-list{flex-direction:column;gap:.75rem;display:flex}[data-page=super-admin] .activity-item{border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;transition:all .3s;display:flex}[data-page=super-admin] .activity-item:hover{background:#f8fafc}[data-page=super-admin] .activity-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;display:flex}[data-page=super-admin] .activity-icon.success{background:#22c55e}[data-page=super-admin] .activity-icon.info{background:#3b82f6}[data-page=super-admin] .activity-icon.warning{background:#f59e0b}[data-page=super-admin] .activity-text{color:#1e293b;margin-bottom:.25rem;font-size:.875rem}[data-page=super-admin] .activity-time{color:#64748b;font-size:.75rem}[data-page=super-admin] .dashboard-overview .row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}[data-page=super-admin] .dashboard-overview .metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000000d}[data-page=super-admin] .dashboard-overview .metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}[data-page=super-admin] .dashboard-overview .metric-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}[data-page=super-admin] .dashboard-overview .metric-card:first-child .metric-icon{background:linear-gradient(135deg,#1e90ff,#0ea5e9)}[data-page=super-admin] .dashboard-overview .metric-card:nth-child(2) .metric-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}[data-page=super-admin] .dashboard-overview .metric-card:nth-child(3) .metric-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}[data-page=super-admin] .dashboard-overview .metric-card:nth-child(4) .metric-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}[data-page=super-admin] .dashboard-overview .metric-content{flex:1}[data-page=super-admin] .dashboard-overview .metric-content h3{color:#1e293b;margin:0 0 .5rem;font-size:2rem;font-weight:700;line-height:1}[data-page=super-admin] .dashboard-overview .metric-content p{color:#64748b;margin:0;font-size:.9rem;font-weight:500}[data-page=super-admin] .activity-timeline{padding:1rem 0}[data-page=super-admin] .activity-item{border-bottom:1px solid #e2e8f0;gap:1rem;padding:1rem 0;transition:background-color .2s;display:flex}[data-page=super-admin] .activity-item:hover{background:#f8fafc;border-radius:8px;margin:0 -1rem;padding:1rem}[data-page=super-admin] .activity-item:last-child{border-bottom:none}[data-page=super-admin] .activity-icon{color:#64748b;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}[data-page=super-admin] .activity-item:hover .activity-icon{color:#fff;background:#1e90ff;transform:scale(1.1)}[data-page=super-admin] .activity-content{flex:1}[data-page=super-admin] .activity-time{color:#64748b;margin-bottom:.25rem;font-size:.85rem;font-weight:500}[data-page=super-admin] .activity-message{color:#1e293b;font-weight:500;line-height:1.4}[data-page=super-admin] .backup-status{margin-bottom:2rem}[data-page=super-admin] .backup-history h4{color:#1e293b;margin:0 0 1rem;font-size:1.1rem;font-weight:600}[data-page=super-admin] .form-check{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}[data-page=super-admin] .form-check-input{accent-color:#1e90ff;width:18px;height:18px}[data-page=super-admin] .form-check-label{color:#1e293b;cursor:pointer;font-size:.9rem}@media (max-width:768px){[data-page=super-admin] .roles-grid,[data-page=super-admin] .screens-grid,[data-page=super-admin] .settings-grid,[data-page=super-admin] .security-grid{grid-template-columns:1fr}[data-page=super-admin] .log-entry{grid-template-columns:1fr;gap:.5rem}[data-page=super-admin] .logs-filters,[data-page=super-admin] .dashboard-overview .row{grid-template-columns:1fr}}:root{--border-radius-xs:6px;--border-radius-sm:8px;--border-radius-md:15px;--border-radius-lg:25px;--border-radius-xl:30px}:root{--blue:#36f;--indigo:#5b47fb;--purple:#6f42c1;--pink:#f10075;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#3bb001;--teal:#0cc;--cyan:#17a2b8;--white:#fff;--gray:#7987a1;--gray-dark:#3b4863;--primary:#36f;--secondary:#7987a1;--success:#3bb001;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f4f5f8;--dark:#3b4863;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--border-radius-xs:6px;--border-radius-sm:8px;--border-radius-md:15px;--border-radius-lg:25px;--border-radius-xl:30px;--primary-color:#36f;--secondary-color:#7987a1;--success-color:#3bb001;--warning-color:#ffc107;--danger-color:#dc3545;--dark-color:#3b4863;--light-color:#f4f5f8;--text-color:#031b4e;--text-muted:#7987a1;--border-color:#cdd4e0;--widget-bg:#fff;--card-bg:#f8f9fc;--input-bg:#fff;--hover-bg:#00000013;--table-header-bg:#ffffff80;--info-color:#17a2b8;--purple-color:#6f42c1;--teal-color:#0cc;--orange-color:#fd7e14;--indigo-color:#6610f2;--pink-color:#e83e8c;--neutral-color:#7987a1}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}header,nav,section{display:block}body{color:#031b4e;text-align:left;background-color:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.875rem;font-weight:400;line-height:1.5}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p,ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}b,strong{font-weight:bolder}small{font-size:80%}a{color:#36f;background-color:#0000;text-decoration:none}a:hover{color:#0039e6;text-decoration:none}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}img{vertical-align:middle;border-style:none}svg{vertical-align:middle;overflow:hidden}table{border-collapse:collapse}caption{color:#7987a1;text-align:left;caption-side:bottom;padding-top:.75rem;padding-bottom:.75rem}th{text-align:inherit}label{margin-bottom:.5rem;display:inline-block}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}legend{width:100%;max-width:100%;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal;margin-bottom:.5rem;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{cursor:pointer;display:list-item}template{display:none}[hidden]{display:none!important}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}h1,.h1{font-size:2.1875rem}h2,.h2{font-size:1.75rem}h3,.h3{font-size:1.53125rem}h4,.h4{font-size:1.3125rem}h5,.h5{font-size:1.09375rem}h6,.h6{font-size:.875rem}hr{border:0;border-top:1px solid #0000001a;margin-top:1rem;margin-bottom:1rem}small,.small{font-size:80%;font-weight:400}.list-unstyled{padding-left:0;list-style:none}code{color:#f10075;word-break:break-word;font-size:87.5%}a>code{color:inherit}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.row{flex-wrap:wrap;margin-left:-15px;margin-right:-15px;display:flex}.col-2,.col-5,.col-6,.col-12,.col,.col-md-3,.col-md-4,.col-md-6,.col-md-8,.col-md-9,.col-md-12,.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-8{width:100%;padding-left:15px;padding-right:15px;position:relative}.col{flex-grow:1;flex-basis:0;max-width:100%}.col-2{flex:0 0 16.6667%;max-width:16.6667%}.col-5{flex:0 0 41.6667%;max-width:41.6667%}.col-6{flex:0 0 50%;max-width:50%}.col-12{flex:0 0 100%;max-width:100%}@media (min-width:768px){.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-8{flex:0 0 66.6667%;max-width:66.6667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-8{flex:0 0 66.6667%;max-width:66.6667%}}.table{color:#031b4e;width:100%;margin-bottom:1rem}.table th,.table td{vertical-align:top;border-top:1px solid #cdd4e0;padding:.75rem}.table thead th{vertical-align:bottom;border-bottom:2px solid #cdd4e0}.table tbody+tbody{border-top:2px solid #cdd4e0}.table-bordered,.table-bordered th,.table-bordered td{border:1px solid #cdd4e0}.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}.table-hover tbody tr:hover{color:#031b4e;background-color:#00000013}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.table-responsive>.table-bordered{border:0}.form-control{color:#596882;border-radius:var(--border-radius-sm);background-color:#fff;background-clip:padding-box;border:1px solid #cdd4e0;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:#0000;border:0}.form-control:focus{color:#596882;background-color:#fff;border-color:#b3c6ff;outline:0;box-shadow:0 0 0 .2rem #3366ff40}.form-control::-moz-placeholder{color:#7987a1;opacity:1}.form-control::placeholder{color:#7987a1;opacity:1}.form-control:disabled,.form-control[readonly]{opacity:1;background-color:#e3e7ed}select.form-control:focus::-ms-value{color:#596882;background-color:#fff}.form-control-sm{border-radius:.2rem;height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.76562rem;line-height:1.5}select.form-control[size],select.form-control[multiple],textarea.form-control{height:auto}.form-row{flex-wrap:wrap;margin-left:-5px;margin-right:-5px;display:flex}.form-row>.col,.form-row>[class*=col-]{padding-left:5px;padding-right:5px}.btn{color:#031b4e;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#0000;border:1px solid #0000;border-radius:3px;padding:.375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#031b4e;text-decoration:none}.btn:focus{box-shadow:none;outline:0}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled{pointer-events:none}.btn-primary{color:#fff;background-color:#36f;border-color:#36f}.btn-primary:hover{color:#fff;background-color:#0d49ff;border-color:#0040ff}.btn-primary:focus{box-shadow:0 0 0 .2rem #527dff80}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#36f;border-color:#36f}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0040ff;border-color:#003df2}.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #527dff80}.btn-secondary:focus{box-shadow:0 0 0 .2rem #8d99af80}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#7987a1;border-color:#7987a1}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#5f6d88;border-color:#5a6780}.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #8d99af80}.btn-success{color:#fff;background-color:#3bb001;border-color:#3bb001}.btn-success:hover{color:#fff;background-color:#2e8a01;border-color:#2a7d01}.btn-success:focus{box-shadow:0 0 0 .2rem #58bc2780}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#3bb001;border-color:#3bb001}.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#2a7d01;border-color:#267101}.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #58bc2780}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger:focus{box-shadow:0 0 0 .2rem #e1536180}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #e1536180}.btn-outline-primary{color:#36f;border-color:#36f}.btn-outline-primary:hover{color:#fff;background-color:#36f;border-color:#36f}.btn-outline-primary:focus{box-shadow:0 0 0 .2rem #3366ff80}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#36f;background-color:#0000}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#36f;border-color:#36f}.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #3366ff80}.btn-outline-secondary{color:#7987a1;border-color:#7987a1}.btn-outline-secondary:hover{color:#fff;background-color:#7987a1;border-color:#7987a1}.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem #7987a180}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#7987a1;background-color:#0000}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#7987a1;border-color:#7987a1}.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #7987a180}.btn-outline-success{color:#3bb001;border-color:#3bb001}.btn-outline-success:hover{color:#fff;background-color:#3bb001;border-color:#3bb001}.btn-outline-success:focus{box-shadow:0 0 0 .2rem #3bb00180}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#3bb001;background-color:#0000}.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#3bb001;border-color:#3bb001}.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #3bb00180}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:focus{box-shadow:0 0 0 .2rem #dc354580}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:#0000}.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #dc354580}.btn-outline-light:hover{color:#1c273c;background-color:#f4f5f8;border-color:#f4f5f8}.btn-outline-light:focus{box-shadow:0 0 0 .2rem #f4f5f880}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f4f5f8;background-color:#0000}.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled).active,.show>.btn-outline-light.dropdown-toggle{color:#1c273c;background-color:#f4f5f8;border-color:#f4f5f8}.btn-outline-light:not(:disabled):not(.disabled):active:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #f4f5f880}.btn-link{color:#36f;font-weight:400;text-decoration:none}.btn-link:hover{color:#0039e6;text-decoration:none}.btn-link:focus{box-shadow:none;text-decoration:none}.btn-link:disabled,.btn-link.disabled{color:#7987a1;pointer-events:none}.btn-sm,.btn-group-sm>.btn{border-radius:.2rem;padding:.25rem .5rem;font-size:.76562rem;line-height:1.5}.btn-block{width:100%;display:block}.btn-block+.btn-block{margin-top:.5rem}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.dropdown{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{vertical-align:.255em;content:"";border:.3em solid #0000;border-top-color:currentColor;border-bottom:0;margin-left:.255em;display:inline-block}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{z-index:1000;float:left;color:#031b4e;text-align:left;border-radius:var(--border-radius-sm);background-color:#fff;background-clip:padding-box;border:1px solid #00000026;min-width:10rem;margin:.125rem 0 0;padding:.5rem 0;font-size:.875rem;list-style:none;display:none;position:absolute;top:100%;left:0}.dropdown-menu-right{left:auto;right:0}.dropdown-item{clear:both;color:#1c273c;width:100%;text-align:inherit;white-space:nowrap;background-color:#0000;border:0;padding:.25rem 1.5rem;font-weight:400;display:block}.dropdown-item:hover,.dropdown-item:focus{color:#141c2b;background-color:#f4f5f8;text-decoration:none}.dropdown-item.active,.dropdown-item:active{color:#fff;background-color:#36f;text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{color:#7987a1;pointer-events:none;background-color:#0000}.dropdown-menu.show{display:block}.btn-group{vertical-align:middle;display:inline-flex;position:relative}.btn-group>.btn{flex:auto;position:relative}.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active{z-index:1}.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child){margin-left:-1px}.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{min-height:1.3125rem;padding-left:1.5rem;display:block;position:relative}.custom-control-input{z-index:-1;opacity:0;position:absolute}.custom-control-input:checked~.custom-control-label:before{color:#fff;background-color:#36f;border-color:#36f}.custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem #3366ff40}.custom-control-input:focus:not(:checked)~.custom-control-label:before{border-color:#b3c6ff}.custom-control-input:not(:disabled):active~.custom-control-label:before{color:#fff;background-color:#e6ecff;border-color:#e6ecff}.custom-control-input:disabled~.custom-control-label{color:#7987a1}.custom-control-input:disabled~.custom-control-label:before{background-color:#e3e7ed}.custom-control-label{vertical-align:top;margin-bottom:0;position:relative}.custom-control-label:before{pointer-events:none;content:"";background-color:#fff;border:1px solid #97a3b9;width:1rem;height:1rem;display:block;position:absolute;top:.15625rem;left:-1.5rem}.custom-control-label:after{content:"";background:50%/50% 50% no-repeat;width:1rem;height:1rem;display:block;position:absolute;top:.15625rem;left:-1.5rem}.custom-checkbox .custom-control-label:before{border-radius:3px}.custom-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before{background-color:#36f;border-color:#36f}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before,.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before{background-color:#3366ff80}.custom-radio .custom-control-label:before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before{background-color:#3366ff80}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label:before{pointer-events:all;border-radius:.5rem;width:1.75rem;left:-2.25rem}.custom-switch .custom-control-label:after{background-color:#97a3b9;border-radius:.5rem;width:calc(1rem - 4px);height:calc(1rem - 4px);transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;top:calc(.15625rem + 2px);left:calc(2px - 2.25rem)}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label:after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label:after{background-color:#fff;transform:translate(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before{background-color:#3366ff80}.custom-control-label:before{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label:before{transition:none}}.nav{flex-wrap:wrap;margin-bottom:0;padding-left:0;list-style:none;display:flex}.nav-link{padding:.5rem 1rem;display:block}.nav-link:hover,.nav-link:focus{text-decoration:none}.nav-link.disabled{color:#7987a1;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #cdd4e0}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid #0000;border-top-left-radius:3px;border-top-right-radius:3px}.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{border-color:#e3e7ed #e3e7ed #cdd4e0}.nav-tabs .nav-link.disabled{color:#7987a1;background-color:#0000;border-color:#0000}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:#596882;background-color:#fff;border-color:#cdd4e0 #cdd4e0 #fff}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar-brand{font-size:1.09375rem;line-height:inherit;white-space:nowrap;margin-right:1rem;padding-top:.33594rem;padding-bottom:.33594rem;display:inline-block}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.card{word-wrap:break-word;border-radius:var(--border-radius-md);background-color:#fff;background-clip:border-box;border:1px solid #00000020;flex-direction:column;min-width:0;display:flex;position:relative}.card>hr{margin-left:0;margin-right:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.card-body{flex:auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-header{background-color:#00000008;border-bottom:1px solid #00000020;margin-bottom:0;padding:.75rem 1.25rem}.card-header+.list-group .list-group-item:first-child{border-top:0}.badge{text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--border-radius-xs);padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:hover,a.badge:focus{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{border-radius:10rem;padding-left:.6em;padding-right:.6em}.badge-primary{color:#fff;background-color:#36f}a.badge-primary:hover,a.badge-primary:focus{color:#fff;background-color:#0040ff}a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem #3366ff80}a.badge-success:hover,a.badge-success:focus{color:#fff;background-color:#2a7d01}a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem #3bb00180}a.badge-warning:hover,a.badge-warning:focus{color:#1c273c;background-color:#d39e00}a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem #ffc10780}a.badge-danger:hover,a.badge-danger:focus{color:#fff;background-color:#bd2130}a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem #dc354580}.badge-light{color:#1c273c;background-color:#f4f5f8}a.badge-light:hover,a.badge-light:focus{color:#1c273c;background-color:#d5d9e4}a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem #f4f5f880}.alert{border:1px solid #0000;border-radius:3px;margin-bottom:1rem;padding:.75rem 1.25rem;position:relative}.alert-info hr{border-top-color:#abdde5}.alert-danger hr{border-top-color:#f1b0b7}.progress{background-color:#e3e7ed;border-radius:3px;height:1rem;font-size:.65625rem;display:flex;overflow:hidden}.progress-bar{color:#fff;text-align:center;white-space:nowrap;background-color:#36f;flex-direction:column;justify-content:center;transition:width .6s;display:flex}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.media{align-items:flex-start;display:flex}.media-body{flex:1}.list-group{flex-direction:column;margin-bottom:0;padding-left:0;display:flex}.list-group-item-action{color:#596882;width:100%;text-align:inherit}.list-group-item-action:hover,.list-group-item-action:focus{z-index:1;color:#596882;background-color:#f4f5f8;text-decoration:none}.list-group-item-action:active{color:#031b4e;background-color:#e3e7ed}.list-group-item{background-color:#fff;border:1px solid #00000020;margin-bottom:-1px;padding:.75rem 1.25rem;display:block;position:relative}.list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px;margin-bottom:0}.list-group-item.disabled,.list-group-item:disabled{color:#7987a1;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#36f;border-color:#36f}.list-group-flush .list-group-item{border-left:0;border-right:0;border-radius:0}.list-group-flush .list-group-item:last-child{margin-bottom:-1px}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0;margin-bottom:0}.close{float:right;color:#000;text-shadow:0 1px #fff;opacity:.5;font-size:1.3125rem;font-weight:700;line-height:1}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus{opacity:.75}button.close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:0;padding:0}a.close.disabled{pointer-events:none}.toast{backdrop-filter:blur(10px);opacity:0;background-color:#ffffffd9;background-clip:padding-box;border:1px solid #0000001a;border-radius:.25rem;max-width:350px;font-size:.875rem;overflow:hidden;box-shadow:0 .25rem .75rem #0000001a}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{opacity:1;display:block}.toast.hide{display:none}.modal{z-index:1050;outline:0;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:hidden}.modal-dialog{pointer-events:none;width:auto;margin:.5rem;position:relative}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translateY(-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal-dialog-centered{align-items:center;min-height:calc(100% - 1rem);display:flex}.modal-dialog-centered:before{content:"";height:calc(100vh - 1rem);display:block}.modal-content{pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid #0003;border-radius:.3rem;outline:0;flex-direction:column;width:100%;display:flex;position:relative}.modal-header{border-bottom:1px solid #cdd4e0;border-top-left-radius:.3rem;border-top-right-radius:.3rem;justify-content:space-between;align-items:flex-start;padding:1rem;display:flex}.modal-header .close{margin:-1rem -1rem -1rem auto;padding:1rem}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{flex:auto;padding:1rem;position:relative}.modal-footer{border-top:1px solid #cdd4e0;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem;justify-content:flex-end;align-items:center;padding:1rem;display:flex}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered:before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{z-index:1070;text-align:left;text-align:start;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;word-wrap:break-word;opacity:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.76562rem;font-style:normal;font-weight:400;line-height:1.5;text-decoration:none;display:block;position:absolute}.tooltip.show{opacity:.9}.tooltip .arrow{width:.8rem;height:.4rem;display:block;position:absolute}.tooltip .arrow:before{content:"";border-style:solid;border-color:#0000;position:absolute}.spinner-border{vertical-align:text-bottom;border:.25em solid;border-right-color:#0000;border-radius:50%;width:2rem;height:2rem;animation:.75s linear infinite spinner-border;display:inline-block}.spinner-border-sm{border-width:.2em;width:1rem;height:1rem}.bg-primary{background-color:#36f!important}a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus{background-color:#0040ff!important}.bg-success{background-color:#3bb001!important}a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus{background-color:#2a7d01!important}.bg-info{background-color:#17a2b8!important}a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus{background-color:#bd2130!important}.bg-dark{background-color:#3b4863!important}a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus{background-color:#283143!important}.border{border:1px solid #cdd4e0!important}.border-top{border-top:1px solid #cdd4e0!important}.border-bottom{border-bottom:1px solid #cdd4e0!important}.rounded-circle{border-radius:50%!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-flex{display:flex!important}@media (min-width:576px){.d-sm-none{display:none!important}}@media (min-width:992px){.d-lg-none{display:none!important}}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-fill{flex:auto!important}.flex-grow-1{flex-grow:1!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}@media (min-width:768px){.justify-content-md-end{justify-content:flex-end!important}}.shadow-sm{box-shadow:0 .125rem .25rem #00000013!important}.shadow{box-shadow:0 .5rem 1rem #00000026!important}.w-100{width:100%!important}.h-100{height:100%!important}.mb-0{margin-bottom:0!important}.mr-1{margin-right:.25rem!important}.mb-1{margin-bottom:.25rem!important}.mt-2{margin-top:.5rem!important}.mr-2{margin-right:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ml-2{margin-left:.5rem!important}.mt-3{margin-top:1rem!important}.mr-3{margin-right:1rem!important}.mb-3{margin-bottom:1rem!important}.ml-3{margin-left:1rem!important}.mt-4{margin-top:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.mt-5{margin-top:3rem!important}.p-0{padding:0!important}.pb-0{padding-bottom:0!important}.p-1{padding:.25rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.p-2{padding:.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.p-3{padding:1rem!important}.py-3{padding-top:1rem!important}.px-3{padding-right:1rem!important}.py-3{padding-bottom:1rem!important}.px-3{padding-left:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ml-auto{margin-left:auto!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:768px){.text-md-right{text-align:right!important}}.text-white{color:#fff!important}.text-primary{color:#36f!important}a.text-primary:hover,a.text-primary:focus{color:#0039e6!important}.text-success{color:#3bb001!important}a.text-success:hover,a.text-success:focus{color:#226401!important}.text-info{color:#17a2b8!important}a.text-info:hover,a.text-info:focus{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:hover,a.text-warning:focus{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:hover,a.text-danger:focus{color:#a71d2a!important}.text-dark{color:#3b4863!important}a.text-dark:hover,a.text-dark:focus{color:#1e2533!important}.text-muted{color:#7987a1!important}.visible{visibility:visible!important}@media print{*,:before,:after{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body,.container{min-width:992px!important}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered th,.table-bordered td{border:1px solid #cdd4e0!important}}.alert{border-radius:var(--border-radius-sm);border-width:0;padding:12px 15px}.alert .close{text-shadow:none;opacity:.2}.alert strong{font-weight:600}.badge{padding:3px 5px 4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:10px;font-weight:500}.badge-light{background-color:#cdd4e0}.badge-pill{padding-left:8px;padding-right:8px}.btn{border-radius:var(--border-radius-sm);border-width:0;min-height:38px;padding:9px 20px;line-height:1.538;transition:none}.btn:active,.btn:focus{box-shadow:none}.btn-light{color:#1c273c;background-color:#cdd4e0;border-color:#bdc6d6}.btn-light:hover{color:#1c273c;background-color:#b5c0d1;border-color:#9eabc3}.btn-light:focus{box-shadow:0 0 0 .2rem #a5afbf80}.btn-light.disabled,.btn-light:disabled{color:#1c273c;background-color:#cdd4e0;border-color:#bdc6d6}.btn-light:not(:disabled):not(.disabled):active,.btn-light:not(:disabled):not(.disabled).active,.show>.btn-light.dropdown-toggle{color:#1c273c;background-color:#aeb9cc;border-color:#96a5be}.btn-light:not(:disabled):not(.disabled):active:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #a5afbf80}[class*=btn-outline-]{background-color:#0000;border-width:1px;padding:.4rem 1rem;line-height:1.657}[class*=btn-outline-]:hover,[class*=btn-outline-]:focus{color:#fff}.btn-outline-light{color:#97a3b9;border-color:#97a3b9}.btn-outline-light:hover,.btn-outline-light:focus{background-color:#97a3b9}.card{border-radius:var(--border-radius-md)}.card.text-white .card-title{color:#fff}.card-header{border-color:#cdd4e0 #cdd4e0 currentColor;border-bottom-style:none;border-bottom-width:0;padding-left:15px;padding-right:15px;position:relative}.card-header:first-child{border-radius:0}.card-title{color:#1c273c;font-weight:700}.dropdown-menu{border-radius:var(--border-radius-sm);border-width:2px;padding:0}.dropdown-item{padding:8px 15px;font-size:13px}.form-control{border-radius:var(--border-radius-sm);height:38px}.form-control:focus{box-shadow:none;border-color:#97a3b9}.form-label{color:#596882;margin-bottom:5px;display:block}.row-sm{margin-left:-10px;margin-right:-10px}.row-sm>div{padding-left:10px;padding-right:10px}.modal-content{border-radius:var(--border-radius-md);border-width:0}.modal-content .close{margin:0;padding:0;font-size:28px;line-height:.5}.modal-header{align-items:center;padding:15px}@media (min-width:576px){.modal-header{padding:15px 20px}}@media (min-width:992px){.modal-header{padding:20px}}@media (min-width:1200px){.modal-header{padding:20px 25px}}.modal-header .modal-title{margin-bottom:0}.modal-title{color:#1c273c;font-size:18px;font-weight:700;line-height:1}.modal-body{padding:25px}.nav-link:hover,.nav-link:focus,.nav-link:active{outline:none}.nav-tabs{border-bottom-width:0}.nav-tabs .nav-link{border-radius:var(--border-radius-sm);color:#596882;background-color:#ffffff4d;border-width:0;padding:10px 15px;line-height:1.428}@media (min-width:768px){.nav-tabs .nav-link{padding:10px 20px}}.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{color:#1c273c;background-color:#ffffff80}.nav-tabs .nav-link+.nav-link{margin-left:3px}.nav-tabs .nav-link.active{color:#1c273c;letter-spacing:-.1px;background-color:#fff;font-weight:500}.progress{height:auto}.progress,.progress-bar{border-radius:var(--border-radius-sm)}.progress-bar{height:10px;font-size:11px}.table{color:#3b4863}.table thead th,.table thead td{color:#7987a1;letter-spacing:.5px;text-transform:uppercase;border-top-width:0;border-bottom-width:1px;padding:0 15px 5px;font-size:11px;font-weight:700}.table tbody tr{background-color:#ffffff80}.table tbody tr th{font-weight:500}.table th,.table td{padding:9px 15px;line-height:1.462}.table-bordered thead th,.table-bordered thead td{background-color:#ffffff80;border-top-width:1px;padding-top:7px;padding-bottom:7px}.toast{border-radius:var(--border-radius-sm);background-color:#fffffff2;border-color:#1c273c29;box-shadow:0 2px 3px #1c273c0f}.tooltip{top:0}.modal.animated .modal-dialog{transform:translate(0)}body{font-family:Roboto,sans-serif}.mg-b-0{margin-bottom:0}.mg-b-20{margin-bottom:20px}.pd-x-0{padding-left:0;padding-right:0}.container{width:100%;max-width:100%;padding-left:0;padding-right:0}.indxo-content-body{margin-top:0;padding:0}.indxo-content{background-color:#0000;border-radius:30px;min-height:calc(100vh - 80px);padding:0;overflow:hidden}.indxo-header{z-index:1000;position:sticky;top:10px;overflow:hidden;background-color:#000!important;border-radius:25px!important;box-shadow:0 4px 15px #0003!important}.indxo-nav-icons a{text-shadow:none;background-color:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex;box-shadow:none!important;margin:0 5px!important}.indxo-nav-icons a:hover{background-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 8px #0003!important}.powerbi-container{background:#fff;border-radius:30px;height:calc(100vh - 68px);margin:10px;padding:0;overflow:hidden;box-shadow:0 4px 15px #00000014}.powerbi-wrapper{background:#f8f9fc;border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden}.powerbi-iframe{border:none;border-radius:28px;width:100%;height:100%}@media (max-width:992px){.powerbi-wrapper{height:600px}}@media (max-width:768px){.powerbi-wrapper{height:500px}}.loading-indicator{text-align:center;background-color:#ffffffe6;border-radius:30px;padding:25px 35px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 25px #0000001a}.loading-indicator p{color:#333;margin-top:15px;margin-bottom:0;font-size:14px;font-weight:500}.loading-spinner{border:5px solid #0000001a;border-top-color:var(--primary-color);border-radius:50%;width:50px;height:50px;margin:0 auto;animation:1s ease-in-out infinite spin}.rotate-90{transform:rotate(90deg)}.fa,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-variant:normal;text-rendering:auto;font-style:normal;line-height:1;display:inline-block}.fa-adjust:before{content:""}.fa-arrow-down:before{content:""}.fa-arrow-left:before{content:""}.fa-arrow-right:before{content:""}.fa-arrow-up:before{content:""}.fa-award:before{content:""}.fa-ban:before{content:""}.fa-barcode:before{content:""}.fa-bars:before{content:""}.fa-bell:before{content:""}.fa-bolt:before{content:""}.fa-book:before{content:""}.fa-box:before{content:""}.fa-boxes:before{content:""}.fa-brain:before{content:""}.fa-calendar-alt:before{content:""}.fa-calendar-check:before{content:""}.fa-camera:before{content:""}.fa-chart-bar:before{content:""}.fa-chart-line:before{content:""}.fa-check:before{content:""}.fa-check-circle:before{content:""}.fa-chevron-down:before{content:""}.fa-circle:before{content:""}.fa-clipboard-check:before{content:""}.fa-clipboard-list:before{content:""}.fa-clock:before{content:""}.fa-cloud-upload-alt:before{content:""}.fa-cog:before{content:""}.fa-cogs:before{content:""}.fa-desktop:before{content:""}.fa-dollar-sign:before{content:""}.fa-door-open:before{content:""}.fa-download:before{content:""}.fa-edit:before{content:""}.fa-ellipsis-v:before{content:""}.fa-envelope:before{content:""}.fa-exclamation-circle:before{content:""}.fa-exclamation-triangle:before{content:""}.fa-eye:before{content:""}.fa-file-alt:before{content:""}.fa-file-excel:before{content:""}.fa-file-export:before{content:""}.fa-file-medical:before{content:""}.fa-file-pdf:before{content:""}.fa-filter:before{content:""}.fa-fire-extinguisher:before{content:""}.fa-graduation-cap:before{content:""}.fa-history:before{content:""}.fa-home:before{content:""}.fa-hourglass-half:before{content:""}.fa-id-card:before{content:""}.fa-image:before{content:""}.fa-industry:before{content:""}.fa-info-circle:before{content:""}.fa-key:before{content:""}.fa-keyboard:before{content:""}.fa-lightbulb:before{content:""}.fa-list:before{content:""}.fa-microchip:before{content:""}.fa-microphone:before{content:""}.fa-minus-circle:before{content:""}.fa-mobile-alt:before{content:""}.fa-moon:before{content:""}.fa-mouse-pointer:before{content:""}.fa-plus:before{content:""}.fa-plus-circle:before{content:""}.fa-print:before{content:""}.fa-qrcode:before{content:""}.fa-redo:before{content:""}.fa-redo-alt:before{content:""}.fa-save:before{content:""}.fa-search:before{content:""}.fa-shield-alt:before{content:""}.fa-sign-in-alt:before{content:""}.fa-sign-out-alt:before{content:""}.fa-sliders-h:before{content:""}.fa-stop:before{content:""}.fa-stopwatch:before{content:""}.fa-sun:before{content:""}.fa-sync:before{content:""}.fa-sync-alt:before{content:""}.fa-tasks:before{content:""}.fa-times:before{content:""}.fa-times-circle:before{content:""}.fa-tint:before{content:""}.fa-trash:before{content:""}.fa-truck:before{content:""}.fa-undo:before{content:""}.fa-universal-access:before{content:""}.fa-upload:before{content:""}.fa-user:before{content:""}.fa-user-clock:before{content:""}.fa-user-cog:before{content:""}.fa-user-shield:before{content:""}.fa-users:before{content:""}.fa-vial:before{content:""}.fa-video-slash:before{content:""}.fa-volume-up:before{content:""}.fa-wrench:before{content:""}.far{font-weight:400}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}.ionicons,.ion-md-arrow-back:before{speak:none;font-variant:normal;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Ionicons;font-style:normal;font-weight:400;line-height:1;display:inline-block}.ion-md-arrow-back:before{content:""}.typcn:before{speak:none;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;text-align:center;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;width:1em;height:1em;text-rendering:optimizeLegibility;font-family:typicons;font-size:1em;font-style:normal;font-weight:400;display:inline-block}.typcn-arrow-left:before{content:""}.typcn-arrow-right:before{content:""}.typcn-arrow-sync:before{content:""}.typcn-bell:before{content:""}.typcn-calendar-outline:before{content:""}.typcn-chart-bar-outline:before{content:""}.typcn-chart-line-outline:before{content:""}.typcn-chart-line:before{content:""}.typcn-chevron-right:before{content:""}.typcn-clipboard:before{content:""}.typcn-cog-outline:before{content:""}.typcn-cog:before{content:""}.typcn-database:before{content:""}.typcn-document-text:before{content:""}.typcn-download-outline:before{content:""}.typcn-edit:before{content:""}.typcn-filter:before{content:""}.typcn-flow-merge:before{content:""}.typcn-folder:before{content:""}.typcn-info-large:before{content:""}.typcn-lock-closed-outline:before{content:""}.typcn-message:before{content:""}.typcn-messages:before{content:""}.typcn-power-outline:before{content:""}.typcn-refresh:before{content:""}.typcn-spanner-outline:before{content:""}.typcn-spanner:before{content:""}.typcn-stopwatch:before{content:""}.typcn-tick-outline:before{content:""}.typcn-tick:before{content:""}.typcn-times:before{content:""}.typcn-user-outline:before{content:""}.typcn-warning-outline:before{content:""}.typcn-warning:before{content:""}.flag-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:1.33333em;line-height:1em;display:inline-block;position:relative}.flag-icon:before{content:" "}:root{--primary-color:#05c2c9;--primary-dark:#038e94;--text-color:#2a3039;--bg-light:#f8f9fa;--bg-dark:#000;--success:#2dce89;--warning:#fb6340;--danger:#f5365c;--alarm:#ff5722;--header-height:45px;--shadow-color:#0000001a;--shadow-color-dark:#00000026;--shadow-color-light:#fffc;--border-radius-sm:8px;--border-radius-md:15px;--border-radius-lg:25px;--border-radius-xs:6px;--border-radius-xl:30px}@media (max-width:1200px){.card-title{font-size:1rem}.card-text{font-size:.85rem}}@media (max-width:992px){.row>[class*=col-]{margin-bottom:1rem}}@media (max-width:768px){.card{margin-bottom:1rem}.row{margin-bottom:0}}@media (max-width:1200px){.chart-container{min-height:180px;max-height:400px}}@media (max-width:992px){.chart-container{min-height:150px;max-height:350px}}@media (max-width:768px){.chart-container{min-height:200px}.card{margin-bottom:1rem}.chart-container{max-height:300px}}.card-body-top{border-bottom:1px solid #0000000d;justify-content:space-between;margin:2px 2px 20px;padding-bottom:20px;display:flex}.card-body-top>div{text-align:center}.card-body-top label{color:#8898aa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;display:block}.card-body-top h2{color:var(--text-color);margin:0;font-size:24px;font-weight:600}@media (max-width:992px){.content-shifted{margin-left:0}}@media (max-width:1200px){.chart-container{min-height:180px;max-height:400px}}@media (max-width:992px){.chart-container{min-height:150px;max-height:350px}}@media (max-width:768px){.chart-container{min-height:200px}}.card{height:100%;transition:all .3s}@media (max-width:768px){.card{margin-bottom:1rem}.chart-container{max-height:300px}}.indxo-header,.indxo-footer,.indxo-content,.indxo-dashboard-one-title{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,sans-serif}body{color:var(--text-color);letter-spacing:.2px;background-color:#f7f9fc;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{letter-spacing:-.3px;font-weight:600}.container{width:auto;max-width:98vw;margin:0 auto;padding-left:0;padding-right:0;overflow-x:visible}.status-indicator{border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block;position:relative}.status-indicator:after{content:"";opacity:.4;background:0 0;border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-2px}.status-operate{background-color:var(--success);box-shadow:0 0 10px #2dce8966}.status-stop{background-color:var(--warning);box-shadow:0 0 10px #fb634066}.status-disconnect{background-color:var(--danger);box-shadow:0 0 10px #f5365c66}.status-alarm{background-color:var(--alarm);box-shadow:0 0 10px #ff572266}.machine-timeline{background:#f3f3f3;border-radius:15px;height:30px;margin-bottom:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.timeline-segment{height:100%;transition:all .3s;position:absolute;top:0}.timeline-segment:hover{filter:brightness(1.1)}.indxo-logo img{vertical-align:middle;filter:brightness(1.1)drop-shadow(0 2px 4px #0006);height:28px;margin-left:5px;margin-right:5px;transition:all .3s;transform:translateZ(5px)}.indxo-logo{transform-style:preserve-3d;perspective:1000px;align-items:center;margin-left:15px;padding-left:5px;display:flex;position:relative}.indxo-logo:hover img{filter:brightness(1.2)drop-shadow(0 4px 6px #00000080);transform:translateZ(10px)scale(1.05)}.indxo-img-user img{-o-object-fit:contain;object-fit:contain;border-radius:50%;width:26px;height:26px}.indxo-header-profile .indxo-img-user img{-o-object-fit:contain;object-fit:contain;width:45px;height:45px}.dropdown.indxo-profile-menu{margin-right:15px}.indxo-header{z-index:10;min-height:var(--header-height);background:linear-gradient(145deg,#000,#1a1a1a);border-bottom:none;border-radius:25px;align-items:center;margin-top:5px;margin-bottom:10px;padding:3px 0;display:flex;position:relative;overflow:visible;box-shadow:0 8px 20px #00000040,0 4px 10px #00000026!important}.indxo-header:before{content:"";background:linear-gradient(90deg,#fff0,#ffffff26,#fff0);height:1px;position:absolute;top:0;left:0;right:0}.indxo-header *,.indxo-header-left,.indxo-header-right,.indxo-logo,.indxo-header .container,.indxo-nav-icons a,.indxo-img-user img{box-shadow:none!important}.indxo-header .container{justify-content:space-between;align-items:center;width:100%;display:flex}.indxo-header-left{align-items:center;display:flex}.indxo-header-right{justify-content:flex-end;align-items:center;margin-left:auto;padding-right:0;display:flex}.indxo-nav-icons{align-items:center;margin-right:15px;display:flex}.indxo-nav-icons a{color:#fff;text-shadow:0 1px 2px #0000004d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:0 8px;font-size:16px;transition:all .3s;display:flex;transform:translateY(0)translateZ(0);box-shadow:0 2px 5px #0003,inset 0 1px 1px #ffffff1a!important}.indxo-nav-icons a:hover{color:var(--primary-color);background-color:#ffffff26;transform:translateY(-3px)translateZ(5px);box-shadow:0 6px 12px #00000040,inset 0 1px 1px #fff3!important}.indxo-header .indxo-header-menu .nav-link{color:#fff;padding:.25rem .75rem}.indxo-header .indxo-header-menu .nav-item.active .nav-link,.indxo-header .indxo-header-menu .nav-item:hover .nav-link{color:var(--primary-color)}.indxo-header .indxo-header-right>a,.indxo-header .indxo-header-right .indxo-header-message>a,.indxo-header .indxo-header-right .indxo-header-notification>a{color:#fff;padding:.2rem .4rem;font-size:.8rem}.indxo-logo span{color:#fff;font-weight:600}.indxo-header-menu-header{background-color:var(--bg-dark)}.widget{background:#fff;border:1px solid #0000000d;border-radius:16px;margin-bottom:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 4px 6px #00000005,0 10px 20px #00000003}.widget-title{color:#1c273c;letter-spacing:-.02em;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:600}.widget-body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.widget-actions{display:flex}.btn{border:none;border-radius:12px;align-items:center;gap:.5rem;min-height:42px;padding:.625rem 1.25rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 6px #00000014}.btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.btn-primary{color:#fff;background:linear-gradient(135deg,#36f 0%,#3461ff 100%)}.btn-primary:hover{background:linear-gradient(135deg,#2952e3 0%,#2d56e6 100%)}.btn-submit-3d{color:#fff;text-shadow:0 1px 2px #0003;transform-style:preserve-3d;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(145deg,#4b6cb7,#182848);border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 8px 16px #1828484d,0 4px 8px #00000026,inset 0 1px 1px #fff3}.btn-submit-3d:before{content:"";background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a);height:1px;position:absolute;top:0;left:0;right:0}.btn-submit-3d:hover{background:linear-gradient(145deg,#5d7ece,#253e6c);transform:translateY(-4px)translateZ(10px);box-shadow:0 12px 24px #18284866,0 6px 12px #0003,inset 0 1px 1px #ffffff40}.btn-submit-3d:active{background:linear-gradient(145deg,#425ca1,#182848);transition:all .1s;transform:translateY(1px)translateZ(0);box-shadow:0 4px 8px #18284833,0 2px 4px #0000001a,inset 0 1px 1px #ffffff26}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.badge{border-radius:var(--border-radius-sm);letter-spacing:.5px;text-transform:uppercase;padding:5px 10px;font-size:.75rem;font-weight:500}.widget-body{flex-direction:column;height:100%;padding:15px;display:flex}.right-side-menu{top:calc(var(--header-height) + 15px);width:280px;height:calc(100% - var(--header-height) - 15px);z-index:1040;border-radius:0 var(--border-radius-md)var(--border-radius-md)0;background-color:#fff;border-top:none;flex-direction:column;transition:left .3s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;left:-280px;overflow:hidden;box-shadow:0 0 25px #0000001a}.right-side-menu.active{left:0}.right-menu-toggle{color:#fff;z-index:1051;cursor:pointer;text-shadow:0 -1px 1px #0003;background:linear-gradient(145deg,#04eeff,#03c5d3);border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;top:47px;left:5px;overflow:hidden;transform:none;box-shadow:0 4px 8px #0003,inset 0 1px 1px #ffffff80,inset 0 -2px 2px #0000001a}.right-menu-toggle.active{background:linear-gradient(145deg,#03c5d3,#04eeff);left:260px;box-shadow:0 2px 5px #0003,inset 0 1px 1px #ffffff80,inset 0 -2px 2px #0000001a}.right-menu-toggle:hover{background:linear-gradient(145deg,#04f5ff,#03c5d3);transform:translateY(-2px)scale(1.05);box-shadow:0 5px 12px #0000004d,inset 0 1px 1px #ffffffb3,inset 0 -2px 2px #0000001a}.right-menu-toggle:active{background:linear-gradient(145deg,#03c5d3,#04eeff);transform:translateY(1px)scale(.98);box-shadow:0 2px 3px #0003,inset 0 1px 1px #ffffff4d,inset 0 -1px 2px #0003}.sliding-arrow{justify-content:center;align-items:center;width:100%;height:100%;transition:all .4s cubic-bezier(.68,-.55,.27,1.55);display:flex}.sliding-arrow span{background-color:#0000;width:16px;height:2px;position:relative}.sliding-arrow span:before,.sliding-arrow span:after{content:"";background-color:#fff;width:10px;height:2px;transition:transform .3s cubic-bezier(.25,.8,.25,1);position:absolute;box-shadow:0 1px 1px #0003}.sliding-arrow span:before{top:-3px;left:0;transform:rotate(-45deg)}.sliding-arrow span:after{bottom:-3px;left:0;transform:rotate(45deg)}.right-menu-toggle.active .sliding-arrow span:before{transform:rotate(45deg)}.right-menu-toggle.active .sliding-arrow span:after{transform:rotate(-45deg)}.right-menu-header{display:none}.right-menu-body{scrollbar-width:thin;scrollbar-color:#05c2c980 #f0f0f04d;max-height:calc(100% - 15px);padding-top:15px;overflow-y:auto}.right-menu-body::-webkit-scrollbar{width:6px}.right-menu-body::-webkit-scrollbar-track{background:#f0f0f04d;border-radius:10px}.right-menu-body::-webkit-scrollbar-thumb{background-color:#05c2c980;border-radius:10px}.right-menu-body::-webkit-scrollbar-thumb:hover{background-color:#05c2c9b3}.right-menu-close{cursor:pointer;color:#fff;border-radius:var(--border-radius-sm);background:0 0;border:none;padding:5px 10px;font-size:16px;transition:all .2s}.right-menu-close:hover{background-color:#ffffff1a;transform:scale(1.05)}.sidebar-menu{background-color:#fff;margin:0;padding:0;list-style:none}.sidebar-menu-item{border-bottom:1px solid #0000000a;position:relative}.sidebar-menu-link{color:var(--text-color);background-color:#fff;border-left:3px solid #0000;align-items:center;padding:12px 20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.sidebar-menu-link:hover{color:var(--primary-color);border-left:3px solid var(--primary-color);background-color:#05c2c914}.sidebar-menu-icon{color:#555;border-radius:var(--border-radius-sm);background-color:#00000008;justify-content:center;align-items:center;width:26px;height:26px;margin-right:12px;transition:all .2s;display:inline-flex}.sidebar-menu-link:hover .sidebar-menu-icon{color:var(--primary-color);background-color:#05c2c91a;transform:scale(1.05)}.sidebar-menu-title{flex:1;font-size:.9rem;font-weight:500}.sidebar-menu-arrow{color:#aaa;justify-content:center;align-items:center;width:16px;height:16px;font-size:.7rem;transition:transform .3s;display:flex}.sidebar-submenu{background-color:#f9f9f9;max-height:0;padding:0;list-style:none;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden}.sidebar-menu-item.open>.sidebar-submenu{max-height:500px;overflow-y:auto}.sidebar-menu-item.open .sidebar-menu-arrow{color:var(--primary-color);transform:rotate(90deg)}.sidebar-menu-item.open .sidebar-menu-link{color:var(--primary-color);border-left:3px solid var(--primary-color);background-color:#05c2c90d}.sidebar-submenu-link{color:#666;background-color:#fff;border-bottom:1px solid #00000005;padding:10px 15px 10px 54px;font-size:.85rem;text-decoration:none;transition:all .2s;display:block;position:relative}.sidebar-submenu-link:before{content:"";background-color:#ccc;border-radius:50%;width:5px;height:5px;transition:all .2s;position:absolute;top:50%;left:36px;transform:translateY(-50%)}.sidebar-submenu-link:hover{color:var(--primary-dark);background-color:#04eeff0d}.sidebar-submenu-link:hover:before{background-color:var(--primary-color);transform:translateY(-50%)scale(1.2)}.menu-header{display:none}.right-menu-footer{border-top:1px solid #0000001a;padding:15px}.right-side-menu.smooth-transition{transition:left .3s cubic-bezier(.25,.8,.25,1)}.sidebar-submenu{transform-origin:top;transition:max-height .3s cubic-bezier(.25,.8,.25,1),opacity .3s,transform .3s}.sidebar-menu-item.open>.sidebar-submenu{opacity:1;transform:scaleY(1)}.sidebar-menu-arrow i{transform-origin:50%;transition:transform .3s cubic-bezier(.25,.8,.25,1)}.sidebar-menu-item.open .sidebar-menu-arrow i{transform:rotate(90deg)}.sidebar-menu-link.active,.sidebar-submenu-link.active{color:var(--primary-color);border-left:3px solid var(--primary-color);background-color:#05c2c91f;font-weight:600}.sidebar-menu-link.active .sidebar-menu-icon,.sidebar-submenu-link.active:before{color:var(--primary-color);background-color:#05c2c926}.sidebar-menu-link:focus,.sidebar-submenu-link:focus,.right-menu-toggle:focus{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px #05c2c91a}.right-menu-toggle:focus-visible{outline-offset:2px;outline:3px solid #05c2c999}.indxo-content{will-change:transform;transition:transform .3s cubic-bezier(.25,.8,.25,1)}.sidebar-submenu .sidebar-submenu{background-color:#f8f9fa;border-left:2px solid #05c2c91a;margin-left:0}.sidebar-submenu .sidebar-submenu-link{padding-left:70px;font-size:.8rem;position:relative}.sidebar-submenu .sidebar-submenu-link:before{background-color:#bbb;width:3px;height:3px;left:52px}.sidebar-menu-item:hover>.sidebar-menu-link{background-color:#05c2c90d;transform:translate(2px)}.sidebar-submenu-link:hover{background-color:#04eeff14;padding-left:57px;transform:translate(3px)}.sidebar-menu-link.loading{opacity:.6;pointer-events:none}.sidebar-menu-link.loading:after{content:"";border:2px solid #05c2c94d;border-top:2px solid var(--primary-color);border-radius:50%;width:12px;height:12px;animation:1s linear infinite spin;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.sidebar-menu-badge{background-color:var(--danger-color,#dc3545);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.7rem;font-weight:600;animation:2s infinite pulse;display:flex;position:absolute;top:8px;right:15px}.sidebar-menu-separator{background:linear-gradient(90deg,#0000,#0000001a,#0000);height:1px;margin:10px 20px}.sidebar-menu-group-title{color:#888;text-transform:uppercase;letter-spacing:.5px;padding:8px 20px 4px;font-size:.75rem;font-weight:600}@media (max-width:768px){.right-side-menu{width:280px}.right-menu-toggle.active{left:285px}.sidebar-menu-link{padding:14px 20px;font-size:.95rem}.sidebar-submenu-link{padding:12px 15px 12px 54px;font-size:.9rem}.right-side-menu.active:before{content:"";z-index:-1;background-color:#0000004d;width:calc(100vw - 280px);height:100vh;position:fixed;top:0;left:280px}}@media (prefers-contrast:high){.sidebar-menu-link{border-left:4px solid #0000}.sidebar-menu-link:hover,.sidebar-menu-link.active{border-left:4px solid var(--primary-color);background-color:#05c2c933}.right-menu-toggle:focus{outline:3px solid var(--primary-color)}}@media (prefers-reduced-motion:reduce){.sidebar-submenu,.sidebar-menu-arrow i,.right-side-menu,.indxo-content,.sidebar-menu-link,.sidebar-submenu-link{transition:none}.sidebar-menu-badge{animation:none}}@media print{.right-side-menu,.right-menu-toggle{display:none}.content-shifted .indxo-content{transform:none}}#dtReasonModal,#dtReasonModal .modal-content,#dtReasonModal .modal-title{color:#000!important}#dtReasonModal label{font-weight:500;color:#000!important}#dtReasonModal .form-control{border:1px solid #ddd;color:#000!important}#dtReasonModal .form-control::-moz-placeholder{color:#666!important}#dtReasonModal .form-control::placeholder{color:#666!important}#dtReasonModal .form-control:focus,#dtReasonModal option{color:#000!important}.dt-cell{justify-content:center;align-items:center;gap:8px;padding:4px;display:flex}.dt-freq{color:#333;text-align:center;min-width:20px;font-weight:600}.dt-add-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .2s;display:flex}.dt-add-btn:hover{background:#218838;transform:scale(1.1)}.dt-add-btn:focus{outline:none;box-shadow:0 0 0 2px #28a74540}.machine-status-item{box-shadow:0 4px 10px var(--shadow-color),inset 0 1px 0 var(--shadow-color-light);background:linear-gradient(145deg,#ffffffe6,#f0f0f0cc);border-radius:25px;margin-bottom:10px;padding:12px;transition:all .3s;transform:translateZ(0)}.machine-status-item:hover{box-shadow:0 6px 15px var(--shadow-color-dark),inset 0 1px 0 var(--shadow-color-light);transform:translateY(-2px)translateZ(3px)}.notification-item{border-bottom:1px solid #0000000d;align-items:flex-start;margin:1px;padding:12px;transition:all .2s;display:flex}.notification-item:last-child{border-bottom:none;margin-bottom:5px}.notification-item:hover{background-color:#00000005;border-radius:15px}.notification-icon{color:#fff;width:30px;height:30px;box-shadow:0 4px 8px var(--shadow-color-dark),inset 0 1px 0 #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;font-size:14px;display:flex}.notification-content{flex:1}.notification-content h6{margin-bottom:5px;font-weight:600}.notification-content p{color:#666;margin-bottom:5px}.table{border-collapse:separate;border-spacing:0}.table-responsive{border-radius:var(--border-radius-lg);overflow:hidden}.table thead th{color:#555;border-bottom:2px solid #0000000d;padding:12px 15px;font-weight:600}.table thead th:first-child{border-top-left-radius:var(--border-radius-md)}.table thead th:last-child{border-top-right-radius:var(--border-radius-md)}.table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--border-radius-md)}.table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--border-radius-md)}.table tbody td{vertical-align:middle;border-top:1px solid #0000000d;padding:12px 15px}.table tbody tr{transition:all .2s}.table-hover tbody tr:hover{box-shadow:0 4px 12px var(--shadow-color);z-index:1;background-color:#04eeff0d;border-radius:12px;position:relative;transform:translateY(-2px)}.badge{border-radius:var(--border-radius-sm);letter-spacing:.5px;padding:5px 10px;font-weight:500}input,select,textarea{border:1px solid #0000001a;padding:8px 15px;transition:all .2s;border-radius:var(--border-radius-md)!important}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #04eeff26}.content-shifted{margin-left:280px;transition:margin-left .3s cubic-bezier(.25,.8,.25,1)}.indxo-dashboard-one-title{border-radius:var(--border-radius-lg);z-index:1;background:linear-gradient(145deg,#fff,#f5f5f5);border:1px solid #e6e6e6cc;margin-top:10px;margin-bottom:20px;padding:20px 25px;transition:all .3s;position:relative;box-shadow:0 6px 15px #0000001a,0 2px 5px #00000014}.indxo-dashboard-one-title:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0000001f,0 3px 8px #0000001a}.indxo-dashboard-title{color:var(--text-color);margin-bottom:5px;font-size:1.8rem;font-weight:700}.indxo-dashboard-text{color:#8898aa;margin-bottom:0;font-size:1rem}.content-shifted .indxo-dashboard-one-title{margin-left:0;padding-left:15px}.indxo-content{background-color:#fff;padding:2px}.indxo-content-body{background-color:#0000;width:100%;max-width:100%;margin:0;padding:20px 5px;transition:padding-left .3s;overflow-x:visible}.content-shifted .indxo-content-body{padding-left:0;padding-right:10px}@media (max-width:992px){.content-shifted{margin-left:0}}.row{width:100%;max-width:100%;margin-bottom:0;margin-left:0;margin-right:0}.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-8,.col-md-6,.col-12{padding:5px;overflow:visible}.machine-status-container,.table-responsive{padding:1px}.widget-body canvas{max-height:320px;margin:0 auto;display:block;width:100%!important;height:auto!important}#utilizationChart{max-width:90%;margin:0 auto}.chart-container{flex-grow:1;width:100%;height:100%;min-height:220px;max-height:450px;margin:0 auto;transition:all .3s;position:relative;overflow:visible}@media (max-width:1200px){.chart-container{min-height:180px;max-height:400px}}@media (max-width:992px){.chart-container{min-height:150px;max-height:350px}}@media (max-width:768px){.chart-container{min-height:200px}}.indxo-footer{background-color:var(--bg-dark);color:#ffffffb3;width:100%;height:35px;box-shadow:none;border-radius:0;justify-content:center;align-items:center;margin-top:15px;margin-left:0;margin-right:0;padding:0;font-size:12px;display:flex}.dropdown-menu{border-radius:var(--border-radius-md);border:none;min-width:180px;max-width:280px;padding:8px;font-size:.85rem;overflow:hidden;box-shadow:0 3px 10px #0000001a}.indxo-notification-title{margin-bottom:5px;padding:5px 10px;font-size:1rem}.indxo-notification-text{margin-bottom:8px;padding:0 10px;font-size:.75rem}.indxo-notification-list{max-height:250px;overflow-y:auto}.notification-item{margin:0;padding:8px}.notification-content h6{margin-bottom:2px;font-size:.85rem}.notification-content p{margin-bottom:2px;font-size:.75rem}.notification-content small{font-size:.7rem}.modal-dialog{max-width:350px;margin:1.5rem auto}.modal-header{padding:.75rem 1rem}.modal-body{max-height:60vh;padding:1rem;overflow-y:auto}.modal-footer{padding:.5rem 1rem}.modal .form-group{margin-bottom:.5rem}.modal label{margin-bottom:.25rem;font-size:.8rem}.modal .form-control{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.85rem}.modal .btn{padding:.25rem .75rem;font-size:.85rem}.modal .list-group-item{padding:.5rem .75rem}.modal .card{margin-bottom:.5rem}.modal .card-body{padding:.75rem}.dropdown-footer{text-align:center;border-top:1px solid #0000000d;margin-top:5px;padding-top:10px}.dropdown-footer a{color:var(--primary-color);border-radius:20px;padding:5px 15px;font-weight:500;text-decoration:none;transition:all .2s}.dropdown-footer a:hover{background-color:#04eeff1a}.widget-stat i{transition:all .3s}.widget:hover .widget-stat i{animation:1.5s infinite pulse;transform:scale(1.1)}@media (max-width:768px){.indxo-nav-icons a{width:28px;height:28px;font-size:14px}.btn-actions{width:24px;height:24px;font-size:.75rem}.notification-icon{width:28px;height:28px;font-size:12px}}.widget:hover .chart-container{transform:scale(.98)}.widget-body:hover .d-flex .widget-stat{animation:1s wiggle}.widget{opacity:0;animation:.5s forwards scaleIn;animation-delay:calc(var(--animation-order,0)*.1s);transition:all .4s cubic-bezier(.165,.84,.44,1)}.widget:hover{box-shadow:0 12px 25px var(--shadow-color-dark),0 8px 10px #0000001a,inset 0 1px 0 var(--shadow-color-light);transform:translateY(-5px)}.widget-stat{transition:all .4s cubic-bezier(.19,1,.22,1);position:relative;overflow:hidden}.widget-stat:after{content:"";opacity:0;background:#ffffff4d;border-radius:50%;width:100%;height:100%;transition:all .5s ease-out;position:absolute;top:0;left:0;transform:scale(0)}.widget:hover .widget-stat:after{animation:1.5s ease-out ripple}.machine-status-item{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.machine-status-item:hover{z-index:1;transform:translateY(-5px)scale(1.02)}.timeline-segment{cursor:pointer;transition:all .3s}.timeline-segment:hover{filter:brightness(1.2);z-index:10;transform:scaleY(1.2);box-shadow:0 0 8px #0003}.table tbody tr{opacity:0;animation:.5s forwards fadeInUp;animation-delay:calc(var(--animation-order,0)*50ms);transition:all .3s}.chart-container{opacity:0;animation:.6s .3s forwards fadeInUp}.animated-number{transition:all .5s;display:inline-block}.animated-number.percentage{z-index:1;white-space:nowrap;font-weight:700;position:relative;visibility:visible!important;display:inline-block!important}.widget-stat-alarm{background-color:#ff57221a}.widget-stat-icon-alarm{color:#ff5722;font-size:24px}.badge-padding{padding:.25em .4em;display:inline-block}.text-muted.ml-2{visibility:visible!important;max-width:none!important;text-overflow:unset!important;white-space:normal!important;display:inline-block!important;overflow:visible!important}.notification-item{opacity:0;animation:.4s forwards slideInRight;animation-delay:calc(var(--animation-order,0)*.1s)}.widget-header{position:relative;overflow:hidden}.widget-header:after{content:"";background:var(--primary-color);width:0;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}.widget:hover .widget-header:after{width:100%}.placeholder-shimmer{background:linear-gradient(90deg,#ffffff1a 8%,#fff3 18%,#ffffff1a 33%) 0 0/1000px 100%;animation:2s linear infinite shimmer}body{color:var(--text-color);letter-spacing:.1px;background-color:#f7f9fc;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.85rem;line-height:1.4}h1,h2,h3,h4,h5,h6{letter-spacing:-.2px;margin-top:.5rem;margin-bottom:.5rem;font-weight:600}h1{font-size:1.7rem}h2{font-size:1.5rem}h3{font-size:1.3rem}h4{font-size:1.1rem}h5{font-size:.95rem}h6{font-size:.85rem}.container{max-width:95vw;margin:0 auto;padding-left:15px;padding-right:15px}.row{margin-left:0;margin-right:0}.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-8,.col-md-6,.col-12{padding:5px}.widget{margin:3px 3px 10px}.widget-header{padding:10px 15px}.widget-title{font-size:12px}.indxo-dashboard-one-title{margin-top:5px;margin-bottom:12px;padding:12px 15px}.indxo-dashboard-text{font-size:.85rem}.btn{padding:6px 12px;font-size:.8rem}.badge{padding:3px 8px;font-size:.7rem}:root{--header-height:40px}.right-side-menu{width:250px}.right-menu-toggle.active{left:260px}.right-menu-toggle{width:36px;height:36px}.sidebar-menu-link{padding:8px 15px;font-size:.8rem}.sidebar-menu-icon{width:22px;height:22px;margin-right:10px}.sidebar-submenu-link{padding:7px 15px 7px 44px;font-size:.75rem}.sidebar-submenu-link:before{left:32px}.col-lg-3:last-child,.col-lg-4:last-child,.col-lg-6:last-child,.col-lg-8:last-child,.col-md-6:last-child,.col-12:last-child{padding-right:10px}.login-container{color:#fff;min-height:100vh;padding:40px;display:flex;position:relative;overflow:hidden}.video-background{-o-object-fit:cover;object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.login-container:before{content:"";z-index:1;background:linear-gradient(90deg,#0009 0%,#0000004d 100%);position:absolute;inset:0}.brand-section{color:#fff;background-color:#0d6efd;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.brand-content{z-index:2;max-width:600px;margin-top:140px;margin-left:100px;position:relative}.welcome-heading{-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000004d;letter-spacing:1px;background:linear-gradient(135deg,#fff,#e3f2fd);-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.8rem;font-weight:300}.logo{align-items:center;margin-bottom:40px;display:flex}.logo img{width:400px;max-width:100%;height:auto}.logo-text{color:#fff;font-size:5rem;font-weight:700}.logo-ai{color:#00bcd4;margin-left:10px;font-size:5rem;font-weight:700}.tagline{letter-spacing:.5px;margin-top:30px;font-size:1.3rem;font-weight:300;line-height:1.7;display:flex}.tagline-border{background:linear-gradient(135deg,#00bcd4,#2196f3);border-radius:3px;width:5px;margin-right:25px;box-shadow:0 2px 8px #00bcd44d}.tagline p{text-shadow:0 2px 4px #0000004d;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#e3f2fd);-webkit-background-clip:text;background-clip:text;margin:0}.login-card{backdrop-filter:blur(20px);z-index:2;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:25px;width:100%;max-width:380px;padding:35px;transition:all .3s;position:absolute;top:50%;right:100px;transform:translateY(-50%);box-shadow:0 20px 40px #0000001a,0 0 0 1px #ffffff1a,inset 0 1px #ffffff4d}.login-card:hover{background:#ffffff26;transform:translateY(-50%)scale(1.02);box-shadow:0 25px 50px #0003,0 0 0 1px #ffffff4d,inset 0 1px #fff6}.login-header{text-align:center;margin-bottom:25px}.login-logo{justify-content:center;margin-bottom:20px;display:flex}.login-logo-img{filter:brightness(1.1)drop-shadow(0 2px 4px #0000004d);width:auto;height:40px}.login-title{color:#fff;margin-bottom:5px;font-size:2rem;font-weight:700}.login-subtitle{color:#ffffffb3;font-size:.9rem}#flash-messages{border-radius:25px;margin-bottom:1.5rem;padding:.75rem;display:none}.form-group{margin-bottom:20px}.form-group label{color:#fff;margin-bottom:10px;font-weight:500;display:block}.form-control{color:#fff;background-color:#ffffff1a;border:1px solid #fff3;border-radius:25px;width:100%;padding:12px 15px;font-size:1rem}.form-control::-moz-placeholder{color:#ffffff80}.form-control::placeholder{color:#ffffff80}.form-actions{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.remember-me{align-items:center;display:flex}.remember-me input{margin-right:8px}.forgot-password{color:#00bcd4;text-decoration:none}.btn-login{color:#fff;cursor:pointer;background-color:#00bcd4;border:none;border-radius:25px;width:100%;padding:12px;font-size:1rem;font-weight:600;transition:background-color .2s}.btn-login:hover{background-color:#00acc1}.login-footer{text-align:center;color:#ffffffb3;margin-top:25px}.login-footer a{color:#00bcd4;text-decoration:none}@media (max-width:1200px){.brand-content{margin-left:50px}.login-card{right:50px}}@media (max-width:992px){.login-container{flex-direction:column;padding:20px}.brand-content{text-align:center;margin:80px auto 40px}.logo,.tagline{justify-content:center}.login-card{margin:0 auto 40px;position:relative;top:auto;right:auto;transform:none}}@media (max-width:576px){.brand-content{margin-left:20px;margin-right:20px}.welcome-heading{font-size:2rem}.logo img{width:300px}.tagline{font-size:1rem}.login-card{padding:25px 15px}}.btn-actions{color:#495057;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:5px;transition:all .3s;display:inline-flex}.btn-actions:hover{color:#212529;background-color:#e9ecef;transform:scale(1.05)}.typcn{font-size:16px!important;line-height:1!important;display:inline-block!important}.typcn:before{width:auto!important;font-size:16px!important}.notification-icon .typcn{color:#fff;font-size:18px!important}.notification-icon .typcn:before{font-size:18px!important}.chart-container{border-radius:8px;width:100%;height:250px;margin:auto;padding:10px;transition:all .3s;position:relative;overflow:hidden;box-shadow:inset 0 3px 10px #0000000d}.chart-container canvas{border-radius:8px;transition:all .3s}.widget:hover .chart-container{box-shadow:inset 0 5px 15px #0000001a}.widget:hover .chart-container canvas{transform:scale(1.01)}#utilizationChart{position:relative}.chart-center-text{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chart-center-text h2{color:#3b4863;margin:0;font-size:28px;font-weight:700}.chart-center-text p{color:#7987a1;text-transform:uppercase;margin:0;font-size:14px}.chart-legend{flex-wrap:wrap;justify-content:center;margin-top:15px;display:flex}.legend-item{align-items:center;margin-bottom:5px;margin-right:15px;display:flex}.legend-label{color:#596882;font-size:12px}#stopReasonsChart{margin-top:10px}.sidebar-menu-icon{justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.indxo-header{margin-bottom:0;padding-top:0;position:relative;top:0%}.indxo-content{padding-top:15px}.content-body{padding-top:10px}.indxo-content-title{margin-top:0;padding-top:5px}.machine-timeline{background-color:#f8f9fa;border-radius:15px;height:30px;margin-bottom:15px;position:relative;overflow:hidden}.timeline-segment{border-right:1px solid #fff3;height:100%;position:absolute;top:0}.segment-operate{background-color:#28a745}.segment-stop{background-color:#ffc107}.segment-disconnect{background-color:#dc3545}.segment-alarm{background-color:#ff5722}.status-indicator{border-radius:50%;width:12px;height:12px;margin-right:5px;display:inline-block}.status-operate{background-color:#28a745}.status-stop{background-color:#ffc107}.status-disconnect{background-color:#dc3545}.status-alarm{background-color:#ff5722}.machine-status-container{position:relative}.timeline-segment:hover{filter:brightness(1.1);z-index:10;box-shadow:0 0 8px #00000026}.timeline-segment:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;visibility:hidden;opacity:0;pointer-events:none;background-color:#000c;border-radius:4px;padding:4px 8px;font-size:12px;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.timeline-segment:hover:after{visibility:visible;opacity:1}#timeRangeSlider{background:#e9ecef;border:none;border-radius:3px;height:6px}#timeRangeSlider .ui-slider-range{background:#007bff;border-radius:3px}#timeRangeSlider .ui-slider-handle{cursor:pointer;background:#fff;border:2px solid #007bff;border-radius:50%;width:16px;height:16px;transition:background .2s;top:-5px}#timeRangeSlider .ui-slider-handle:hover{background:#f8f9fa}#timeRangeSlider .ui-slider-handle:focus{outline:none}#timeline-detail-panel{border-radius:var(--border-radius-md);transition:all .3s;box-shadow:0 3px 10px #0000001a}#closeTimelineDetail{border-radius:50%;font-size:20px;line-height:.8}.widget{background-color:#fff;border-radius:20px;margin-bottom:20px;transition:all .3s ease-in-out;overflow:hidden;box-shadow:0 4px 12px #0000000d}.widget-header{border-bottom:1px solid #f0f0f0;padding:18px 20px;position:relative}.widget-header h6.widget-title{color:#333;margin:0;padding:0;font-size:18px;font-weight:600}.widget-subtitle{color:#888;margin:5px 0 0;font-size:13px;font-weight:400}.widget-body{padding:20px;position:relative}.widget-actions{align-items:center;display:flex}.widget-actions .btn-actions{transition:all .2s ease-in-out;transform:scale(1)}.widget-actions .btn-actions:hover{background-color:#f0f0f0;transform:scale(1.15);box-shadow:0 2px 5px #0000001a}.widget-footer{color:#888;background-color:#fafafa;border-top:1px solid #f0f0f0;padding:12px 20px;font-size:13px}.widget-footer-content{justify-content:space-between;align-items:center;display:flex}.utilization-chart-wrapper{width:100%;height:280px;margin:0 auto;position:relative}.utilization-center{text-align:center;opacity:0;background-color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:55%;height:55%;padding:20px;transition:all .5s ease-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95);box-shadow:0 0 15px #0000000d}.utilization-center.animated{opacity:1;transform:translate(-50%,-50%)scale(1)}.utilization-percentage{color:#09c;opacity:0;margin-bottom:5px;font-size:2.8rem;font-weight:700;transition:all .8s ease-out;transform:scale(.9)}.utilization-label{text-transform:uppercase;letter-spacing:1px;color:#8898aa;opacity:0;font-size:1rem;font-weight:500;transition:all .8s ease-out .2s}.utilization-center.animated .utilization-percentage,.utilization-center.animated .utilization-label{opacity:1;transform:scale(1)}.utilization-legend{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.legend-item{align-items:center;margin-right:15px;display:flex}.legend-color{border-radius:4px;width:14px;height:14px;margin-right:8px}.legend-label{color:#555;font-size:13px;font-weight:500}#stopReasonsChart{height:350px}@media (max-width:768px){.utilization-chart-wrapper{height:240px}.utilization-percentage{font-size:2.2rem}.utilization-label{font-size:.9rem}.legend-item{margin-bottom:8px;margin-right:10px}.legend-label{font-size:12px}#stopReasonsChart{height:300px}}@media (max-width:576px){.utilization-chart-wrapper{height:220px}.utilization-percentage{font-size:1.8rem}.widget-header h6.widget-title{font-size:16px}.widget-subtitle{font-size:12px}.utilization-legend{flex-direction:column;align-items:center}.legend-item{margin-bottom:6px;margin-right:0}}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-helper-reset{border:0;outline:0;margin:0;padding:0;font-size:100%;line-height:1.3;text-decoration:none;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";border-collapse:collapse;display:table}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{opacity:0;-ms-filter:"alpha(opacity=0)";width:100%;height:100%;position:absolute;top:0;left:0}.ui-front{z-index:100}.ui-state-disabled{pointer-events:none;cursor:default!important}.ui-icon{vertical-align:middle;text-indent:-99999px;background-repeat:no-repeat;margin-top:-.25em;display:inline-block;position:relative;overflow:hidden}.ui-widget-icon-block{margin-left:-8px;display:block;left:50%}.ui-widget-overlay{width:100%;height:100%;position:fixed;top:0;left:0}.ui-slider{text-align:left;position:relative}.ui-slider .ui-slider-handle{z-index:2;cursor:pointer;touch-action:none;width:1.2em;height:1.2em;position:absolute}.ui-slider .ui-slider-range{z-index:1;background-position:0 0;border:0;font-size:.7em;display:block;position:absolute}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{margin-left:-.6em;top:-.3em}.ui-slider-horizontal .ui-slider-range{height:100%;top:0}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{margin-bottom:-.6em;margin-left:0;left:-.3em}.ui-slider-vertical .ui-slider-range{width:100%;left:0}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{color:#333;background:#fff;border:1px solid #ddd}.ui-widget-content a{color:#333}.ui-widget-header{color:#333;background:#e9e9e9;border:1px solid #ddd;font-weight:700}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{color:#454545;background:#f6f6f6;border:1px solid #c5c5c5;font-weight:400}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{color:#2b2b2b;background:#ededed;border:1px solid #ccc;font-weight:400}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{color:#fff;background:#007fff;border:1px solid #003eff;font-weight:400}.ui-icon-background,.ui-state-active .ui-icon-background{background-color:#fff;border:#003eff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.filter-item{flex-direction:column;margin-right:20px;display:flex;position:relative}.filter-item label:before{content:"";background-color:#3b82f6;border-radius:50%;width:4px;height:4px;margin-right:6px;display:inline-block}.filter-item input,.filter-item select{color:#334155;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:150px;padding:10px 12px;font-size:.9rem;transition:all .3s;box-shadow:0 1px 2px #0000000d}.filter-item input:focus,.filter-item select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f640}.filter-item select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233b4863' 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 12px center;background-repeat:no-repeat;padding-right:36px}#submitFilters{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3b82f6,#4ade80);border:none;border-radius:8px;justify-content:center;align-items:center;min-height:42px;margin-top:24px;padding:10px 24px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 6px #3b82f640}#submitFilters:hover{transform:translateY(-2px);box-shadow:0 6px 10px #3b82f64d}#submitFilters:active{transform:translateY(0);box-shadow:0 2px 4px #3b82f633}.production-table{border-collapse:separate;border-spacing:0;border-radius:10px;width:100%;font-size:.85rem;overflow:hidden;box-shadow:0 4px 20px #0000000d}.production-table th{text-align:center;vertical-align:middle;color:#3b4863;white-space:nowrap;background:linear-gradient(90deg,#f8f9fa,#eef1f6);border:none;border-bottom:2px solid #e9ecef;padding:14px 10px;font-weight:600;position:relative}.production-table th:after{content:"";background:linear-gradient(90deg,#3b82f6,#4ade80);width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.production-table thead tr:hover th:after{transform:scaleX(1)}.production-table td{text-align:center;vertical-align:middle;border:none;border-bottom:1px solid #f0f0f0;padding:12px 8px;transition:background-color .2s}.production-table tr:hover td{background-color:#3b82f60d}.production-table tr:nth-child(2n){background-color:#fafbfc}.production-table tr:last-child td{border-bottom:none}.metric-cell{min-width:70px;padding:10px;position:relative}.circular-progress{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;display:flex;position:relative;box-shadow:0 4px 8px #0000001a}.circular-progress-svg{position:absolute;top:0;left:0}.circular-progress-label{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex}.progress-title{color:#888;margin-bottom:2px;font-size:10px}.progress-value{color:#333;font-size:18px;font-weight:700;position:relative}.reason-code-container{flex-direction:column;gap:3px;display:flex}.reason-code{white-space:nowrap;border-radius:3px;padding:3px 5px;font-size:11px}.parts-count-container{flex-direction:column;gap:3px;display:flex}.parts-count{text-align:center;border-radius:3px;padding:3px 5px;font-size:11px}@media (max-width:1200px){.production-table{font-size:.8rem}.circular-progress{width:70px;height:70px}.progress-title{font-size:9px}.progress-value{font-size:16px}.pareto-bar{font-size:10px}}@media (max-width:992px){.filter-item{margin-bottom:10px}.production-table th,.production-table td{padding:5px 3px}.reason-code,.parts-count{padding:2px 3px;font-size:10px}}@media (max-width:768px){.production-table{font-size:.75rem}.circular-progress{width:60px;height:60px}.progress-title{font-size:8px}.progress-value{font-size:14px}}.pareto-bar-container{justify-content:center;align-items:center;height:30px;display:flex}.pareto-bar{color:#fff;justify-content:center;align-items:center;height:100%;margin:0 1px;font-size:11px;font-weight:600;display:flex}.pareto-cell{padding:10px;position:relative}.pareto-container{cursor:pointer;width:100%;height:180px;margin:0 auto;transition:transform .3s;position:relative}.pareto-container.pareto-hover{transform:scale(1.03)}.pareto-tooltip{z-index:100;opacity:0;background-color:#fff;border-radius:8px;min-width:220px;padding:12px;animation:.3s forwards fadeIn;position:absolute;top:-10px;left:50%;transform:translate(-50%)translateY(-100%);box-shadow:0 5px 15px #00000026}.pareto-tooltip:after{content:"";border-top:10px solid #fff;border-left:10px solid #0000;border-right:10px solid #0000;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.pareto-tooltip-title{color:#333;text-align:center;border-bottom:1px solid #eee;margin-bottom:8px;padding-bottom:5px;font-size:13px;font-weight:600}.pareto-tooltip-values{flex-direction:column;gap:5px;display:flex}.pareto-tooltip-item{align-items:center;font-size:12px;display:flex}.pareto-tooltip-color{border-radius:2px;width:12px;height:12px;margin-right:8px;display:inline-block}.pareto-tooltip-label{color:#555;flex:1}.pareto-tooltip-value{color:#333;font-weight:600}.pareto-values{text-align:center;color:#333;margin-top:5px;font-size:14px;font-weight:600}.pareto-values .actual{color:#3b82f6}.pareto-values .target{color:#6b7280}.apexcharts-tooltip{border-width:2px!important;border-radius:8px!important;padding:8px 12px!important;transition:all .3s!important;box-shadow:0 5px 15px #0000001a!important}.apexcharts-tooltip-title{background:0 0!important;border-bottom:1px dashed #0000001a!important;margin-bottom:5px!important;padding-bottom:5px!important;font-weight:600!important}.apexcharts-tooltip-y-group{padding:2px 0!important}.apexcharts-tooltip-series-group{padding:5px 8px!important}.apexcharts-tooltip.apexcharts-active{opacity:1;transition:all .3s!important;transform:translateY(0)!important}@media (max-width:1200px){.pareto-container{height:160px}.pareto-values{font-size:12px}}@media (max-width:992px){.pareto-container{height:140px}}@media (max-width:768px){.pareto-container{height:120px}}.dashboard-header-content{justify-content:space-between;align-items:center;width:100%;display:flex}.dashboard-title-section{flex:1}.dashboard-actions{gap:10px;display:flex}.dashboard-action-btn{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;transition:all .2s;display:flex}.dashboard-action-btn:hover{color:#334155;background-color:#f1f5f9;border-color:#cbd5e1}.dashboard-action-btn.active{color:#fff;background:linear-gradient(90deg,#3b82f6,#4ade80);border-color:#0000;box-shadow:0 2px 5px #3b82f640}.dashboard-action-btn i{font-size:1.2rem}.widget{border:1px solid #f1f5f9;border-radius:20px;margin-bottom:24px;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #0000000d}.widget:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000014}.widget-header{background:linear-gradient(90deg,#f8f9fa,#eef1f6);border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.widget-title{color:#334155;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;display:flex}.widget-title:before{content:"";background:linear-gradient(#3b82f6,#4ade80);border-radius:2px;width:4px;height:16px;display:inline-block}.widget-body{background-color:#fff;padding:20px}.indxo-content-body{padding:20px 0}.container{max-width:1280px;padding:0 20px}@media (max-width:768px){.dashboard-header-content{flex-direction:column;align-items:flex-start;gap:15px}.dashboard-actions{width:100%;padding-bottom:10px;overflow-x:auto}.dashboard-action-btn{white-space:nowrap}}.widget{border-radius:20px;max-width:100%;overflow-x:auto;margin-bottom:4px!important}.widget-body{padding:10px!important}.widget-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;min-height:32px;display:flex;padding:4px 6px!important}.widget-title{letter-spacing:.5px;margin:0;font-size:.8rem;font-weight:600}.widget-action-btn{color:#7987a1;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;font-size:1rem;display:flex}.table{table-layout:fixed;width:100%;margin-bottom:0;font-size:.78rem}.table td,.table th{vertical-align:middle;text-align:center;padding:3px!important}.metric-cell{text-align:center;vertical-align:middle}.table th{white-space:nowrap;font-size:.7rem}.table-responsive{max-width:100%;overflow-x:auto}.circular-progress{margin:0 auto;transform:scale(.75)}.filter-widget{border-radius:var(--border-radius-xs);background-color:#fff;box-shadow:0 1px 2px #00000014}.filter-title{align-items:center;display:flex}.filter-indicator{background-color:var(--primary-color);border-radius:2px;width:3px;height:16px;margin-right:6px}.filter-dot{background-color:var(--primary-color);border-radius:50%;width:4px;height:4px;margin-right:4px;display:inline-block}.filter-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.filter-container{flex-wrap:wrap;flex:1;gap:10px;display:flex}.filter-item{flex:1;min-width:160px;max-width:250px}.filter-item label{color:#555;align-items:center;margin-bottom:3px;font-size:.8rem;font-weight:500;display:flex}.filter-input,.filter-select{border-radius:var(--border-radius-xs);background-color:#fff;border:1px solid #e2e8f0;width:100%;height:38px;padding:8px 10px;font-size:.85rem;box-shadow:0 1px 2px #00000005}.date-input-wrapper{width:100%;position:relative}.date-calendar-icon{pointer-events:none;color:#7987a1;font-size:1.2rem;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.filter-input{padding-right:30px}.select-wrapper{position:relative}.select-arrow{pointer-events:none;color:#7987a1;font-size:.6rem;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.filter-actions{align-items:flex-end;gap:10px;display:flex}.btn-reset{cursor:pointer;background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:20px;min-width:80px;height:38px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.btn-reset:hover{background-color:#f1f3f5}.btn-apply{color:#fff;cursor:pointer;background:linear-gradient(90deg,#36f,#3ecbff);border:none;border-radius:20px;min-width:80px;height:38px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.btn-apply:hover{background:linear-gradient(90deg,#2952cc,#32a8d9)}.indxo-dashboard-title{margin-bottom:2px;font-size:1.1rem}.indxo-dashboard-text{margin-bottom:2px;font-size:.8rem}.dashboard-action-btn{padding:3px 6px;font-size:.78rem}.pareto-cell{vertical-align:middle;text-align:center;width:150px}.pareto-container{justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative;overflow:visible;height:20px!important}.pareto-text{text-align:center;white-space:nowrap;width:100%;font-size:.65rem;line-height:1;position:absolute}.pareto-values{text-align:center;margin-top:2px;font-size:.78rem}.reason-code-container,.parts-count-container{perspective:1000px;flex-direction:column;gap:3px;max-width:130px;margin:0 auto;padding:6px 0;display:flex}.reason-code,.parts-count{white-space:nowrap;color:#333;height:24px;transform-style:preserve-3d;cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:16px;justify-content:space-between;align-items:center;margin:0;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000014,0 4px 8px #0000000f,inset 0 1px #fff3}.reason-code:hover,.parts-count:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 4px 8px #0000001f,0 8px 16px #00000014,inset 0 1px #ffffff4d}.reason-code:active,.parts-count:active{transform:translateY(1px)scale(.98);box-shadow:0 1px 2px #0000001a,inset 0 1px #0000000d}.reason-code span,.parts-count span{z-index:2;color:#495057;font-size:.72rem;display:inline-block;position:relative}.reason-code span:first-child,.parts-count span:first-child{letter-spacing:.3px;align-items:center;margin-right:8px;font-weight:500;display:flex}.reason-code span:last-child,.parts-count span:last-child{text-align:right;color:#333;min-width:22px;font-size:.75rem;font-weight:700}.reason-code span:first-child:before,.parts-count span:first-child:before{content:"●";color:#6c757d;margin-right:6px;font-size:10px;line-height:1}.reason-code[data-type=prod] span:first-child:before,.parts-count[data-type=prod] span:first-child:before{color:#3bb001}.reason-code[data-type=slow] span:first-child:before,.parts-count[data-type=slow] span:first-child:before{color:#ffc107}.reason-code[data-type=fast] span:first-child:before,.parts-count[data-type=fast] span:first-child:before{color:#dc3545}.reason-code[data-type=plan] span:first-child:before,.parts-count[data-type=plan] span:first-child:before{color:#36f}.reason-code[data-type=dt] span:first-child:before,.parts-count[data-type=dt] span:first-child:before{color:#7987a1}.reason-code[data-type=reg] span:first-child:before,.parts-count[data-type=reg] span:first-child:before{color:#6c757d}.reason-code.bg-success,.reason-code.bg-warning,.reason-code.bg-primary,.reason-code.bg-secondary,.reason-code.bg-danger,.parts-count.bg-success,.parts-count.bg-warning,.parts-count.bg-primary,.parts-count.bg-secondary,.parts-count.bg-danger{color:#333!important;background:#fff!important;border:1px solid #e9ecef!important}.reason-code:after,.parts-count:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#ffffff26,#fff0);border-radius:16px 16px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.dt-freq{text-align:center;color:#495057;width:26px;height:26px;transform-style:preserve-3d;cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;padding:0;font-size:.8rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 4px #00000014,0 4px 8px #0000000f,inset 0 1px #ffffff4d}.dt-freq:hover{border-color:#adb5bd;transform:translateY(-2px)scale(1.05);box-shadow:0 4px 8px #0000001f,0 8px 16px #00000014,inset 0 1px #fff6}.dt-freq:active{transform:translateY(1px)scale(.95);box-shadow:0 1px 2px #0000001a,inset 0 1px #0000000d}.dt-freq:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#ffffff4d,#fff0);border-radius:50%;height:40%;position:absolute;top:2px;left:2px;right:2px}.reason-code,.parts-count,.dt-freq{animation:.6s cubic-bezier(.4,0,.2,1) forwards badge3DLoad}.reason-code:first-child{animation-delay:.1s}.reason-code:nth-child(2){animation-delay:.2s}.reason-code:nth-child(3){animation-delay:.3s}.reason-code:nth-child(4){animation-delay:.4s}.reason-code:nth-child(5){animation-delay:.5s}.parts-count:first-child{animation-delay:.1s}.parts-count:nth-child(2){animation-delay:.2s}.parts-count:nth-child(3){animation-delay:.3s}.pareto-container{cursor:pointer;position:relative}.pareto-tooltip-container{z-index:100;opacity:0;visibility:hidden;background:#3b82f626;border-radius:50%;justify-content:center;align-items:center;width:8px;height:8px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pareto-container:hover .pareto-tooltip-container{opacity:1;visibility:visible;background:#3b82f640;width:10px;height:10px}.pareto-tooltip-item{opacity:0;visibility:hidden;white-space:nowrap;z-index:101;background:#fff;border-radius:10px;align-items:center;padding:3px 5px;font-size:.6rem;transition:all .2s;display:flex;position:absolute;transform:scale(.9);box-shadow:0 1px 2px #0000001a}.pareto-tooltip-item-dot{border-radius:50%;width:4px;height:4px;margin-right:2px;display:inline-block}.pareto-tooltip-item-label{margin-right:2px;font-weight:500}.pareto-tooltip-item-value{font-weight:600}.pareto-tooltip-item-0{top:-30px;left:50%;transform:translate(-50%)scale(.9)}.pareto-tooltip-item-1{top:10px;left:105%}.pareto-tooltip-item-2{top:50px;left:50%;transform:translate(-50%)scale(.9)}.pareto-tooltip-item-3{top:10px;right:105%}.pareto-tooltip-item-4{top:-15px;right:85%}.pareto-tooltip-container:hover .pareto-tooltip-item{opacity:1;visibility:visible;transform:scale(1)}.pareto-tooltip-container:hover .pareto-tooltip-item-0,.pareto-tooltip-container:hover .pareto-tooltip-item-2{transform:translate(-50%)scale(1)}.pareto-tooltip-item-0:hover{background-color:var(--success-color,#3bb001);color:#fff}.pareto-tooltip-item-1:hover{background-color:var(--warning-color,#ffc107);color:#fff}.pareto-tooltip-item-2:hover{background-color:var(--danger-color,#dc3545);color:#fff}.pareto-tooltip-item-3:hover{background-color:var(--primary-color,#36f);color:#fff}.pareto-tooltip-item-4:hover{background-color:var(--secondary-color,#7987a1);color:#fff}.filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;padding-right:25px}.notification-group{margin-bottom:2rem}.notification-group-title{border-bottom:2px solid #0000001a;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}.notification-group-title.text-danger{border-bottom-color:#dc35454d;color:#dc3545!important}.notification-group-title.text-warning{border-bottom-color:#ffc1074d;color:#ffc107!important}.notification-group-title.text-info{border-bottom-color:#17a2b84d;color:#17a2b8!important}.notification-item.new{background-color:#ff57220d;border-left:4px solid #ff5722}.notification-actions{flex-wrap:wrap;gap:.5rem;display:flex}.notification-actions .btn{padding:.25rem .75rem;font-size:.75rem}.activity-item{border-radius:8px;align-items:flex-start;padding:.75rem;transition:background-color .2s;display:flex}.activity-item:hover{background-color:#00000005}.activity-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:.75rem;display:flex}.activity-icon i{color:#fff;font-size:14px}.activity-content{flex:1}.activity-content p{margin-bottom:.25rem;font-size:.875rem}.activity-content small{font-size:.75rem}.module-card{text-align:center;border:1px solid #0000001a;border-radius:12px;height:100%;padding:1.5rem;transition:all .3s}.module-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.module-icon{background:linear-gradient(135deg,var(--primary-color),#4a90e2);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;display:flex}.module-icon i{color:#fff;font-size:24px}.module-card h6{margin-bottom:.5rem;font-weight:600}.module-card p{margin-bottom:1rem;font-size:.875rem}.module-links{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.module-links .btn{padding:.375rem .75rem;font-size:.75rem}.overview-item{border-radius:8px;padding:1rem;transition:background-color .2s}.overview-item:hover{background-color:#00000005}.overview-item h3{margin-bottom:.5rem;font-weight:700}.overview-item p{margin-bottom:0;font-size:.875rem}.report-item{border:1px solid #0000001a;border-radius:8px;padding:1rem;transition:all .2s}.report-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #36ffff1a}.report-item h6{margin-bottom:.25rem;font-weight:600}.report-item small{font-size:.75rem}.erp-logo{-o-object-fit:contain;object-fit:contain;background:#f8f9fa;border-radius:12px;width:64px;height:64px;padding:10px;box-shadow:0 2px 8px #0000001a}.status-dot{border-radius:50%;width:12px;height:12px}.module-tag{color:#495057;background-color:#e9ecef;border-radius:12px;margin-bottom:4px;margin-right:6px;padding:4px 8px;font-size:.75rem;display:inline-block}.module-tag.disabled{opacity:.5}.erp-system-card{transition:transform .3s,box-shadow .3s}.integration-health-item .progress{background-color:#f8f9fa;border-radius:10px}.integration-health-item .progress-bar{border-radius:10px}.alert-item{background-color:#f8f9fa;border-left:3px solid #dee2e6;border-radius:8px;padding:12px}.alert-icon{color:#fff;background-color:#ffc107;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}:root{--sap-color:#0070c0;--oracle-color:#d63031;--dynamics-color:#0078d4}[data-page=erp-integration] .status-offline{background-color:#dc3545!important;border:2px solid #dc3545!important;width:16px!important;height:16px!important;animation:2s infinite pulse-red!important;box-shadow:0 0 8px #dc354599!important}.erp-system-card{background:#fff;border-radius:12px;padding-top:18px;padding-bottom:18px;transition:background .2s;border:1px solid #e9ecef!important}.erp-system-card:hover{box-shadow:none;background:#fafafa;transform:none}.erp-system-header .badge{background:0 0;border:1px solid;border-radius:9999px;padding:2px 6px;font-size:.72rem;font-weight:500}.erp-system-header .badge-success{color:var(--sap-color);border-color:var(--sap-color)}.erp-system-header .badge-warning{color:var(--oracle-color);border-color:var(--oracle-color)}.erp-system-header .badge-secondary{color:#6c757d;opacity:.6;border-color:#6c757d}.module-tag{color:#555;background:#f1f3f5}.alert-item{background:#fff;border-left:3px solid #e9ecef}.alert-icon{color:inherit;background:0 0;width:20px;height:20px;font-size:18px}.widget-body .btn{box-shadow:none!important}.widget-body .btn-outline-info,.widget-body .btn-outline-warning,.widget-body .btn-outline-secondary{color:#495057;border-color:#e9ecef}.widget-body .btn-outline-info:hover,.widget-body .btn-outline-warning:hover,.widget-body .btn-outline-secondary:hover{background:#f8f9fa}.dashboard-action-btn{border:1px solid #0000;background:0 0!important}.dashboard-action-btn:hover{border-color:#e9ecef}.widget,.widget-header,.widget-body,.widget .btn,.alert-item,.progress,.table,.dashboard-action-btn,.erp-system-card{border-radius:12px!important}.widget{overflow:hidden}.erp-dashboard-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;margin-bottom:1.5rem}.erp-dashboard-header .dashboard-header-content{justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.erp-dashboard-header .indxo-dashboard-title{color:#fff;margin-bottom:.5rem;font-weight:600}.erp-dashboard-header .indxo-dashboard-text{color:#ffffffe6;margin-bottom:0;font-size:.95rem}.erp-dashboard-header .dashboard-action-btn{color:#fffc;background:#ffffff1a;border:1px solid #fff3;transition:all .3s}.erp-dashboard-header .dashboard-action-btn:hover,.erp-dashboard-header .dashboard-action-btn.active{color:#fff;background:#fff3;border-color:#fff6}.erp-system-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.erp-system-card:before{content:"";background:linear-gradient(90deg,var(--sap-color),var(--oracle-color),var(--dynamics-color));opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.erp-system-card-sap:before{background:var(--sap-color)}.erp-system-card-oracle:before{background:var(--oracle-color)}.erp-system-card-dynamics:before{background:var(--dynamics-color)}.erp-system-card:hover:before{opacity:1}.erp-system-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.erp-system-header{align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem;display:flex}.erp-logo-container{flex-shrink:0}.erp-logo{-o-object-fit:contain;object-fit:contain;background:#f8f9fa;border-radius:12px;width:56px;height:56px;padding:8px;transition:transform .3s;box-shadow:0 2px 8px #0000001a}.erp-system-card:hover .erp-logo{transform:scale(1.05)}.erp-system-info{flex:1;min-width:0}.erp-system-title{color:#2c3e50;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.erp-status-indicator{flex-shrink:0}.status-dot{border-radius:50%;width:12px;height:12px;position:relative}.status-online{background-color:#28a745;animation:2s infinite pulse-green}.status-syncing{background-color:#ffc107;animation:1s infinite pulse-yellow}.status-offline{background-color:#dc3545;animation:2s infinite pulse-red}.erp-metrics{padding:0 1.5rem 1rem}.metric-row{gap:1rem;display:flex}.metric-item{flex:1}.metric-label{color:#6c757d;margin-bottom:.25rem;font-size:.8rem;font-weight:500;display:block}.metric-value{color:#2c3e50;margin-bottom:0;font-size:1rem;font-weight:600}.erp-modules{padding:0 1.5rem 1.5rem}.modules-label{color:#6c757d;margin-bottom:.75rem;font-size:.85rem;font-weight:500;display:block}.module-tags{flex-wrap:wrap;gap:.5rem;display:flex}.module-tag{color:#495057;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-block}.module-tag:hover{background-color:#e9ecef;transform:translateY(-1px)}.module-tag.disabled{opacity:.5;color:#6c757d;background-color:#f1f3f4}.erp-actions{gap:.75rem;padding:0 1.5rem 1.5rem;display:flex}.erp-actions .btn{border-radius:8px;flex:1;font-weight:500;transition:all .3s}.erp-actions .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.erp-chart-widget{border-radius:16px;overflow:hidden;box-shadow:0 2px 10px #00000014}.erp-chart-widget .widget-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.erp-chart-widget .widget-title{color:#fff;font-weight:600}.erp-chart-widget .btn-actions{color:#fffc;background:#ffffff1a;border:1px solid #fff3}.erp-chart-widget .btn-actions:hover{color:#fff;background:#fff3}.erp-health-widget{border-radius:16px;overflow:hidden;box-shadow:0 2px 10px #00000014}.health-metrics{padding:.5rem 0}.health-item{margin-bottom:1.5rem}.health-item:last-child{margin-bottom:0}.health-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.health-label{color:#495057;font-size:.9rem;font-weight:500}.health-percentage,.health-value{font-size:.9rem;font-weight:600}.health-progress{background-color:#f8f9fa;border-radius:10px;height:8px;overflow:hidden}.health-progress .progress-bar{border-radius:10px;transition:width .6s}.erp-activities-widget{border-radius:16px;overflow:hidden;box-shadow:0 2px 10px #00000014}.erp-activities-table{margin-bottom:0}.erp-activities-table th{color:#495057;background-color:#f8f9fa;border:none;padding:1rem;font-size:.9rem;font-weight:600}.erp-activities-table td{vertical-align:middle;border:none;border-bottom:1px solid #f1f3f4;padding:1rem}.erp-activities-table tbody tr:hover{background-color:#f8f9fa}.erp-system-cell{align-items:center;gap:.75rem;display:flex}.erp-system-icon{-o-object-fit:contain;object-fit:contain;border-radius:6px;width:24px;height:24px}.erp-actions-widget{border-radius:16px;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 2px 10px #00000014}.quick-actions{flex-direction:column;gap:.75rem;display:flex}.action-btn{border-radius:8px;padding:.75rem 1rem;font-weight:500;transition:all .3s}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.erp-alerts-widget{border-radius:16px;overflow:hidden;box-shadow:0 2px 10px #00000014}.alerts-container{flex-direction:column;gap:1rem;display:flex}.alert-item{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1rem;transition:all .3s}.alert-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.alert-content{align-items:flex-start;gap:1rem;display:flex}.alert-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.alert-icon.warning{color:#856404;background-color:#fff3cd}.alert-icon.danger{color:#721c24;background-color:#f8d7da}.alert-icon.success{color:#155724;background-color:#d4edda}.alert-details{flex:1;min-width:0}.alert-title{color:#2c3e50;margin-bottom:.25rem;font-size:.95rem;font-weight:600}.alert-message{color:#6c757d;margin-bottom:.5rem;font-size:.85rem}.alert-time{color:#adb5bd;font-size:.75rem}@media (max-width:768px){.erp-dashboard-header .dashboard-header-content{text-align:center;flex-direction:column;gap:1rem}.erp-system-header{text-align:center;flex-direction:column;gap:.75rem}.metric-row{flex-direction:column;gap:.75rem}.erp-actions{flex-direction:column}.quick-actions{gap:.5rem}.action-btn{padding:.5rem .75rem}}@media (max-width:480px){.erp-dashboard-header{margin-bottom:1rem}.erp-dashboard-header .dashboard-header-content,.erp-system-header{padding:1rem}.erp-metrics,.erp-modules,.erp-actions{padding-left:1rem;padding-right:1rem}.erp-logo{width:48px;height:48px}.erp-system-title{font-size:1rem}}.modal-xl{max-width:900px}.enhanced-select::-ms-expand{display:none}.enhanced-select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%233666ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.chart-container-small{flex:0 0 150px;justify-content:center;align-items:center;min-width:150px;display:flex}.apexcharts-datalabel-label{text-anchor:middle!important;dominant-baseline:central!important}.apexcharts-datalabel-value{text-anchor:middle!important;dominant-baseline:central!important;font-weight:600!important}.enhanced-input,.enhanced-select,.enhanced-textarea{background-color:#fff;border:2px solid #e9ecef;border-radius:8px;min-height:44px;padding:12px 15px;font-size:14px;line-height:1.4;transition:all .3s;color:#333!important}.enhanced-input:focus,.enhanced-select:focus,.enhanced-textarea:focus{border-color:#3666ff;outline:none;box-shadow:0 0 0 .2rem #3666ff26}.enhanced-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:14px 14px;padding-right:35px}.enhanced-select:hover{border-color:#3666ff;box-shadow:0 2px 4px #0000001a}.enhanced-select option{white-space:nowrap;text-overflow:ellipsis;min-height:36px;padding:10px 12px;font-size:14px;line-height:1.4;overflow:hidden;color:#333!important;background-color:#fff!important}.enhanced-select,.enhanced-select:focus{color:#333!important;background-color:#fff!important}#workOrderModal .enhanced-select{border-radius:var(--border-radius-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;border:2px solid #e9ecef;min-height:50px;padding:14px 40px 14px 18px;font-size:16px;line-height:1.5;transition:all .3s;color:#333!important;background-color:#fff!important}#workOrderModal .enhanced-select option{white-space:nowrap;text-overflow:ellipsis;min-height:40px;padding:12px 16px;font-size:16px;line-height:1.5;overflow:hidden;color:#333!important;background-color:#fff!important}#workOrderModal .enhanced-select:focus{border-color:#3666ff;outline:none;box-shadow:0 0 0 .2rem #3666ff26;color:#333!important;background-color:#fff!important}#workOrderModal .enhanced-select:hover{border-color:#3666ff;box-shadow:0 2px 4px #0000001a}#workOrderModal .form-group label{color:#333;margin-bottom:8px;font-size:1rem;font-weight:600;display:block}.oee-filter-wrapper{align-items:flex-end;gap:20px;padding:5px;display:flex}.oee-filter-container{flex:1;align-items:flex-end;gap:25px;display:flex}.oee-filter-item{flex-direction:column;min-width:180px;display:flex}.oee-filter-item label{color:#3b4863;align-items:center;margin-bottom:8px;font-size:.9rem;font-weight:600;display:flex}.oee-date-input{border-radius:var(--border-radius-sm);color:#333;background-color:#fff;border:2px solid #e9ecef;min-height:48px;padding:12px 16px;font-size:1rem;font-weight:500;transition:all .3s;position:relative}.oee-date-input:focus{border-color:#3666ff;outline:none;box-shadow:0 0 0 .2rem #3666ff26}.oee-date-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:20px;height:20px;position:absolute;right:12px}.oee-shift-select{border-radius:var(--border-radius-sm);color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;border:2px solid #e9ecef;min-height:48px;padding:12px 40px 12px 16px;font-size:1rem;font-weight:500;transition:all .3s}.oee-shift-select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%233666ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");border-color:#3666ff;outline:none;box-shadow:0 0 0 .2rem #3666ff26}.oee-shift-select option{color:#333;background-color:#fff;padding:10px 12px;font-size:1rem;line-height:1.4}.oee-line-select{border-radius:var(--border-radius-sm);color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;border:2px solid #e9ecef;min-height:48px;padding:12px 40px 12px 16px;font-size:1rem;font-weight:500;transition:all .3s}.oee-line-select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%233666ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");border-color:#3666ff;outline:none;box-shadow:0 0 0 .2rem #3666ff26}.oee-line-select option{color:#333;background-color:#fff;padding:10px 12px;font-size:1rem;line-height:1.4}.oee-filter-item{min-width:180px;max-width:180px}.oee-date-input,.oee-line-select,.oee-shift-select{width:100%;max-width:180px}.btn-submit-oee{color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;min-height:48px;padding:8px 16px;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #3666ff4d}.btn-submit-oee:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-submit-oee:active{transform:translateY(0);box-shadow:0 2px 6px #3b82f64d}.btn-submit-oee i{font-size:1.1rem}.oee-filter-actions{align-items:flex-end;display:flex}@media (max-width:768px){.oee-filter-wrapper{flex-direction:column;align-items:stretch;gap:15px}.oee-filter-container{flex-direction:column;gap:15px}.oee-filter-item{min-width:100%}.oee-filter-actions{justify-content:center;align-items:center}.btn-submit-oee{justify-content:center;width:100%}}@media (max-width:576px){.oee-filter-container{gap:12px}.oee-date-input,.oee-shift-select,.btn-submit-oee{min-height:44px;font-size:.9rem}.btn-submit-oee{padding:10px 24px}}@media (max-width:768px){#workOrderModal .modal-dialog{max-width:95%;margin:10px auto}#workOrderModal .enhanced-select,#workOrderModal .enhanced-input{min-height:48px;font-size:16px}#workOrderModal .form-section,#workOrderModal .modal-body{padding:20px}}@media (max-width:576px){#workOrderModal .modal-dialog{max-width:98%;margin:5px auto}#workOrderModal .col-lg-6{margin-bottom:10px}#workOrderModal .enhanced-select,#workOrderModal .enhanced-input{min-height:50px;font-size:16px}#workOrderModal .form-section{padding:15px}}.progress-steps .step-item{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-circle{color:#6c757d;background-color:#e9ecef;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:8px;font-weight:600;transition:all .3s;display:flex}.step-item.active .step-circle{color:#fff;background-color:#3666ff}.step-item.completed .step-circle{color:#fff;background-color:#28a745}.step-label{color:#6c757d;text-align:center;font-size:12px;font-weight:500}.step-item.active .step-label{color:#3666ff;font-weight:600}.step-connector{z-index:1;background-color:#e9ecef;flex:1;height:2px;margin:-20px 10px 0;position:relative}.form-section{border-left:4px solid #3666ff}.section-title{border-bottom:1px solid #e9ecef;padding-bottom:10px}.form-control.is-invalid{border-color:#dc3545}.form-control.is-valid{border-color:#28a745}.traceability-tabs{margin-bottom:1rem}.tab-buttons{border-bottom:2px solid #e9ecef;gap:.5rem;padding-bottom:.5rem;display:flex}.tab-btn{border-radius:var(--border-radius-sm);color:#7987a1;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.tab-btn:hover{color:#36f;background-color:#f8f9fa}.tab-btn.active{color:#fff;background-color:#36f;box-shadow:0 2px 8px #3666ff4d}.tab-btn i{font-size:1.1rem}.tab-content{margin-top:1rem}.tab-pane{display:none}.search-input-wrapper{margin-bottom:1rem;position:relative}.search-input{border-radius:var(--border-radius-sm);border:1px solid #e9ecef;width:100%;padding:.75rem;font-size:.9rem;transition:all .3s}.search-input:focus{border-color:#36f;outline:none;box-shadow:0 0 0 3px #3666ff1a}.search-input.small{padding:.5rem;font-size:.8rem}.search-btn{color:#fff;border-radius:var(--border-radius-xs);cursor:pointer;background:#36f;border:none;padding:.5rem;transition:all .3s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.search-btn:hover{background-color:#2850e6}.barcode-list{max-height:400px;overflow-y:auto}.barcode-item{border-radius:var(--border-radius-sm);cursor:pointer;border:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem;transition:all .3s;display:flex}.barcode-item:hover{background-color:#f8f9fa;border-color:#36f}.barcode-item.selected{background-color:#3666ff1a;border-color:#36f}.barcode-text{color:#3b4863;flex:1;font-family:Courier New,monospace;font-size:.8rem}.barcode-status{border-radius:var(--border-radius-xs);text-transform:uppercase;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.machine-cards-container{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:1rem;display:grid}.machine-card{border-radius:var(--border-radius-md);background:#fff;border:1px solid #e9ecef;flex-direction:column;height:100%;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.machine-card.highlighted{border-color:#36f;box-shadow:0 0 0 3px #3666ff33}.machine-timestamp{color:#7987a1;text-align:right;font-size:.75rem}.machine-details{flex-direction:column;flex:1;gap:.5rem;display:flex}.detail-row:not(:last-child){border-bottom:1px solid #f8f9fa}.status-row .detail-value{border-radius:var(--border-radius-xs);text-transform:uppercase;padding:.25rem .75rem;font-size:.75rem}.status-pass{color:#155724;background-color:#d4edda}.status-fail{color:#721c24;background-color:#f8d7da}.machine-list{flex-direction:column;gap:.5rem;display:flex}.machine-list-item{border-radius:var(--border-radius-sm);cursor:pointer;border:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:1rem;transition:all .3s;display:flex}.machine-list-item:hover{background-color:#f8f9fa;border-color:#36f}.machine-list-item.active{background-color:#3666ff1a;border-color:#36f}.machine-count{color:#fff;border-radius:var(--border-radius-xs);background-color:#36f;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.traceability-table{border-collapse:collapse;background:#fff;width:100%;font-size:.85rem}.traceability-table th{color:#3b4863;text-align:left;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-bottom:2px solid #36f;padding:.75rem;font-size:.75rem;font-weight:600}.traceability-table td{color:#3b4863;border-bottom:1px solid #e9ecef;padding:.75rem}.traceability-table tr:hover{background-color:#f8f9fa}.traceability-table tr:nth-child(2n){background-color:#fdfdfd}.status-badge{border-radius:var(--border-radius-xs);text-transform:uppercase;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.status-warning{color:#856404;background-color:#fff3cd}.loading{opacity:.6;pointer-events:none;position:relative}.loading:after{content:"";border:2px solid #36f;border-top-color:#0000;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}.chart-container{min-height:300px;position:relative}#qualityTrendsChart,#machineStatusChart{width:100%;height:100%}@media (max-width:1200px){.machine-cards-container{grid-template-columns:repeat(2,1fr)}.machine-card{padding:1rem}}@media (max-width:992px){.tab-buttons{flex-direction:column;gap:.25rem}.tab-btn{text-align:center;justify-content:center}.machine-cards-container{grid-template-columns:1fr}.traceability-table{font-size:.75rem}.traceability-table th,.traceability-table td{padding:.5rem}}@media (max-width:768px){.machine-list-item{text-align:center;flex-direction:column;gap:.5rem}.machine-name{font-size:.8rem}.detail-row{text-align:center;flex-direction:column;gap:.25rem}.search-input-wrapper{margin-bottom:.5rem}.search-btn{width:100%;margin-top:.5rem;position:static;transform:none}}.machine-card.highlighted{animation:2s ease-in-out highlight}.table.updated{animation:.5s ease-in-out fadeIn}[data-page=traceability-dashboard] .filter-wrapper{border-radius:var(--border-radius-md);background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:1.5rem}[data-page=traceability-dashboard] .filter-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}[data-page=traceability-dashboard] .filter-item{position:relative}[data-page=traceability-dashboard] .filter-item label{color:#3b4863;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}[data-page=traceability-dashboard] .filter-dot{background:#36f;border-radius:50%;width:6px;height:6px;margin-right:.5rem;display:inline-block}.status-indicator-enhanced{border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.5px;padding:.5rem 1rem;font-size:.75rem;font-weight:600;position:relative}.status-indicator-enhanced.pass{color:#155724;background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);border:1px solid #b7d7c7}.status-indicator-enhanced.fail{color:#721c24;background:linear-gradient(135deg,#f8d7da 0%,#f5c6cb 100%);border:1px solid #f1b2b7}.status-indicator-enhanced:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}[data-page=traceability-dashboard] .widget{border-radius:var(--border-radius-md);background:#fff;border:1px solid #e9ecef;transition:all .3s;box-shadow:0 2px 8px #0000000d}[data-page=traceability-dashboard] .widget:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000001a}[data-page=traceability-dashboard] .widget-header{border-radius:var(--border-radius-md)var(--border-radius-md)0 0;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-bottom:1px solid #e9ecef;padding:1rem 1.5rem}[data-page=traceability-dashboard] .widget-body{padding:1.5rem}[data-page=traceability-dashboard] .widget-stat{background:linear-gradient(135deg,#3666ff1a 0%,#3666ff0d 100%);border:1px solid #3666ff33}@media print{.tab-buttons,.search-input-wrapper,.filter-wrapper,.dashboard-actions{display:none!important}.machine-cards-container{grid-template-columns:repeat(2,1fr);gap:1rem}.machine-card{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.traceability-table{font-size:.7rem}}.right-side-menu .sidebar-menu-item{transition:background-color .3s}.right-side-menu .sidebar-menu-item:hover{background-color:#3666ff0d}.right-side-menu .sidebar-submenu-link{justify-content:space-between;align-items:center;padding:8px 15px;font-size:.9rem;display:flex}.right-side-menu .sidebar-menu-arrow{transition:transform .3s}.right-side-menu .sidebar-menu-item.open .sidebar-menu-arrow i{transform:rotate(90deg)}.compact-widget{border-radius:8px;box-shadow:0 2px 4px #0000000d}.compact-widget .widget-header{border-bottom:1px solid #0000001a;padding:10px 15px}.compact-widget .widget-title{margin-bottom:0;font-size:.95rem}.compact-widget .machine-list-item{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:8px 15px;transition:background-color .2s;display:flex}.compact-widget .machine-list-item:last-child{border-bottom:none}.compact-widget .machine-list-item:hover{background-color:#3666ff08}.compact-widget .machine-list-item.active{background-color:#3666ff1a}.compact-widget .machine-name{max-width:70%;font-size:.9rem}.compact-widget .machine-count{padding:3px 6px;font-size:.8rem}.compact-widget .table-sm th,.compact-widget .table-sm td{padding:6px 10px;font-size:.85rem}@media (max-width:768px){.right-side-menu{width:280px}.right-side-menu .sidebar-submenu{max-height:300px;overflow-y:auto}}.master-nav-tabs{border-bottom:2px solid #e9ecef;margin-bottom:0}.master-filter-container{flex-direction:column;gap:20px;display:flex}.filter-buttons{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.filter-btn{border-radius:var(--border-radius-md);text-align:left;cursor:pointer;background:#fff;border:2px solid #e9ecef;flex-direction:column;align-items:flex-start;gap:8px;min-height:120px;padding:20px;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 4px #0000000d}.filter-btn:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #3666ff26}.filter-btn.active{border-color:var(--primary-color);background:linear-gradient(135deg,#3666ff1a 0%,#3666ff0d 100%);box-shadow:0 4px 12px #3666ff33}.filter-btn i{color:var(--primary-color);margin-bottom:5px;font-size:2rem}.filter-btn span{color:#333;margin-bottom:auto;font-size:1rem;font-weight:600}.filter-badge{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.master-quick-actions{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.search-wrapper{flex:1;min-width:200px;position:relative}.search-input{border-radius:var(--border-radius-sm);border:1px solid #e9ecef;height:40px;padding-left:40px}.search-icon{color:#6c757d;font-size:1.2rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.add-new-btn{border-radius:var(--border-radius-sm);white-space:nowrap;height:40px;padding:0 20px}.widget-stat{border-radius:var(--border-radius-md);background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:none;transition:all .3s;box-shadow:0 4px 12px #00000014}.widget-stat:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.widget-stat-content{align-items:center;gap:15px;display:flex}.widget-stat-icon{border-radius:var(--border-radius-md);background:linear-gradient(135deg,var(--primary-color)0%,#3666ffcc 100%);flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.widget-stat-icon i{color:#fff;font-size:1.8rem}.widget-stat-info h4{color:#333;margin:0;font-size:2rem;font-weight:700}.widget-stat-info p{color:#6c757d;margin:0;font-size:.9rem;font-weight:500}.master-content-area{position:relative}.master-section{display:none}.master-section.active{animation:.4s fadeInUp;display:block}.coming-soon-content{text-align:center;padding:60px 20px}.coming-soon-icon{margin-bottom:20px}.coming-soon-icon i{color:#e9ecef;font-size:4rem}.coming-soon-content h4{color:#495057;margin-bottom:15px;font-weight:600}.coming-soon-content p{color:#6c757d;margin-bottom:25px;font-size:1rem}.feature-list{text-align:left;margin:0 0 30px;padding:0;list-style:none;display:inline-block}.feature-list li{color:#495057;align-items:center;gap:10px;padding:8px 0;display:flex}.feature-list li i{color:var(--success);font-size:1.1rem}.widget-actions{gap:5px;display:flex}.widget-action-btn{border-radius:var(--border-radius-sm);color:#6c757d;cursor:pointer;background:0 0;border:1px solid #e9ecef;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.widget-action-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#3666ff0d}@media (max-width:768px){.filter-buttons{grid-template-columns:repeat(2,1fr)}.master-quick-actions{flex-direction:column;align-items:stretch}.search-wrapper{min-width:auto}.filter-btn{min-height:100px;padding:15px}.widget-stat-content{text-align:center;flex-direction:column;gap:10px}.widget-stat-icon{width:50px;height:50px}.widget-stat-info h4{font-size:1.5rem}}@media (max-width:576px){.filter-buttons{grid-template-columns:1fr}}.master-tabs .nav-link{color:#555;border:none;border-bottom:3px solid #0000;border-radius:0;margin-right:1px;padding:12px 20px;font-weight:500;transition:all .3s;position:relative}.master-tabs .nav-link:hover{border-bottom-color:var(--primary-color);color:var(--primary-color);background-color:#05c2c90d}.master-tabs .nav-link.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:#05c2c91a}.master-tabs .nav-link i{margin-right:8px;font-size:1.1rem}.line-master-tabs{margin-bottom:20px}.line-sub-tabs .nav-link{color:#555;border-radius:var(--border-radius-sm);background-color:#f8f9fa;border:1px solid #e9ecef;margin-right:5px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .3s}.line-sub-tabs .nav-link:hover{color:var(--primary-color);border-color:var(--primary-color);background-color:#05c2c91a}.line-sub-tabs .nav-link.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.line-master-table{font-size:.85rem}.line-master-table th{color:#1c2833;text-align:center;background-color:#85c1e9;border:1px solid #7fb3d3;padding:12px 8px;font-size:.8rem;font-weight:600}.line-master-table td{text-align:center;vertical-align:middle;border:1px solid #e9ecef;padding:10px 8px}.table-header-blue th{color:#1c2833!important;background-color:#85c1e9!important}.master-form .form-group{margin-bottom:20px}.master-form .form-label{color:#2c3e50;margin-bottom:8px;font-size:.9rem;font-weight:600}.master-form .form-control{border-radius:var(--border-radius-sm);border:1px solid #ced4da;padding:10px 12px;font-size:.9rem;transition:all .3s}.master-form .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #05c2c940}.master-form .form-dropdown{pointer-events:none;opacity:.7;margin-top:-40px;position:relative}.form-actions{border-top:1px solid #e9ecef;padding-top:20px}.form-actions .btn{min-width:120px;padding:10px 20px;font-weight:500}.indxo-breadcrumb{border-radius:var(--border-radius-sm);background-color:#f8f9fa;border:1px solid #e9ecef;padding:10px 15px}.breadcrumb-content{align-items:center;font-size:.85rem;display:flex}.breadcrumb-item{margin-right:5px}.breadcrumb-item.active{color:var(--primary-color);font-weight:600}.breadcrumb-separator{color:#6c757d;margin:0 8px}.notification-toast{border-radius:var(--border-radius-sm);border:none;box-shadow:0 4px 12px #00000026}.edit-btn{margin-right:5px}.edit-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.delete-btn:hover{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff}.modal-content{border-radius:var(--border-radius-md);border:none;box-shadow:0 10px 30px #0000004d}.modal-header{border-radius:var(--border-radius-md)var(--border-radius-md)0 0;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.modal-title{color:#2c3e50;font-weight:600}.delete-line-info{border-radius:var(--border-radius-sm);background-color:#f8f9fa;margin-top:10px;padding:10px;font-family:monospace}.reports-filter-container{padding:10px 0}.enhanced-select,.enhanced-input{border-radius:var(--border-radius-sm,8px);background-color:#fff;border:1px solid #e0e6ed;padding:8px 12px;font-size:.85rem;transition:all .3s}.enhanced-select:focus,.enhanced-input:focus{border-color:var(--primary-color,#36f);outline:none;box-shadow:0 0 0 2px #36ff001a}.form-label{color:var(--text-primary,#3b4863);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:.8rem;font-weight:600;display:block}.filter-tags{flex-wrap:wrap;gap:8px;display:flex}.filter-tag{border-radius:var(--border-radius-sm,8px);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#f4f5f8;border:1px solid #e0e6ed;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;transition:all .3s;display:flex}.filter-tag:hover{background:#e9ecef;border-color:#dee2e6;transform:translateY(-1px)}.filter-tag.active{background:var(--primary-color,#36f);color:#fff;border-color:var(--primary-color,#36f)}.filter-tag i{font-size:.8rem}.filter-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}.filter-actions .btn{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--border-radius-sm,8px);padding:10px 20px;font-weight:600;transition:all .3s}.filter-actions .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.report-templates-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;margin-top:10px;display:grid}.report-template{border-radius:var(--border-radius-md,15px);background:#fff;border:1px solid #e0e6ed;align-items:center;gap:15px;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.report-template:hover{border-color:var(--primary-color,#36f);transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.report-template:before{content:"";background:var(--primary-color,#36f);width:4px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.report-template:hover:before{transform:scaleY(1)}.template-icon{background:linear-gradient(135deg,var(--primary-color,#36f),#5a67d8);border-radius:var(--border-radius-sm,8px);flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.template-icon i{color:#fff;font-size:1.5rem}.template-info{flex:1}.template-info h6{color:var(--text-primary,#3b4863);margin:0 0 5px;font-size:.9rem;font-weight:600}.template-info p{color:var(--text-muted,#7987a1);margin:0 0 8px;font-size:.75rem;line-height:1.4}.template-badge{color:var(--text-muted,#7987a1);text-transform:uppercase;letter-spacing:.5px;background:#f4f5f8;border-radius:10px;padding:2px 8px;font-size:.65rem;font-weight:500}.report-template .btn{border-radius:var(--border-radius-xs,6px);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;padding:6px 12px;font-size:.75rem;font-weight:600}.enhanced-table{border-radius:var(--border-radius-sm,8px);border:1px solid #e0e6ed;overflow:hidden}.enhanced-table tbody tr{border-bottom:1px solid #f0f3f7;transition:all .2s}.enhanced-table tbody tr:hover{background:#f8f9fa;transform:scale(1.005)}.enhanced-table td{vertical-align:middle;border-top:none;padding:12px 10px;font-size:.8rem}.report-name strong{color:var(--text-primary,#3b4863);font-weight:600}.report-date{line-height:1.4}.action-buttons{gap:5px;display:flex}.action-buttons .btn{border-radius:var(--border-radius-xs,6px);padding:4px 8px;font-size:.7rem}.table-controls{border-radius:var(--border-radius-sm,8px);background:#f8f9fa;border:1px solid #e0e6ed;padding:15px}.table-pagination{border-top:1px solid #e0e6ed;justify-content:space-between;align-items:center;margin-top:15px;padding:15px 0;display:flex}.pagination-numbers{gap:2px;margin:0 10px;display:flex}.pagination-numbers .btn{border-radius:var(--border-radius-xs,6px);min-width:30px;padding:4px 8px;font-size:.75rem}.pagination-ellipsis{color:var(--text-muted,#7987a1);padding:4px 8px;font-size:.75rem}.toast-notification{border-radius:var(--border-radius-sm,8px);border:none;align-items:center;gap:8px;margin-bottom:10px;padding:12px 16px;display:flex;box-shadow:0 4px 12px #00000026}.toast-notification i{margin-right:5px;font-size:1.1rem}.toast-notification .close{cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:1.2rem;line-height:1}.report-preview{padding:20px}.report-preview h4{color:var(--text-primary,#3b4863);margin-bottom:15px;font-weight:600}.preview-chart{border-radius:var(--border-radius-sm,8px);margin:15px 0}.preview-content{border-radius:var(--border-radius-sm,8px);border-left:4px solid var(--primary-color,#36f);background:#f8f9fa;padding:15px}.preview-content h6{color:var(--text-primary,#3b4863);margin-bottom:10px;font-weight:600}.preview-content p{color:var(--text-muted,#7987a1);margin:5px 0;font-size:.85rem}@media (max-width:768px){.report-templates-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column;align-items:stretch}.filter-actions .btn{margin-bottom:10px}.table-pagination{text-align:center;flex-direction:column;gap:10px}.pagination-controls{justify-content:center}.toast-notification{min-width:auto;left:10px;right:10px}.action-buttons{flex-direction:column;align-items:center}}@media (max-width:576px){.enhanced-table td{padding:8px 5px;font-size:.75rem}.report-template{text-align:center;flex-direction:column;padding:15px}.template-icon{margin-bottom:10px}}[data-page=notifications] .widget{background:initial!important;color:#111!important}[data-page=notifications] .widget-header{background:initial!important;border-bottom:1.5px solid #00e6e6!important}[data-page=notifications] .widget-title,[data-page=notifications] .form-group label{color:#111!important}[data-page=notifications] .form-control{color:#111!important;background:#fff!important;border:1.5px solid #ccc!important}[data-page=notifications] .form-control option{color:#111!important;background:#fff!important}.enhanced-input,.enhanced-select,.enhanced-textarea{background-color:#fff;border:2px solid #e9ecef;border-radius:8px;padding:14px 18px;font-size:16px;transition:all .3s;color:#333!important}.datetime-component{border-radius:var(--border-radius-md,12px);color:#6c757d;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:1px solid #e9ecef;align-items:center;gap:12px;padding:10px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000d}.datetime-component:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f,0 2px 4px #00000014}.datetime-divider{background:linear-gradient(#0000,#dee2e6,#0000);width:1px;height:16px}.datetime-live{color:var(--success-color,#28a745);background-color:#28a7451a;border-radius:25px;padding:2px 6px;font-weight:600}.datetime-day{color:#495057;font-weight:600}.datetime-location{color:#495057;align-items:center;gap:6px;font-weight:600;display:flex}.datetime-location i{color:var(--primary-color,#3666ff);font-size:.9rem}.datetime-date{color:#6c757d;font-weight:500}.oee-kpi-card{margin-bottom:0}.oee-kpi-card-body{text-align:left;padding:8px 6px}.oee-kpi-icon{border-radius:50%;width:8px;height:8px}.oee-kpi-icon.success{background-color:#28a745}.oee-kpi-icon.info{background-color:#17a2b8}.oee-kpi-icon.warning{background-color:#ffc107}.oee-kpi-icon.danger{background-color:#dc3545}.oee-kpi-value{color:#333;margin:0;font-size:20px;font-weight:700}.oee-kpi-label{color:#6c757d;margin:0;font-size:11px}.oee-actual-parts-card{border:1px solid #e0e6ed;border-radius:8px;margin-bottom:0;box-shadow:0 2px 4px #0000001a}.oee-actual-parts-body{text-align:center;flex-direction:column;justify-content:center;min-height:80px;padding:12px 8px;display:flex}.oee-actual-main{color:#333;margin-bottom:4px;font-size:1.8rem;font-weight:700;line-height:1}.oee-actual-label{color:#333;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:.75rem;font-weight:600}.oee-actual-target{color:#3666ff;letter-spacing:.3px;margin-bottom:2px;font-size:.7rem;font-weight:600}.oee-actual-quality-loss{color:#dc3545;letter-spacing:.3px;font-size:.7rem;font-weight:600}.oee-chart-container{flex:0 0 150px}.oee-chart-metrics{flex:1;font-size:11px;line-height:1.4}.oee-chart-dot{border-radius:50%;width:6px;height:6px;margin-right:5px}.oee-chart-dot.availability{background-color:#7b68ee}.oee-chart-dot.performance{background-color:#4fc3f7}.oee-chart-dot.quality{background-color:#4caf50}.oee-chart-dot.downtime{background-color:#f44336}.oee-chart-actual-target{color:#333;font-weight:600}.oee-chart-id-text{text-align:center;color:#666;margin-top:8px;font-size:10px;font-weight:500}.oee-header-container,.oee-container-fluid{width:100%;max-width:100%;margin:0;padding-left:15px;padding-right:15px}.oee-dashboard-title,.oee-filter-widget{margin-bottom:4px}.oee-kpi-row{margin-bottom:8px}.oee-chart-widget{margin-bottom:4px}.server-datetime-component{border-radius:var(--border-radius-md,12px);color:#6c757d;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:1px solid #e9ecef;align-items:center;gap:12px;padding:10px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.server-datetime-component:hover{transform:translateY(-1px)}.server-datetime-divider{background:linear-gradient(#0000,#dee2e6,#0000);width:1px;height:16px}.server-datetime-live{color:var(--success-color,#28a745);background-color:#28a7451a;border-radius:25px;padding:2px 6px;font-weight:600}.server-datetime-day{color:#495057;font-weight:600}.server-datetime-location{color:#495057;align-items:center;gap:6px;font-weight:600;display:flex}.server-datetime-location i{color:var(--primary-color,#3666ff);font-size:.9rem}.server-datetime-date{color:#6c757d;font-weight:500}.server-status-card{border-radius:var(--border-radius-md,12px);transition:all .3s;position:relative;overflow:hidden}.server-status-card:before{content:"";background:linear-gradient(90deg,#28a745,#20c997);height:4px;position:absolute;top:0;left:0;right:0}.server-status-card.warning:before{background:linear-gradient(90deg,#ffc107,#fd7e14)}.server-status-card.danger:before{background:linear-gradient(90deg,#dc3545,#e74c3c)}.server-status-card.offline:before{background:linear-gradient(90deg,#6c757d,#495057)}.mini-progress-circle{width:100px;height:100px;margin:0 auto;position:relative}.mini-progress-svg{width:100%;height:100%;transform:rotate(-90deg)}.mini-progress-bg{fill:none;stroke:#e9ecef;stroke-width:8px}.mini-progress-fill{fill:none;stroke-width:8px;stroke-linecap:round;transition:all .3s}.mini-progress-fill.online{stroke:#28a745}.mini-progress-fill.warning{stroke:#ffc107}.mini-progress-fill.critical{stroke:#dc3545}.mini-progress-fill.uptime{stroke:#17a2b8}.mini-progress-fill.response{stroke:#20c997}.mini-progress-fill.total{stroke:#3666ff}.mini-progress-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mini-progress-value{color:#333;margin:0;font-size:1.1rem;font-weight:700;line-height:1}.mini-progress-label{color:#6c757d;text-transform:uppercase;letter-spacing:.3px;margin:0;font-size:.7rem;font-weight:500}.glassy-kpi-card{-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius-md,12px);background:#000000b3;border:1px solid #ffffff1a;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.glassy-kpi-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);position:absolute;inset:0}.glassy-kpi-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 12px 40px #0006}.glassy-kpi-card .widget-body{z-index:1;position:relative}.glassy-kpi-card .mini-progress-value{color:#000;text-shadow:none}.glassy-kpi-card .mini-progress-label{color:#333}.glassy-kpi-card .mini-progress-bg{stroke:#fff3}.glassy-server-card{border-radius:var(--border-radius-md,12px);background:#fff;border:1px solid #0000001a;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.glassy-server-card:hover{border-color:#0003;transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.glassy-server-card .server-name,.glassy-server-card .metric-value-large{color:#fff;z-index:1;position:relative}.glassy-server-card .metric-label-small{color:#ccc;z-index:1;position:relative}.glassy-server-card .server-footer{z-index:1;position:relative}.glassy-server-card .server-uptime,.glassy-server-card .server-last-check{color:#ccc}.glassy-server-card .metric-item{z-index:1;background:#0000000d;border:1px solid #0000001a;position:relative}.server-metric{border-bottom:1px solid #f1f3f4;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.server-metric:last-child{border-bottom:none}.metric-label{color:#6c757d;font-size:.85rem;font-weight:500}.metric-value{color:#333;font-size:.9rem;font-weight:600}.metric-value.critical{color:#dc3545}.metric-value.warning{color:#ffc107}.metric-value.good{color:#28a745}.server-uptime{color:#6c757d;font-size:.75rem;font-weight:500}.server-uptime.online{color:#28a745}.server-uptime.offline{color:#dc3545}.server-uptime.warning{color:#ffc107}.performance-indicator{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.performance-indicator.excellent{background-color:#28a745}.performance-indicator.good{background-color:#20c997}.performance-indicator.warning{background-color:#ffc107}.performance-indicator.critical{background-color:#dc3545}.performance-indicator.offline{background-color:#6c757d}.server-filter-wrapper{border-radius:var(--border-radius-md,12px);background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:1px solid #e9ecef;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.filter-title{align-items:center;gap:8px;display:flex}.filter-indicator{background:linear-gradient(135deg,var(--primary-color,#3666ff)0%,#5b47fb 100%);border-radius:2px;width:4px;height:20px}.filter-dot{background:var(--primary-color,#3666ff);border-radius:50%;width:4px;height:4px;margin-right:4px;display:inline-block}.server-filter-item{flex-direction:column;gap:4px;display:flex}.server-filter-item label{color:#495057;margin:0;font-size:.8rem;font-weight:600}.server-filter-select{border-radius:var(--border-radius-sm,8px);color:#495057;background:#fff;border:1px solid #dee2e6;padding:6px 12px;font-size:.85rem;transition:all .2s}.server-filter-select:focus{border-color:var(--primary-color,#3666ff);outline:none}.server-filter-actions{align-items:flex-end;gap:10px;display:flex}.btn-server-filter{background:linear-gradient(135deg,var(--primary-color,#3666ff)0%,#5b47fb 100%);color:#fff;border-radius:var(--border-radius-sm,8px);cursor:pointer;border:none;align-items:center;gap:6px;padding:6px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-server-filter:hover{transform:translateY(-1px)}.btn-server-filter:active{transform:translateY(0)}.btn-server-filter i{font-size:.8rem}.server-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:24px;display:grid}.server-overview-card{border-radius:var(--border-radius-md,12px);color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border:1px solid #333;padding:15px;transition:all .3s;position:relative;overflow:hidden}.server-overview-card:hover{border-color:#444;transform:translateY(-2px)}.server-overview-card:before{content:"";background:linear-gradient(90deg,#28a745,#20c997);height:4px;position:absolute;top:0;left:0;right:0}.server-overview-card.warning:before{background:linear-gradient(90deg,#ffc107,#fd7e14)}.server-overview-card.critical:before{background:linear-gradient(90deg,#dc3545,#e74c3c)}.server-overview-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.server-name{color:#fff;margin:0;font-size:1rem;font-weight:700}.server-status{border-radius:var(--border-radius-sm,8px);text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;font-size:.75rem;font-weight:600}.server-status.online{color:#fff;background-color:#28a745}.server-status.warning{color:#000;background-color:#ffc107}.server-status.critical{color:#fff;background-color:#dc3545}.server-status.offline{color:#fff;background-color:#6c757d}.server-metrics-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px;display:grid}.metric-item{text-align:left;border-radius:var(--border-radius-sm,8px);background:#ffffff0d;border:1px solid #444;padding:12px}.metric-value-large{color:#fff;margin-bottom:6px;font-size:1.2rem;font-weight:700}.metric-label-small{color:#ccc;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:.65rem;font-weight:500}.metric-progress-bar{background:#ffffff1a;border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.metric-progress-fill{border-radius:3px;height:100%;transition:all .3s}.metric-progress-fill.cpu{background:linear-gradient(90deg,#f44,#f66)}.metric-progress-fill.memory{background:linear-gradient(90deg,#f80,#fa0)}.metric-progress-fill.disk{background:linear-gradient(90deg,#0f8,#2fa)}.metric-progress-fill.network{background:linear-gradient(90deg,#48f,#6af)}.server-footer{color:#ccc;border-top:1px solid #444;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;font-size:.65rem;display:flex}.server-uptime,.server-last-check{color:#ccc;font-size:.6rem}.server-actions{gap:8px;margin-top:16px;display:flex}.btn-server-action{color:#495057;border-radius:var(--border-radius-sm,8px);cursor:pointer;background:#fff;border:1px solid #dee2e6;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.btn-server-action:hover{background:#f8f9fa;border-color:#adb5bd}.btn-server-action.primary{background:var(--primary-color,#3666ff);color:#fff;border-color:var(--primary-color,#3666ff)}.btn-server-action.primary:hover{background:#5b47fb;border-color:#5b47fb}.btn-server-action.danger{color:#fff;background:#dc3545;border-color:#dc3545}.btn-server-action.danger:hover{background:#c82333;border-color:#c82333}.server-header-container,.server-container-fluid{width:100%;max-width:100%;margin:0;padding-left:15px;padding-right:15px}.server-dashboard-title,.server-filter-widget{margin-bottom:4px}.server-kpi-row{margin-bottom:8px}.server-overview-widget,.server-status-widget{margin-bottom:4px}.server-kpi-body{text-align:center;padding:12px 8px}.server-cpu-78{width:78%}.server-cpu-92{width:92%}.server-cpu-72{width:72%}.server-cpu-98{width:98%}.server-cpu-68{width:68%}.server-cpu-76{width:76%}.server-memory-65{width:65%}.server-memory-89{width:89%}.server-memory-58{width:58%}.server-memory-95{width:95%}.server-memory-52{width:52%}.server-memory-63{width:63%}.server-disk-42{width:42%}.server-disk-78{width:78%}.server-disk-34{width:34%}.server-disk-92{width:92%}.server-disk-41{width:41%}.server-disk-55{width:55%}.server-network-65{width:65%}.server-network-82{width:82%}.server-network-58{width:58%}.server-network-95{width:95%}.server-network-91{width:91%}.server-network-88{width:88%}@media (max-width:768px){.server-filter-wrapper{flex-direction:column;align-items:stretch}.server-filter-actions{justify-content:center}.server-grid,.server-metrics-grid{grid-template-columns:1fr}}.column-visibility-dropdown{z-index:10000;display:inline-block;position:relative}.column-visibility-toggle{z-index:1001;position:relative}.column-visibility-toggle.active{color:#007bff;background-color:#e3f2fd}.column-visibility-popover{z-index:99999;opacity:0;visibility:hidden;background:#fff;border:1px solid #dee2e6;border-radius:8px;width:320px;margin-top:5px;transition:all .2s ease-in-out;position:fixed;transform:translateY(-10px);box-shadow:0 4px 20px #00000026}.column-visibility-popover.show{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.column-visibility-popover:before{content:"";border-bottom:6px solid #dee2e6;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-6px;left:20px}.column-visibility-popover:after{content:"";border-bottom:6px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-5px;left:20px}.popover-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.popover-title{color:#495057;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.popover-title i{color:#007bff}.popover-close{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:25px;padding:4px;transition:all .15s}.popover-close:hover{color:#495057;background:#e9ecef}.popover-body{max-height:400px;padding:16px;overflow-y:auto}.search-controls{border-bottom:1px solid #e9ecef;padding-bottom:12px}.search-wrapper{margin-bottom:8px;position:relative}.search-icon{color:#6c757d;pointer-events:none;font-size:12px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-wrapper .form-control{border-radius:6px;padding-left:32px;font-size:13px}.bulk-actions{gap:8px;display:flex}.bulk-actions .btn{border-radius:25px;padding:4px 8px;font-size:12px}.columns-list{max-height:250px;margin:12px 0;overflow-y:auto}.columns-list .form-check{border-radius:25px;margin-bottom:8px;padding:6px 8px;transition:background-color .15s}.columns-list .form-check:hover{background-color:#f8f9fa}.columns-list .form-check-input{margin-right:8px}.columns-list .form-check-label{color:#495057;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px}.columns-list .form-check-input:disabled+.form-check-label{color:#6c757d;cursor:not-allowed;font-style:italic}.columns-list .form-check-input:disabled{opacity:.6;cursor:not-allowed}.popover-footer{background:#f8f9fa;border-top:1px solid #e9ecef;border-radius:0 0 8px 8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.selection-summary{color:#6c757d;font-size:12px}.selection-summary .badge{padding:3px 6px;font-size:11px}.popover-actions .btn{border-radius:25px;padding:6px 12px;font-size:12px}.tab-content{width:100%;position:relative}.tab-pane{width:100%;display:none!important}.tab-pane.active{display:block!important}.tab-btn{cursor:pointer;transition:all .3s;position:relative}.tab-btn:hover{background-color:#3666ff1a}.tab-btn.active{color:#fff;background-color:#36f}.tab-content .tab-pane{z-index:1}.tab-content .tab-pane.active{z-index:2}.traceability-header-container,.traceability-container-fluid{width:100%;max-width:100%;margin:0;padding-left:15px;padding-right:15px}.traceability-dashboard-title,.traceability-tabs-widget,.traceability-filter-widget,.traceability-kpi-widget,.traceability-charts-widget,.traceability-content-widget{margin-bottom:4px}.traceability-compact-widget{max-height:450px;overflow-y:auto}.traceability-kpi-card{margin-bottom:4px}.traceability-kpi-body{text-align:left;padding:8px 6px}.traceability-kpi-icon{font-size:24px}.traceability-kpi-icon-success{background-color:#28a7451a}.traceability-kpi-icon-success .traceability-kpi-icon{color:#28a745}.traceability-kpi-icon-danger{background-color:#dc35451a}.traceability-kpi-icon-danger .traceability-kpi-icon{color:#dc3545}.traceability-kpi-icon-warning{background-color:#ffc1071a}.traceability-kpi-icon-warning .traceability-kpi-icon{color:#ffc107}.traceability-kpi-icon-info{background-color:#3666ff1a}.traceability-kpi-icon-info .traceability-kpi-icon{color:#36f}.traceability-kpi-value{color:#333;margin:0;font-size:20px;font-weight:700}.traceability-kpi-label{color:#6c757d;margin:0;font-size:11px}.traceability-badge-success,.traceability-badge-danger,.traceability-badge-warning,.traceability-badge-primary{padding:5px 10px}.status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:25px;padding:4px 8px;font-size:11px;font-weight:600}.status-badge.status-pass{color:#155724;background-color:#d4edda}.status-badge.status-fail{color:#721c24;background-color:#f8d7da}.machine-card{border-radius:var(--border-radius-md,12px);background:#fff;border:1px solid #e9ecef;margin-bottom:16px;padding:16px;transition:all .3s;box-shadow:0 2px 4px #0000001a}.machine-card:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.machine-header{border-bottom:1px solid #f1f3f4;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.machine-title{color:#333;margin:0;font-size:1rem;font-weight:700}.machine-timestamp{color:#6c757d;font-size:.75rem;font-weight:500}.machine-details{flex-direction:column;gap:8px;display:flex}.detail-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.detail-label{color:#6c757d;font-size:.85rem;font-weight:500}.detail-value{color:#333;font-size:.9rem;font-weight:600}.detail-value.status-pass{color:#28a745}.detail-value.status-fail{color:#dc3545}.barcode-search-section{padding:12px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input{border:1px solid #dee2e6;border-radius:6px;flex:1;padding:8px 12px;font-size:.85rem}.search-btn{color:#6c757d;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;right:8px}.barcode-list{margin-top:12px}.barcode-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;transition:all .2s;display:flex}.barcode-item:hover{background:#e9ecef;border-color:#adb5bd}.barcode-text{color:#495057;font-family:monospace;font-size:.8rem}.barcode-status{text-transform:uppercase;border-radius:25px;padding:2px 6px;font-size:.7rem;font-weight:600}.barcode-status.pass{color:#155724;background-color:#d4edda}.barcode-status.fail{color:#721c24;background-color:#f8d7da}.machine-list{max-height:400px;overflow-y:auto}.machine-list-item{cursor:pointer;border-bottom:1px solid #f1f3f4;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.machine-list-item:hover{background-color:#f8f9fa}.machine-list-item.active{background-color:#e3f2fd;border-left:4px solid #007bff}.machine-name{color:#495057;font-size:.85rem;font-weight:500}.machine-count{border-radius:25px;padding:2px 6px;font-size:.75rem}.traceability-table{font-size:.8rem}.machine-data-table{font-size:.75rem}.excel-table-container{border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.excel-table{border-collapse:collapse;width:100%;margin:0}.excel-header{background:#f8f9fa;border-bottom:2px solid #dee2e6}.excel-th{color:#495057;text-align:left;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-right:1px solid #dee2e6;padding:12px 8px;font-size:.75rem;font-weight:600;position:relative}.excel-th:hover{background-color:#e9ecef}.excel-th.sortable .th-content{justify-content:space-between;align-items:center;display:flex}.sort-icon{color:#6c757d;margin-left:4px;font-size:.7rem}.excel-body{background:#fff}.excel-row{border-bottom:1px solid #f1f3f4;transition:background-color .15s}.excel-row:hover{background-color:#f8f9fa}.excel-td{color:#495057;vertical-align:middle;border-right:1px solid #f1f3f4;padding:8px;font-size:.75rem}.table-pagination{background:#f8f9fa;border-top:1px solid #dee2e6;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pagination-info{color:#6c757d;font-size:.8rem}.pagination-controls{align-items:center;gap:4px;display:flex}.pagination-btn{color:#495057;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:25px;padding:4px 8px;font-size:.75rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.pagination-btn.active{color:#fff;background:#007bff;border-color:#007bff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{align-items:center;gap:2px;display:flex}@media (max-width:768px){.column-visibility-popover{width:280px}.machine-header{flex-direction:column;align-items:flex-start;gap:4px}.detail-row{flex-direction:column;align-items:flex-start;gap:2px}}@media (max-width:480px){.column-visibility-popover{width:260px}.pagination-controls{flex-direction:column;gap:8px}}[data-page=master-data] .filter-wrapper{padding:15px}[data-page=master-data] .filter-container{flex-wrap:wrap;gap:20px;margin-bottom:15px;display:flex}[data-page=master-data] .filter-item{flex-direction:column;min-width:200px;display:flex}[data-page=master-data] .filter-item label{color:#596882;margin-bottom:5px;font-size:.875rem;font-weight:500}[data-page=master-data] .filter-dot{background-color:#36f;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}[data-page=master-data] .select-wrapper{position:relative}[data-page=master-data] .filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--border-radius-sm);color:#596882;background-color:#fff;border:1px solid #cdd4e0;width:100%;padding:8px 30px 8px 12px;font-size:.875rem}[data-page=master-data] .filter-select:focus{border-color:#36f;outline:none;box-shadow:0 0 0 .2rem #3366ff40}[data-page=master-data] .select-arrow{pointer-events:none;color:#7987a1;font-size:.75rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}[data-page=master-data] .filter-actions{align-items:center;gap:10px;display:flex}[data-page=master-data] .btn-reset,[data-page=master-data] .btn-apply{border-radius:var(--border-radius-sm);cursor:pointer;border:1px solid;padding:8px 20px;font-size:.875rem;font-weight:500;transition:all .2s}[data-page=master-data] .btn-reset{color:#7987a1;background-color:#fff;border-color:#7987a1}[data-page=master-data] .btn-reset:hover{color:#fff;background-color:#7987a1}[data-page=master-data] .btn-apply{color:#fff;background-color:#36f;border-color:#36f}[data-page=master-data] .btn-apply:hover{background-color:#0d49ff;border-color:#0040ff}[data-page=master-data] .server-filter-actions .btn-reset{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:25px;padding:6px 16px;font-size:.85rem;font-weight:600;transition:all .2s}[data-page=master-data] .server-filter-actions .btn-reset:hover{background:#5a6268;transform:translateY(-1px)}[data-page=master-data] .server-filter-actions .btn-apply{background:linear-gradient(135deg,var(--primary-color,#3666ff)0%,#5b47fb 100%);color:#fff;cursor:pointer;border:none;border-radius:25px;padding:6px 16px;font-size:.85rem;font-weight:600;transition:all .2s}[data-page=master-data] .server-filter-actions .btn-apply:hover{transform:translateY(-1px);box-shadow:0 2px 4px #3666ff4d}[data-page=master-data] .master-data-tabs{margin-bottom:20px}[data-page=master-data] .master-data-tabs .nav-tabs{border-bottom:2px solid #e3e7ed}[data-page=master-data] .master-data-tabs .nav-tabs .nav-link{border-radius:var(--border-radius-sm)var(--border-radius-sm)0 0;background-color:#fffc;border:none;margin-right:2px;padding:12px 20px;font-weight:500;text-decoration:none;color:#596882!important}[data-page=master-data] .master-data-tabs .nav-tabs .nav-link:hover{text-decoration:none;color:#1c273c!important;background-color:#f4f5f8!important}[data-page=master-data] .master-data-tabs .nav-tabs .nav-link.active{border-bottom:2px solid #36f;font-weight:600;text-decoration:none;color:#fff!important;background-color:#36f!important}[data-page=master-data] .form-container label{font-weight:600;color:#000!important}[data-page=master-data] .form-control{color:#000!important;border-radius:var(--border-radius-sm)!important;background-color:#fff!important;border:1px solid #cdd4e0!important;padding:.75rem!important;font-weight:500!important}[data-page=master-data] .form-control:focus{color:#000!important;background-color:#fff!important;border-color:#36f!important;box-shadow:0 0 0 .2rem #3366ff40!important}[data-page=master-data] .form-control::-moz-placeholder{color:#0009!important}[data-page=master-data] .form-control::placeholder{color:#0009!important}[data-page=master-data] .text-danger{color:#dc3545!important;font-weight:700!important}[data-page=master-data] .form-container label .text-danger{color:#dc3545!important;margin-left:2px!important;font-weight:700!important}[data-page=master-data] .form-text{color:#000c!important}[data-page=master-data] input[type=text],[data-page=master-data] input[type=email],[data-page=master-data] input[type=password],[data-page=master-data] input[type=number],[data-page=master-data] input[type=tel],[data-page=master-data] input[type=url],[data-page=master-data] textarea,[data-page=master-data] select{color:#000!important;background-color:#ffffffe6!important}[data-page=master-data] input::-moz-placeholder, [data-page=master-data] textarea::-moz-placeholder{color:#0009!important}[data-page=master-data] input::placeholder,[data-page=master-data] textarea::placeholder{color:#0009!important}[data-page=master-data] .text-muted{color:#000c!important}[data-page=master-data] .form-container *,[data-page=master-data] .form-container,[data-page=master-data] .form-container *,[data-page=master-data] .form-group,[data-page=master-data] .form-group *{color:#000!important}[data-page=master-data] .form-container label,[data-page=master-data] .form-container .form-label,[data-page=master-data] .form-container strong,[data-page=master-data] .form-container b{color:#000!important;font-weight:600!important}[data-page=master-data] .form-container input,[data-page=master-data] .form-container textarea,[data-page=master-data] .form-container select{color:#000!important;background-color:#fff!important;border:1px solid #cdd4e0!important}[data-page=master-data] .form-container .form-text,[data-page=master-data] .form-container small,[data-page=master-data] .form-container .text-muted{color:#6c757d!important;font-weight:400!important}[data-page=master-data] .form-container label,[data-page=master-data] .form-container .form-label{color:#000!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;text-overflow:unset!important;margin-bottom:8px!important;font-weight:600!important;line-height:1.4!important;display:block!important;overflow:visible!important}[data-page=master-data] .form-container input,[data-page=master-data] .form-container textarea,[data-page=master-data] .form-container select{color:#000!important;white-space:normal!important;min-height:38px!important;text-overflow:unset!important;background-color:#ffffffe6!important;border:1px solid #0003!important;padding:8px 12px!important;font-weight:500!important;line-height:1.5!important;overflow:visible!important}[data-page=master-data] .form-container .form-text,[data-page=master-data] .form-container small{color:#000c!important;font-weight:400!important}[data-page=master-data] .table-container{border-radius:var(--border-radius-sm);background-color:#fff;overflow:hidden;box-shadow:0 2px 4px #0000001a}[data-page=master-data] .table thead th{color:#fff;text-transform:uppercase;letter-spacing:.5px;background-color:#5bc0de;border:none;padding:15px 12px;font-size:.75rem;font-weight:600}[data-page=master-data] .table tbody td{vertical-align:middle;border-bottom:1px solid #e3e7ed;padding:12px;transition:all .3s}[data-page=master-data] .table thead th{border-bottom:2px solid var(--primary-color);color:var(--text-color);background-color:#f8f9fa;padding:15px 12px;font-weight:600;transition:all .3s}[data-page=master-data] .table thead th:hover{background-color:var(--primary-color);color:#fff}[data-page=master-data] .table tbody tr:hover{background-color:#f8f9fa;transition:all .3s;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}[data-page=master-data] .table tbody tr{cursor:pointer;transition:all .3s}[data-page=master-data] .table tbody tr:hover td{border-color:var(--primary-color)}[data-page=master-data] .table tbody tr:hover .btn{transition:transform .2s;transform:scale(1.05)}[data-page=master-data] .modal-content{border-radius:var(--border-radius-md);border:none;box-shadow:0 10px 30px #0003}[data-page=master-data] .modal-header{background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius-md)var(--border-radius-md)0 0;border-bottom:none;padding:1.5rem}[data-page=master-data] .modal-title{font-size:1.1rem;font-weight:600}[data-page=master-data] .modal-header .close{color:#fff;opacity:.8;transition:opacity .3s}[data-page=master-data] .modal-header .close:hover{opacity:1}[data-page=master-data] .modal-body{padding:2rem}[data-page=master-data] .modal-footer{border-radius:0 0 var(--border-radius-md)var(--border-radius-md);background-color:#f8f9fa;border-top:1px solid #e3e7ed;padding:1.5rem}[data-page=master-data] .modal-footer .btn{margin-left:.5rem;transition:all .3s}[data-page=master-data] .modal-footer .btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}[data-page=master-data] .form-container{border-radius:var(--border-radius-sm);background-color:#fff;border:1px solid #e3e7ed;padding:25px;box-shadow:0 2px 4px #0000001a}[data-page=master-data] .form-actions{border-top:1px solid #e3e7ed;justify-content:flex-end;gap:15px;margin-top:25px;padding-top:20px;display:flex}[data-page=master-data] .badge{padding:4px 8px;font-size:.75rem;font-weight:500}[data-page=master-data] .badge-success{color:#fff;background-color:#3bb001}[data-page=master-data] .badge-danger{color:#fff;background-color:#dc3545}@media (max-width:768px){[data-page=master-data] .filter-container{flex-direction:column;gap:15px}[data-page=master-data] .filter-item{min-width:100%}[data-page=master-data] .filter-actions{justify-content:center;margin-top:15px}[data-page=master-data] .form-actions{flex-wrap:wrap;justify-content:center}}[data-page=intelligent-offset-correction] .widget-stat{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-right:15px;display:flex}[data-page=intelligent-offset-correction] .widget-stat i{color:inherit;font-size:24px}[data-page=intelligent-offset-correction] .widget-stat .typcn,[data-page=intelligent-offset-correction] .widget-stat .fas{font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}[data-page=intelligent-offset-correction] .widget-stat-content h3{color:#1c273c;margin-bottom:5px;font-size:24px;font-weight:600}[data-page=intelligent-offset-correction] .widget-stat-content p{color:#7987a1;margin-bottom:0;font-size:.9rem}[data-page=intelligent-offset-correction] .widget-stat-content small{color:#7987a1;text-transform:uppercase;font-size:.75rem;font-weight:500}[data-page=intelligent-offset-correction] .ioc-table-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}[data-page=intelligent-offset-correction] .ioc-table-header-left{align-items:center;display:flex}[data-page=intelligent-offset-correction] .ioc-table-icon{background-color:#3666ff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:12px;display:flex}[data-page=intelligent-offset-correction] .ioc-table-icon i{color:#36f;font-size:20px}[data-page=intelligent-offset-correction] .ioc-table-title{color:#1c273c;margin:0;font-size:16px;font-weight:600}[data-page=intelligent-offset-correction] .ioc-table-subtitle{color:#7987a1;font-size:12px}[data-page=intelligent-offset-correction] .ioc-table-actions{gap:8px;display:flex}[data-page=intelligent-offset-correction] .btn-actions{color:#36f;background-color:#3666ff1a;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}[data-page=intelligent-offset-correction] .btn-actions:hover{background-color:#3666ff33;transform:translateY(-1px)}[data-page=intelligent-offset-correction] .btn-actions.rounded{border-radius:50%;width:36px;height:36px;padding:0}[data-page=intelligent-offset-correction] .btn-actions i{font-size:20px}[data-page=intelligent-offset-correction] .ioc-table-body{padding:20px}[data-page=intelligent-offset-correction] .ioc-table{border-collapse:separate;border-spacing:0 8px;margin-top:-8px;line-height:1.3}[data-page=intelligent-offset-correction] .ioc-table thead tr{background-color:#0000}[data-page=intelligent-offset-correction] .ioc-table th{color:#7987a1;border:none;width:auto;padding:12px 8px;font-size:12px;font-weight:600}[data-page=intelligent-offset-correction] .ioc-table th.checkbox-column{width:40px}[data-page=intelligent-offset-correction] .ioc-table th.actions-column{width:100px}[data-page=intelligent-offset-correction] .ioc-table tbody tr{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #00000008}[data-page=intelligent-offset-correction] .ioc-table td{vertical-align:middle;border:none;padding:12px 8px}[data-page=intelligent-offset-correction] .ioc-table td.machine-id{font-weight:500}[data-page=intelligent-offset-correction] .ioc-table td.value-positive{color:#36f;font-weight:500}[data-page=intelligent-offset-correction] .ioc-table td.value-negative{color:#dc3545;font-weight:500}[data-page=intelligent-offset-correction] .ioc-table input[type=checkbox]{transform:scale(1.2)}[data-page=intelligent-offset-correction] .ioc-badge{border-radius:12px;padding:6px 10px;font-size:.75rem;font-weight:500}[data-page=intelligent-offset-correction] .ioc-badge.active{color:#28a745;background-color:#28a7451a}[data-page=intelligent-offset-correction] .ioc-badge.inactive{color:#6c757d;background-color:#6c757d1a}[data-page=intelligent-offset-correction] .ioc-badge.warning{color:#ffc107;background-color:#ffc1071a}[data-page=intelligent-offset-correction] .ioc-action-btn{border:none;border-radius:20px;margin-right:5px;padding:6px 12px;font-size:.8rem;transition:all .2s;box-shadow:0 2px 4px #0000001a}[data-page=intelligent-offset-correction] .ioc-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}@media (max-width:768px){[data-page=intelligent-offset-correction] .dashboard-header-content{flex-direction:column;align-items:flex-start;gap:15px}[data-page=intelligent-offset-correction] .dashboard-actions{align-self:flex-end}[data-page=intelligent-offset-correction] .ioc-table-header{flex-direction:column;align-items:flex-start;gap:15px}[data-page=intelligent-offset-correction] .ioc-table-actions{align-self:flex-end}[data-page=intelligent-offset-correction] .ioc-table{font-size:.8rem}[data-page=intelligent-offset-correction] .ioc-table th,[data-page=intelligent-offset-correction] .ioc-table td{padding:8px 4px}}.indxo-dashboard-one-title{margin-bottom:4px}.container-fluid{width:100%;max-width:100%;margin:0;padding-left:15px;padding-right:15px}.widget{margin-bottom:4px}.widget-stat-info{background-color:#17a2b81a}.widget-stat-icon-info{color:#17a2b8;font-size:24px}.widget-stat-icon-bold{color:#28a745;font-size:24px;font-weight:700}.widget-stat-icon-bold-danger{color:#dc3545;font-size:24px;font-weight:700}.icon-margin-right{margin-right:8px}.progress-height-8{height:8px}.progress-height-6{height:6px}.progress-width-92{width:92%}.progress-width-75{width:75%}.progress-width-21{width:21%}.progress-width-85{width:85%}.img-icon{width:20px;height:20px;margin-right:8px}.erp-system-card-sap{border-left:4px solid #0070c0;margin-bottom:4px}.erp-system-card-oracle{border-left:4px solid #f80000;margin-bottom:4px}.erp-system-card-dynamics{border-left:4px solid #0078d4;margin-bottom:4px}.filter-actions-flex{justify-content:center;gap:10px;display:flex}.row-margin-bottom-20{margin-bottom:20px}.row-margin-top-0{margin-top:0}.chart-height-300{height:300px}.table-controls-margin{margin-bottom:15px}.select-width-auto{width:auto}.production-table-line-height{line-height:1.2}.timeline-segment-stop{width:2.5%;left:0%}.timeline-segment-disconnect-1{width:10.2%;left:2.5%}.timeline-segment-disconnect-2{width:3.6%;left:12.7%}.timeline-segment-disconnect-3{width:4.2%;left:16.3%}.timeline-segment-stop-2{width:2.3%;left:20.5%}.timeline-segment-operate-1{width:32%;left:22.8%}.timeline-segment-stop-3{width:.3%;left:54.8%}.timeline-segment-operate-2{width:9.7%;left:55.1%}.timeline-segment-alarm{width:.1%;left:64.8%}.timeline-segment-stop-4{width:1.2%;left:64.9%}.timeline-segment-operate-3{width:21.9%;left:66.1%}.timeline-segment-stop-5{width:.6%;left:88%}.timeline-segment-operate-4{width:11.4%;left:88.6%}.timeline-detail-panel{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:none}.machine-status-item-success{background-color:#28a7451a;border-radius:8px}.machine-status-item-danger{background-color:#dc35451a;border-radius:8px}.machine-status-item-warning{background-color:#ffc1071a;border-radius:8px}.notification-icon-warning{background-color:#ff5722}.notification-icon-info{background-color:#ffc107}.notification-icon-danger{background-color:#dc3545}.modal-icon-custom{background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.modal-icon-custom i{color:#fff;font-size:24px}.modal-title-custom{font-weight:600}.modal-subtitle{opacity:.9;font-size:14px}.modal-close-custom{color:#fff;opacity:.8;font-size:28px}.modal-body-custom{background-color:#f8f9fa;padding:30px}.form-section-custom{background:#fff;border-radius:12px;margin-bottom:20px;padding:30px;box-shadow:0 2px 10px #0000000d}.form-group-custom{margin-bottom:20px}.form-label-custom{color:#333;margin-bottom:8px;font-size:1rem;font-weight:600}.btn-update-custom{min-height:50px}.modal-footer-custom{background-color:#f8f9fa;border-top:1px solid #e9ecef;border-radius:0 0 15px 15px;justify-content:center;padding:20px 30px;display:flex}.btn-save-custom{padding:10px 40px;font-size:18px;font-weight:600}.no-results{text-align:center;color:#6c757d;padding:10px 0;font-size:13px;display:none}.excel-table-container-custom{max-height:500px;overflow:auto}.excel-icon{color:#28a745}.table-responsive-custom{max-height:400px;overflow-y:auto}[data-page=tool-offset-log] .tool-log-table-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:20px;display:flex}[data-page=tool-offset-log] .tool-log-table-header-left{align-items:center;display:flex}[data-page=tool-offset-log] .tool-log-table-icon{background-color:#3666ff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:12px;display:flex}[data-page=tool-offset-log] .tool-log-table-icon i{color:#36f;font-size:20px}[data-page=tool-offset-log] .tool-log-table-title{color:#1c273c;margin:0;font-size:16px;font-weight:600}[data-page=tool-offset-log] .tool-log-table-subtitle{color:#7987a1;font-size:12px}[data-page=tool-offset-log] .tool-log-table-actions{gap:8px;display:flex}[data-page=tool-offset-log] .tool-log-table-body{padding:20px}[data-page=tool-offset-log] .tool-log-table{border-collapse:separate;border-spacing:0 8px;margin-top:-8px;line-height:1.3}[data-page=tool-offset-log] .tool-log-table thead tr{background-color:#0000}[data-page=tool-offset-log] .tool-log-table th{color:#7987a1;border:none;width:auto;padding:12px 8px;font-size:12px;font-weight:600}[data-page=tool-offset-log] .tool-log-table th.checkbox-column{width:40px}[data-page=tool-offset-log] .tool-log-table th.actions-column{width:120px}[data-page=tool-offset-log] .tool-log-table tbody tr{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #00000008}[data-page=tool-offset-log] .tool-log-table td{vertical-align:middle;border:none;padding:12px 8px}[data-page=tool-offset-log] .tool-log-table td.tool-id{font-weight:500}[data-page=tool-offset-log] .tool-log-table td.value-positive{color:#28a745;font-weight:500}[data-page=tool-offset-log] .tool-log-table td.value-negative{color:#dc3545;font-weight:500}[data-page=tool-offset-log] .tool-log-table td.value-neutral{color:#6c757d;font-weight:500}[data-page=tool-offset-log] .tool-log-table input[type=checkbox]{transform:scale(1.2)}[data-page=tool-offset-log] .tool-log-badge{border-radius:12px;padding:6px 10px;font-size:.75rem;font-weight:500}[data-page=tool-offset-log] .tool-log-badge.active{color:#28a745;background-color:#28a7451a}[data-page=tool-offset-log] .tool-log-badge.pending,[data-page=tool-offset-log] .tool-log-badge.warning{color:#ffc107;background-color:#ffc1071a}[data-page=tool-offset-log] .tool-log-badge.critical{color:#dc3545;background-color:#dc35451a}[data-page=tool-offset-log] .tool-log-action-btn{cursor:pointer;z-index:1;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:28px;height:28px;margin-right:3px;padding:4px 8px;font-size:.75rem;transition:all .2s;display:inline-flex;position:relative;box-shadow:0 1px 3px #0000001a}[data-page=tool-offset-log] .tool-log-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.btn-xs{border-radius:3px;padding:2px 6px;font-size:.7rem;line-height:1.2}.modal-content{border-radius:8px;box-shadow:0 4px 20px #00000026}.modal-header{background-color:var(--light-color);border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0}.modal-footer{background-color:var(--light-color);border-top:1px solid #dee2e6;border-radius:0 0 8px 8px}.modal-body{color:#333;z-index:10000;background-color:#fff;padding:20px;position:relative}.modal-body .form-control{z-index:10001;position:relative;color:#333!important;pointer-events:auto!important;cursor:text!important;background-color:#fff!important;border:1px solid #ced4da!important}.modal-body .form-control:focus{border-color:#80bdff!important;outline:0!important;box-shadow:0 0 0 .2rem #007bff40!important}.modal-body .form-label{z-index:10001;margin-bottom:8px;font-weight:500;position:relative;color:#333!important}.modal-body .mb-3{z-index:10001;position:relative;margin-bottom:1rem!important}.modal{z-index:9999!important}.modal-dialog{z-index:10000!important}.modal-content{z-index:10001!important}.typcn-chart-bar:before{content:""}.typcn-time:before{content:""}.typcn-cancel:before{content:""}.ioc-action-btn{border-radius:4px!important;justify-content:center!important;align-items:center!important;min-width:24px!important;height:24px!important;margin:0 1px!important;padding:2px 6px!important;font-size:12px!important;display:inline-flex!important}.ioc-action-btn i{font-size:10px!important}.badge{color:#fff!important;border-radius:12px!important;padding:4px 8px!important;font-size:11px!important;font-weight:500!important}.priority-high{background-color:#dc3545!important}.priority-medium{color:#212529!important;background-color:#ffc107!important}.priority-low{background-color:#17a2b8!important}.ioc-badge.active{background-color:#28a745!important}.ioc-badge.inactive{background-color:#6c757d!important}.ioc-badge.warning{background-color:#fd7e14!important}.tool-log-badge{color:#fff!important;border-radius:12px!important;padding:4px 8px!important;font-size:11px!important;font-weight:500!important}.tool-log-badge.active{background-color:#28a745!important}.tool-log-badge.pending{color:#212529!important;background-color:#ffc107!important}.tool-log-badge.warning{background-color:#fd7e14!important}.tool-log-badge.critical{background-color:#dc3545!important}.work-log-badge{color:#fff!important;border-radius:12px!important;padding:4px 8px!important;font-size:11px!important;font-weight:500!important}.work-log-badge.active{background-color:#28a745!important}.work-log-badge.pending{color:#212529!important;background-color:#ffc107!important}.work-log-badge.warning{background-color:#fd7e14!important}.work-log-badge.critical{background-color:#dc3545!important}.modal-header .btn-close{color:#000!important;opacity:1!important;z-index:10002!important;background-color:#0000!important;border:none!important;font-size:18px!important;position:relative!important}.modal-header .btn-close:hover{opacity:.7!important}.modal-dialog{max-width:600px}.btn-close{opacity:.5;background:0 0;border:0;font-size:1.5rem;line-height:1}.btn-close:hover{opacity:.75}.alert{border-radius:6px;box-shadow:0 2px 10px #0000001a}.alert-success{color:#155724;background-color:#28a7451a;border-color:#28a745}.alert-info{color:#0c5460;background-color:#17a2b81a;border-color:#17a2b8}.alert-warning{color:#856404;background-color:#ffc1071a;border-color:#ffc107}.alert-danger{color:#721c24;background-color:#dc35451a;border-color:#dc3545}[data-page=tool-offset-log] .adjustment-type{color:#6c757d;font-weight:500}.chart-container{width:100%;height:300px;position:relative}.stat-item h3{margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.stat-item p{margin-bottom:0;font-size:.875rem}@media (max-width:768px){[data-page=tool-offset-log] .tool-log-table-header{flex-direction:column;align-items:flex-start;gap:15px}[data-page=tool-offset-log] .tool-log-table-actions{align-self:flex-end}[data-page=tool-offset-log] .tool-log-table{font-size:.8rem}[data-page=tool-offset-log] .tool-log-table th,[data-page=tool-offset-log] .tool-log-table td{padding:8px 4px}}.legend-indicator{border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block}.legend-critical{background-color:#dc3545}.legend-high{background-color:#ffc107}.legend-medium{background-color:#3666ff}.legend-low{background-color:#28a745}.widget-stat-primary{background-color:#3666ff1a}.widget-stat-success{background-color:#28a7451a}.widget-stat-warning{background-color:#ffc1071a}.widget-stat-danger{background-color:#dc35451a}.widget-stat-icon-primary{color:#3666ff;font-size:24px}.widget-stat-icon-success{color:#28a745;font-size:24px}.widget-stat-icon-warning{color:#ffc107;font-size:24px}.widget-stat-icon-danger{color:#dc3545;font-size:24px}.widget-stat-content h3{margin-bottom:5px;font-size:24px;font-weight:600}.badge-padding{padding:5px 10px}.erp-system-card-sap{border-left:4px solid #0070c0}.erp-system-card-oracle{border-left:4px solid #f80000}.erp-system-card-dynamics{border-left:4px solid #0078d4}.indxo-header-container{width:100%;max-width:100%;margin:0;padding-left:15px;padding-right:15px}.technician-item-success{background-color:#28a7451a;border-radius:6px}.technician-item-warning{background-color:#ffc1071a;border-radius:6px}.technician-item-primary{background-color:#3666ff1a;border-radius:6px}.technician-avatar-success{color:#fff;background-color:#28a745;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.technician-avatar-warning{color:#fff;background-color:#ffc107;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.technician-avatar-primary{color:#fff;background-color:#3666ff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.modal-xl-custom{max-width:1000px}.modal-content-custom{border:none;border-radius:15px;box-shadow:0 10px 30px #00000026}.modal-header-custom{color:#fff;background:linear-gradient(135deg,#3666ff 0%,#2c5aa0 100%);border-bottom:none;border-radius:15px 15px 0 0;padding:25px 30px}.filter-icon{margin-right:8px}.filter-actions{justify-content:center;gap:10px;display:flex}.chart-container{height:300px}.table-controls{margin-bottom:15px}.form-control-sm{width:auto}[data-page=tool-offset-schedule] .tool-log-action-btn{cursor:pointer!important;z-index:1!important;text-transform:none!important;letter-spacing:normal!important;text-align:center!important;backdrop-filter:blur(4px)!important;background:#ffffffe6!important;border:1px solid #0000001a!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-width:24px!important;height:24px!important;margin-right:3px!important;padding:3px 6px!important;font-size:.65rem!important;font-weight:400!important;line-height:1!important;transition:all .2s!important;display:inline-flex!important;position:relative!important;box-shadow:0 1px 3px #00000014!important}[data-page=tool-offset-schedule] .tool-log-action-btn:hover{background:#fffffff2!important;border-color:#00000026!important;border-radius:8px!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px #0000001f!important}[data-page=tool-offset-schedule] .tool-log-action-btn:last-child{margin-right:0!important}[data-page=tool-offset-schedule] .tool-log-action-btn i{visibility:visible!important;opacity:1!important;color:inherit!important;font-variant:normal!important;text-transform:none!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:"Font Awesome 5 Free"!important;font-size:.75rem!important;font-style:normal!important;font-weight:900!important;line-height:1!important;display:inline-block!important}[data-page=tool-offset-schedule] .tool-log-action-btn .fas{font-family:"Font Awesome 5 Free"!important;font-style:normal!important;font-weight:900!important;display:inline-block!important}[data-page=tool-offset-schedule] .tool-log-action-btn.btn-primary{color:#0d6efd!important;background:#0d6efd1a!important;border-color:#0d6efd33!important}[data-page=tool-offset-schedule] .tool-log-action-btn.btn-primary:hover{color:#0a58ca!important;background:#0d6efd26!important;border-color:#0d6efd4d!important}[data-page=tool-offset-schedule] .tool-log-action-btn.btn-success{color:#198754!important;background:#1987541a!important;border-color:#19875433!important}[data-page=tool-offset-schedule] .tool-log-action-btn.btn-success:hover{color:#146c43!important;background:#19875426!important;border-color:#1987544d!important}[data-page=tool-offset-schedule] .tool-log-action-btn.btn-danger{color:#dc3545!important;background:#dc35451a!important;border-color:#dc354533!important}[data-page=tool-offset-schedule] .tool-log-action-btn.btn-danger:hover{color:#b02a37!important;background:#dc354526!important;border-color:#dc35454d!important}[data-page=tool-life-management] .tool-log-action-btn{cursor:pointer!important;z-index:1!important;text-transform:none!important;letter-spacing:normal!important;text-align:center!important;backdrop-filter:blur(4px)!important;background:#ffffffe6!important;border:1px solid #0000001a!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-width:24px!important;height:24px!important;margin-right:3px!important;padding:3px 6px!important;font-size:.65rem!important;font-weight:400!important;line-height:1!important;transition:all .2s!important;display:inline-flex!important;position:relative!important;box-shadow:0 1px 3px #00000014!important}[data-page=tool-life-management] .tool-log-action-btn:hover{background:#fffffff2!important;border-color:#00000026!important;border-radius:8px!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px #0000001f!important}[data-page=tool-life-management] .tool-log-action-btn:last-child{margin-right:0!important}[data-page=tool-life-management] .tool-log-action-btn i{visibility:visible!important;opacity:1!important;color:inherit!important;font-variant:normal!important;text-transform:none!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:"Font Awesome 5 Free"!important;font-size:.75rem!important;font-style:normal!important;font-weight:900!important;line-height:1!important;display:inline-block!important}[data-page=tool-life-management] .tool-log-action-btn .fas{font-family:"Font Awesome 5 Free"!important;font-style:normal!important;font-weight:900!important;display:inline-block!important}[data-page=tool-life-management] .tool-log-action-btn.btn-primary{color:#0d6efd!important;background:#0d6efd1a!important;border-color:#0d6efd33!important}[data-page=tool-life-management] .tool-log-action-btn.btn-primary:hover{color:#0a58ca!important;background:#0d6efd26!important;border-color:#0d6efd4d!important}[data-page=tool-life-management] .tool-log-action-btn.btn-warning{color:#ffc107!important;background:#ffc1071a!important;border-color:#ffc10733!important}[data-page=tool-life-management] .tool-log-action-btn.btn-warning:hover{color:#e0a800!important;background:#ffc10726!important;border-color:#ffc1074d!important}[data-page=tool-life-management] .tool-log-action-btn.btn-danger{color:#dc3545!important;background:#dc35451a!important;border-color:#dc354533!important}[data-page=tool-life-management] .tool-log-action-btn.btn-danger:hover{color:#b02a37!important;background:#dc354526!important;border-color:#dc35454d!important}[data-page=work-offset-log] .tool-log-action-btn{cursor:pointer!important;z-index:1!important;text-transform:none!important;letter-spacing:normal!important;text-align:center!important;backdrop-filter:blur(4px)!important;background:#ffffffe6!important;border:1px solid #0000001a!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-width:24px!important;height:24px!important;margin-right:3px!important;padding:3px 6px!important;font-size:.65rem!important;font-weight:400!important;line-height:1!important;transition:all .2s!important;display:inline-flex!important;position:relative!important;box-shadow:0 1px 3px #00000014!important}[data-page=work-offset-log] .tool-log-action-btn:hover{background:#fffffff2!important;border-color:#00000026!important;border-radius:8px!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px #0000001f!important}[data-page=work-offset-log] .tool-log-action-btn:last-child{margin-right:0!important}[data-page=work-offset-log] .tool-log-action-btn i{visibility:visible!important;opacity:1!important;color:inherit!important;font-variant:normal!important;text-transform:none!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:"Font Awesome 5 Free"!important;font-size:.75rem!important;font-style:normal!important;font-weight:900!important;line-height:1!important;display:inline-block!important}[data-page=work-offset-log] .tool-log-action-btn .fas{font-family:"Font Awesome 5 Free"!important;font-style:normal!important;font-weight:900!important;display:inline-block!important}[data-page=work-offset-log] .tool-log-action-btn.btn-primary{color:#0d6efd!important;background:#0d6efd1a!important;border-color:#0d6efd33!important}[data-page=work-offset-log] .tool-log-action-btn.btn-primary:hover{color:#0a58ca!important;background:#0d6efd26!important;border-color:#0d6efd4d!important}[data-page=work-offset-log] .tool-log-action-btn.btn-warning{color:#ffc107!important;background:#ffc1071a!important;border-color:#ffc10733!important}[data-page=work-offset-log] .tool-log-action-btn.btn-warning:hover{color:#e0a800!important;background:#ffc10726!important;border-color:#ffc1074d!important}[data-page=work-offset-log] .tool-log-action-btn.btn-danger{color:#dc3545!important;background:#dc35451a!important;border-color:#dc354533!important}[data-page=work-offset-log] .tool-log-action-btn.btn-danger:hover{color:#b02a37!important;background:#dc354526!important;border-color:#dc35454d!important}[data-page=work-offset-schedule] .tool-log-action-btn{cursor:pointer!important;z-index:1!important;text-transform:none!important;letter-spacing:normal!important;text-align:center!important;backdrop-filter:blur(4px)!important;background:#ffffffe6!important;border:1px solid #0000001a!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-width:24px!important;height:24px!important;margin-right:3px!important;padding:3px 6px!important;font-size:.65rem!important;font-weight:400!important;line-height:1!important;transition:all .2s!important;display:inline-flex!important;position:relative!important;box-shadow:0 1px 3px #00000014!important}[data-page=work-offset-schedule] .tool-log-action-btn:hover{background:#fffffff2!important;border-color:#00000026!important;border-radius:8px!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px #0000001f!important}[data-page=work-offset-schedule] .tool-log-action-btn:last-child{margin-right:0!important}[data-page=work-offset-schedule] .tool-log-action-btn i{visibility:visible!important;opacity:1!important;color:inherit!important;font-variant:normal!important;text-transform:none!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:"Font Awesome 5 Free"!important;font-size:.75rem!important;font-style:normal!important;font-weight:900!important;line-height:1!important;display:inline-block!important}[data-page=work-offset-schedule] .tool-log-action-btn .fas{font-family:"Font Awesome 5 Free"!important;font-style:normal!important;font-weight:900!important;display:inline-block!important}[data-page=intelligent-offset-correction] .ioc-action-btn{cursor:pointer!important;z-index:1!important;text-transform:none!important;letter-spacing:normal!important;text-align:center!important;backdrop-filter:blur(4px)!important;background:#ffffffe6!important;border:1px solid #0000001a!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-width:24px!important;height:24px!important;margin-right:3px!important;padding:3px 6px!important;font-size:.65rem!important;font-weight:400!important;line-height:1!important;transition:all .2s!important;display:inline-flex!important;position:relative!important;box-shadow:0 1px 3px #00000014!important}[data-page=intelligent-offset-correction] .ioc-action-btn:hover{background:#fffffff2!important;border-color:#00000026!important;border-radius:8px!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px #0000001f!important}[data-page=intelligent-offset-correction] .ioc-action-btn:last-child{margin-right:0!important}[data-page=intelligent-offset-correction] .ioc-action-btn i{visibility:visible!important;opacity:1!important;color:inherit!important;font-variant:normal!important;text-transform:none!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:"Font Awesome 5 Free"!important;font-size:.75rem!important;font-style:normal!important;font-weight:900!important;line-height:1!important;display:inline-block!important}[data-page=intelligent-offset-correction] .ioc-action-btn.btn-primary{color:#0d6efd!important;background:#0d6efd1a!important;border-color:#0d6efd33!important}[data-page=intelligent-offset-correction] .ioc-action-btn.btn-primary:hover{color:#0a58ca!important;background:#0d6efd26!important;border-color:#0d6efd4d!important}[data-page=intelligent-offset-correction] .ioc-action-btn.btn-danger{color:#dc3545!important;background:#dc35451a!important;border-color:#dc354533!important}[data-page=intelligent-offset-correction] .ioc-action-btn.btn-danger:hover{color:#b02a37!important;background:#dc354526!important;border-color:#dc35454d!important}[data-page=intelligent-offset-correction] .ioc-action-btn .fas{font-family:"Font Awesome 5 Free"!important;font-style:normal!important;font-weight:900!important;display:inline-block!important}[data-page=work-offset-schedule] .tool-log-action-btn.btn-primary{color:#0d6efd!important;background:#0d6efd1a!important;border-color:#0d6efd33!important}[data-page=work-offset-schedule] .tool-log-action-btn.btn-primary:hover{color:#0a58ca!important;background:#0d6efd26!important;border-color:#0d6efd4d!important}[data-page=work-offset-schedule] .tool-log-action-btn.btn-warning{color:#ffc107!important;background:#ffc1071a!important;border-color:#ffc10733!important}[data-page=work-offset-schedule] .tool-log-action-btn.btn-warning:hover{color:#e0a800!important;background:#ffc10726!important;border-color:#ffc1074d!important}[data-page=work-offset-schedule] .tool-log-action-btn.btn-danger{color:#dc3545!important;background:#dc35451a!important;border-color:#dc354533!important}[data-page=work-offset-schedule] .tool-log-action-btn.btn-danger:hover{color:#b02a37!important;background:#dc354526!important;border-color:#dc35454d!important}[data-page=tool-offset-log] .tool-log-action-btn{cursor:pointer!important;z-index:1!important;text-transform:none!important;letter-spacing:normal!important;text-align:center!important;backdrop-filter:blur(4px)!important;background:#ffffffe6!important;border:1px solid #0000001a!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-width:24px!important;height:24px!important;margin-right:3px!important;padding:3px 6px!important;font-size:.65rem!important;font-weight:400!important;line-height:1!important;transition:all .2s!important;display:inline-flex!important;position:relative!important;box-shadow:0 1px 3px #00000014!important}[data-page=tool-offset-log] .tool-log-action-btn:hover{background:#fffffff2!important;border-color:#00000026!important;border-radius:8px!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px #0000001f!important}[data-page=tool-offset-log] .tool-log-action-btn:last-child{margin-right:0!important}[data-page=tool-offset-log] .tool-log-action-btn i{visibility:visible!important;opacity:1!important;color:inherit!important;font-variant:normal!important;text-transform:none!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:"Font Awesome 5 Free"!important;font-size:.75rem!important;font-style:normal!important;font-weight:900!important;line-height:1!important;display:inline-block!important}[data-page=tool-offset-log] .tool-log-action-btn .fas{font-family:"Font Awesome 5 Free"!important;font-style:normal!important;font-weight:900!important;display:inline-block!important}[data-page=tool-offset-log] .tool-log-action-btn.btn-primary{color:#0d6efd!important;background:#0d6efd1a!important;border-color:#0d6efd33!important}[data-page=tool-offset-log] .tool-log-action-btn.btn-primary:hover{color:#0a58ca!important;background:#0d6efd26!important;border-color:#0d6efd4d!important}[data-page=tool-offset-log] .tool-log-action-btn.btn-info{color:#0dcaf0!important;background:#0dcaf01a!important;border-color:#0dcaf033!important}[data-page=tool-offset-log] .tool-log-action-btn.btn-info:hover{color:#0aa2c0!important;background:#0dcaf026!important;border-color:#0dcaf04d!important}[data-page=tool-offset-log] .tool-log-action-btn.btn-danger{color:#dc3545!important;background:#dc35451a!important;border-color:#dc354533!important}[data-page=tool-offset-log] .tool-log-action-btn.btn-danger:hover{color:#b02a37!important;background:#dc354526!important;border-color:#dc35454d!important}.priority-high{background:var(--danger-color);color:var(--white);border-radius:var(--border-radius-xs);padding:.25rem .5rem;font-size:.75rem;font-weight:500}.priority-medium{background:var(--warning-color);color:var(--dark-color);border-radius:var(--border-radius-xs);padding:.25rem .5rem;font-size:.75rem;font-weight:500}.priority-low{background:var(--success-color);color:var(--white);border-radius:var(--border-radius-xs);padding:.25rem .5rem;font-size:.75rem;font-weight:500}.schedule-calendar{padding:.5rem}.calendar-header{margin-bottom:.5rem}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.25rem;display:grid}.weekday{text-align:center;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.3px;padding:.25rem 0;font-size:.65rem;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem;display:grid;position:relative;overflow:hidden}.calendar-day{aspect-ratio:1;border:1px solid var(--light-color);border-radius:var(--border-radius-xs);background:var(--white);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:35px;max-height:40px;transition:all .3s;display:flex;position:relative;overflow:visible}.calendar-day:hover{border-color:var(--primary-color);background:var(--light-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.calendar-day.prev-month,.calendar-day.next-month{color:var(--secondary-color);opacity:.5;background:var(--light-color)}.calendar-day.current-month{color:var(--dark-color);font-weight:500}.calendar-day.current-month:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);z-index:10}.calendar-day.has-schedule{border-width:2px;font-weight:600;position:relative}.calendar-day.has-schedule:hover{z-index:20}.calendar-day.high-priority{border-color:var(--danger-color);background:linear-gradient(135deg,#dc35451a 0%,#dc35450d 100%)}.calendar-day.medium-priority{border-color:var(--warning-color);background:linear-gradient(135deg,#ffc1071a 0%,#ffc1070d 100%)}.calendar-day.low-priority{border-color:var(--success-color);background:linear-gradient(135deg,#3bb0011a 0%,#3bb0010d 100%)}.calendar-day.today{border-color:var(--primary-color);background:var(--primary-color);color:var(--white);font-weight:700;box-shadow:0 0 0 2px #3666ff4d}.calendar-day.selected{border-color:var(--primary-color);background:var(--primary-color);color:var(--white);font-weight:700;transform:scale(1.05);box-shadow:0 0 0 3px #3666ff80}.day-number{z-index:2;font-size:.75rem;font-weight:500}.schedule-indicator{width:.875rem;height:.875rem;color:var(--white);z-index:3;border-radius:50%;justify-content:center;align-items:center;font-size:.55rem;font-weight:600;display:flex;position:absolute;top:.125rem;right:.125rem}.schedule-indicator.high{background:var(--danger-color);box-shadow:0 2px 4px #dc35454d}.schedule-indicator.medium{background:var(--warning-color);color:var(--dark-color);box-shadow:0 2px 4px #ffc1074d}.schedule-indicator.low{background:var(--success-color);box-shadow:0 2px 4px #3bb0014d}.schedule-tooltip{background:var(--white);border:1px solid var(--light-color);border-radius:var(--border-radius-xs);z-index:9999;opacity:0;visibility:hidden;pointer-events:none;color:#000;width:-moz-max-content;width:max-content;max-width:180px;padding:.375rem;transition:all .2s;position:absolute;top:100%;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 4px 8px #00000026}.calendar-day:hover .schedule-tooltip{opacity:1;visibility:visible;pointer-events:auto;display:block;top:calc(100% + 2px)}.calendar-day:nth-child(7n) .schedule-tooltip,.calendar-day:nth-child(7n-1) .schedule-tooltip{left:auto;right:0;transform:none}.calendar-day:nth-child(7n-6) .schedule-tooltip,.calendar-day:nth-child(7n-5) .schedule-tooltip{left:0;transform:none}.calendar-day:nth-child(7n-2) .schedule-tooltip{left:auto;right:50%;transform:translate(50%)}.schedule-tooltip{word-wrap:break-word;max-width:160px;background:var(--white)!important;color:#000!important;border:1px solid var(--light-color)!important}.calendar-day:hover .schedule-tooltip{opacity:1!important;visibility:visible!important;background:var(--white)!important;color:#000!important;border:2px solid var(--primary-color)!important;display:block!important}@media (max-width:768px){.schedule-tooltip{max-width:140px;font-size:.55rem}.tooltip-item{max-width:120px}}.tooltip-header{color:#000;border-bottom:1px solid var(--light-color);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;padding-bottom:.25rem;font-size:.7rem;font-weight:600;display:block;overflow:hidden}.tooltip-content{max-height:80px;font-size:.6rem;display:block;overflow-y:auto}.tooltip-item{color:#000;white-space:nowrap;text-overflow:ellipsis;max-width:160px;margin-bottom:.125rem;line-height:1.2;display:block;overflow:hidden}.tooltip-item:last-child{margin-bottom:0}.calendar-day.has-schedule .schedule-tooltip{background:var(--white);color:#000;text-shadow:none;font-weight:400}.calendar-day.has-schedule .schedule-tooltip *{color:#000;background:0 0}.calendar-legend{background:var(--light-color);border-radius:var(--border-radius-xs);justify-content:center;gap:1rem;margin-top:.5rem;padding:.5rem;display:flex}.legend-item{color:var(--secondary-color);align-items:center;gap:.25rem;font-size:.65rem;display:flex}.legend-indicator{border:1px solid #0000;border-radius:50%;width:8px;height:8px}.legend-indicator.high{background:var(--danger-color)}.legend-indicator.medium{background:var(--warning-color)}.legend-indicator.low{background:var(--success-color)}.legend-indicator.today{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 0 2px #3666ff4d}.calendar-nav-btn{background:var(--white);border:1px solid var(--light-color);border-radius:var(--border-radius-xs);color:var(--secondary-color);margin:0 .125rem;padding:.375rem;transition:all .3s}.calendar-nav-btn:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:scale(1.05)}.calendar-month{color:var(--dark-color);margin:0 .5rem;font-size:.9rem;font-weight:600}.task-id{color:var(--primary-color);font-family:Courier New,monospace;font-weight:600}@media (max-width:768px){[data-page=tool-offset-schedule] .dashboard-header-content{flex-direction:column;align-items:flex-start;gap:.75rem}[data-page=tool-offset-schedule] .dashboard-actions{align-self:flex-end}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.125rem}.calendar-day{min-height:30px;max-height:35px;font-size:.7rem}.schedule-indicator{width:.75rem;height:.75rem;font-size:.5rem}.calendar-legend{flex-wrap:wrap;gap:.75rem;padding:.5rem}.legend-item{font-size:.6rem}.schedule-tooltip{min-width:200px;font-size:.65rem}.weekday{padding:.125rem 0;font-size:.6rem}}@media (max-width:480px){.calendar-grid{gap:.1rem}.calendar-day{min-height:25px;max-height:30px;font-size:.6rem}.day-number{font-size:.65rem}.schedule-indicator{width:.625rem;height:.625rem;font-size:.45rem}.calendar-legend{flex-direction:column;align-items:center;gap:.375rem}.schedule-tooltip{min-width:180px;left:0;transform:none}.calendar-nav-btn{padding:.25rem}.calendar-month{margin:0 .375rem;font-size:.8rem}}[data-page=tool-life-management] .maintenance-header{border-bottom:1px solid var(--light-color);justify-content:space-between;align-items:center;padding:.5rem;display:flex}[data-page=tool-life-management] .maintenance-header-left{align-items:center;gap:.375rem;display:flex}[data-page=tool-life-management] .maintenance-icon{background:var(--warning-color);width:1.5rem;height:1.5rem;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex}[data-page=tool-life-management] .maintenance-title{color:var(--dark-color);margin:0;font-size:.8rem;font-weight:600}[data-page=tool-life-management] .maintenance-subtitle{color:var(--secondary-color);font-size:.65rem}[data-page=tool-life-management] .maintenance-actions{gap:.125rem;display:flex}[data-page=tool-life-management] .maintenance-schedule{padding:.25rem}[data-page=tool-life-management] .maintenance-item{background:var(--white);border:1px solid var(--light-color);border-radius:var(--border-radius-xs);margin-bottom:.25rem;transition:all .3s;overflow:hidden;box-shadow:0 1px 2px #0000000d}[data-page=tool-life-management] .maintenance-item:hover{transform:translateY(-1px);box-shadow:0 1px 4px #0000001a}[data-page=tool-life-management] .maintenance-item.urgent{border-left:2px solid var(--danger-color)}[data-page=tool-life-management] .maintenance-item.scheduled{border-left:2px solid var(--warning-color)}[data-page=tool-life-management] .maintenance-item.completed{border-left:2px solid var(--success-color)}[data-page=tool-life-management] .maintenance-item.upcoming{border-left:2px solid var(--info-color)}[data-page=tool-life-management] .maintenance-item-header{background:var(--light-color);border-bottom:1px solid var(--light-color);justify-content:space-between;align-items:center;padding:.375rem .5rem;display:flex}[data-page=tool-life-management] .maintenance-status{border-radius:var(--border-radius-xs);align-items:center;gap:.125rem;padding:.125rem .375rem;font-size:.6rem;font-weight:600;display:flex}[data-page=tool-life-management] .maintenance-status.urgent{background:var(--danger-color);color:var(--white)}[data-page=tool-life-management] .maintenance-status.scheduled{background:var(--warning-color);color:var(--dark-color)}[data-page=tool-life-management] .maintenance-status.completed{background:var(--success-color);color:var(--white)}[data-page=tool-life-management] .maintenance-status.upcoming{background:var(--info-color);color:var(--white)}[data-page=tool-life-management] .maintenance-time{color:var(--secondary-color);align-items:center;gap:.125rem;font-size:.6rem;display:flex}[data-page=tool-life-management] .maintenance-content{justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.5rem;display:flex}[data-page=tool-life-management] .tool-info{flex:1}[data-page=tool-life-management] .tool-name{color:var(--dark-color);margin:0 0 .125rem;font-size:.75rem;font-weight:600}[data-page=tool-life-management] .tool-description{color:var(--secondary-color);margin:0 0 .25rem;font-size:.65rem}[data-page=tool-life-management] .tool-details{flex-direction:column;gap:.125rem;display:flex}[data-page=tool-life-management] .detail-item{color:var(--secondary-color);align-items:center;gap:.125rem;font-size:.6rem;display:flex}[data-page=tool-life-management] .detail-item i{color:var(--primary-color);font-size:.6rem}[data-page=tool-life-management] .maintenance-actions{flex-direction:column;gap:.125rem;min-width:80px;display:flex}[data-page=tool-life-management] .maintenance-btn{border-radius:var(--border-radius-xs);padding:.125rem .375rem;font-size:.6rem;transition:all .3s}[data-page=tool-life-management] .maintenance-btn:hover{transform:translateY(-1px);box-shadow:0 1px 2px #0000001a}@media (max-width:768px){[data-page=tool-life-management] .maintenance-content{flex-direction:column;gap:.375rem}[data-page=tool-life-management] .maintenance-actions{flex-direction:row;justify-content:flex-start;min-width:auto}[data-page=tool-life-management] .tool-details{flex-direction:column;gap:.125rem}[data-page=tool-life-management] .maintenance-item{margin-bottom:.25rem}[data-page=tool-life-management] .maintenance-content{padding:.375rem}}@media (max-width:480px){[data-page=tool-life-management] .maintenance-header{padding:.375rem}[data-page=tool-life-management] .maintenance-schedule{padding:.125rem}[data-page=tool-life-management] .maintenance-content{gap:.25rem;padding:.25rem}[data-page=tool-life-management] .tool-name{font-size:.7rem}[data-page=tool-life-management] .tool-description{font-size:.6rem}[data-page=tool-life-management] .detail-item{font-size:.55rem}[data-page=tool-life-management] .maintenance-btn{padding:.125rem .25rem;font-size:.55rem}}[data-page=tool-life-management] .tool-table-header{border-bottom:1px solid var(--light-color);justify-content:space-between;align-items:center;padding:.5rem;display:flex}[data-page=tool-life-management] .tool-table-header-left{align-items:center;gap:.375rem;display:flex}[data-page=tool-life-management] .tool-table-icon{background:var(--primary-color);width:1.5rem;height:1.5rem;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex}[data-page=tool-life-management] .tool-table-title{color:var(--dark-color);margin:0;font-size:.8rem;font-weight:600}[data-page=tool-life-management] .tool-table-subtitle{color:var(--secondary-color);font-size:.65rem}[data-page=tool-life-management] .tool-table-actions{gap:.125rem;display:flex}[data-page=tool-life-management] .tool-table-body{padding:.5rem}[data-page=tool-life-management] .tool-table{border-collapse:collapse;width:100%;font-size:.7rem}[data-page=tool-life-management] .tool-table thead tr{background:var(--light-color)}[data-page=tool-life-management] .tool-table th{text-align:left;color:var(--dark-color);border-bottom:1px solid var(--light-color);padding:.375rem .5rem;font-size:.65rem;font-weight:600}[data-page=tool-life-management] .tool-table th.checkbox-column{width:2rem}[data-page=tool-life-management] .tool-table th.actions-column{width:8rem}[data-page=tool-life-management] .tool-table tbody tr{border-bottom:1px solid var(--light-color);transition:background-color .3s}[data-page=tool-life-management] .tool-table tbody tr:hover{background-color:#3666ff0d}[data-page=tool-life-management] .tool-table td{vertical-align:middle;padding:.375rem .5rem;font-size:.65rem}[data-page=tool-life-management] .tool-table td.tool-id{color:var(--primary-color);font-weight:600}[data-page=tool-life-management] .tool-table input[type=checkbox]{margin:0;transform:scale(.8)}[data-page=tool-life-management] .tool-badge{border-radius:var(--border-radius-xs);padding:.125rem .375rem;font-size:.6rem;font-weight:600}[data-page=tool-life-management] .tool-badge.active{background:var(--success-color);color:var(--white)}[data-page=tool-life-management] .tool-badge.warning{background:var(--warning-color);color:var(--dark-color)}[data-page=tool-life-management] .tool-badge.expired{background:var(--danger-color);color:var(--white)}[data-page=tool-life-management] .tool-badge.maintenance{background:var(--info-color);color:var(--white)}[data-page=tool-life-management] .tool-action-btn{border-radius:var(--border-radius-xs);margin:0 .125rem;padding:.125rem .25rem;font-size:.6rem;transition:all .3s}[data-page=tool-life-management] .tool-action-btn:hover{transform:translateY(-1px);box-shadow:0 1px 2px #0000001a}[data-page=tool-life-management] .tool-action-btn:last-child{margin-right:0}[data-page=tool-life-management] .bulk-action-bar{background:var(--primary-color);color:var(--white);border-radius:var(--border-radius-xs);margin-top:.5rem;padding:.5rem;box-shadow:0 2px 4px #0000001a}[data-page=tool-life-management] .bulk-action-content{justify-content:space-between;align-items:center;display:flex}[data-page=tool-life-management] .bulk-action-text{font-size:.7rem;font-weight:600}[data-page=tool-life-management] .bulk-action-buttons{gap:.25rem;display:flex}[data-page=tool-life-management] .bulk-action-btn{border-radius:var(--border-radius-xs);padding:.25rem .5rem;font-size:.6rem;transition:all .3s}[data-page=tool-life-management] .bulk-action-btn:hover{transform:translateY(-1px);box-shadow:0 1px 2px #0000001a}.notification{background:var(--white);border:1px solid var(--light-color);border-radius:var(--border-radius-sm);z-index:9999;max-width:300px;padding:.75rem;transition:transform .3s;position:fixed;top:1rem;right:1rem;transform:translate(100%);box-shadow:0 4px 8px #0000001a}.notification.show{transform:translate(0)}.notification-content{align-items:center;gap:.5rem;display:flex}.notification-close{color:var(--secondary-color);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.125rem;transition:all .3s;position:absolute;top:.25rem;right:.25rem}.notification-close:hover{background:var(--light-color);color:var(--dark-color)}.notification-success{border-left:3px solid var(--success-color)}.notification-warning{border-left:3px solid var(--warning-color)}.notification-error{border-left:3px solid var(--danger-color)}.notification-info{border-left:3px solid var(--primary-color)}@media (max-width:768px){[data-page=tool-life-management] .tool-table-header{padding:.375rem}[data-page=tool-life-management] .tool-table-actions{gap:.125rem}[data-page=tool-life-management] .tool-table{font-size:.65rem}[data-page=tool-life-management] .tool-table th,[data-page=tool-life-management] .tool-table td{padding:.25rem .375rem;font-size:.6rem}[data-page=tool-life-management] .bulk-action-content{flex-direction:column;align-items:flex-start;gap:.25rem}.notification{max-width:none;left:.5rem;right:.5rem}}[data-page=work-offset-log] .work-log-table-header{border-bottom:1px solid var(--light-color);justify-content:space-between;align-items:center;padding:.5rem;display:flex}[data-page=work-offset-log] .work-log-table-header-left{align-items:center;gap:.375rem;display:flex}[data-page=work-offset-log] .work-log-table-icon{background:var(--primary-color);width:1.5rem;height:1.5rem;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex}[data-page=work-offset-log] .work-log-table-title{color:var(--dark-color);margin:0;font-size:.8rem;font-weight:600}[data-page=work-offset-log] .work-log-table-subtitle{color:var(--secondary-color);font-size:.65rem}[data-page=work-offset-log] .work-log-table-actions{gap:.125rem;display:flex}[data-page=work-offset-log] .work-log-table-body{padding:.5rem}[data-page=work-offset-log] .work-log-table{border-collapse:collapse;width:100%;font-size:.7rem}[data-page=work-offset-log] .work-log-table thead tr{background:var(--light-color)}[data-page=work-offset-log] .work-log-table th{text-align:left;color:var(--dark-color);border-bottom:1px solid var(--light-color);padding:.375rem .5rem;font-size:.65rem;font-weight:600}[data-page=work-offset-log] .work-log-table th.checkbox-column{width:2rem}[data-page=work-offset-log] .work-log-table th.actions-column{width:8rem}[data-page=work-offset-log] .work-log-table tbody tr{border-bottom:1px solid var(--light-color);transition:background-color .3s}[data-page=work-offset-log] .work-log-table tbody tr:hover{background-color:#3666ff0d}[data-page=work-offset-log] .work-log-table td{vertical-align:middle;padding:.375rem .5rem;font-size:.65rem}[data-page=work-offset-log] .work-log-table td.offset-id{color:var(--primary-color);font-weight:600}[data-page=work-offset-log] .work-log-table input[type=checkbox]{margin:0;transform:scale(.8)}[data-page=work-offset-log] .work-log-badge{border-radius:var(--border-radius-xs);padding:.125rem .375rem;font-size:.6rem;font-weight:600}[data-page=work-offset-log] .work-log-badge.active{background:var(--success-color);color:var(--white)}[data-page=work-offset-log] .work-log-badge.warning{background:var(--warning-color);color:var(--dark-color)}[data-page=work-offset-log] .work-log-badge.critical{background:var(--danger-color);color:var(--white)}[data-page=work-offset-log] .work-log-badge.pending{background:var(--info-color);color:var(--white)}[data-page=work-offset-log] .work-log-action-btn{border-radius:var(--border-radius-xs);margin:0 .125rem;padding:.125rem .25rem;font-size:.6rem;transition:all .3s}[data-page=work-offset-log] .work-log-action-btn:hover{transform:translateY(-1px);box-shadow:0 1px 2px #0000001a}[data-page=work-offset-log] .work-log-action-btn:last-child{margin-right:0}[data-page=work-offset-log] .adjustment-header{border-bottom:1px solid var(--light-color);justify-content:space-between;align-items:center;padding:.5rem;display:flex}[data-page=work-offset-log] .adjustment-header-left{align-items:center;gap:.375rem;display:flex}[data-page=work-offset-log] .adjustment-icon{background:var(--info-color);width:1.5rem;height:1.5rem;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex}[data-page=work-offset-log] .adjustment-title{color:var(--dark-color);margin:0;font-size:.8rem;font-weight:600}[data-page=work-offset-log] .adjustment-subtitle{color:var(--secondary-color);font-size:.65rem}[data-page=work-offset-log] .adjustment-actions{gap:.125rem;display:flex}[data-page=work-offset-log] .adjustment-history{padding:.25rem}[data-page=work-offset-log] .adjustment-item{background:var(--white);border:1px solid var(--light-color);border-radius:var(--border-radius-xs);margin-bottom:.25rem;transition:all .3s;overflow:hidden;box-shadow:0 1px 2px #0000000d}[data-page=work-offset-log] .adjustment-item:hover{transform:translateY(-1px);box-shadow:0 1px 4px #0000001a}[data-page=work-offset-log] .adjustment-item.recent{border-left:2px solid var(--info-color)}[data-page=work-offset-log] .adjustment-item.scheduled{border-left:2px solid var(--warning-color)}[data-page=work-offset-log] .adjustment-item.completed{border-left:2px solid var(--success-color)}[data-page=work-offset-log] .adjustment-item.pending{border-left:2px solid var(--primary-color)}[data-page=work-offset-log] .adjustment-item-header{background:var(--light-color);border-bottom:1px solid var(--light-color);justify-content:space-between;align-items:center;padding:.375rem .5rem;display:flex}[data-page=work-offset-log] .adjustment-status{border-radius:var(--border-radius-xs);align-items:center;gap:.125rem;padding:.125rem .375rem;font-size:.6rem;font-weight:600;display:flex}[data-page=work-offset-log] .adjustment-status.recent{background:var(--info-color);color:var(--white)}[data-page=work-offset-log] .adjustment-status.scheduled{background:var(--warning-color);color:var(--dark-color)}[data-page=work-offset-log] .adjustment-status.completed{background:var(--success-color);color:var(--white)}[data-page=work-offset-log] .adjustment-status.pending{background:var(--primary-color);color:var(--white)}[data-page=work-offset-log] .adjustment-time{color:var(--secondary-color);align-items:center;gap:.125rem;font-size:.6rem;display:flex}[data-page=work-offset-log] .adjustment-content{justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.5rem;display:flex}[data-page=work-offset-log] .offset-info{flex:1}[data-page=work-offset-log] .offset-name{color:var(--dark-color);margin:0 0 .125rem;font-size:.75rem;font-weight:600}[data-page=work-offset-log] .offset-description{color:var(--secondary-color);margin:0 0 .25rem;font-size:.65rem}[data-page=work-offset-log] .offset-details{flex-direction:column;gap:.125rem;display:flex}[data-page=work-offset-log] .detail-item{color:var(--secondary-color);align-items:center;gap:.125rem;font-size:.6rem;display:flex}[data-page=work-offset-log] .detail-item i{color:var(--primary-color);font-size:.6rem}[data-page=work-offset-log] .adjustment-actions{flex-direction:column;gap:.125rem;min-width:80px;display:flex}[data-page=work-offset-log] .adjustment-btn{border-radius:var(--border-radius-xs);padding:.125rem .375rem;font-size:.6rem;transition:all .3s}[data-page=work-offset-log] .adjustment-btn:hover{transform:translateY(-1px);box-shadow:0 1px 2px #0000001a}@media (max-width:768px){[data-page=work-offset-log] .work-log-table-header{padding:.375rem}[data-page=work-offset-log] .work-log-table-actions{gap:.125rem}[data-page=work-offset-log] .work-log-table{font-size:.65rem}[data-page=work-offset-log] .work-log-table th,[data-page=work-offset-log] .work-log-table td{padding:.25rem .375rem;font-size:.6rem}[data-page=work-offset-log] .adjustment-content{flex-direction:column;gap:.375rem}[data-page=work-offset-log] .adjustment-actions{flex-direction:row;justify-content:flex-start;min-width:auto}[data-page=work-offset-log] .offset-details{flex-direction:column;gap:.125rem}[data-page=work-offset-log] .adjustment-item{margin-bottom:.25rem}[data-page=work-offset-log] .adjustment-content{padding:.375rem}}@media (max-width:480px){[data-page=work-offset-log] .adjustment-header{padding:.375rem}[data-page=work-offset-log] .adjustment-history{padding:.125rem}[data-page=work-offset-log] .adjustment-content{gap:.25rem;padding:.25rem}[data-page=work-offset-log] .offset-name{font-size:.7rem}[data-page=work-offset-log] .offset-description{font-size:.6rem}[data-page=work-offset-log] .detail-item{font-size:.55rem}[data-page=work-offset-log] .adjustment-btn{padding:.125rem .25rem;font-size:.55rem}}[data-page=work-offset-schedule] .schedule-header{border-bottom:1px solid var(--light-color);justify-content:space-between;align-items:center;padding:.5rem;display:flex}[data-page=work-offset-schedule] .schedule-header-left{align-items:center;gap:.375rem;display:flex}[data-page=work-offset-schedule] .schedule-icon{background:var(--primary-color);width:1.5rem;height:1.5rem;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex}[data-page=work-offset-schedule] .schedule-title{color:var(--dark-color);margin:0;font-size:.8rem;font-weight:600}[data-page=work-offset-schedule] .schedule-subtitle{color:var(--secondary-color);font-size:.65rem}[data-page=work-offset-schedule] .schedule-actions{gap:.125rem;display:flex}[data-page=work-offset-schedule] .schedule-calendar{padding:.5rem}[data-page=work-offset-schedule] .calendar-navigation{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}[data-page=work-offset-schedule] .calendar-nav-btn{background:var(--white);border:1px solid var(--light-color);border-radius:var(--border-radius-xs);cursor:pointer;color:var(--dark-color);padding:.375rem .75rem;transition:all .3s}[data-page=work-offset-schedule] .calendar-nav-btn:hover{background:var(--light-color);transform:translateY(-1px)}[data-page=work-offset-schedule] .calendar-month{color:var(--dark-color);margin:0;font-size:1rem;font-weight:600}[data-page=work-offset-schedule] .calendar-grid{grid-template-columns:repeat(7,1fr);gap:.125rem;margin-bottom:1rem;display:grid}[data-page=work-offset-schedule] .calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:.125rem;margin-bottom:.5rem;display:grid}[data-page=work-offset-schedule] .weekday{text-align:center;color:var(--secondary-color);padding:.25rem;font-size:.7rem;font-weight:600}[data-page=work-offset-schedule] .calendar-days{grid-template-columns:repeat(7,1fr);gap:.125rem;display:grid}[data-page=work-offset-schedule] .calendar-day{aspect-ratio:1;border:1px solid var(--light-color);border-radius:var(--border-radius-xs);cursor:pointer;background:var(--white);flex-direction:column;justify-content:center;align-items:center;padding:.25rem;transition:all .3s;display:flex;position:relative}[data-page=work-offset-schedule] .calendar-day:hover{background:var(--light-color);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}[data-page=work-offset-schedule] .calendar-day.prev-month,[data-page=work-offset-schedule] .calendar-day.next-month{color:var(--secondary-color);background:#f8f9fa}[data-page=work-offset-schedule] .calendar-day.current-month{color:var(--dark-color)}[data-page=work-offset-schedule] .calendar-day.current-month:hover{background:var(--light-color);border-color:var(--primary-color)}[data-page=work-offset-schedule] .calendar-day.has-schedule{border-color:var(--primary-color);background:#3666ff0d}[data-page=work-offset-schedule] .calendar-day.has-schedule:hover{background:#3666ff1a}[data-page=work-offset-schedule] .calendar-day.high-priority{border-color:var(--danger-color);background:#dc35450d}[data-page=work-offset-schedule] .calendar-day.medium-priority{border-color:var(--warning-color);background:#ffc1070d}[data-page=work-offset-schedule] .calendar-day.low-priority{border-color:var(--info-color);background:#17a2b80d}[data-page=work-offset-schedule] .calendar-day.today{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);font-weight:600}[data-page=work-offset-schedule] .calendar-day.selected{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:scale(1.05);box-shadow:0 4px 8px #3666ff4d}[data-page=work-offset-schedule] .day-number{margin-bottom:.125rem;font-size:.8rem;font-weight:500}[data-page=work-offset-schedule] .schedule-indicator{border-radius:50%;width:.5rem;height:.5rem;position:absolute;bottom:.25rem;right:.25rem}[data-page=work-offset-schedule] .schedule-indicator.high{background:var(--danger-color)}[data-page=work-offset-schedule] .schedule-indicator.medium{background:var(--warning-color)}[data-page=work-offset-schedule] .schedule-indicator.low{background:var(--info-color)}[data-page=work-offset-schedule] .schedule-tooltip{background:var(--white);border:1px solid var(--light-color);border-radius:var(--border-radius-sm);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;min-width:200px;max-width:300px;padding:.5rem;transition:all .3s;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #0000001a}[data-page=work-offset-schedule] .calendar-day:nth-child(7n) .schedule-tooltip,[data-page=work-offset-schedule] .calendar-day:nth-child(7n-6) .schedule-tooltip,[data-page=work-offset-schedule] .calendar-day:nth-child(7n-5) .schedule-tooltip{left:auto;right:0;transform:translate(0)}[data-page=work-offset-schedule] .calendar-day:nth-child(7n-2) .schedule-tooltip,[data-page=work-offset-schedule] .calendar-day:nth-child(7n-1) .schedule-tooltip,[data-page=work-offset-schedule] .calendar-day:nth-child(7n) .schedule-tooltip{left:0;right:auto;transform:translate(0)}[data-page=work-offset-schedule] .schedule-tooltip{font-size:.7rem;line-height:1.4}[data-page=work-offset-schedule] .calendar-day:hover .schedule-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(.25rem)}[data-page=work-offset-schedule] .tooltip-header{color:var(--dark-color);border-bottom:1px solid var(--light-color);margin-bottom:.25rem;padding-bottom:.25rem;font-weight:600}[data-page=work-offset-schedule] .tooltip-content{color:var(--secondary-color);font-size:.65rem}[data-page=work-offset-schedule] .tooltip-item{border-bottom:1px solid var(--light-color);padding:.25rem 0}[data-page=work-offset-schedule] .tooltip-item:last-child{border-bottom:none}[data-page=work-offset-schedule] .calendar-day.has-schedule .schedule-tooltip{opacity:0;visibility:hidden}[data-page=work-offset-schedule] .calendar-day.has-schedule .schedule-tooltip *{color:var(--dark-color)}[data-page=work-offset-schedule] .calendar-legend{background:var(--light-color);border-radius:var(--border-radius-xs);justify-content:center;gap:1rem;margin-top:1rem;padding:.5rem;display:flex}[data-page=work-offset-schedule] .legend-item{color:var(--dark-color);align-items:center;gap:.25rem;font-size:.7rem;display:flex}[data-page=work-offset-schedule] .legend-indicator{border:1px solid var(--light-color);border-radius:50%;width:.75rem;height:.75rem}[data-page=work-offset-schedule] .legend-indicator.high{background:var(--danger-color)}[data-page=work-offset-schedule] .legend-indicator.medium{background:var(--warning-color)}[data-page=work-offset-schedule] .legend-indicator.low{background:var(--info-color)}[data-page=work-offset-schedule] .legend-indicator.today{background:var(--primary-color)}[data-page=work-offset-schedule] .upcoming-header{border-bottom:1px solid var(--light-color);justify-content:space-between;align-items:center;padding:.5rem;display:flex}[data-page=work-offset-schedule] .upcoming-header-left{align-items:center;gap:.375rem;display:flex}[data-page=work-offset-schedule] .upcoming-icon{background:var(--info-color);width:1.5rem;height:1.5rem;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex}[data-page=work-offset-schedule] .upcoming-title{color:var(--dark-color);margin:0;font-size:.8rem;font-weight:600}[data-page=work-offset-schedule] .upcoming-subtitle{color:var(--secondary-color);font-size:.65rem}[data-page=work-offset-schedule] .upcoming-actions{gap:.125rem;display:flex}[data-page=work-offset-schedule] .upcoming-tasks{padding:.25rem}[data-page=work-offset-schedule] .task-item{background:var(--white);border:1px solid var(--light-color);border-radius:var(--border-radius-xs);margin-bottom:.25rem;transition:all .3s;overflow:hidden;box-shadow:0 1px 2px #0000000d}[data-page=work-offset-schedule] .task-item:hover{transform:translateY(-1px);box-shadow:0 1px 4px #0000001a}[data-page=work-offset-schedule] .task-item.high-priority{border-left:2px solid var(--danger-color)}[data-page=work-offset-schedule] .task-item.medium-priority{border-left:2px solid var(--warning-color)}[data-page=work-offset-schedule] .task-item.low-priority{border-left:2px solid var(--info-color)}[data-page=work-offset-schedule] .task-item.completed{border-left:2px solid var(--success-color)}[data-page=work-offset-schedule] .task-item-header{background:var(--light-color);border-bottom:1px solid var(--light-color);justify-content:space-between;align-items:center;padding:.375rem .5rem;display:flex}[data-page=work-offset-schedule] .task-priority{border-radius:var(--border-radius-xs);align-items:center;gap:.125rem;padding:.125rem .375rem;font-size:.6rem;font-weight:600;display:flex}[data-page=work-offset-schedule] .task-priority.high{background:var(--danger-color);color:var(--white)}[data-page=work-offset-schedule] .task-priority.medium{background:var(--warning-color);color:var(--dark-color)}[data-page=work-offset-schedule] .task-priority.low{background:var(--info-color);color:var(--white)}[data-page=work-offset-schedule] .task-priority.completed{background:var(--success-color);color:var(--white)}[data-page=work-offset-schedule] .task-date{color:var(--secondary-color);align-items:center;gap:.125rem;font-size:.6rem;display:flex}[data-page=work-offset-schedule] .task-content{justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.5rem;display:flex}[data-page=work-offset-schedule] .task-info{flex:1}[data-page=work-offset-schedule] .task-name{color:var(--dark-color);margin:0 0 .125rem;font-size:.75rem;font-weight:600}[data-page=work-offset-schedule] .task-description{color:var(--secondary-color);margin:0 0 .25rem;font-size:.65rem}[data-page=work-offset-schedule] .task-details{flex-direction:column;gap:.125rem;display:flex}[data-page=work-offset-schedule] .detail-item{color:var(--secondary-color);align-items:center;gap:.125rem;font-size:.6rem;display:flex}[data-page=work-offset-schedule] .detail-item i{color:var(--primary-color);font-size:.6rem}[data-page=work-offset-schedule] .task-actions{flex-direction:column;gap:.125rem;min-width:80px;display:flex}[data-page=work-offset-schedule] .task-btn{border-radius:var(--border-radius-xs);padding:.125rem .375rem;font-size:.6rem;transition:all .3s}[data-page=work-offset-schedule] .task-btn:hover{transform:translateY(-1px);box-shadow:0 1px 2px #0000001a}@media (max-width:768px){[data-page=work-offset-schedule] .schedule-header{padding:.375rem}[data-page=work-offset-schedule] .schedule-actions,[data-page=work-offset-schedule] .calendar-grid{gap:.125rem}[data-page=work-offset-schedule] .calendar-day{padding:.125rem}[data-page=work-offset-schedule] .schedule-indicator{width:.375rem;height:.375rem}[data-page=work-offset-schedule] .calendar-legend{flex-wrap:wrap;gap:.5rem}[data-page=work-offset-schedule] .legend-item{font-size:.65rem}[data-page=work-offset-schedule] .schedule-tooltip{min-width:150px;max-width:200px}[data-page=work-offset-schedule] .weekday{font-size:.65rem}[data-page=work-offset-schedule] .task-content{flex-direction:column;gap:.375rem}[data-page=work-offset-schedule] .task-actions{flex-direction:row;justify-content:flex-start;min-width:auto}[data-page=work-offset-schedule] .task-details{flex-direction:column;gap:.125rem}[data-page=work-offset-schedule] .task-item{margin-bottom:.25rem}[data-page=work-offset-schedule] .task-content{padding:.375rem}}@media (max-width:480px){[data-page=work-offset-schedule] .calendar-grid{gap:.125rem}[data-page=work-offset-schedule] .calendar-day{padding:.125rem;font-size:.7rem}[data-page=work-offset-schedule] .day-number{font-size:.7rem}[data-page=work-offset-schedule] .schedule-indicator{width:.25rem;height:.25rem}[data-page=work-offset-schedule] .calendar-legend{flex-direction:column;align-items:center;gap:.25rem}[data-page=work-offset-schedule] .schedule-tooltip{min-width:120px;max-width:150px;font-size:.65rem}[data-page=work-offset-schedule] .calendar-nav-btn{padding:.25rem .5rem;font-size:.7rem}[data-page=work-offset-schedule] .calendar-month{font-size:.9rem}[data-page=work-offset-schedule] .task-content{gap:.25rem;padding:.25rem}[data-page=work-offset-schedule] .task-name{font-size:.7rem}[data-page=work-offset-schedule] .task-description{font-size:.6rem}[data-page=work-offset-schedule] .detail-item{font-size:.55rem}[data-page=work-offset-schedule] .task-btn{padding:.125rem .25rem;font-size:.55rem}}[data-page=operator-control-center] .server-filter-widget{background:linear-gradient(145deg,#fff 0%,#fafbfc 100%);border:1px solid #e9ecef;border-radius:1rem;transition:all .3s;box-shadow:0 4px 8px #0000000f,0 2px 4px #0000000a}[data-page=operator-control-center] .server-filter-wrapper{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:1px solid #e9ecef;border-radius:.8rem;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;padding:1rem;display:flex;box-shadow:0 2px 4px #0000000a}[data-page=operator-control-center] .server-filter-item{flex-direction:column;gap:2px;display:flex}[data-page=operator-control-center] .server-filter-item label{color:#495057;margin:0;font-size:.75rem;font-weight:600}[data-page=operator-control-center] .server-filter-select{color:#495057;background:linear-gradient(145deg,#fff 0%,#fafbfc 100%);border:1px solid #dee2e6;border-radius:.6rem;padding:.5rem .75rem;font-size:.85rem;transition:all .3s;box-shadow:0 1px 3px #0000000d}[data-page=operator-control-center] .server-filter-select:focus{border-color:var(--primary-color,#3666ff);outline:none}[data-page=operator-control-center] .server-filter-actions{align-items:flex-end;gap:6px;display:flex}[data-page=operator-control-center] .btn-reset{color:#fff;cursor:pointer;background:linear-gradient(145deg,#6c757d 0%,#5a6268 100%);border:none;border-radius:.6rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;box-shadow:0 2px 4px #0000001a}[data-page=operator-control-center] .btn-reset:hover{background:#5a6268}[data-page=operator-control-center] .btn-apply{background:linear-gradient(135deg,var(--primary-color,#3666ff)0%,#5b47fb 100%);color:#fff;cursor:pointer;border:none;border-radius:.6rem;align-items:center;gap:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 3px 6px #3666ff33}[data-page=operator-control-center] .btn-apply:hover{transform:translateY(-2px);box-shadow:0 4px 8px #3666ff4d}[data-page=operator-control-center] .operation-info-widget,[data-page=operator-control-center] .machine-params-widget{height:calc(50% - .75rem);margin-bottom:1.5rem}[data-page=operator-control-center] .info-table{width:100%}[data-page=operator-control-center] .info-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:.75rem 0;transition:all .3s;display:flex}[data-page=operator-control-center] .info-row:last-child{border-bottom:none}[data-page=operator-control-center] .info-label{color:var(--dark-color);letter-spacing:.02em;font-size:.9rem;font-weight:600}[data-page=operator-control-center] .info-value{align-items:center;gap:.5rem;display:flex}[data-page=operator-control-center] .info-text{color:var(--dark-color);letter-spacing:.01em;font-weight:600}[data-page=operator-control-center] .status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:.4rem;padding:.3rem .6rem;font-size:.75rem;font-weight:600;transition:all .3s;box-shadow:0 1px 3px #0000001a}[data-page=operator-control-center] .status-badge.status-active,[data-page=operator-control-center] .status-badge.status-normal{color:var(--success-color);background:#e8f5e8}[data-page=operator-control-center] .status-badge.status-warning{color:var(--warning-color);background:#fff3cd}[data-page=operator-control-center] .system-status-widget,[data-page=operator-control-center] .consumable-widget,[data-page=operator-control-center] .station-flow-widget{border-radius:1rem;width:100%;max-width:100%;height:auto;margin:0;padding:0}[data-page=operator-control-center] .parameter-grid{flex-direction:column;gap:1rem;display:flex}[data-page=operator-control-center] .parameter-item{background:linear-gradient(145deg,#f8f9fa 0%,#f0f2f5 100%);border:1px solid #e9ecef;border-radius:.6rem;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000d}[data-page=operator-control-center] .parameter-label{color:var(--dark-color);letter-spacing:.02em;font-size:.9rem;font-weight:600}[data-page=operator-control-center] .parameter-value{align-items:center;gap:.5rem;display:flex}[data-page=operator-control-center] .value-text{color:var(--dark-color);letter-spacing:.01em;font-weight:600}[data-page=operator-control-center] .consumable-table{width:100%}[data-page=operator-control-center] .table-header{background:linear-gradient(145deg,#f8f9fa 0%,#f0f2f5 100%);border:1px solid #e9ecef;border-radius:.6rem;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem;padding:.75rem;display:grid;box-shadow:0 1px 3px #0000000d}[data-page=operator-control-center] .header-cell{color:var(--dark-color);letter-spacing:.02em;font-size:.85rem;font-weight:700}[data-page=operator-control-center] .table-row{border-bottom:1px solid #f0f0f0;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem;transition:all .3s;display:grid}[data-page=operator-control-center] .table-row:last-child{border-bottom:none}[data-page=operator-control-center] .table-cell{color:var(--dark-color);letter-spacing:.01em;font-size:.9rem;font-weight:600}[data-page=operator-control-center] .station-flow{flex-direction:column;gap:1rem;display:flex}[data-page=operator-control-center] .station-card{border-radius:var(--border-radius-sm);text-align:center;border-left:4px solid var(--primary-color);background:#f8f9fa;padding:1rem}[data-page=operator-control-center] .station-card.station-current{border-left-color:var(--success-color);background:#e8f5e8}[data-page=operator-control-center] .station-card.station-next{border-left-color:var(--warning-color)}[data-page=operator-control-center] .station-title{color:var(--dark-color);margin-bottom:.5rem;font-size:.9rem;font-weight:600}[data-page=operator-control-center] .station-content{color:var(--secondary-color);font-size:.85rem}[data-page=operator-control-center] .station-image{justify-content:center;align-items:center;width:100%;height:40px;margin-bottom:.25rem;display:flex}[data-page=operator-control-center] .station-img{-o-object-fit:contain;object-fit:contain;border-radius:4px;max-width:100%;max-height:100%}[data-page=operator-control-center] .station-flow-compact{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:1.2rem;flex-direction:row;justify-content:space-between;align-items:center;gap:3rem;width:100%;max-width:100%;min-height:80px;margin:0;padding:1rem 2rem;display:flex;box-shadow:0 4px 12px #00000014}[data-page=operator-control-center] .station-card-compact{text-align:center;background:linear-gradient(145deg,#fff 0%,#f8f9fa 100%);border:1px solid #e9ecef;border-radius:1.5rem;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:1.5rem;min-width:280px;max-width:none;height:100%;min-height:80px;margin:0;padding:1.2rem 2rem;font-size:1.3rem;line-height:1.2;transition:all .3s;display:flex;box-shadow:0 4px 8px #0000000f,0 2px 4px #0000000a}[data-page=operator-control-center] .station-card-compact.station-current{color:var(--dark-color);border-color:var(--primary-color);box-shadow:0 6px 12px #3666ff26,inset 0 0 0 2px var(--primary-color);background:linear-gradient(145deg,#fff 0%,#f0f8ff 100%);border-radius:1.5rem;animation:2s infinite blink-border;transform:translateY(-2px)}[data-page=operator-control-center] .station-image-compact{flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}[data-page=operator-control-center] .station-img-compact{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);border-radius:10px;width:45px;height:45px;transition:all .3s}[data-page=operator-control-center] .station-title-compact{letter-spacing:.02em;text-align:center;color:var(--dark-color);text-shadow:0 1px 2px #0000000d;align-self:center;margin:0;padding:0;font-size:1.1em;font-weight:700}[data-page=operator-control-center] .station-content-compact{white-space:nowrap;color:var(--secondary-color);text-align:center;text-shadow:0 1px 2px #00000008;align-self:center;margin:0;padding:0;font-size:1em;font-weight:600}[data-page=operator-control-center] .station-text-compact{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.3rem;height:100%;display:flex}[data-page=operator-control-center] .monitoring-widget{height:100%}[data-page=operator-control-center] .monitoring-icon{background:linear-gradient(135deg,var(--primary-color)0%,#5b47fb 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:.5rem;font-size:.9rem;transition:all .3s;display:flex;box-shadow:0 3px 6px #3666ff40}[data-page=operator-control-center] .monitoring-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;width:100%;height:100%;display:flex}[data-page=operator-control-center] .monitoring-label{color:#6c757d;letter-spacing:.01em;margin-bottom:.25rem;font-size:.75rem;font-weight:500}[data-page=operator-control-center] .monitoring-value{color:#2c3e50;text-shadow:0 1px 1px #fffc;letter-spacing:.02em;font-size:1.1rem;font-weight:700}[data-page=operator-control-center] .widget{flex-direction:column;height:100%;display:flex}[data-page=operator-control-center] .widget-body{flex-direction:column;flex:1;display:flex}[data-page=operator-control-center] .info-table{flex-direction:column;flex:1;justify-content:space-between;display:flex}[data-page=operator-control-center] .monitoring-grid{aspect-ratio:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:.2rem;height:100%;min-height:80px;display:grid}[data-page=operator-control-center] .monitoring-item{text-align:center;aspect-ratio:1;box-sizing:border-box;background:linear-gradient(145deg,#fff 0%,#f8f9fa 100%);border:1px solid #e3e6ea;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.05rem;width:100%;height:100%;min-height:28px;padding:.08rem;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000000f,0 1px 2px #0000000a}[data-page=operator-control-center] .monitoring-item:hover{border-color:var(--primary-color);background:linear-gradient(145deg,#f8f9fa 0%,#fff 100%);transform:translateY(-2px);box-shadow:0 4px 8px #0000001f,0 2px 4px #00000014}[data-page=operator-control-center] .station-flow{flex-direction:column;gap:1rem;height:100%;display:flex}[data-page=operator-control-center] .station-card{border-radius:var(--border-radius-sm);text-align:center;background:#f8f9fa;border:1px solid #e9ecef;flex-direction:column;flex:1;justify-content:center;padding:1.5rem;display:flex}[data-page=operator-control-center] .station-card.station-current{background:linear-gradient(135deg,var(--primary-color,#3666ff)0%,#5b47fb 100%);color:#fff;border-color:var(--primary-color,#3666ff)}[data-page=operator-control-center] .parameter-grid{grid-template-columns:1fr;gap:1rem;height:100%;display:grid}[data-page=operator-control-center] .parameter-item{border-radius:var(--border-radius-sm);background:#f8f9fa;border:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:1rem;display:flex}[data-page=operator-control-center] .consumable-table{flex-direction:column;height:100%;display:flex}[data-page=operator-control-center] .table-header{border-radius:var(--border-radius-sm)var(--border-radius-sm)0 0;background:#f8f9fa;grid-template-columns:.5fr 1fr 1fr;gap:1rem;padding:.75rem;font-size:.85rem;font-weight:600;display:grid}[data-page=operator-control-center] .table-row{border-bottom:1px solid #e9ecef;grid-template-columns:.5fr 1fr 1fr;gap:1rem;padding:.75rem;display:grid}[data-page=operator-control-center] .table-row:last-child{border-radius:0 0 var(--border-radius-sm)var(--border-radius-sm);border-bottom:none}[data-page=operator-control-center] .compact-filter{max-width:100%;margin-bottom:.5rem;margin-left:0;margin-right:0}[data-page=operator-control-center] .compact-header{border-bottom:1px solid #e9ecef;padding:.3rem .5rem}[data-page=operator-control-center] .compact-title{margin:0;font-size:.75rem;font-weight:600}[data-page=operator-control-center] .compact-btn{padding:.2rem .4rem;font-size:.65rem}[data-page=operator-control-center] .compact-body{border-radius:1rem;width:100%;max-width:100%;margin:0;padding:1rem 2rem}[data-page=operator-control-center] .compact-wrapper{gap:.2rem;max-width:100%;margin:0;padding:.2rem}[data-page=operator-control-center] .compact-item{gap:.1rem;max-width:100%}[data-page=operator-control-center] .compact-item label{margin-bottom:.08rem;font-size:.6rem}[data-page=operator-control-center] .compact-select{max-width:100%;height:24px;padding:.2rem .4rem;font-size:.65rem}[data-page=operator-control-center] .compact-actions{gap:.4rem;max-width:150px}[data-page=operator-control-center] .compact-actions .compact-btn{padding:.2rem .6rem;font-size:.6rem}[data-page=operator-control-center] .compact-widget{max-width:95%;margin-bottom:.4rem;margin-left:auto;margin-right:auto}[data-page=operator-control-center] .station-flow-widget.compact-station{max-width:95%;margin-left:auto;margin-right:auto}[data-page=operator-control-center] .compact-table{gap:.2rem;max-width:90%;margin:0 auto}[data-page=operator-control-center] .compact-row{padding:.3rem 0;font-size:.7rem}[data-page=operator-control-center] .compact-label{max-width:100px;font-size:.7rem;font-weight:500}[data-page=operator-control-center] .compact-value{gap:.2rem;max-width:120px}[data-page=operator-control-center] .compact-text{font-size:.7rem;font-weight:500}[data-page=operator-control-center] .compact-badge{padding:.1rem .3rem;font-size:.65rem}[data-page=operator-control-center] .compact-grid{gap:.3rem;max-width:85%;margin:0 auto}[data-page=operator-control-center] .compact-item{max-width:160px;padding:.3rem .4rem;font-size:.7rem}[data-page=operator-control-center] .compact-cell{max-width:90px;padding:.25rem .4rem;font-size:.7rem}[data-page=operator-control-center] .compact-header{padding:.4rem .5rem;font-size:.75rem}[data-page=operator-control-center] .compact-station{max-width:50%;margin-bottom:.5rem;margin-left:auto;margin-right:auto}[data-page=operator-control-center] .station-title-compact{margin-bottom:.02em;font-size:.5em}[data-page=operator-control-center] .station-content-compact{font-size:.55em}[data-page=operator-control-center] .compact-icon{width:20px;height:20px;font-size:.7rem}[data-page=operator-control-center] .compact-content{gap:.25rem;max-width:120px}[data-page=operator-control-center] .monitoring-label.compact-label{margin-bottom:.1rem;font-size:.7rem}[data-page=operator-control-center] .monitoring-value.compact-value{font-size:.8rem;font-weight:600}[data-page=operator-control-center] .col-lg-6{flex:0 0 50%;max-width:50%}[data-page=operator-control-center] .col-lg-3{flex:0 0 25%;max-width:25%}[data-page=operator-control-center] .server-filter-widget{width:300px;min-width:300px;max-width:300px}[data-page=operator-control-center] .widget.mb-3{margin-bottom:1rem}[data-page=operator-control-center] .operation-info-widget,[data-page=operator-control-center] .machine-params-widget{max-height:200px;overflow-y:auto}[data-page=operator-control-center] .operation-info-widget .widget-body,[data-page=operator-control-center] .machine-params-widget .widget-body{max-height:150px;padding:.5rem;overflow-y:auto}[data-page=operator-control-center] .operation-info-widget .info-table,[data-page=operator-control-center] .machine-params-widget .info-table{font-size:.8rem}[data-page=operator-control-center] .operation-info-widget .info-row,[data-page=operator-control-center] .machine-params-widget .info-row{min-height:auto;padding:.3rem 0}[data-page=operator-control-center] .system-status-widget,[data-page=operator-control-center] .consumable-widget{max-height:200px;overflow-y:auto}[data-page=operator-control-center] .system-status-widget .widget-body,[data-page=operator-control-center] .consumable-widget .widget-body{max-height:150px;padding:.5rem;overflow-y:auto}[data-page=operator-control-center] .system-status-widget .parameter-grid,[data-page=operator-control-center] .consumable-widget .consumable-table{font-size:.8rem}[data-page=operator-control-center] .system-status-widget .parameter-item,[data-page=operator-control-center] .consumable-widget .table-row{min-height:auto;padding:.3rem 0}[data-page=operator-control-center] .system-status-widget .parameter-label{margin-bottom:.2rem;font-weight:500}[data-page=operator-control-center] .system-status-widget .parameter-value{flex-direction:column;align-items:flex-start;gap:.1rem;display:flex}[data-page=operator-control-center] .system-status-widget .value-text{margin-bottom:.1rem;font-weight:600}[data-page=operator-control-center] .system-status-widget .status-badge{margin-top:.05rem}[data-page=operator-control-center] .system-status-widget .parameter-item{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;width:100%;min-height:2rem;padding:.2rem .3rem;display:flex}[data-page=operator-control-center] .system-status-widget .parameter-label{text-overflow:ellipsis;white-space:nowrap;flex:0 0 40%;margin-bottom:0;padding-right:.5rem;font-size:.7rem;font-weight:600;overflow:hidden}[data-page=operator-control-center] .system-status-widget .parameter-value{text-align:right;flex-direction:column;flex:0 0 60%;align-items:flex-end;gap:.05rem;min-width:0;display:flex}[data-page=operator-control-center] .system-status-widget .value-text{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:.05rem;font-size:.75rem;font-weight:700;overflow:hidden}[data-page=operator-control-center] .system-status-widget .status-badge{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:0;padding:.1rem .2rem;font-size:.6rem;overflow:hidden}[data-page=operator-control-center] .monitoring-widget{height:100%;min-height:200px;max-height:250px}[data-page=operator-control-center] .col-lg-2-4{flex:0 0 20%;max-width:20%}[data-page=operator-control-center] .container-fluid{max-width:95%;margin:0 auto}[data-page=operator-control-center] .row{max-width:100%;margin-left:auto;margin-right:auto}[data-page=operator-control-center] .col-12{max-width:100%;margin:0;padding:0}@media (max-width:767px){[data-page=operator-control-center] .container-fluid{width:100%!important;max-width:100%!important;padding:.25rem!important}[data-page=operator-control-center] .col-lg-3,[data-page=operator-control-center] .col-lg-6,[data-page=operator-control-center] .col-12{flex:0 0 100%!important;width:100%!important;max-width:100%!important;margin-bottom:1rem!important}[data-page=operator-control-center] .row{margin:0!important;padding:0!important}[data-page=operator-control-center] .station-flow-compact{flex-direction:column!important;gap:.75rem!important;min-height:auto!important;padding:1rem!important}[data-page=operator-control-center] .station-card-compact{flex-direction:row!important;justify-content:flex-start!important;gap:1rem!important;width:100%!important;min-width:100%!important;max-width:100%!important;min-height:80px!important;padding:1.25rem!important;font-size:1rem!important}[data-page=operator-control-center] .station-image-compact{flex-shrink:0!important;width:50px!important;height:50px!important}[data-page=operator-control-center] .station-img-compact{width:40px!important;height:40px!important}[data-page=operator-control-center] .station-text-compact{text-align:left!important;flex:1!important;justify-content:center!important}[data-page=operator-control-center] .station-title-compact{margin-bottom:.25rem!important;font-size:.9rem!important}[data-page=operator-control-center] .station-content-compact{font-size:1rem!important}[data-page=operator-control-center] .server-filter-wrapper{gap:.75rem!important;padding:.75rem!important}[data-page=operator-control-center] .server-filter-item{width:100%!important}[data-page=operator-control-center] .server-filter-select{width:100%!important;min-height:44px!important;padding:.75rem!important;font-size:1rem!important}[data-page=operator-control-center] .server-filter-actions{flex-direction:column!important;gap:.5rem!important;margin-top:.75rem!important}[data-page=operator-control-center] .btn-reset,[data-page=operator-control-center] .btn-apply{width:100%!important;min-height:44px!important;padding:.75rem!important;font-size:1rem!important}[data-page=operator-control-center] .widget{width:100%!important;margin-bottom:1rem!important}[data-page=operator-control-center] .widget-header,[data-page=operator-control-center] .widget-body{padding:.75rem!important}[data-page=operator-control-center] .widget-title{font-size:1rem!important}[data-page=operator-control-center] .info-row{background:#f8f9fa!important;border-radius:8px!important;flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;margin-bottom:.5rem!important;padding:.75rem!important}[data-page=operator-control-center] .info-label{font-size:.9rem!important;font-weight:600!important}[data-page=operator-control-center] .info-value{justify-content:space-between!important;width:100%!important}[data-page=operator-control-center] .info-text{font-size:1rem!important}[data-page=operator-control-center] .parameter-item{background:#f8f9fa!important;border-radius:8px!important;flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;width:100%!important;margin-bottom:.5rem!important;padding:.75rem!important}[data-page=operator-control-center] .parameter-label{text-align:left!important;width:100%!important;font-size:.9rem!important;font-weight:600!important}[data-page=operator-control-center] .parameter-value{justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}[data-page=operator-control-center] .value-text{font-size:1rem!important;font-weight:600!important}[data-page=operator-control-center] .status-badge{flex-shrink:0!important;margin-left:auto!important}[data-page=operator-control-center] .monitoring-grid{grid-template-columns:1fr 1fr!important;gap:.5rem!important}[data-page=operator-control-center] .monitoring-item{text-align:center!important;background:#f8f9fa!important;border-radius:8px!important;flex-direction:column!important;min-height:70px!important;padding:.75rem!important}[data-page=operator-control-center] .monitoring-icon{width:35px!important;height:35px!important;margin-bottom:.5rem!important;font-size:1rem!important}[data-page=operator-control-center] .monitoring-label{margin-bottom:.25rem!important;font-size:.8rem!important}[data-page=operator-control-center] .monitoring-value{font-size:1.1rem!important;font-weight:600!important}[data-page=operator-control-center] .table-header{display:none!important}[data-page=operator-control-center] .table-row{background:#f8f9fa!important;border-radius:8px!important;flex-direction:column!important;gap:.5rem!important;margin-bottom:.5rem!important;padding:.75rem!important;display:flex!important}[data-page=operator-control-center] .table-cell{justify-content:space-between!important;align-items:center!important;font-size:1rem!important;display:flex!important}[data-page=operator-control-center] .table-cell:first-child:before{content:"Material: "!important;color:var(--dark-color)!important;font-weight:600!important}[data-page=operator-control-center] .table-cell:last-child:before{content:"Status: "!important;color:var(--dark-color)!important;font-weight:600!important}[data-page=operator-control-center] button,[data-page=operator-control-center] select,[data-page=operator-control-center] input{touch-action:manipulation!important;min-height:44px!important}[data-page=operator-control-center] .status-badge{border-radius:12px!important;padding:.25rem .5rem!important;font-size:.8rem!important}}@media (max-width:480px){[data-page=operator-control-center] .container-fluid{padding:.125rem!important}[data-page=operator-control-center] .station-card-compact{min-height:70px!important;padding:.75rem!important;font-size:.9rem!important}[data-page=operator-control-center] .station-image-compact{width:40px!important;height:40px!important}[data-page=operator-control-center] .station-img-compact{width:35px!important;height:35px!important}[data-page=operator-control-center] .station-title-compact{font-size:.8rem!important}[data-page=operator-control-center] .station-content-compact{font-size:.9rem!important}[data-page=operator-control-center] .monitoring-grid{grid-template-columns:1fr!important;gap:.5rem!important}[data-page=operator-control-center] .monitoring-item{min-height:60px!important;padding:.5rem!important}[data-page=operator-control-center] .monitoring-icon{width:30px!important;height:30px!important;font-size:.9rem!important}[data-page=operator-control-center] .monitoring-label{font-size:.75rem!important}[data-page=operator-control-center] .monitoring-value{font-size:1rem!important}[data-page=operator-control-center] .info-text,[data-page=operator-control-center] .value-text{font-size:.9rem!important}[data-page=operator-control-center] .info-label,[data-page=operator-control-center] .parameter-label{font-size:.8rem!important}[data-page=operator-control-center] .parameter-item{gap:.25rem!important;padding:.5rem!important}[data-page=operator-control-center] .parameter-value{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:.5rem!important}[data-page=operator-control-center] .value-text{flex:1!important;min-width:0!important;font-size:.85rem!important}[data-page=operator-control-center] .status-badge{white-space:nowrap!important;padding:.2rem .4rem!important;font-size:.7rem!important}}[data-page=master-view] .master-overview-card{border:1px solid var(--border-color);background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:.75rem;padding:.35rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}[data-page=master-view] .master-overview-card:before{content:"";background:linear-gradient(90deg,var(--primary-color),var(--success-color),var(--warning-color));opacity:.7;height:3px;position:absolute;top:0;left:0;right:0}[data-page=master-view] .master-overview-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}[data-page=master-view] .master-icon{background:#fffc;border-radius:50%;margin-bottom:.15rem;padding:.5rem;transition:all .3s;display:inline-block;box-shadow:0 2px 8px #0000001a;font-size:1rem!important}[data-page=master-view] .master-overview-card:hover .master-icon{transform:scale(1.1);box-shadow:0 4px 12px #00000026}[data-page=master-view] .master-card-title{color:var(--text-color);margin-bottom:.05rem;font-size:.6rem;font-weight:600}[data-page=master-view] .master-card-subtitle{color:var(--text-muted);margin-bottom:.15rem;font-size:.45rem}[data-page=master-view] .master-stats{justify-content:space-between;align-items:center;margin-bottom:.15rem;display:flex}[data-page=master-view] .master-count{color:var(--primary-color);font-size:.75rem;font-weight:700}[data-page=master-view] .master-status{text-transform:uppercase;letter-spacing:.5px;border-radius:1rem;padding:.08rem .25rem;font-size:.45rem;font-weight:600;box-shadow:0 1px 3px #0000001a}[data-page=master-view] .master-status.active{background:linear-gradient(135deg,var(--success-color),#2e8a01);color:#fff;box-shadow:0 2px 4px #3bb0014d}[data-page=master-view] .master-action-btn{width:100%;margin-top:.15rem;padding:.15rem .3rem;font-size:.55rem}[data-page=master-view] .master-filter-widget{background:var(--widget-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md)}[data-page=master-view] .master-filter-wrapper{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:1rem;display:grid}[data-page=master-view] .master-filter-item{flex-direction:column;display:flex}[data-page=master-view] .master-filter-item label{color:var(--text-color);align-items:center;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:flex}[data-page=master-view] .filter-dot{background-color:var(--primary-color);border-radius:50%;width:6px;height:6px;margin-right:.5rem}[data-page=master-view] .master-filter-select,[data-page=master-view] .master-filter-input{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--input-bg);color:var(--text-color);padding:.5rem .75rem;font-size:.9rem;transition:border-color .3s}[data-page=master-view] .master-filter-select:focus,[data-page=master-view] .master-filter-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #3366ff1a}[data-page=master-view] .master-filter-actions{align-items:end;gap:.5rem;display:flex}[data-page=master-view] .btn-reset{background:var(--secondary-color);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.9rem;transition:background-color .3s}[data-page=master-view] .btn-reset:hover{background:var(--dark-color)}[data-page=master-view] .btn-apply{background:var(--primary-color);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.9rem;transition:background-color .3s}[data-page=master-view] .btn-apply:hover{background:var(--dark-color)}[data-page=master-view] .master-content-widget{background:var(--widget-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md)}[data-page=master-view] .master-table-container{overflow-x:auto}[data-page=master-view] .master-data-table{border-collapse:collapse;width:100%;font-size:.9rem}[data-page=master-view] .master-table-header{background:var(--table-header-bg)}[data-page=master-view] .master-table-header th{text-align:left;color:var(--text-color);border-bottom:2px solid var(--border-color);padding:1rem .75rem;font-weight:600}[data-page=master-view] .master-table-body tr{border-bottom:1px solid var(--border-color);transition:background-color .3s}[data-page=master-view] .master-table-body tr:hover{background-color:var(--hover-bg)}[data-page=master-view] .master-table-cell{vertical-align:middle;padding:.75rem}[data-page=master-view] .master-action-buttons{gap:.25rem;display:flex}[data-page=master-view] .master-action-btn{border:1px solid var(--border-color);border-radius:var(--border-radius-xs);color:var(--text-color);cursor:pointer;background:0 0;padding:.25rem .5rem;font-size:.8rem;transition:all .3s}[data-page=master-view] .master-action-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}@media (max-width:768px){[data-page=master-view] .master-filter-wrapper{grid-template-columns:1fr;gap:.75rem}[data-page=master-view] .master-filter-actions{grid-column:1/-1;justify-content:center}[data-page=master-view] .master-data-table{font-size:.8rem}[data-page=master-view] .master-table-cell{padding:.5rem .25rem}[data-page=master-view] .master-action-buttons{flex-direction:column;gap:.125rem}[data-page=master-view] .master-action-btn{padding:.125rem .25rem;font-size:.7rem}}@media (max-width:480px){[data-page=master-view] .master-overview-card .widget-body{padding:.5rem}[data-page=master-view] .master-icon{font-size:1.25rem!important}[data-page=master-view] .master-card-title{font-size:.8rem}[data-page=master-view] .master-stats{flex-direction:column;align-items:center;gap:.2rem}[data-page=master-view] .master-count{font-size:1rem}[data-page=master-view] .master-activity-item{padding:.5rem}[data-page=master-view] .activity-icon{width:28px;height:28px;font-size:.8rem}}@media (max-width:767px) and (orientation:landscape){[data-page=operator-control-center] .station-flow-compact{flex-direction:row!important;gap:.25rem!important}[data-page=operator-control-center] .station-card-compact{flex:1!important;min-width:auto!important;min-height:60px!important;padding:.75rem!important}[data-page=operator-control-center] .station-image-compact{width:35px!important;height:35px!important}[data-page=operator-control-center] .station-img-compact{width:30px!important;height:30px!important}[data-page=operator-control-center] .station-title-compact{font-size:.75rem!important}[data-page=operator-control-center] .station-content-compact{font-size:.8rem!important}[data-page=operator-control-center] .monitoring-grid{grid-template-columns:1fr 1fr 1fr 1fr!important}[data-page=operator-control-center] .monitoring-item{min-height:50px!important;padding:.5rem!important}[data-page=operator-control-center] .monitoring-icon{width:25px!important;height:25px!important;font-size:.8rem!important}[data-page=operator-control-center] .monitoring-label{font-size:.7rem!important}[data-page=operator-control-center] .monitoring-value{font-size:.9rem!important}}.col-lg-1-2{flex:0 0 10%!important;max-width:10%!important}.btn-xs{text-transform:uppercase!important;letter-spacing:.3px!important;text-align:center!important;border-radius:1.5rem!important;justify-content:center!important;align-items:center!important;min-width:2.5rem!important;padding:.08rem .15rem!important;font-size:.6rem!important;font-weight:600!important;line-height:1.1!important;transition:all .3s!important;display:inline-flex!important;box-shadow:0 1px 3px #0000001a!important}.btn-xs:hover{border-radius:2rem!important;transform:translateY(-1px)!important;box-shadow:0 3px 6px #00000026!important}.btn-info{color:#fff!important;background-color:var(--info-color)!important;border-color:var(--info-color)!important}.btn-info:hover{color:#fff!important;background-color:#117a8b!important;border-color:#10707f!important}.btn-secondary{color:#fff!important;background-color:var(--secondary-color)!important;border-color:var(--secondary-color)!important}.btn-secondary:hover{color:#fff!important;background-color:#64738f!important;border-color:#5f6d88!important}.btn-warning{color:#fff!important;background-color:var(--warning-color)!important;border-color:var(--warning-color)!important}.btn-warning:hover{color:#fff!important;background-color:#d39e00!important;border-color:#c69500!important}.btn-purple{color:#fff!important;background-color:var(--purple-color)!important;border-color:var(--purple-color)!important}.btn-purple:hover{color:#fff!important;background-color:#5a32a3!important;border-color:#553098!important}.btn-teal{color:#fff!important;background-color:var(--teal-color)!important;border-color:var(--teal-color)!important}.btn-teal:hover{color:#fff!important;background-color:#00a3a3!important;border-color:#099!important}.btn-orange{color:#fff!important;background-color:var(--orange-color)!important;border-color:var(--orange-color)!important}.btn-orange:hover{color:#fff!important;background-color:#e8690b!important;border-color:#e1620a!important}.btn-indigo{color:#fff!important;background-color:var(--indigo-color)!important;border-color:var(--indigo-color)!important}.btn-indigo:hover{color:#fff!important;background-color:#520dc2!important;border-color:#4c0bb5!important}.btn-pink{color:#fff!important;background-color:var(--pink-color)!important;border-color:var(--pink-color)!important}.btn-pink:hover{color:#fff!important;background-color:#d63384!important;border-color:#c82333!important}.badge-success{color:#fff!important;background-color:#2dce89cc!important}.badge-warning{color:#fff!important;background-color:#fb6340cc!important}.badge-danger{color:#fff!important;background-color:#f5365ccc!important}[data-page=work-offset-schedule] .modal-content{border-radius:var(--border-radius-md);border:none;box-shadow:0 10px 30px #0000001a}[data-page=work-offset-schedule] .modal-header{color:#fff;border-radius:var(--border-radius-md)var(--border-radius-md)0 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:none;padding:1.5rem}[data-page=work-offset-schedule] .modal-title{margin:0;font-size:1.1rem;font-weight:600}[data-page=work-offset-schedule] .modal-title i{margin-right:.5rem}[data-page=work-offset-schedule] .modal-body{padding:2rem}[data-page=work-offset-schedule] .modal-footer{border-radius:0 0 var(--border-radius-md)var(--border-radius-md);background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:1.5rem}[data-page=work-offset-schedule] .form-label{color:#495057;margin-bottom:.5rem;font-weight:600}[data-page=work-offset-schedule] .form-control{border-radius:var(--border-radius-sm);border:2px solid #e9ecef;padding:.75rem;transition:all .3s}[data-page=work-offset-schedule] .form-control:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}[data-page=work-offset-schedule] .form-control.is-invalid{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}[data-page=work-offset-schedule] .custom-control-input:checked~.custom-control-label:before{background-color:#667eea;border-color:#667eea}[data-page=work-offset-schedule] .btn-primary{border-radius:var(--border-radius-sm);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}[data-page=work-offset-schedule] .btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}[data-page=work-offset-schedule] .btn-secondary{border-radius:var(--border-radius-sm);background-color:#6c757d;border:none;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}[data-page=work-offset-schedule] .btn-secondary:hover{background-color:#5a6268;transform:translateY(-2px)}[data-page=work-offset-schedule] .task-details-container{padding:1rem 0}[data-page=work-offset-schedule] .task-details-header{border-bottom:2px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}[data-page=work-offset-schedule] .task-priority-badge{border-radius:var(--border-radius-sm);color:#fff;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}[data-page=work-offset-schedule] .task-priority-badge.high-priority{background-color:#dc3545}[data-page=work-offset-schedule] .task-priority-badge.medium-priority{background-color:#fd7e14}[data-page=work-offset-schedule] .task-priority-badge.low-priority{background-color:#20c997}[data-page=work-offset-schedule] .task-status-badge{border-radius:var(--border-radius-sm);color:#fff;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}[data-page=work-offset-schedule] .task-status-badge.scheduled{background-color:#17a2b8}[data-page=work-offset-schedule] .task-status-badge.in-progress{background-color:#fd7e14}[data-page=work-offset-schedule] .task-status-badge.completed{background-color:#28a745}[data-page=work-offset-schedule] .task-status-badge.overdue{background-color:#dc3545}[data-page=work-offset-schedule] .task-priority-badge i,[data-page=work-offset-schedule] .task-status-badge i{margin-right:.5rem}[data-page=work-offset-schedule] .task-details-content{padding:1rem 0}[data-page=work-offset-schedule] .detail-section{margin-bottom:2rem}[data-page=work-offset-schedule] .detail-section h6{color:#495057;align-items:center;margin-bottom:1rem;font-weight:600;display:flex}[data-page=work-offset-schedule] .detail-section h6 i{color:#667eea;margin-right:.5rem}[data-page=work-offset-schedule] .detail-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}[data-page=work-offset-schedule] .detail-item{border-radius:var(--border-radius-sm);background-color:#f8f9fa;border-left:4px solid #667eea;justify-content:space-between;align-items:center;padding:.75rem;display:flex}[data-page=work-offset-schedule] .detail-item label{color:#495057;margin:0;font-weight:600}[data-page=work-offset-schedule] .detail-item span{color:#6c757d;font-weight:500}[data-page=work-offset-schedule] .detail-section p{color:#6c757d;border-radius:var(--border-radius-sm);background-color:#f8f9fa;border-left:4px solid #667eea;margin:0;padding:1rem;line-height:1.6}@media (max-width:768px){[data-page=work-offset-schedule] .modal-dialog{margin:1rem}[data-page=work-offset-schedule] .modal-body{padding:1.5rem}[data-page=work-offset-schedule] .detail-grid{grid-template-columns:1fr}[data-page=work-offset-schedule] .task-details-header{flex-direction:column;align-items:flex-start;gap:1rem}[data-page=work-offset-schedule] .task-priority-badge,[data-page=work-offset-schedule] .task-status-badge{padding:.4rem .8rem;font-size:.8rem}}@media (max-width:480px){[data-page=work-offset-schedule] .modal-dialog{margin:.5rem}[data-page=work-offset-schedule] .modal-body,[data-page=work-offset-schedule] .modal-header,[data-page=work-offset-schedule] .modal-footer{padding:1rem}[data-page=work-offset-schedule] .form-control{padding:.6rem}[data-page=work-offset-schedule] .btn-primary,[data-page=work-offset-schedule] .btn-secondary{padding:.6rem 1.2rem;font-size:.9rem}}[data-page=notifications] .widget-stat{background:linear-gradient(145deg,#fff 0%,#f8f9fa 100%);border:1px solid #e9ecef;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-right:1rem;transition:all .3s;display:flex;box-shadow:0 4px 8px #0000000f,0 2px 4px #0000000a}[data-page=notifications] .widget-stat:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001f,0 3px 6px #00000014}[data-page=notifications] .widget-stat i{transition:all .3s;font-size:28px!important}[data-page=notifications] .widget-stat:hover i{transform:scale(1.1)}[data-page=notifications] .notification-item{background:linear-gradient(145deg,#fff 0%,#fafbfc 100%);border:1px solid #e9ecef;border-radius:.6rem;margin-bottom:.75rem;padding:.75rem;transition:all .3s;box-shadow:0 2px 4px #0000000a}[data-page=notifications] .notification-item:hover{transform:translateY(-1px);box-shadow:0 3px 6px #00000014,0 2px 4px #0000000f}[data-page=notifications] .notification-item.new{border-left:3px solid var(--danger-color);background:linear-gradient(145deg,#fff5f5 0%,#fef2f2 100%)}[data-page=notifications] .notification-icon{border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;margin-right:.75rem;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000001a}[data-page=notifications] .notification-icon.bg-danger{color:#fff;background:linear-gradient(145deg,#dc3545 0%,#c82333 100%)}[data-page=notifications] .notification-icon.bg-warning{color:#fff;background:linear-gradient(145deg,#ffc107 0%,#e0a800 100%)}[data-page=notifications] .notification-icon.bg-info{color:#fff;background:linear-gradient(145deg,#17a2b8 0%,#138496 100%)}[data-page=notifications] .notification-icon.bg-success{color:#fff;background:linear-gradient(145deg,#28a745 0%,#20c997 100%)}[data-page=notifications] .notification-content h6{color:#2c3e50;letter-spacing:.01em;margin-bottom:.3rem;font-size:.9rem;font-weight:700}[data-page=notifications] .notification-content p{color:#6c757d;margin-bottom:.3rem;font-size:.8rem;line-height:1.4}[data-page=notifications] .notification-content small{color:#adb5bd;font-size:.75rem;font-weight:500}[data-page=notifications] .notification-actions{align-items:center;gap:.4rem;display:flex}[data-page=notifications] .notification-actions .btn{border-radius:.4rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;transition:all .3s;box-shadow:0 2px 4px #0000001a}[data-page=notifications] .notification-actions .btn:hover{transform:translateY(-1px);box-shadow:0 3px 6px #00000026}[data-page=notifications] .notification-group-title{letter-spacing:.02em;border-bottom:2px solid;margin-bottom:.75rem;padding-bottom:.4rem;font-size:1rem;font-weight:700}[data-page=notifications] .notification-group-title.text-danger{border-bottom-color:#dc3545;color:#dc3545!important}[data-page=notifications] .notification-group-title.text-warning{border-bottom-color:#ffc107;color:#ffc107!important}[data-page=notifications] .notification-group-title.text-info{border-bottom-color:#17a2b8;color:#17a2b8!important}[data-page=notifications] .widget{margin-bottom:1rem}[data-page=notifications] .widget-header{padding:.75rem 1rem}[data-page=notifications] .widget-body{padding:.75rem}[data-page=notifications] .notification-group{margin-bottom:1.5rem}[data-page=notifications] .notification-group:last-child{margin-bottom:0}[data-page=notifications] .server-filter-widget{background:linear-gradient(145deg,#fff 0%,#fafbfc 100%);border:1px solid #e9ecef;border-radius:1rem;transition:all .3s;box-shadow:0 4px 8px #0000000f,0 2px 4px #0000000a}[data-page=notifications] .server-filter-wrapper{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:1px solid #e9ecef;border-radius:.8rem;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;padding:1rem;display:flex;box-shadow:0 2px 4px #0000000a}[data-page=notifications] .server-filter-select{color:#495057;background:linear-gradient(145deg,#fff 0%,#fafbfc 100%);border:1px solid #dee2e6;border-radius:.6rem;padding:.5rem .75rem;font-size:.85rem;transition:all .3s;box-shadow:0 1px 3px #0000000d}[data-page=notifications] .server-filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3666ff1a}[data-page=notifications] .btn-reset{color:#fff;cursor:pointer;background:linear-gradient(145deg,#6c757d 0%,#5a6268 100%);border:none;border-radius:.6rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;box-shadow:0 2px 4px #0000001a}[data-page=notifications] .btn-apply{background:linear-gradient(135deg,var(--primary-color,#3666ff)0%,#5b47fb 100%);color:#fff;cursor:pointer;border:none;border-radius:.6rem;align-items:center;gap:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 3px 6px #3666ff33}[data-page=notifications] .btn-apply:hover{transform:translateY(-2px);box-shadow:0 4px 8px #3666ff4d}[data-page=notifications] .notification-settings-widget{background:linear-gradient(145deg,#fff 0%,#fafbfc 100%);border:1px solid #e9ecef;border-radius:.8rem;transition:all .3s;box-shadow:0 4px 8px #0000000f,0 2px 4px #0000000a}[data-page=notifications] .settings-container{padding:.75rem}[data-page=notifications] .settings-section{border-bottom:1px solid #e9ecef;margin-bottom:1.5rem;padding-bottom:1rem}[data-page=notifications] .settings-section:last-child{border-bottom:none;margin-bottom:0}[data-page=notifications] .section-title{color:#2c3e50;letter-spacing:.02em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:700;display:flex}[data-page=notifications] .section-title i{color:var(--primary-color);font-size:1.1rem}[data-page=notifications] .settings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;display:grid}[data-page=notifications] .channel-card{background:linear-gradient(145deg,#fff 0%,#f8f9fa 100%);border:1px solid #e9ecef;border-radius:.6rem;padding:1rem;transition:all .3s;box-shadow:0 2px 4px #0000000a}[data-page=notifications] .channel-card:hover{transform:translateY(-1px);box-shadow:0 3px 6px #00000014,0 2px 4px #0000000f}[data-page=notifications] .channel-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}[data-page=notifications] .channel-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex;box-shadow:0 2px 4px #0000001a}[data-page=notifications] .channel-info{flex:1}[data-page=notifications] .channel-title{color:#2c3e50;margin-bottom:.2rem;font-size:.9rem;font-weight:700}[data-page=notifications] .channel-description{color:#6c757d;margin:0;font-size:.8rem}[data-page=notifications] .channel-toggle{margin-left:auto}[data-page=notifications] .toggle-switch{width:44px;height:22px;display:inline-block;position:relative}[data-page=notifications] .toggle-switch input{opacity:0;width:0;height:0}[data-page=notifications] .toggle-slider{cursor:pointer;background-color:#ccc;border-radius:22px;transition:all .3s;position:absolute;inset:0}[data-page=notifications] .toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}[data-page=notifications] .toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color)}[data-page=notifications] .toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}[data-page=notifications] .channel-input{margin-top:.75rem}[data-page=notifications] .channel-input .form-control{background:linear-gradient(145deg,#fff 0%,#fafbfc 100%);border:1px solid #dee2e6;border-radius:.5rem;padding:.6rem;font-size:.8rem;transition:all .3s;box-shadow:0 1px 3px #0000000d}[data-page=notifications] .channel-input .form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #3666ff1a}[data-page=notifications] .frequency-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}[data-page=notifications] .frequency-card{background:linear-gradient(145deg,#fff 0%,#f8f9fa 100%);border:1px solid #e9ecef;border-radius:.6rem;padding:1rem;transition:all .3s;box-shadow:0 2px 4px #0000000a}[data-page=notifications] .frequency-card:hover{transform:translateY(-1px);box-shadow:0 3px 6px #00000014,0 2px 4px #0000000f}[data-page=notifications] .frequency-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}[data-page=notifications] .frequency-title{color:#2c3e50;margin:0;font-size:.9rem;font-weight:700}[data-page=notifications] .frequency-status{color:#fff;background:linear-gradient(145deg,#28a745 0%,#20c997 100%);border-radius:.8rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;box-shadow:0 2px 4px #28a74533}[data-page=notifications] .frequency-status.inactive{background:linear-gradient(145deg,#6c757d 0%,#5a6268 100%);box-shadow:0 2px 4px #6c757d33}[data-page=notifications] .frequency-options{flex-direction:column;gap:.5rem;display:flex}[data-page=notifications] .radio-option{cursor:pointer;border-radius:.4rem;align-items:center;gap:.6rem;padding:.4rem;transition:all .3s;display:flex}[data-page=notifications] .radio-option:hover{background:#3666ff0d}[data-page=notifications] .radio-option input[type=radio]{display:none}[data-page=notifications] .radio-custom{border:2px solid #dee2e6;border-radius:50%;width:16px;height:16px;transition:all .3s;position:relative}[data-page=notifications] .radio-option input[type=radio]:checked+.radio-custom{border-color:var(--primary-color);background:var(--primary-color)}[data-page=notifications] .radio-option input[type=radio]:checked+.radio-custom:after{content:"";background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-page=notifications] .radio-label{color:#495057;font-size:.8rem;font-weight:500}[data-page=notifications] .notification-types-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;display:grid}[data-page=notifications] .type-checkbox{cursor:pointer;background:linear-gradient(145deg,#fff 0%,#f8f9fa 100%);border:1px solid #e9ecef;border-radius:.6rem;align-items:center;gap:.6rem;padding:.75rem;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000000a}[data-page=notifications] .type-checkbox:hover{transform:translateY(-1px);box-shadow:0 3px 6px #00000014,0 2px 4px #0000000f}[data-page=notifications] .type-checkbox input[type=checkbox]{display:none}[data-page=notifications] .checkbox-custom{border:2px solid #dee2e6;border-radius:3px;flex-shrink:0;width:18px;height:18px;transition:all .3s;position:relative}[data-page=notifications] .type-checkbox input[type=checkbox]:checked+.checkbox-custom{border-color:var(--primary-color);background:var(--primary-color)}[data-page=notifications] .type-checkbox input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:11px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-page=notifications] .type-content{flex:1;align-items:center;gap:.6rem;display:flex}[data-page=notifications] .type-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:.9rem;display:flex;box-shadow:0 2px 4px #0000001a}[data-page=notifications] .type-info{flex-direction:column;gap:.2rem;display:flex}[data-page=notifications] .type-name{color:#2c3e50;font-size:.85rem;font-weight:600}[data-page=notifications] .type-description{color:#6c757d;font-size:.7rem}[data-page=notifications] .modules-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem;display:grid}[data-page=notifications] .module-checkbox{cursor:pointer;background:linear-gradient(145deg,#fff 0%,#f8f9fa 100%);border:1px solid #e9ecef;border-radius:.6rem;align-items:center;gap:.6rem;padding:.75rem;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000000a}[data-page=notifications] .module-checkbox:hover{transform:translateY(-1px);box-shadow:0 3px 6px #00000014,0 2px 4px #0000000f}[data-page=notifications] .module-content{flex:1;align-items:center;gap:.6rem;display:flex}[data-page=notifications] .module-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;display:flex;box-shadow:0 2px 4px #0000001a}[data-page=notifications] .module-name{color:#2c3e50;font-size:.8rem;font-weight:600}[data-page=notifications] .settings-actions{border-top:1px solid #e9ecef;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}[data-page=notifications] .settings-actions .btn{border-radius:.5rem;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.8rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000001a}[data-page=notifications] .settings-actions .btn:hover{transform:translateY(-1px);box-shadow:0 3px 6px #00000026}[data-page=notifications] .settings-actions .btn-primary{background:linear-gradient(135deg,var(--primary-color,#3666ff)0%,#5b47fb 100%);color:#fff;border:none}[data-page=notifications] .settings-actions .btn-secondary{color:#fff;background:linear-gradient(145deg,#6c757d 0%,#5a6268 100%);border:none}@media (max-width:768px){[data-page=notifications] .settings-grid,[data-page=notifications] .frequency-container,[data-page=notifications] .notification-types-grid,[data-page=notifications] .modules-grid{grid-template-columns:1fr}[data-page=notifications] .settings-actions{flex-direction:column}[data-page=notifications] .channel-header{flex-direction:column;align-items:flex-start;gap:.75rem}[data-page=notifications] .channel-toggle{align-self:flex-end;margin-left:0}}[data-page=manufacturing-dashboard]{--manufacturing-bg-color:#0f172a;--manufacturing-text-color:#f1f5f9;--manufacturing-header-bg:#1e293b;--manufacturing-border-color:#334155;--manufacturing-card-bg:#1e293b;--manufacturing-conveyor-bg:#334155;--manufacturing-station-bg:#334155;--manufacturing-pass-color:#10b981;--manufacturing-fail-color:#ef4444;--manufacturing-warning-color:#eab308;--manufacturing-live-color:#10b981}[data-page=industrial-manufacturing-control-center]{--industrial-primary:#3b82f6;--industrial-success:#10b981;--industrial-warning:#f59e0b;--industrial-error:#ef4444;--industrial-bg-gradient:linear-gradient(135deg,#fff 0%,#f8fafc 50%,#f1f5f9 100%);--industrial-accent:#6366f1;--industrial-text-primary:#1e293b;--industrial-text-secondary:#64748b;--industrial-card-bg:#ffffffe6;--industrial-border:#cbd5e180;--industrial-glow:0 0 20px #3b82f61a;--industrial-shadow:0 4px 16px #0000001a;--animation-duration-fast:.3s;--animation-duration-normal:.5s;--animation-duration-slow:1s;--animation-easing:cubic-bezier(.4,0,.2,1);--animation-easing-bounce:cubic-bezier(.68,-.55,.265,1.55)}[data-page=industrial-manufacturing-control-center] .animated-logo{animation:3s linear infinite logoRotate}[data-page=industrial-manufacturing-control-center] .pulse-icon{animation:2s ease-in-out infinite iconPulse}[data-page=industrial-manufacturing-control-center] .rotating-icon{animation:4s linear infinite iconRotate}[data-page=industrial-manufacturing-control-center] .piston-movement{animation:2s ease-in-out infinite pistonMove}[data-page=industrial-manufacturing-control-center] .crankshaft-rotation{animation:1.5s linear infinite crankshaftRotate}[data-page=industrial-manufacturing-control-center] .sparkle-effect{animation:.8s ease-in-out infinite sparkle}[data-page=industrial-manufacturing-control-center] .electrical-arcs{animation:.4s ease-in-out infinite electricalArc}[data-page=industrial-manufacturing-control-center] .welding-sparks{animation:.6s ease-in-out infinite weldingSpark}[data-page=industrial-manufacturing-control-center] .counter-animation{animation:.5s ease-out counterIncrement}[data-page=industrial-manufacturing-control-center] .logo-glow{pointer-events:none;background:radial-gradient(circle,#3b82f64d 0%,#0000 70%);border-radius:50%;width:120px;height:120px;animation:3s ease-in-out infinite logoGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-page=industrial-manufacturing-control-center] .station-metrics{color:var(--industrial-text-secondary);flex-direction:column;gap:4px;margin-top:8px;font-size:11px;display:flex}[data-page=industrial-manufacturing-control-center] .metric{background:#ffffff1a;border-radius:3px;justify-content:space-between;padding:2px 4px;font-family:Roboto Mono,monospace;display:flex}[data-page=industrial-manufacturing-control-center] .kpi-label{color:var(--industrial-text-secondary);text-align:center;margin-top:4px;font-size:10px;font-weight:500}[data-page=industrial-manufacturing-control-center] .alert-message{color:var(--industrial-text-secondary);opacity:.8;margin-top:2px;font-size:11px}[data-page=industrial-manufacturing-control-center] .equipment-status{color:var(--industrial-success);margin-top:2px;font-size:10px;font-weight:500}[data-page=industrial-manufacturing-control-center] .equipment-item.offline .equipment-status{color:var(--industrial-error)}[data-page=industrial-manufacturing-control-center] .indxo-content-industrial{background:var(--industrial-bg-gradient);min-height:100vh;color:var(--industrial-text-primary);font-family:Inter,sans-serif}[data-page=industrial-manufacturing-control-center] .industrial-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:15px 0}[data-page=industrial-manufacturing-control-center] .logo{color:var(--industrial-primary);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}[data-page=industrial-manufacturing-control-center] .logo i{font-size:20px}[data-page=industrial-manufacturing-control-center] .main-nav{gap:20px;display:flex}[data-page=industrial-manufacturing-control-center] .nav-link{color:var(--industrial-text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}[data-page=industrial-manufacturing-control-center] .nav-link:hover{color:var(--industrial-primary)}[data-page=industrial-manufacturing-control-center] .datetime{color:var(--industrial-text-secondary);font-size:14px}[data-page=industrial-manufacturing-control-center] .menu-toggle{cursor:pointer;color:var(--industrial-text-secondary);font-size:16px}[data-page=industrial-manufacturing-control-center] .industrial-sidebar{background:#f8f9fa;border-right:1px solid #e9ecef;flex-direction:column;flex-shrink:0;gap:15px;width:200px;padding:15px;display:flex}[data-page=industrial-manufacturing-control-center] .metrics-section,[data-page=industrial-manufacturing-control-center] .alerts-section,[data-page=industrial-manufacturing-control-center] .equipment-section,[data-page=industrial-manufacturing-control-center] .kpis-section{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:12px;box-shadow:0 1px 3px #0000001a}[data-page=industrial-manufacturing-control-center] .section-title{color:var(--industrial-text-primary);margin-bottom:15px;font-size:14px;font-weight:600}[data-page=industrial-manufacturing-control-center] .total-units-display{text-align:center}[data-page=industrial-manufacturing-control-center] .units-number{color:var(--industrial-primary);margin-bottom:5px;font-size:32px;font-weight:700}[data-page=industrial-manufacturing-control-center] .units-label{color:var(--industrial-text-secondary);font-size:12px}[data-page=industrial-manufacturing-control-center] .alert-item{border-radius:4px;align-items:center;gap:10px;padding:8px;display:flex}[data-page=industrial-manufacturing-control-center] .alert-item.critical{background:#ef44441a;border:1px solid #ef44444d}[data-page=industrial-manufacturing-control-center] .alert-item.warning{background:#f59e0b1a;border:1px solid #f59e0b4d}[data-page=industrial-manufacturing-control-center] .alert-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex}[data-page=industrial-manufacturing-control-center] .alert-item.critical .alert-icon{background:var(--industrial-error)}[data-page=industrial-manufacturing-control-center] .alert-item.warning .alert-icon{background:var(--industrial-warning)}[data-page=industrial-manufacturing-control-center] .equipment-item{border-radius:4px;align-items:center;gap:10px;padding:8px;display:flex}[data-page=industrial-manufacturing-control-center] .equipment-item.online{background:#10b9811a;border:1px solid #10b9814d}[data-page=industrial-manufacturing-control-center] .equipment-item.offline{background:#ef44441a;border:1px solid #ef44444d}[data-page=industrial-manufacturing-control-center] .equipment-item.warning{background:#f59e0b1a;border:1px solid #f59e0b4d}[data-page=industrial-manufacturing-control-center] .equipment-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex}[data-page=industrial-manufacturing-control-center] .equipment-item.online .equipment-icon{background:var(--industrial-success)}[data-page=industrial-manufacturing-control-center] .equipment-item.offline .equipment-icon{background:var(--industrial-error)}[data-page=industrial-manufacturing-control-center] .equipment-item.warning .equipment-icon{background:var(--industrial-warning)}[data-page=industrial-manufacturing-control-center] .kpis-grid{flex-direction:column;gap:10px;display:flex}[data-page=industrial-manufacturing-control-center] .kpi-item{border-radius:4px;align-items:center;gap:10px;padding:8px;display:flex}[data-page=industrial-manufacturing-control-center] .kpi-item.success{background:#10b9811a;border:1px solid #10b9814d}[data-page=industrial-manufacturing-control-center] .kpi-item.error{background:#ef44441a;border:1px solid #ef44444d}[data-page=industrial-manufacturing-control-center] .kpi-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex}[data-page=industrial-manufacturing-control-center] .kpi-item.success .kpi-icon{background:var(--industrial-success)}[data-page=industrial-manufacturing-control-center] .kpi-item.error .kpi-icon{background:var(--industrial-error)}[data-page=industrial-manufacturing-control-center] .kpi-number{color:var(--industrial-text-primary);font-size:14px;font-weight:600}[data-page=industrial-manufacturing-control-center] .assembly-lines-container{background:#fff;flex-direction:column;flex:1;gap:15px;padding:15px;display:flex}[data-page=industrial-manufacturing-control-center] .assembly-line{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:15px;box-shadow:0 1px 3px #0000001a}[data-page=industrial-manufacturing-control-center] .line-header{margin-bottom:20px}[data-page=industrial-manufacturing-control-center] .line-title{color:var(--industrial-text-primary);margin:0;font-size:18px;font-weight:600}[data-page=industrial-manufacturing-control-center] .conveyor-line{background:#e9ecef;border-radius:4px;height:50px;margin:10px 0;position:relative;overflow:hidden}[data-page=industrial-manufacturing-control-center] .conveyor-belt{justify-content:space-between;align-items:center;height:100%;padding:0 15px;display:flex;position:relative}[data-page=industrial-manufacturing-control-center] .conveyor-belt:before{content:"";background:#adb5bd;height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}[data-page=industrial-manufacturing-control-center] .station-marker{color:#fff;z-index:2;background:#6b7280;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex;position:relative;box-shadow:0 2px 4px #0000001a}[data-page=industrial-manufacturing-control-center] .station-marker.success{background:var(--industrial-success)}[data-page=industrial-manufacturing-control-center] .station-marker.error{background:var(--industrial-error)}[data-page=industrial-manufacturing-control-center] .station-marker.warning{background:var(--industrial-warning)}@media (max-width:1200px){[data-page=industrial-manufacturing-control-center] .industrial-dashboard-content{flex-direction:column}[data-page=industrial-manufacturing-control-center] .industrial-sidebar{flex-direction:row;gap:15px;width:100%}[data-page=industrial-manufacturing-control-center] .metrics-section,[data-page=industrial-manufacturing-control-center] .alerts-section,[data-page=industrial-manufacturing-control-center] .equipment-section,[data-page=industrial-manufacturing-control-center] .kpis-section{flex:1}}@media (max-width:768px){[data-page=industrial-manufacturing-control-center] .header-content,[data-page=industrial-manufacturing-control-center] .logo-section{flex-direction:column;gap:15px}[data-page=industrial-manufacturing-control-center] .industrial-sidebar{flex-direction:column}}[data-page=industrial-manufacturing-control-center] .industrial-header{border-bottom:1px solid var(--industrial-border);backdrop-filter:blur(10px);background:#1a1a2ee6;padding:15px 0}[data-page=industrial-manufacturing-control-center] .header-content{justify-content:space-between;align-items:center;max-width:100%;margin:0 auto;padding:0 15px;display:flex}[data-page=industrial-manufacturing-control-center] .logo-section{align-items:center;gap:20px;display:flex}[data-page=industrial-manufacturing-control-center] .animated-logo{align-items:center;gap:10px;display:flex;position:relative}[data-page=industrial-manufacturing-control-center] .animated-logo i{color:var(--industrial-primary);font-size:32px;animation:2s infinite pulse}[data-page=industrial-manufacturing-control-center] .logo-text{color:var(--industrial-primary);text-shadow:0 0 10px #00d4ff80;font-family:Roboto Mono,monospace;font-size:24px;font-weight:700}[data-page=industrial-manufacturing-control-center] .logo-glow{background:radial-gradient(circle,#00d4ff33 0%,#0000 70%);border-radius:50%;width:100px;height:100px;animation:3s ease-in-out infinite glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-page=industrial-manufacturing-control-center] .dashboard-title{color:var(--industrial-text-primary);margin:0;font-size:28px;font-weight:600}[data-page=industrial-manufacturing-control-center] .header-controls{align-items:center;gap:30px;display:flex}[data-page=industrial-manufacturing-control-center] .status-bar{align-items:center;gap:20px;display:flex}[data-page=industrial-manufacturing-control-center] .status-item{color:var(--industrial-text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}[data-page=industrial-manufacturing-control-center] .status-item i{color:var(--industrial-success);font-size:16px}[data-page=industrial-manufacturing-control-center] .emergency-stop-btn{background:var(--industrial-error);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #ff33664d}[data-page=industrial-manufacturing-control-center] .emergency-stop-btn:hover{background:#e6004c;transform:translateY(-2px);box-shadow:0 6px 16px #f366}[data-page=industrial-manufacturing-control-center] .real-time-clock{flex-direction:column;align-items:center;gap:5px;display:flex}[data-page=industrial-manufacturing-control-center] .clock-display{flex-direction:column;align-items:center;font-family:Roboto Mono,monospace;display:flex}[data-page=industrial-manufacturing-control-center] .clock-display span:first-child{color:var(--industrial-primary);font-size:18px;font-weight:600}[data-page=industrial-manufacturing-control-center] .clock-display span:last-child{color:var(--industrial-text-secondary);font-size:12px}[data-page=industrial-manufacturing-control-center] .shift-indicator{align-items:center;gap:5px;font-size:12px;display:flex}[data-page=industrial-manufacturing-control-center] .shift-status{border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}[data-page=industrial-manufacturing-control-center] .shift-status.active{background:var(--industrial-success);color:#000}[data-page=industrial-manufacturing-control-center] .alert-ticker{background:#ff33661a;border-top:1px solid #ff33664d;padding:8px 0;overflow:hidden}[data-page=industrial-manufacturing-control-center] .ticker-content{white-space:nowrap;align-items:center;gap:10px;animation:20s linear infinite ticker;display:flex}[data-page=industrial-manufacturing-control-center] .ticker-content i{color:var(--industrial-error);font-size:16px}[data-page=industrial-manufacturing-control-center] .ticker-text{color:var(--industrial-text-primary);font-size:14px;font-weight:500}[data-page=industrial-manufacturing-control-center] .industrial-dashboard-content{gap:20px;max-width:100%;margin:0 auto;padding:20px;display:flex}[data-page=industrial-manufacturing-control-center] .industrial-sidebar{flex-direction:column;flex-shrink:0;gap:20px;width:300px;display:flex}[data-page=industrial-manufacturing-control-center] .metrics-section,[data-page=industrial-manufacturing-control-center] .equipment-section,[data-page=industrial-manufacturing-control-center] .alerts-section{background:var(--industrial-card-bg);border:1px solid var(--industrial-border);box-shadow:var(--industrial-shadow);backdrop-filter:blur(10px);border-radius:8px;padding:20px}[data-page=industrial-manufacturing-control-center] .section-title{color:var(--industrial-text-primary);align-items:center;gap:10px;margin-bottom:20px;font-size:16px;font-weight:600;display:flex}[data-page=industrial-manufacturing-control-center] .section-title i{color:var(--industrial-primary);font-size:18px}[data-page=industrial-manufacturing-control-center] .kpi-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;display:grid}[data-page=industrial-manufacturing-control-center] .kpi-card{background:#ffffff0d;border:1px solid #8b5cf633;border-radius:6px;padding:15px;transition:all .3s}[data-page=industrial-manufacturing-control-center] .kpi-card:hover{border-color:var(--industrial-primary);box-shadow:var(--industrial-glow);background:#ffffff1a}[data-page=industrial-manufacturing-control-center] .kpi-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}[data-page=industrial-manufacturing-control-center] .kpi-header i{color:var(--industrial-primary);font-size:16px}[data-page=industrial-manufacturing-control-center] .kpi-header span{color:var(--industrial-text-secondary);font-size:12px;font-weight:500}[data-page=industrial-manufacturing-control-center] .kpi-value{color:var(--industrial-text-primary);margin-bottom:5px;font-family:Roboto Mono,monospace;font-size:24px;font-weight:700}[data-page=industrial-manufacturing-control-center] .kpi-trend{align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}[data-page=industrial-manufacturing-control-center] .kpi-trend.positive{color:var(--industrial-success)}[data-page=industrial-manufacturing-control-center] .kpi-trend.negative{color:var(--industrial-error)}[data-page=industrial-manufacturing-control-center] .trend-graphs{flex-direction:column;gap:15px;display:flex}[data-page=industrial-manufacturing-control-center] .trend-chart{background:#0000004d;border-radius:4px;padding:10px}[data-page=industrial-manufacturing-control-center] .chart-label{text-align:center;color:var(--industrial-text-secondary);margin-top:5px;font-size:11px;display:block}[data-page=industrial-manufacturing-control-center] .equipment-grid{flex-direction:column;gap:15px;display:flex}[data-page=industrial-manufacturing-control-center] .equipment-item{background:#ffffff0d;border:1px solid #8b5cf633;border-radius:6px;align-items:center;gap:15px;padding:15px;transition:all .3s;display:flex}[data-page=industrial-manufacturing-control-center] .equipment-item:hover{border-color:var(--industrial-primary);background:#ffffff1a}[data-page=industrial-manufacturing-control-center] .equipment-item.online{border-color:var(--industrial-success)}[data-page=industrial-manufacturing-control-center] .equipment-item.warning{border-color:var(--industrial-warning)}[data-page=industrial-manufacturing-control-center] .equipment-icon{width:40px;height:40px;color:var(--industrial-primary);background:#00d4ff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}[data-page=industrial-manufacturing-control-center] .equipment-info{flex-direction:column;flex:1;gap:5px;display:flex}[data-page=industrial-manufacturing-control-center] .equipment-name{color:var(--industrial-text-primary);font-size:14px;font-weight:600}[data-page=industrial-manufacturing-control-center] .equipment-status{color:var(--industrial-success);font-size:12px;font-weight:500}[data-page=industrial-manufacturing-control-center] .equipment-item.warning .equipment-status{color:var(--industrial-warning)}[data-page=industrial-manufacturing-control-center] .utilization-bar{background:#ffffff1a;border-radius:3px;width:60px;height:6px;overflow:hidden}[data-page=industrial-manufacturing-control-center] .utilization-fill{background:var(--industrial-success);border-radius:3px;height:100%;transition:width .5s}[data-page=industrial-manufacturing-control-center] .utilization-fill.warning{background:var(--industrial-warning)}[data-page=industrial-manufacturing-control-center] .alerts-list{flex-direction:column;gap:10px;display:flex}[data-page=industrial-manufacturing-control-center] .alert-item{background:#ffffff0d;border-left:4px solid #0000;border-radius:6px;align-items:flex-start;gap:12px;padding:12px;transition:all .3s;display:flex}[data-page=industrial-manufacturing-control-center] .alert-item.critical{border-left-color:var(--industrial-error);background:#ff33661a}[data-page=industrial-manufacturing-control-center] .alert-item.warning{border-left-color:var(--industrial-warning);background:#ffb8001a}[data-page=industrial-manufacturing-control-center] .alert-item.info{border-left-color:var(--industrial-primary);background:#00d4ff1a}[data-page=industrial-manufacturing-control-center] .alert-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}[data-page=industrial-manufacturing-control-center] .alert-item.critical .alert-icon{background:var(--industrial-error);color:#fff}[data-page=industrial-manufacturing-control-center] .alert-item.warning .alert-icon{background:var(--industrial-warning);color:#000}[data-page=industrial-manufacturing-control-center] .alert-item.info .alert-icon{background:var(--industrial-primary);color:#fff}[data-page=industrial-manufacturing-control-center] .alert-content{flex-direction:column;flex:1;gap:5px;display:flex}[data-page=industrial-manufacturing-control-center] .alert-title{color:var(--industrial-text-primary);font-size:14px;font-weight:600}[data-page=industrial-manufacturing-control-center] .alert-message{color:var(--industrial-text-secondary);font-size:12px;line-height:1.4}[data-page=industrial-manufacturing-control-center] .alert-time{color:var(--industrial-text-secondary);font-family:Roboto Mono,monospace;font-size:11px}[data-page=industrial-manufacturing-control-center] .assembly-lines-container{flex-direction:column;flex:1;gap:20px;display:flex}[data-page=industrial-manufacturing-control-center] .assembly-line{background:var(--industrial-card-bg);border:1px solid var(--industrial-border);box-shadow:var(--industrial-shadow);backdrop-filter:blur(10px);border-radius:8px;padding:20px}[data-page=industrial-manufacturing-control-center] .line-header{border-bottom:1px solid #8b5cf633;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}[data-page=industrial-manufacturing-control-center] .line-title{color:var(--industrial-text-primary);align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}[data-page=industrial-manufacturing-control-center] .line-title i{color:var(--industrial-primary);font-size:24px}[data-page=industrial-manufacturing-control-center] .line-status{border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}[data-page=industrial-manufacturing-control-center] .line-status.online{color:var(--industrial-success);background:#0f83;border:1px solid #00ff884d}[data-page=industrial-manufacturing-control-center] .line-status.warning{color:var(--industrial-warning);background:#ffb80033;border:1px solid #ffb8004d}[data-page=industrial-manufacturing-control-center] .status-dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}[data-page=industrial-manufacturing-control-center] .line-status.online .status-dot{background:var(--industrial-success)}[data-page=industrial-manufacturing-control-center] .line-status.warning .status-dot{background:var(--industrial-warning)}[data-page=industrial-manufacturing-control-center] .stations-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;display:grid}[data-page=industrial-manufacturing-control-center] .station-item{cursor:pointer;background:#ffffff0d;border:1px solid #8b5cf633;border-radius:8px;padding:20px;transition:all .3s;position:relative;overflow:hidden}[data-page=industrial-manufacturing-control-center] .station-item:hover{border-color:var(--industrial-primary);box-shadow:var(--industrial-glow);background:#ffffff1a;transform:translateY(-2px)}[data-page=industrial-manufacturing-control-center] .station-item.active{border-color:var(--industrial-success);background:#00ff880d}[data-page=industrial-manufacturing-control-center] .station-icon{width:50px;height:50px;color:var(--industrial-primary);background:#00d4ff1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:15px;font-size:20px;display:flex}[data-page=industrial-manufacturing-control-center] .station-info{margin-bottom:15px}[data-page=industrial-manufacturing-control-center] .station-name{color:var(--industrial-text-primary);margin-bottom:5px;font-size:16px;font-weight:600;display:block}[data-page=industrial-manufacturing-control-center] .station-status{color:var(--industrial-success);font-size:12px;font-weight:500}[data-page=industrial-manufacturing-control-center] .station-metrics{flex-direction:column;gap:8px;margin-bottom:15px;display:flex}[data-page=industrial-manufacturing-control-center] .metric{color:var(--industrial-text-secondary);justify-content:space-between;font-family:Roboto Mono,monospace;font-size:12px;display:flex}[data-page=industrial-manufacturing-control-center] .station-animation{background:#0000004d;border-radius:4px;height:40px;position:relative;overflow:hidden}[data-page=industrial-manufacturing-control-center] .conveyor-belt,[data-page=industrial-manufacturing-control-center] .piston-movement,[data-page=industrial-manufacturing-control-center] .crankshaft-rotation,[data-page=industrial-manufacturing-control-center] .welding-sparks,[data-page=industrial-manufacturing-control-center] .electrical-arcs,[data-page=industrial-manufacturing-control-center] .block-assembly,[data-page=industrial-manufacturing-control-center] .valve-movement,[data-page=industrial-manufacturing-control-center] .spinning-components,[data-page=industrial-manufacturing-control-center] .sensor-scan,[data-page=industrial-manufacturing-control-center] .robotic-arm,[data-page=industrial-manufacturing-control-center] .gearbox-coupling,[data-page=industrial-manufacturing-control-center] .connectivity-status,[data-page=industrial-manufacturing-control-center] .fluid-flow,[data-page=industrial-manufacturing-control-center] .panel-fitting,[data-page=industrial-manufacturing-control-center] .system-verification,[data-page=industrial-manufacturing-control-center] .ai-scanning,[data-page=industrial-manufacturing-control-center] .spectrum-analyzer,[data-page=industrial-manufacturing-control-center] .gas-analysis,[data-page=industrial-manufacturing-control-center] .thermal-overlay,[data-page=industrial-manufacturing-control-center] .performance-gauges,[data-page=industrial-manufacturing-control-center] .compliance-check,[data-page=industrial-manufacturing-control-center] .automated-boxing{background:var(--industrial-primary);opacity:.7;border-radius:50%;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1200px){[data-page=industrial-manufacturing-control-center] .industrial-dashboard-content{flex-direction:column}[data-page=industrial-manufacturing-control-center] .industrial-sidebar{flex-direction:row;gap:15px;width:100%}[data-page=industrial-manufacturing-control-center] .metrics-section,[data-page=industrial-manufacturing-control-center] .equipment-section,[data-page=industrial-manufacturing-control-center] .alerts-section{flex:1}[data-page=industrial-manufacturing-control-center] .stations-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){[data-page=industrial-manufacturing-control-center] .header-content,[data-page=industrial-manufacturing-control-center] .header-controls{flex-direction:column;gap:15px}[data-page=industrial-manufacturing-control-center] .industrial-sidebar{flex-direction:column}[data-page=industrial-manufacturing-control-center] .stations-container,[data-page=industrial-manufacturing-control-center] .kpi-grid{grid-template-columns:1fr}}@keyframes ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes pistonMove{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.7;transform:scale(1.2)rotate(180deg)}}@keyframes arc{0%,to{opacity:.3}50%{opacity:1}}@keyframes particleFloat{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-50px)scale(0)}}[data-page=manufacturing-dashboard] .manufacturing-dashboard-content{background-color:var(--manufacturing-bg-color);color:var(--manufacturing-text-color)}[data-page=manufacturing-dashboard] .widget h3{color:var(--manufacturing-text-color);font-weight:600}[data-page=manufacturing-dashboard] .widget h3#units-passed{color:#10b981}[data-page=manufacturing-dashboard] .widget h3#rejected{color:#ef4444}[data-page=manufacturing-dashboard] .widget h3#rework{color:#eab308}[data-page=manufacturing-dashboard] .widget h3#shift-time{color:#3b82f6}[data-page=manufacturing-dashboard] .widget h3#current-time{color:#6b7280}[data-page=manufacturing-dashboard] .widget h3{text-shadow:0 1px 2px #0000001a;margin-bottom:8px!important;font-size:28px!important}[data-page=manufacturing-dashboard] .widget .widget-stat{transition:transform .2s;box-shadow:0 2px 4px #0000001a}[data-page=manufacturing-dashboard] .widget .widget-stat:hover{transform:scale(1.05)}[data-page=manufacturing-dashboard] .widget .badge{border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem}[data-page=manufacturing-dashboard] .pulse-dot{background-color:var(--manufacturing-live-color);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}[data-page=manufacturing-dashboard] .conveyor-container{margin-bottom:.5rem}[data-page=manufacturing-dashboard] .conveyor-belt{background-color:var(--manufacturing-conveyor-bg);border:1px solid #e5e7eb;border-radius:.375rem;height:8rem;position:relative;overflow:hidden}[data-page=manufacturing-dashboard] .belt-animation{background:repeating-linear-gradient(90deg,#0000,#0000 10px,#94a3b84d 10px 20px);animation:1s linear infinite conveyor;position:absolute;inset:0}[data-page=manufacturing-dashboard] .station-marker{background-color:#94a3b8;width:2px;position:absolute;top:0;bottom:0}[data-page=manufacturing-dashboard] .conveyor-part{border-radius:var(--radius-xl);color:#fff;width:32px;height:32px;box-shadow:var(--shadow-lg);z-index:15;border:2px solid #ffffff4d;justify-content:center;align-items:center;font-size:1rem;transition:all .3s;animation:8s linear infinite moveWithBelt;display:flex;position:absolute;top:50%;left:0%;transform:translateY(-50%)}[data-page=manufacturing-dashboard] .conveyor-part i{color:#fff;filter:drop-shadow(0 1px 2px #0000004d);font-size:1rem}[data-page=manufacturing-dashboard] .engine-icon,[data-page=manufacturing-dashboard] .activa-icon{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 1px 2px #0000004d);width:35px;height:35px}[data-page=manufacturing-dashboard] .header-activa-icon{-o-object-fit:contain;object-fit:contain;vertical-align:middle;width:25px;height:25px;margin-right:8px}[data-page=manufacturing-dashboard] .activa-quality-icon{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 1px 2px #0000004d);width:35px;height:35px}[data-page=manufacturing-dashboard] .engine-part{background:var(--gradient-primary);box-shadow:0 4px 12px #2563eb66}[data-page=manufacturing-dashboard] .product-part{background:var(--gradient-success);box-shadow:0 4px 12px #10b98166}[data-page=manufacturing-dashboard] .quality-part{background:var(--gradient-warning);box-shadow:0 4px 12px #f59e0b66}[data-page=manufacturing-dashboard] .conveyor-part:nth-child(2){animation-delay:-2s}[data-page=manufacturing-dashboard] .conveyor-part:nth-child(3){animation-delay:-4s}[data-page=manufacturing-dashboard] .conveyor-part:nth-child(4){animation-delay:-6s}[data-page=manufacturing-dashboard] .conveyor-part:hover{z-index:15;transform:translateY(-50%)scale(1.1);box-shadow:0 4px 8px #0000004d}[data-page=manufacturing-dashboard] #engine-belt .conveyor-part{animation-duration:8s}[data-page=manufacturing-dashboard] #product-belt .conveyor-part{animation-duration:10s}[data-page=manufacturing-dashboard] #quality-belt .conveyor-part{animation-duration:12s}[data-page=manufacturing-dashboard] .stations-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}[data-page=manufacturing-dashboard] .station-card{backdrop-filter:blur(10px);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-md);background:#fffc;flex-direction:column;justify-content:space-between;transition:all .3s;display:flex;position:relative;overflow:hidden}[data-page=manufacturing-dashboard] .station-card:before{content:"";background:var(--gray-300);height:2px;transition:all .3s;position:absolute;top:0;left:0;right:0}[data-page=manufacturing-dashboard] .station-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}[data-page=manufacturing-dashboard] .station-card.idle:before{background:var(--gray-400)}[data-page=manufacturing-dashboard] .station-card.pass:before{background:var(--success)}[data-page=manufacturing-dashboard] .station-card.fail:before{background:var(--danger)}[data-page=manufacturing-dashboard] .station-card.warning:before{background:var(--warning)}[data-page=manufacturing-dashboard] .station-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}[data-page=manufacturing-dashboard] .station-info{align-items:center;gap:.5rem;display:flex}[data-page=manufacturing-dashboard] .station-info span{color:#555;font-size:.875rem;font-weight:500}[data-page=manufacturing-dashboard] .status-badge{text-align:center;color:#fff;border-radius:4px;padding:.25rem;font-size:.6rem;font-weight:600;transition:all .3s}[data-page=manufacturing-dashboard] .status-badge.idle{background:#9e9e9e}[data-page=manufacturing-dashboard] .status-badge.pass{color:var(--manufacturing-pass-color);background-color:#10b9811a;border-color:#10b98133}[data-page=manufacturing-dashboard] .status-badge.fail{color:var(--manufacturing-fail-color);background-color:#ef44441a;border-color:#ef444433}[data-page=manufacturing-dashboard] .status-badge.warning{color:var(--manufacturing-warning-color);background-color:#eab3081a;border-color:#eab30833}[data-page=manufacturing-dashboard] .station-details{color:#666;font-size:.75rem}[data-page=manufacturing-dashboard] .detail-row{justify-content:space-between;margin-bottom:.5rem;display:flex}[data-page=manufacturing-dashboard] .part-id,[data-page=manufacturing-dashboard] .timestamp{color:#555;font-family:Courier New,monospace}[data-page=manufacturing-dashboard] .result.pass{color:#4ade80;font-weight:600}[data-page=manufacturing-dashboard] .result.fail{color:#f87171;font-weight:600}[data-page=manufacturing-dashboard] .result.warning{color:#facc15;font-weight:600}@keyframes moveWithBelt{0%{left:0%}to{left:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}[data-page=manufacturing-dashboard] .blink{animation:1s infinite blink}@media (max-width:1200px){[data-page=manufacturing-dashboard] .stations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){[data-page=manufacturing-dashboard] .header-stats{display:none}[data-page=manufacturing-dashboard] .footer-stats{gap:1rem}[data-page=manufacturing-dashboard] .stations-grid{grid-template-columns:1fr}}@keyframes logoRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes iconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes crankshaftRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes electricalArc{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes weldingSpark{0%,to{opacity:.5;transform:scale(1)rotate(0)}25%{opacity:1;transform:scale(1.4)rotate(90deg)}50%{opacity:.8;transform:scale(1.2)rotate(180deg)}75%{opacity:1;transform:scale(1.3)rotate(270deg)}}@keyframes counterIncrement{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes logoGlow{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.1)}}@keyframes stationHover{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes criticalPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes onlinePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes kpiHover{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.2)rotate(180deg)}to{transform:scale(1)rotate(360deg)}}[data-page=industrial-manufacturing-control-center] .conveyor-belt{background-image:linear-gradient(90deg,#0000 0%,#adb5bd 20%,#0000 40%),linear-gradient(90deg,#0000 60%,#adb5bd 80%,#0000 100%);background-size:200% 100%;animation:3s linear infinite conveyorMove}[data-page=industrial-manufacturing-control-center] .station-item:hover{border-color:var(--industrial-primary);transform:translateY(-4px)scale(1.02);box-shadow:0 8px 25px #3b82f64d}[data-page=industrial-manufacturing-control-center] .station-item:hover .station-icon{animation:.3s ease-out stationHover}[data-page=industrial-manufacturing-control-center] .status-dot{animation:2s ease-in-out infinite statusPulse}[data-page=industrial-manufacturing-control-center] .alert-item.critical .alert-icon{animation:1s ease-in-out infinite criticalPulse}[data-page=industrial-manufacturing-control-center] .equipment-item.online .equipment-icon{animation:3s ease-in-out infinite onlinePulse}[data-page=industrial-manufacturing-control-center] .kpi-item:hover .kpi-icon{animation:.5s ease-out kpiHover}[data-page=manufacturing-dashboard]{--manufacturing-primary:#00d4ff;--manufacturing-success:#0f8;--manufacturing-warning:#ffb800;--manufacturing-error:#f36;--manufacturing-accent:#8b5cf6;--manufacturing-bg-primary:#0a0a0f;--manufacturing-bg-secondary:#1a1a2e;--manufacturing-bg-tertiary:#2d1b69;--manufacturing-text-primary:#fff;--manufacturing-text-secondary:#b0b0b0;--manufacturing-text-muted:#707070}[data-page=manufacturing-dashboard].manufacturing-control-center{background:linear-gradient(135deg,var(--manufacturing-bg-primary)0%,var(--manufacturing-bg-secondary)50%,var(--manufacturing-bg-tertiary)100%);color:var(--manufacturing-text-primary);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}[data-page=manufacturing-dashboard] .particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}[data-page=manufacturing-dashboard] .manufacturing-particle{background:var(--manufacturing-primary);border-radius:50%;width:3px;height:3px;animation:4s linear infinite manufacturing-particle-float;position:absolute}@keyframes manufacturing-particle-float{0%{opacity:0;transform:translateY(100vh)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-10px)translate(100px)}}[data-page=manufacturing-dashboard] .manufacturing-header{backdrop-filter:blur(10px);z-index:1000;background:#1a1a2ee6;border-bottom:1px solid #00d4ff4d;justify-content:space-between;align-items:center;height:70px;padding:0 20px;display:flex;position:sticky;top:0}[data-page=manufacturing-dashboard] .manufacturing-logo{color:var(--manufacturing-primary);text-shadow:0 0 20px #00d4ff80;font-family:Roboto Mono,monospace;font-size:24px;font-weight:700;animation:2s infinite manufacturing-pulse}@keyframes manufacturing-pulse{0%,to{opacity:1}50%{opacity:.8}}[data-page=manufacturing-dashboard] .manufacturing-nav-menu{gap:30px;display:flex}[data-page=manufacturing-dashboard] .manufacturing-nav-item{cursor:pointer;border-radius:6px;padding:8px 16px;font-weight:500;transition:all .3s}[data-page=manufacturing-dashboard] .manufacturing-nav-item:hover,[data-page=manufacturing-dashboard] .manufacturing-nav-item.active{color:var(--manufacturing-primary);background:#00d4ff33;box-shadow:0 0 15px #00d4ff4d}[data-page=manufacturing-dashboard] .manufacturing-status-bar{align-items:center;gap:20px;display:flex}[data-page=manufacturing-dashboard] .manufacturing-status-indicator{align-items:center;gap:8px;font-size:14px;display:flex}[data-page=manufacturing-dashboard] .manufacturing-status-dot{background:var(--manufacturing-success);border-radius:50%;width:8px;height:8px;animation:1.5s infinite manufacturing-blink}@keyframes manufacturing-blink{0%,50%{opacity:1}51%,to{opacity:.3}}[data-page=manufacturing-dashboard] .manufacturing-emergency-stop{background:var(--manufacturing-error);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .3s}[data-page=manufacturing-dashboard] .manufacturing-emergency-stop:hover{background:#cc1a44;box-shadow:0 0 20px #ff336680}[data-page=manufacturing-dashboard] .manufacturing-main-container{height:calc(100vh - 70px);display:flex}[data-page=manufacturing-dashboard] .manufacturing-sidebar{backdrop-filter:blur(10px);background:#1a1a2ecc;border-right:1px solid #00d4ff4d;width:300px;padding:20px;overflow-y:auto}[data-page=manufacturing-dashboard] .manufacturing-sidebar-section{margin-bottom:30px}[data-page=manufacturing-dashboard] .manufacturing-sidebar-title{color:var(--manufacturing-primary);align-items:center;gap:10px;margin-bottom:15px;font-size:18px;font-weight:600;display:flex}[data-page=manufacturing-dashboard] .manufacturing-kpi-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;display:grid}[data-page=manufacturing-dashboard] .manufacturing-kpi-card{text-align:center;background:#2d1b694d;border:1px solid #8b5cf64d;border-radius:8px;padding:15px;transition:all .3s}[data-page=manufacturing-dashboard] .manufacturing-kpi-card:hover{transform:translateY(-2px);box-shadow:0 5px 20px #8b5cf64d}[data-page=manufacturing-dashboard] .manufacturing-kpi-value{color:var(--manufacturing-success);margin-bottom:5px;font-family:Roboto Mono,monospace;font-size:24px;font-weight:700}[data-page=manufacturing-dashboard] .manufacturing-kpi-value.manufacturing-online{color:var(--manufacturing-success)}[data-page=manufacturing-dashboard] .manufacturing-kpi-value.manufacturing-maintenance{color:var(--manufacturing-warning)}[data-page=manufacturing-dashboard] .manufacturing-kpi-label{color:var(--manufacturing-text-secondary);text-transform:uppercase;font-size:12px}[data-page=manufacturing-dashboard] .manufacturing-alert-item{border-left:3px solid var(--manufacturing-error);background:#ff33661a;border-radius:0 6px 6px 0;margin-bottom:10px;padding:10px 15px;font-size:14px}[data-page=manufacturing-dashboard] .manufacturing-alert-time{color:var(--manufacturing-text-muted);font-size:12px}[data-page=manufacturing-dashboard] .manufacturing-content{flex:1;padding:20px;overflow-y:auto}[data-page=manufacturing-dashboard] .manufacturing-assembly-line{backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #00d4ff33;border-radius:12px;margin-bottom:20px;padding:20px;overflow-x:auto}[data-page=manufacturing-dashboard] .manufacturing-line-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}[data-page=manufacturing-dashboard] .manufacturing-line-title{color:var(--manufacturing-primary);font-size:20px;font-weight:600}[data-page=manufacturing-dashboard] .manufacturing-line-status{box-sizing:border-box;align-items:center;gap:6px;width:100%;max-width:100%;margin-bottom:8px;font-size:10px;display:flex;overflow:hidden}[data-page=manufacturing-dashboard] .manufacturing-line-status .d-flex{box-sizing:border-box;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;align-items:center;gap:4px;width:auto;max-width:-moz-fit-content;max-width:fit-content;padding:4px 8px;display:inline-flex;overflow:hidden;flex-wrap:nowrap!important}[data-page=manufacturing-dashboard] .manufacturing-stations-container{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#36f #f8f9fa;-webkit-overflow-scrolling:touch;align-items:center;gap:8px;width:100%;max-width:100%;padding:4px 2px;display:flex;position:relative;overflow:auto hidden}[data-page=manufacturing-dashboard] .manufacturing-stations-container::-webkit-scrollbar{height:6px}[data-page=manufacturing-dashboard] .manufacturing-stations-container::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}[data-page=manufacturing-dashboard] .manufacturing-stations-container::-webkit-scrollbar-thumb{background:#36f;border-radius:3px}[data-page=manufacturing-dashboard] .manufacturing-stations-container::-webkit-scrollbar-thumb:hover{background:#2952cc}[data-page=manufacturing-dashboard] .manufacturing-station,.manufacturing-station{text-align:center;cursor:pointer;backdrop-filter:blur(10px);z-index:10;background:linear-gradient(135deg,#2d1b6999,#8b5cf64d);border:2px solid #00ff8880;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:space-between;width:140px;height:110px;margin:0 2px;padding:8px 6px;transition:all .3s;display:flex;position:relative;overflow:visible;box-shadow:0 4px 12px #00ff884d}[data-page=manufacturing-dashboard] .manufacturing-station:after{content:"";z-index:10;background:linear-gradient(90deg,#0f8,#00d4ff,#ff0080);border-radius:1px;width:50%;height:2px;animation:3s ease-in-out infinite neonProgress;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #0f8c,0 0 12px #0f86,0 0 18px #0f83}[data-page=manufacturing-dashboard] .manufacturing-station.active:after{background:linear-gradient(90deg,#ff0080,#0f8,#00d4ff);animation:2s ease-in-out infinite neonProgressActive;box-shadow:0 0 10px #ff0080e6,0 0 18px #ff008080,0 0 25px #ff00804d}[data-page=manufacturing-dashboard] .manufacturing-station:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}[data-page=manufacturing-dashboard] .manufacturing-station:hover:before{transform:translate(100%)}[data-page=manufacturing-dashboard] .manufacturing-station:hover{border-color:var(--manufacturing-primary);background:linear-gradient(135deg,#2d1b6999,#8b5cf633);transform:translateY(-5px)scale(1.02);box-shadow:0 15px 40px #00d4ff66}[data-page=manufacturing-dashboard] .manufacturing-station.manufacturing-active,[data-page=manufacturing-dashboard] .manufacturing-station.active{border-color:var(--manufacturing-success);background:linear-gradient(135deg,#0f83,#00ff880d);width:140px;height:110px;transform:translateY(-2px);box-shadow:0 8px 25px #00ff884d}[data-page=manufacturing-dashboard] .manufacturing-station.manufacturing-active:after,[data-page=manufacturing-dashboard] .manufacturing-station.active:after{content:"";z-index:-1;background:linear-gradient(45deg,#0f8,#00d4ff,#0f8);border-radius:14px;animation:2s linear infinite borderGlow;position:absolute;inset:-2px}[data-page=manufacturing-dashboard] .manufacturing-station.manufacturing-active:before{content:"";background:linear-gradient(90deg,#0000,#00ff884d,#0000);width:100%;height:100%;animation:2s infinite manufacturing-scan;position:absolute;top:0;left:-100%}@keyframes manufacturing-scan{0%{left:-100%}to{left:100%}}[data-page=manufacturing-dashboard] .manufacturing-station-icon,.manufacturing-station .station-icon{color:#0f8;filter:drop-shadow(0 1px 2px #0f8c);flex-shrink:0;margin-bottom:6px;font-size:24px;transition:all .3s}.manufacturing-station .station-metrics,[data-page=manufacturing-dashboard] .manufacturing-station-metrics{color:#fff;text-shadow:0 0 2px #0f89}[data-page=manufacturing-dashboard] .manufacturing-station:hover .manufacturing-station-icon{filter:drop-shadow(0 4px 8px #00d4ff4d);transform:scale(1.1)}[data-page=manufacturing-dashboard] .manufacturing-station.active .manufacturing-station-icon{animation:2s ease-in-out infinite stationGlow}[data-page=manufacturing-dashboard] .manufacturing-station-name,.manufacturing-station .station-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.4px;text-shadow:0 0 4px #0f8c;flex-shrink:0;max-width:100%;margin-bottom:6px;padding:0 6px;font-size:10px;font-weight:600;line-height:1.3;overflow:hidden}[data-page=manufacturing-dashboard] .manufacturing-station-metrics{color:var(--manufacturing-text-secondary);box-sizing:border-box;flex-shrink:0;justify-content:space-between;gap:4px;width:100%;margin-top:10px;padding:0 4px;font-size:9px;display:flex;overflow:hidden}[data-page=manufacturing-dashboard] .manufacturing-metric-item{text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}[data-page=manufacturing-dashboard] .manufacturing-station{position:relative;overflow:visible}[data-page=manufacturing-dashboard] .manufacturing-station:before{content:"";z-index:10;background:linear-gradient(90deg,#0f8,#00d4ff,#ff0080);border-radius:2px;width:60%;height:3px;animation:3s ease-in-out infinite neonProgress;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #0f8c,0 0 20px #0f86,0 0 30px #0f83}[data-page=manufacturing-dashboard] .manufacturing-station.active:before{background:linear-gradient(90deg,#ff0080,#0f8,#00d4ff);animation:2s ease-in-out infinite neonProgressActive;box-shadow:0 0 15px #ff0080e6,0 0 25px #ff008080,0 0 35px #ff00804d}[data-page=manufacturing-dashboard] .manufacturing-connector{justify-content:center;align-items:center;display:flex;position:relative}[data-page=manufacturing-dashboard] .manufacturing-connector:before{content:"";background:linear-gradient(90deg,#0f8,#00d4ff,#ff0080);border-radius:1px;height:2px;animation:4s linear infinite neonFlow;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 0 8px #0f89,0 0 16px #00ff884d}[data-page=manufacturing-dashboard] .manufacturing-connector:after{content:"";background:#0f8;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite neonPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #0f8c,0 0 20px #0f86}@keyframes neonProgress{0%,to{opacity:.7;box-shadow:0 0 10px #0f8c,0 0 20px #0f86,0 0 30px #0f83}50%{opacity:1;box-shadow:0 0 15px #00ff88e6,0 0 25px #00ff8880,0 0 35px #00ff884d}}@keyframes neonProgressActive{0%,to{opacity:.8;box-shadow:0 0 15px #ff0080e6,0 0 25px #ff008080,0 0 35px #ff00804d}50%{opacity:1;box-shadow:0 0 20px #ff0080,0 0 30px #ff008099,0 0 40px #ff008066}}@keyframes neonFlow{0%{background:linear-gradient(90deg,#0f8,#00d4ff,#ff0080);box-shadow:0 0 8px #0f89,0 0 16px #00ff884d}33%{background:linear-gradient(90deg,#00d4ff,#ff0080,#0f8);box-shadow:0 0 8px #00d4ff99,0 0 16px #00d4ff4d}66%{background:linear-gradient(90deg,#ff0080,#0f8,#00d4ff);box-shadow:0 0 8px #ff008099,0 0 16px #ff00804d}to{background:linear-gradient(90deg,#0f8,#00d4ff,#ff0080);box-shadow:0 0 8px #0f89,0 0 16px #00ff884d}}@keyframes neonPulse{0%,to{opacity:.8;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;padding:0 4px;transform:translate(-50%,-50%)scale(1.2)}}[data-page=energy-consumption] .energy-gauge-label{text-align:center;z-index:10;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-page=energy-consumption] .energy-gauge-label .gauge-value{color:var(--dark-color);margin-bottom:.25rem;font-family:Roboto,Segoe UI,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;display:block}[data-page=energy-consumption] .energy-gauge-label .gauge-status{color:var(--secondary-color);text-transform:uppercase;letter-spacing:.5px;font-family:Roboto,Segoe UI,sans-serif;font-size:.875rem;font-weight:500;display:block}[data-page=energy-consumption] .energy-filter-item-horizontal{min-width:120px}@media (max-width:768px){[data-page=energy-consumption] .energy-filter-container-horizontal{flex-wrap:wrap;gap:12px}[data-page=energy-consumption] .energy-filter-item-horizontal{min-width:unset;flex:calc(50% - 6px)}}[data-page=energy-consumption] .energy-filter-actions{width:100%;margin-top:8px;margin-left:0}[data-page=energy-consumption] .energy-filter-actions .btn-apply{width:100%}[data-page=energy-consumption] .energy-realtime-value{font-size:2.5rem}[data-page=energy-consumption] .chart-period-selector{flex-wrap:wrap;visibility:visible!important;opacity:1!important;display:flex!important}[data-page=quality-analytics] .quality-view-content[data-view=chart],[data-page=quality-analytics] .quality-switch-input:checked~* .quality-view-content[data-view=table],[data-page=quality-analytics] .quality-switch-input:checked+.quality-switch-slider~* .quality-view-content[data-view=table]{display:none!important}[data-page=quality-analytics] .quality-switch-input:checked~* .quality-view-content[data-view=chart],[data-page=quality-analytics] .quality-switch-input:checked+.quality-switch-slider~* .quality-view-content[data-view=chart]{display:block!important}[data-page=quality-analytics] .quality-drilldown-container.quality-view-content[data-view=table]{display:flex!important}[data-page=quality-analytics] .quality-drilldown-container{flex-direction:column;gap:1.5rem;display:flex}[data-page=quality-analytics] .quality-drilldown-table-container{background:var(--light-color);border-radius:var(--border-radius-sm);border:1px solid #7987a11a;padding:1rem}[data-page=quality-analytics] .quality-drilldown-table-header{border-bottom:2px solid #3666ff33;margin-bottom:1rem;padding-bottom:.75rem}[data-page=quality-analytics] .quality-drilldown-table-title{color:var(--dark-color);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.9rem;font-weight:700}[data-page=quality-analytics] .quality-drilldown-table-wrapper{overflow-x:auto}@media (max-width:768px){[data-page=quality-analytics] .quality-drilldown-container{flex-direction:column;gap:1rem}}[data-page=quality-analytics] .quality-summary-widget{min-height:auto;height:auto!important}[data-page=quality-analytics] .quality-summary-container{gap:1rem;padding:1.5rem 1.5rem 1rem}[data-page=quality-analytics] .quality-quantity-boxes{margin-top:.5rem}[data-page=quality-analytics] .quality-shift-widget{min-height:auto;height:auto!important}[data-page=quality-analytics] .quality-shift-container{padding:1.5rem 1.5rem 1rem}[data-page=quality-analytics] .quality-view-content[data-view=table]{display:none!important}[data-page=quality-analytics] .quality-view-content[data-view=chart]{display:block!important}[data-page=quality-analytics] .quality-drilldown-container.quality-view-content[data-view=chart],[data-page=quality-analytics] .quality-drilldown-container.quality-view-content[data-view=table]{display:none!important}[data-page=quality-analytics] .server-filter-actions .btn-apply{color:#fff;cursor:pointer;background:linear-gradient(90deg,#36f,#3ecbff);border:none;border-radius:20px;min-width:80px;height:38px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}[data-page=quality-analytics] .server-filter-actions .btn-apply:hover{background:linear-gradient(90deg,#2952cc,#32a8d9)}[data-page=quality-analytics] .server-filter-actions .btn-reset{cursor:pointer;color:#495057;background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:20px;min-width:80px;height:38px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}[data-page=quality-analytics] .server-filter-actions .btn-reset:hover{background-color:#f1f3f5}[data-page=quality-analytics] .quality-shift-select-wrapper{margin-right:12px}[data-page=quality-analytics] .quality-shift-select{color:#495057;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:120px;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .2s}[data-page=quality-analytics] .quality-shift-select:hover{border-color:#36f}[data-page=quality-analytics] .quality-shift-select:focus{border-color:#36f;outline:none;box-shadow:0 0 0 3px #3666ff1a}[data-page=maintenance-module] .maintenance-view-toggle-switch{align-items:center;margin-right:.5rem;display:flex}[data-page=maintenance-module] .maintenance-switch-label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--dark-color);align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;display:flex}[data-page=maintenance-module] .maintenance-switch-text{color:var(--secondary-color);text-align:center;min-width:45px;font-size:.8rem;font-weight:600;transition:color .3s}[data-page=maintenance-module] .maintenance-switch-label:hover .maintenance-switch-text{color:var(--dark-color)}[data-page=maintenance-module] .maintenance-switch-input{opacity:0;width:0;height:0;position:absolute}[data-page=maintenance-module] .maintenance-switch-slider{background:var(--light-color);border:2px solid #7987a133;border-radius:16px;width:70px;height:32px;transition:all .3s;display:inline-block;position:relative;box-shadow:inset 0 2px 4px #0000001a}[data-page=maintenance-module] .maintenance-switch-slider:before{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:all .3s;position:absolute;top:50%;left:4px;transform:translateY(-50%);box-shadow:0 2px 4px #0003}[data-page=maintenance-module] .maintenance-switch-input:checked+.maintenance-switch-slider{background:linear-gradient(135deg,var(--primary-color,#3666ff)0%,#5b47fb 100%);border-color:var(--primary-color,#3666ff)}[data-page=maintenance-module] .maintenance-switch-input:checked+.maintenance-switch-slider:before{transform:translateY(-50%)translate(38px)}[data-page=maintenance-module] .maintenance-switch-icon{color:#fff;z-index:1;font-size:14px;transition:opacity .3s;position:absolute;top:50%;transform:translateY(-50%)}[data-page=maintenance-module] .maintenance-switch-icon-table{opacity:1;left:10px}[data-page=maintenance-module] .maintenance-switch-icon-chart{opacity:0;right:10px}[data-page=maintenance-module] .maintenance-switch-input:checked~.maintenance-switch-slider .maintenance-switch-icon-table{opacity:0}[data-page=maintenance-module] .maintenance-switch-input:checked~.maintenance-switch-slider .maintenance-switch-icon-chart{opacity:1}[data-page=maintenance-module] .maintenance-switch-input:checked~* .maintenance-view-content[data-view=table]{display:none!important}[data-page=maintenance-module] .maintenance-switch-input:checked~* .maintenance-view-content[data-view=chart]{display:block!important}[data-page=maintenance-module] .maintenance-chart-container{min-height:400px;padding:1rem}[data-page=maintenance-module] .maintenance-chart-wrapper{width:100%;height:100%;min-height:400px}[data-page=maintenance-module] .maintenance-view-content[data-view=table]{display:none!important}[data-page=maintenance-module] .maintenance-view-content[data-view=chart]{display:block!important}[data-page=maintenance-module] .close{justify-content:center;align-items:center;margin-left:auto;padding:.5rem;display:flex}[data-page=maintenance-module] .close span[aria-hidden=true]{justify-content:center;align-items:center;font-size:1.5rem;font-weight:300;line-height:1;display:flex}[data-page=maintenance-module] .modal-header .close,[data-page=maintenance-module] .alert .close{justify-content:center;align-items:center;width:2rem;height:2rem;margin:0;padding:.5rem;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}[data-page=maintenance-module] .modal-header .close span[aria-hidden=true],[data-page=maintenance-module] .alert .close span[aria-hidden=true]{justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;font-weight:300;line-height:1;display:flex}[data-page=maintenance-module] .maintenance-page-toggle-switch{align-items:center;margin-left:.5rem;display:flex}[data-page=maintenance-module] .maintenance-page-switch-label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--dark-color);align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;display:flex}[data-page=maintenance-module] .maintenance-page-switch-text{color:var(--secondary-color);text-align:center;min-width:50px;font-size:.8rem;font-weight:600;transition:color .3s}[data-page=maintenance-module] .maintenance-page-switch-label:hover .maintenance-page-switch-text{color:var(--dark-color)}[data-page=maintenance-module] .maintenance-page-switch-input{opacity:0;width:0;height:0;position:absolute}[data-page=maintenance-module] .maintenance-page-switch-slider{background:var(--light-color);border:2px solid #7987a133;border-radius:16px;width:80px;height:32px;transition:all .3s;display:inline-block;position:relative;box-shadow:inset 0 2px 4px #0000001a}[data-page=maintenance-module] .maintenance-page-switch-slider:before{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:all .3s;position:absolute;top:50%;left:4px;transform:translateY(-50%);box-shadow:0 2px 4px #0003}[data-page=maintenance-module] .maintenance-page-switch-input:checked+.maintenance-page-switch-slider{background:linear-gradient(135deg,var(--primary-color,#3666ff)0%,#5b47fb 100%);border-color:var(--primary-color,#3666ff)}[data-page=maintenance-module] .maintenance-page-switch-input:checked+.maintenance-page-switch-slider:before{transform:translateY(-50%)translate(48px)}[data-page=maintenance-module] .maintenance-page-switch-icon{color:#fff;z-index:1;font-size:14px;transition:opacity .3s;position:absolute;top:50%;transform:translateY(-50%)}[data-page=maintenance-module] .maintenance-page-switch-icon-list{opacity:1;left:10px}[data-page=maintenance-module] .maintenance-page-switch-icon-calendar{opacity:0;right:10px}[data-page=maintenance-module] .maintenance-page-switch-input:checked~.maintenance-page-switch-slider .maintenance-page-switch-icon-list{opacity:0}[data-page=maintenance-module] .maintenance-page-switch-input:checked~.maintenance-page-switch-slider .maintenance-page-switch-icon-calendar{opacity:1}[data-page=maintenance-module] .page-view-list{display:block}[data-page=maintenance-module] .page-view-calendar{display:none}[data-page=maintenance-module] .maintenance-page-switch-input:checked~* .page-view-list,body[data-page=maintenance-module]:has(.maintenance-page-switch-input:checked) #listViewContainer,body[data-page=maintenance-module]:has(.maintenance-page-switch-input:checked) #chartsRow,body[data-page=maintenance-module]:has(.maintenance-page-switch-input:checked) #equipmentRow{display:none!important}[data-page=maintenance-module] .maintenance-page-switch-input:checked~* .page-view-calendar,body[data-page=maintenance-module]:has(.maintenance-page-switch-input:checked) #calendarViewContainer{display:block!important}[data-page=maintenance-module] .calendar-tasks-summary{background:var(--light-color);border-radius:var(--border-radius-sm);padding:1rem}[data-page=maintenance-module] .summary-item{padding:.5rem}[data-page=maintenance-module] .summary-value{font-size:1.5rem;font-weight:700;line-height:1.2}[data-page=maintenance-module] .summary-label{color:var(--secondary-color);text-transform:uppercase;margin-top:.25rem;font-size:.75rem;font-weight:600}[data-page=maintenance-module] .task-section h6{align-items:center;gap:.5rem;font-weight:600;display:flex}[data-page=maintenance-module] .task-section .list-group-item{border-left:3px solid #0000;transition:all .2s}[data-page=maintenance-module] .task-section .list-group-item:hover{border-left-color:var(--primary-color);background-color:var(--light-color)}[data-page=maintenance-module] .calendar-header-actions{border-radius:var(--border-radius-sm);background:#f8f9fa;border-bottom:3px solid #17a2b8;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:relative}[data-page=maintenance-module] .calendar-header-actions:after{content:"";border-radius:0 0 var(--border-radius-sm)var(--border-radius-sm);background:#17a2b8;height:3px;position:absolute;bottom:-3px;left:0;right:0}[data-page=maintenance-module] .calendar-add-new-btn{border-radius:var(--border-radius-sm);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;min-width:60px;padding:.5rem .75rem;transition:all .3s;display:flex}[data-page=maintenance-module] .calendar-add-new-btn:hover{background:#3666ff1a;transform:translateY(-1px)}[data-page=maintenance-module] .calendar-add-icon{color:#fff;background:#495057;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;font-weight:300;transition:all .3s;display:flex}[data-page=maintenance-module] .calendar-add-new-btn:hover .calendar-add-icon{background:var(--primary-color,#3666ff);transform:scale(1.1)}[data-page=maintenance-module] .calendar-add-text{color:#495057;text-transform:uppercase;letter-spacing:.5px;flex-direction:column;align-items:center;gap:0;font-size:.7rem;font-weight:600;line-height:1.1;display:flex}[data-page=maintenance-module] .calendar-add-new-btn:hover .calendar-add-text{color:var(--primary-color,#3666ff)}[data-page=maintenance-module] .calendar-nav-btn{color:#495057;cursor:pointer;background:#e9ecef;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1rem;transition:all .3s;display:flex}[data-page=maintenance-module] .calendar-nav-btn:hover{color:var(--primary-color,#3666ff);background:#dee2e6;transform:scale(1.1);box-shadow:0 2px 4px #0000001a}[data-page=maintenance-module] .calendar-nav-btn:active{transform:scale(.95)}[data-page=maintenance-module] .calendar-month-year{text-align:center;color:#212529;letter-spacing:.5px;flex:1;min-width:150px;font-size:1.1rem;font-weight:700}[data-page=maintenance-module] .calendar-today-btn{border-radius:var(--border-radius-sm);color:#495057;cursor:pointer;background:#e9ecef;border:none;min-width:80px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s}[data-page=maintenance-module] .calendar-today-btn:hover{background:var(--primary-color,#3666ff);color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #3666ff4d}[data-page=maintenance-module] .calendar-today-btn:active{transform:translateY(0)}@media (max-width:768px){[data-page=maintenance-module] .calendar-header-actions{flex-wrap:wrap;gap:.75rem;padding:.5rem}[data-page=maintenance-module] .calendar-month-year{order:-1;width:100%;margin-bottom:.5rem}[data-page=maintenance-module] .calendar-add-new-btn{min-width:50px}[data-page=maintenance-module] .calendar-add-icon{width:28px;height:28px;font-size:1rem}[data-page=maintenance-module] .calendar-add-text{font-size:.65rem}}[data-page=maintenance-module] #calendarViewContainer .widget{border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 2px 12px #00000014}[data-page=maintenance-module] #calendarViewContainer .widget-header{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-bottom:3px solid #17a2b8;padding:1rem 1.5rem}[data-page=maintenance-module] #calendarViewContainer .widget-title{color:#212529;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:flex}[data-page=maintenance-module] #calendarViewContainer .widget-title i{color:#17a2b8;font-size:1.2rem}[data-page=maintenance-module] .maintenance-calendar-container{border-radius:var(--border-radius-sm);background:#fff;overflow:hidden;box-shadow:0 1px 3px #0000000d}[data-page=maintenance-module] .calendar-header{background:#f8f9fa;border-bottom:2px solid #e9ecef}[data-page=maintenance-module] .calendar-day-name{color:#495057;text-transform:uppercase;letter-spacing:.5px;padding:.75rem .5rem;font-size:.75rem;font-weight:700}[data-page=maintenance-module] .calendar-grid{background:#fff;min-height:400px}[data-page=maintenance-module] .calendar-day{background:#fff;border:1px solid #e9ecef;min-height:80px;padding:.5rem;transition:all .2s;position:relative}[data-page=maintenance-module] .calendar-day:hover{border-color:var(--primary-color,#3666ff);cursor:pointer;z-index:1;background:#f8f9fa;transform:scale(1.02);box-shadow:0 2px 8px #3666ff26}[data-page=maintenance-module] .calendar-day.today{border:2px solid var(--primary-color,#3666ff);background:linear-gradient(135deg,#3666ff1a 0%,#5b47fb0d 100%);font-weight:700}[data-page=maintenance-module] .calendar-day-number{color:#212529;margin-bottom:.25rem;font-size:.9rem;font-weight:600}[data-page=maintenance-module] .calendar-day.other-month .calendar-day-number{color:#adb5bd;font-weight:400}[data-page=maintenance-module] .calendar-day-tasks{margin-top:.25rem}[data-page=maintenance-module] .calendar-task-indicator{color:#fff;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:.7rem;font-weight:700;display:inline-flex}[data-page=maintenance-module] .calendar-task-indicator.priority-critical{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%)}[data-page=maintenance-module] .calendar-task-indicator.priority-high{background:linear-gradient(135deg,#ffc107 0%,#e0a800 100%)}[data-page=maintenance-module] .calendar-task-indicator.priority-medium{background:linear-gradient(135deg,#17a2b8 0%,#138496 100%)}[data-page=maintenance-module] .calendar-task-indicator.priority-low{background:linear-gradient(135deg,#6c757d 0%,#5a6268 100%)}[data-page=maintenance-module] .calendar-task-indicator.overdue{animation:2s infinite pulse;box-shadow:0 0 #dc3545b3}[data-page=maintenance-module] .calendar-task-count{font-size:.65rem;font-weight:700}[data-page=maintenance-module] .calendar-legend{border-radius:var(--border-radius-sm);background:#f8f9fa;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;padding:1rem;display:flex}[data-page=maintenance-module] .legend-item{color:#495057;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}[data-page=maintenance-module] .legend-dot{border-radius:50%;width:16px;height:16px;display:inline-block}[data-page=maintenance-module] .legend-dot.legend-critical{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);box-shadow:0 2px 4px #dc35454d}[data-page=maintenance-module] .legend-dot.legend-high{background:linear-gradient(135deg,#ffc107 0%,#e0a800 100%);box-shadow:0 2px 4px #ffc1074d}[data-page=maintenance-module] .legend-dot.legend-medium{background:linear-gradient(135deg,#17a2b8 0%,#138496 100%);box-shadow:0 2px 4px #17a2b84d}[data-page=maintenance-module] .legend-dot.legend-low{background:linear-gradient(135deg,#6c757d 0%,#5a6268 100%);box-shadow:0 2px 4px #6c757d4d}[data-page=maintenance-module] .legend-dot.legend-overdue{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);animation:2s infinite pulse;box-shadow:0 2px 4px #dc35454d}[data-page=maintenance-module] .apexcharts-legend{flex-wrap:wrap!important;gap:1rem!important;margin-top:1rem!important;padding:.5rem 0!important;display:flex!important}[data-page=maintenance-module] .apexcharts-legend-series{align-items:center!important;gap:.5rem!important;margin:0!important;padding:.25rem .5rem!important;display:flex!important;position:relative!important}[data-page=maintenance-module] .apexcharts-legend-marker{z-index:1!important;flex-shrink:0!important;width:12px!important;height:12px!important;margin-left:0!important;margin-right:.5rem!important;position:relative!important}[data-page=maintenance-module] .apexcharts-legend-text{white-space:nowrap!important;z-index:1!important;color:#495057!important;margin-left:0!important;padding-left:0!important;font-size:.875rem!important;font-weight:500!important;position:relative!important}[data-page=maintenance-module] .apexcharts-legend-series:before,[data-page=maintenance-module] .apexcharts-legend-series:after{content:none!important}[data-page=maintenance-module] .apexcharts-legend-series *{display:inline-block!important;position:relative!important}[data-page=maintenance-module] .apexcharts-legend-series i,[data-page=maintenance-module] .apexcharts-legend-series .icon{vertical-align:middle!important;z-index:1!important;margin-left:.5rem!important;margin-right:0!important;display:inline-block!important;position:relative!important}[data-page=maintenance-module] .apexcharts-legend-series{position:relative!important}[data-page=maintenance-module] .apexcharts-legend-series>*{align-items:center!important;display:inline-flex!important;position:relative!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}