:root{--petroly-red: #EA2129;--petroly-blue: #3B62A7;--petroly-black: #010000;--petroly-light: #FBEEEF;--primary-red: #EA2129;--primary-blue: #3B62A7;--primary-rgb: 234, 33, 41;--secondary-rgb: 59, 98, 167;--red-50: #fef2f2;--red-100: #fee2e2;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--success-color: #10b981;--success-rgb: 16, 185, 129;--warning-color: #f59e0b;--warning-rgb: 245, 158, 11;--danger-color: #ef4444;--danger-rgb: 239, 68, 68;--info-color: #06b6d4;--info-rgb: 6, 182, 212;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--text-dark: #1f2937;--text-light: #6b7280;--text-muted: #9ca3af;--text-white: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-overlay: rgba(0, 0, 0, .5);--border-light: #e5e7eb;--border-medium: #d1d5db;--border-dark: #9ca3af;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .1);--space-0: 0;--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;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--font-family-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-serif: "Georgia", "Times New Roman", serif;--font-family-mono: "Fira Code", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-toast: 1080;--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--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);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--navbar-height: 4rem;--sidebar-width: 16rem;--sidebar-collapsed-width: 4rem;--footer-height: 3rem;--glass-bg: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .18);--glass-backdrop-filter: blur(20px);--gradient-primary: linear-gradient(135deg, var(--primary-blue), var(--primary-red));--gradient-success: linear-gradient(135deg, #10b981, #059669);--gradient-warning: linear-gradient(135deg, #f59e0b, #d97706);--gradient-danger: linear-gradient(135deg, #ef4444, #dc2626);--gradient-info: linear-gradient(135deg, #06b6d4, #0891b2);--status-operational: var(--success-color);--status-maintenance: var(--warning-color);--status-fault: var(--danger-color);--status-offline: var(--gray-500);--status-standby: #8b5cf6;--status-monitoring: var(--info-color)}@media (prefers-color-scheme: dark){:root{--text-dark: #f9fafb;--text-light: #d1d5db;--text-muted: #9ca3af;--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--border-light: #374151;--border-medium: #4b5563;--border-dark: #6b7280;--glass-bg: rgba(31, 41, 55, .25);--glass-border: rgba(75, 85, 99, .18)}}body{font-family:var(--font-family-sans);background:var(--bg-primary);color:var(--text-dark)}.auth-container{background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--secondary-rgb),.05));min-height:100vh}.auth-container .auth-left-panel{background:linear-gradient(135deg,var(--primary-blue),var(--primary-red))}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{background:#ffffff26;color:#fff;transform:translate(4px);border-radius:var(--radius-lg)}.topbar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light)}.modal-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl)}.vertical-menu{background:linear-gradient(180deg,rgba(var(--primary-rgb),.95),rgba(var(--primary-rgb),1));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.vertical-menu .navbar-nav .nav-link{color:#fffc;border-radius:var(--radius-lg);margin:var(--space-1) var(--space-3);transition:all var(--duration-200) var(--ease-out)}.vertical-menu .navbar-nav .nav-link:hover{background:#ffffff1a;color:#fff;transform:translate(4px)}.vertical-menu .navbar-nav .nav-link.active{background:#ffffff26;color:#fff;box-shadow:var(--shadow-md)}.breadcrumb{background:transparent;padding:0}.breadcrumb .breadcrumb-item{font-size:var(--font-size-sm)}.breadcrumb .breadcrumb-item:not(:last-child){color:var(--text-muted)}.breadcrumb .breadcrumb-item:last-child{color:var(--text-dark);font-weight:var(--font-weight-medium)}.breadcrumb .breadcrumb-item:before{color:var(--text-muted)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{font-family:var(--font-family-sans);font-size:var(--font-size-sm)}.dataTables_wrapper .dataTables_filter input{width:auto;display:inline-block;margin-left:var(--space-2)}.dataTables_wrapper .paginate_button.current{background:var(--primary-blue)!important;color:#fff!important;border-color:var(--primary-blue)!important}.dataTables_wrapper .paginate_button:hover{background:var(--bg-secondary)!important;color:var(--text-dark)!important}.dropdown-menu{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-2)}.dropdown-menu .dropdown-item{border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);transition:all var(--duration-150) var(--ease-out)}.dropdown-menu .dropdown-item:hover{background:var(--bg-secondary);color:var(--text-dark)}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-index-toast)}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid var(--primary-blue);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.auth-container .auth-left-panel{display:none}.auth-container .auth-right-panel{width:100%}.card{margin-bottom:var(--space-4)}.table-responsive{border-radius:var(--radius-xl);overflow:hidden}}@media print{.modern-card,.card{box-shadow:none;border:1px solid #ddd}.modern-btn,.btn{background:transparent!important;color:#000!important;border:1px solid #000!important}}@media (prefers-contrast: high){.modern-card,.card,.modern-input,.form-control,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],textarea,select,.dataTables_wrapper .dataTables_filter input{border:2px solid var(--text-dark)}.modern-btn,.btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}