@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@tailwind base;@tailwind components;@tailwind utilities;@layer components{.btn-danger,.btn-danger:disabled,.btn-danger:hover:not(:disabled),.btn-primary,.btn-primary:active:not(:disabled),.btn-primary:disabled,.btn-primary:hover:not(:disabled),.btn-secondary,.btn-secondary:active:not(:disabled),.btn-secondary:disabled,.btn-secondary:hover:not(:disabled),.btn-success,.btn-success:disabled,.btn-success:hover:not(:disabled),.header-actions,.header-content,.page-header,.page-header h1,.pagecontainer .data-table,.pagecontainer .data-table thead tr,.pagecontainer .table-container{@apply border-b border-border-primary}.pagecontainer .data-table td,.pagecontainer .data-table th{@apply text-text-secondary text-[0.9rem] px-4 py-3 align-middle;white-space:nowrap}.pagecontainer .data-table tbody tr,.pagecontainer .data-table tbody tr:hover{@apply bg-emerald-500/5}.pagecontainer .table-header{@apply flex items-center justify-between mb-2;flex-direction:row-reverse;gap:.75rem}.pagecontainer .filter-toggle,.pagecontainer .filter-toggle:hover,.pagecontainer .table-info{@apply bg-card-hover border-accent text-accent}.pagecontainer .data-table td:nth-child(4),.pagecontainer .data-table td:nth-child(5){max-width:320px;overflow:hidden;text-overflow:ellipsis}.alert,.alert-error,.alert-info,.alert-success,.alert-warning,.badge,.badge-error,.badge-info,.badge-success,.badge-warning,.btn-icon,.btn-icon:hover:not(:disabled),.card,.card-header,.card-title,.form-group,.form-input,.form-label,.form-label.required:after,.form-select,.form-textarea,.glass,.glass-card,.premium-gradient-text,.premium-label,.spinner,.table,.table tbody tr,.table td,.table th,.table thead,.table-responsive{@apply text-[11px] font-black text-text-secondary uppercase tracking-[0.1em] mb-1.5 flex items-center gap-2}.shadow-premium{box-shadow:0 25px 50px -12px #00000014}.dark .shadow-premium{box-shadow:0 25px 50px -12px #0000004d}.animate-gradient{animation:gradient-animation 15s ease infinite;background-size:400% 400%}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.glow-accent{box-shadow:0 0 20px #10b9814d}.animate-spin-slow{animation:spin 8s linear infinite}.report-title-section{align-items:flex-start!important;display:flex!important;flex-direction:column!important;gap:20px!important;margin-bottom:32px!important;width:auto!important}.back-btn{align-items:center!important;background-color:#fff!important;background-color:var(--card-bg,#fff)!important;border:1.5px solid #e2e8f0!important;border:1.5px solid var(--border-primary,#e2e8f0)!important;border-radius:16px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;color:#1e293b!important;color:var(--text-primary,#1e293b)!important;cursor:pointer!important;display:flex!important;font-size:32px!important;height:64px!important;justify-content:center!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:64px!important}.back-btn:hover{background-color:#f8fafc!important;background-color:var(--bg-hover,#f8fafc)!important;border-color:#509183!important;border-color:var(--accent-primary,#509183)!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;color:#509183!important;color:var(--accent-primary,#509183)!important;transform:translateY(-4px) scale(1.05)!important}.report-title-group{display:flex!important;flex-direction:column!important;gap:8px!important}.page-header,.report-header{align-items:flex-start!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}button{font-family:inherit}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}input,select,textarea{font-family:inherit}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (hover:none) and (pointer:coarse){.btn-secondary,.nav-item,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}}@media (max-width:768px){html{font-size:14px}}@media (max-width:480px){html{font-size:13px}}.action-item.edit,.btn-icon-edit,.btn-icon-edit svg,.btn-table-action.edit,.table-action-edit{align-items:center!important;background:#0000!important;border:none!important;box-shadow:none!important;color:#10b981!important;display:flex!important;height:auto!important;justify-content:center!important;min-height:auto!important;min-width:auto!important;padding:4px!important;width:auto!important}.action-item.edit:hover,.btn-icon-edit:hover,.btn-table-action.edit:hover,.table-action-edit:hover{background:#0000!important;color:#059669!important;transform:scale(1.15)!important}.action-item.delete,.btn-icon-delete,.btn-icon-delete svg,.btn-table-action.delete,.table-action-delete{align-items:center!important;background:#0000!important;border:none!important;box-shadow:none!important;color:#ef4444!important;display:flex!important;height:auto!important;justify-content:center!important;min-height:auto!important;min-width:auto!important;padding:4px!important;width:auto!important}.action-item.delete:hover,.btn-icon-delete:hover,.btn-table-action.delete:hover,.table-action-delete:hover{background:#0000!important;color:#dc2626!important;transform:scale(1.15)!important}.btn-icon-delete:hover,.btn-icon-edit:hover,.btn-icon:hover{background-color:initial!important}.action-buttons{gap:12px!important}.action-buttons,.btn-icon-view,.btn-icon-view svg{background:#0000!important;border:none!important;box-shadow:none!important;display:flex!important;justify-content:center!important}.btn-icon-view,.btn-icon-view svg{align-items:center!important;color:#3b82f6!important;height:auto!important;min-height:auto!important;min-width:auto!important;padding:4px!important;width:auto!important}.btn-icon-view:hover{background:#0000!important;color:#2563eb!important;transform:scale(1.15)!important}.btn-icon-escalate,.btn-icon-escalate svg{align-items:center!important;background:#0000!important;border:none!important;box-shadow:none!important;color:#6366f1!important;display:flex!important;height:auto!important;justify-content:center!important;min-height:auto!important;min-width:auto!important;padding:4px!important;width:auto!important}.btn-icon-escalate:hover{background:#0000!important;color:#4f46e5!important;transform:scale(1.15)!important}.Toastify__toast-container{z-index:999999!important}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}.landing-page{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);left:0;padding:1rem 0;position:fixed;right:0;top:0;transition:background-color .3s ease,border-color .3s ease;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.logo,.nav-container{align-items:center;display:flex}.logo{font-size:1.5rem;font-weight:700;gap:.5rem}.logo-icon{height:32px;width:32px}.logo-text{-webkit-text-fill-color:inherit!important;background:none!important;color:#000!important;font-size:1.2rem!important}.footer .logo-text,.footer-title{-webkit-text-fill-color:inherit!important;background:none!important;color:#fff!important;font-size:1.2rem!important}.nav-links{align-items:center;display:flex;gap:1rem}.nav-links a{color:var(--text-secondary);font-weight:500;padding:10px 20px;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:var(--text-primary)}.hamburger-menu{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:.5rem;z-index:1001}.menu-icon{color:var(--text-primary);font-size:1.5rem;height:24px;transition:transform .3s ease;width:24px}@media (max-width:768px){.hamburger-menu{display:flex}.nav-links{align-items:flex-start;background:var(--bg-secondary);flex-direction:column;gap:0;height:0!important;left:0;max-height:0;overflow:hidden;padding:0;position:fixed;right:0;top:60px;transition:max-height .3s ease}.nav-links,.nav-links.active{border-bottom:1px solid var(--border-primary)}.nav-links.active{height:auto!important;max-height:400px;padding:2rem}.nav-links a{border-bottom:1px solid var(--border-primary);padding:.75rem 0;width:100%}.nav-links a:last-child{border-bottom:none}.btn-login{margin-top:.5rem}.btn-login,.btn-signup{text-align:center;width:100%}}.btn-login{background:#0000;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-block;font-weight:500;padding:.5rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-login:hover{background:var(--bg-card);border-color:var(--border-focus)}.btn-signup{background:var(--gradient-primary);border:none;border-radius:8px;box-shadow:var(--shadow-accent);color:#fff!important;cursor:pointer;display:inline-block;font-weight:600;padding:.5rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-signup:hover{box-shadow:0 6px 20px #667eea99;color:#fff;text-decoration:none;transform:translateY(-2px)}.hero{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:8rem 2rem 4rem;position:relative;transition:background-color .3s ease}.hero-background{background:#000;bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.hero-background img{display:block;margin:0 auto;object-fit:cover;opacity:.6;width:100%}.gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.5;position:absolute}.orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:500px;left:-200px;top:-200px;width:500px}.orb-2{animation-delay:5s;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-150px;height:400px;right:-150px;width:400px}.orb-3{animation-delay:10s;background:linear-gradient(135deg,#4facfe,#00f2fe);height:300px;right:10%;top:50%;width:300px}.hero-content{max-width:900px;position:relative;text-align:center;z-index:1}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.5rem}.hero-badge span{color:#fff}.badge-icon{font-size:1.2rem}.hero-title{color:var(--text-primary);font-size:4rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-description{color:#fff;font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:700px}.hero-cta{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem}.btn-primary{display:inline-block;text-align:center;text-decoration:none}.btn-primary:hover{box-shadow:0 8px 30px #667eea99;text-decoration:none;transform:translateY(-3px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}.btn-large{font-size:1.2rem;padding:1.25rem 3rem}.hero-stats{display:flex;gap:1.5rem;justify-content:center;margin-top:4rem}.stat-item{text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:var(--text-tertiary)}.features-section{background:var(--bg-secondary);padding:3rem 2rem!important;scroll-margin-top:80px;transition:background-color .3s ease}.container{margin:0 auto;max-width:1200px}.section-header{flex-direction:column;margin-bottom:4rem;text-align:center}.section-title{color:#1a1a2e;font-size:2.5rem!important;font-weight:700!important;letter-spacing:-.02em}.section-description{color:#6c757d;font-size:1.1rem!important;margin:25px auto 0;max-width:600px}.features-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:20px;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.feature-card:before{background:var(--gradient-primary);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.feature-card:hover{background:var(--bg-card-hover);border-color:var(--border-focus);box-shadow:var(--shadow-md);transform:translateY(-5px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{display:block;font-size:3rem!important;margin-bottom:1.5rem}.feature-title{color:var(--text-primary);font-size:1.5rem!important;font-weight:700!important;line-height:1.2;margin-bottom:1rem}.feature-description{font-size:1rem!important;line-height:1.6}.pricing-section{background:#fff;padding:3rem 2rem;scroll-margin-top:80px;transition:background-color .3s ease}.pricing-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-top:3rem}.pricing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:2px solid #e0e0e0;border-radius:24px;box-shadow:0 4px 20px #00000014;padding:1.5rem;position:relative;transition:all .3s ease}.pricing-card.highlighted{background:#f8f9fa;border:2px solid #667eea;box-shadow:0 8px 30px #667eea33;transform:scale(1.05)}.pricing-card:hover{background:#f8f9fa;border-color:#667eea;box-shadow:0 8px 30px #00000026;transform:translateY(-10px) scale(1.02)}.pricing-card.highlighted:hover{transform:translateY(-10px) scale(1.07)}.popular-badge{background:var(--gradient-primary);box-shadow:var(--shadow-accent)}.plan-name{font-size:1.75rem!important;font-weight:700!important}.plan-features li{font-size:.9rem!important;gap:.55rem;padding:.55rem 0}.plan-button{justify-content:center}.btn-outline,.plan-button{display:block;text-align:center;text-decoration:none}.btn-outline{background:#0000;border:2px solid #d0d0d0;color:#1a1a2e}.btn-outline:hover{background:#f8f9fa;border-color:#667eea;color:#1a1a2e;text-decoration:none}.cta-section{background:linear-gradient(135deg,#f0f4ff,#e8eeff 30%,#ede8ff 65%,#f3eeff)!important;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);border-top:1px solid var(--border-primary);padding:3rem 2rem;transition:background-color .3s ease,border-color .3s ease}.cta-content{margin:0 auto;max-width:700px;text-align:center}.cta-title{color:var(--text-primary);font-size:2.5rem!important;font-weight:700!important;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}.cta-description{color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.cta-note{color:var(--text-tertiary);font-size:.9rem;margin-top:1.5rem}.footer{background:#442672!important;border-top:1px solid var(--border-primary);padding:4rem 2rem 2rem;transition:background-color .3s ease,border-color .3s ease}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:3rem}.footer-logo{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.footer-description{color:#fff!important;line-height:1.6}.footer-title{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:1rem}.footer-links{color:#fff!important;list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#d1c1ea!important;font-size:.9rem!important;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-primary);color:#f2f2f2a6!important;padding-top:2rem;text-align:center;transition:border-color .3s ease}.footer-bottom p{font-size:1rem!important}@media (max-width:1400px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.feature-description{font-size:.95rem!important}.hero{min-height:50vh}.hero-background img{height:100%!important}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem!important}.hero-cta{flex-direction:row}.hero-stats{flex-wrap:wrap;gap:2rem}.section-title{font-size:2rem}.features-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card.highlighted{transform:scale(1)}.footer-content{gap:2rem;grid-template-columns:1fr}.cta-title{font-size:2rem}}@media (max-width:767px){.hero{min-height:80vh}}@media (max-width:480px){.hero{padding:6rem 1rem 3rem}.hero-title{font-size:2rem}.cta-section,.features-section,.pricing-section{padding:4rem 1rem}}.register-page{background:#f5f7fa;font-family:Inter,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;width:100%}.register-container{display:flex;flex-direction:column;min-height:100vh;width:100%}@media (min-width:1024px){.register-container{flex-direction:row;height:100vh}}.register-left-panel{align-items:center;animation:gradient 12s ease infinite;background:linear-gradient(-45deg,#192420,#234137,#509183,#192420);background-size:400% 400%;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}@media (min-width:1024px){.register-left-panel{padding:3rem;width:50%}}.doodle{font-size:4rem}.doodle-gear-1{right:10%}.doodle-gear-2{left:10%}.register-left-panel-content{max-width:28rem;position:relative;text-align:center;z-index:10}@media (min-width:1024px){.register-left-panel-content{text-align:left}}.register-brand-container{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem}@media (min-width:1024px){.register-brand-container{justify-content:flex-start}}.brand-icon-wrapper{background-color:#509183!important}.register-hero-title{color:#fff;font-size:2.25rem;font-weight:700;line-height:1.25;margin-bottom:1rem}@media (min-width:1024px){.register-hero-title{font-size:3rem}}.register-hero-subtitle{color:#e5e7eb;font-size:1.125rem;font-weight:300;line-height:1.6}.register-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:3rem;opacity:.8}.stat-item{border-left:2px solid #509183!important}.stat-value{text-shadow:0 2px 4px #0000001a}.register-right-panel{align-items:flex-start;background:#fff;display:flex;justify-content:center;overflow-y:auto;padding:1.5rem;width:100%}@media (min-width:1024px){.register-right-panel{padding:3rem;width:50%}}.register-form-wrapper{max-width:28rem;width:100%}.register-header{margin-bottom:1.75rem;text-align:center}.register-title{color:#111827;font-size:2rem;font-weight:900;margin:0 0 .5rem}.register-subtitle{color:#6b7280;font-size:.95rem;margin:0}.register-form{display:flex;flex-direction:column;gap:1.25rem}.form-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:1.25rem}.section-title{border-bottom:2px solid #e5e7eb;color:#111827;font-size:1.05rem;font-weight:900;padding-bottom:.75rem}.form-group{gap:.45rem}@media (max-width:1024px){.form-row{grid-template-columns:1fr}}.form-group label{color:#111827}.form-input{border:2px solid #e5e7eb;padding:.9rem 1rem;transition:.2s ease}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.form-input.error{background:#ef444412;border-color:#ef4444}.form-input.success{background:#22c55e12;border-color:#22c55e}.field-error{font-weight:600}.field-hint{color:#6b7280;font-size:.8rem}.checkbox-group{display:flex;flex-direction:column;gap:.6rem}.checkbox-label{color:#111827;font-weight:700;gap:.75rem}.checkbox-label input[type=checkbox]{accent-color:#667eea;height:18px;width:18px}.admin-user-fields{border-top:2px solid #e5e7eb;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-top:1rem}.error-message{border:1px solid #ef444466;font-weight:800;padding:.9rem 1rem}.submit-btn{background:#509183!important;font-size:1.05rem;font-weight:900;padding:1rem;transition:.2s ease}.submit-btn:hover:not(:disabled){transform:translateY(-1px)}.submit-btn:disabled{opacity:.6}.register-text{color:#6b7280;font-size:.9rem;margin-top:1.5rem}.register-text .register-link{color:#509183;font-weight:900;text-decoration:none}.register-text .register-link:hover{color:#3d7065}.register-right-panel::-webkit-scrollbar{width:6px}.register-right-panel::-webkit-scrollbar-track{background:#f1f1f1}.register-right-panel::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:4px}.disabled-input{background-color:#f3f4f6;color:#111827!important;cursor:not-allowed;font-weight:700;opacity:1}.form-input.disabled-input{background-color:#f3f4f6;border-color:#e5e7eb}.login-page{--primary:#509183;--primary-hover:#437d71;--bg-light:#f7f5f2;--bg-dark:#192420;--dark-accent:#234137;--text-dark:#18181b;--text-light:#fff;--text-muted:#71717a;--text-muted-dark:#a1a1aa;--border-light:#e5e7eb;--border-dark:#27272a;--status-error:#ef4444;--status-error-bg:#fef2f2;--status-info:#3b82f6;--status-info-bg:#eff6ff;background-color:var(--bg-light);color:var(--text-dark);font-family:Inter,sans-serif;min-height:100vh;transition:background-color .3s,color .3s}.login-page.dark{background-color:var(--bg-dark);color:var(--text-light)}.login-container{display:flex;flex-direction:column;min-height:100vh}@media (min-width:1024px){.login-container{flex-direction:row}}.left-panel{align-items:center;animation:gradient 15s ease infinite;background:linear-gradient(-45deg,#192420,#234137,#509183,#192420);background-size:400% 400%;display:flex;justify-content:center;overflow:hidden;padding:2rem;position:relative;width:100%}@media (min-width:1024px){.left-panel{padding:3rem;width:50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.industrial-overlay{background-position:50%;background-size:cover;filter:brightness(.4) contrast(1.1) blur(2px);inset:0;opacity:.5;position:absolute;z-index:0}.left-panel-content{max-width:28rem;position:relative;text-align:center;z-index:10}@media (min-width:1024px){.left-panel-content{text-align:left}}.brand-container{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem}@media (min-width:1024px){.brand-container{justify-content:flex-start}}.brand-icon-wrapper{align-items:center;background-color:var(--primary);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;display:flex;justify-content:center;padding:.5rem}.brand-icon{color:#fff;font-size:2.25rem}.brand-text{font-size:1.875rem;letter-spacing:-.025em}.brand-text,.hero-title{color:#fff;font-weight:700}.hero-title{font-size:2.25rem;line-height:1.25;margin-bottom:1rem}@media (min-width:1024px){.hero-title{font-size:3rem}}.hero-subtitle{color:#e5e7eb;font-size:1.125rem;font-weight:300;letter-spacing:.025em;line-height:1.6}.stats-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:3rem;opacity:.8}.stat-item{border-left:2px solid var(--primary);padding-left:1rem;text-align:left}.stat-value{color:#fff;font-size:1.75rem;text-shadow:0 2px 4px #fff}.stat-label{color:#e5e7eb;font-size:.9rem;letter-spacing:.025em}.bg-icon-large{bottom:3rem;display:none;left:3rem;opacity:.2;position:absolute}@media (min-width:1024px){.bg-icon-large{display:block}}.bg-icon-large svg{color:#fff;font-size:200px}.right-panel{align-items:center;background-color:var(--bg-light);display:flex;justify-content:center;padding:1.5rem;width:100%}.login-page.dark .right-panel{background-color:var(--bg-dark)}@media (min-width:1024px){.right-panel{padding:3rem;width:50%}}.form-wrapper{max-width:28rem;width:100%}.theme-toggle-wrapper{display:flex;justify-content:flex-end;margin-bottom:2rem}.theme-toggle-btn{align-items:center;background-color:#fff;border:none;border-radius:9999px;box-shadow:0 1px 2px 0 #0000000d;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background-color .2s}.login-page.dark .theme-toggle-btn{background-color:#27272a;color:var(--text-muted-dark)}.theme-toggle-btn:hover{background-color:#f9fafb}.login-page.dark .theme-toggle-btn:hover{background-color:#3f3f46}.login-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem}.login-page.dark .login-card{background-color:#18181b;border-color:#27272a}@media (min-width:1024px){.login-card{padding:2.5rem}}.form-header{margin-bottom:2.5rem;text-align:center}.form-title{color:var(--text-dark);font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.login-page.dark .form-title{color:#fff}.form-subtitle{color:var(--text-muted)}.login-page.dark .form-subtitle{color:var(--text-muted-dark)}.form-label{color:#374151}.login-page.dark .form-label{color:#d4d4d8}.input-wrapper{align-items:center;display:flex;position:relative}.form-input{background-color:#fafafa;border-radius:12px;box-sizing:border-box;color:var(--text-dark);font-size:1rem;padding:.875rem 1rem;transition:all .2s ease-in-out}.login-page.dark .form-input{background-color:#27272a;border-color:#3f3f46;color:#f4f4f5}.login-page.dark .form-input::placeholder{color:#71717a}.form-input:focus{background-color:#fff;border-color:var(--primary);box-shadow:0 0 0 4px var(--status-info-bg)}.login-page.dark .form-input:focus{background-color:#18181b;border-color:var(--primary);box-shadow:0 0 0 4px #50918333}.password-toggle{background:none;border:none;color:#9ca3af;height:auto;padding:0;right:1rem;transition:color .2s}.password-toggle:hover{color:var(--primary)}.login-page.dark .password-toggle{color:#71717a}.login-page.dark .password-toggle:hover{color:#fff}.forgot-password-wrapper{display:flex;justify-content:flex-end;margin-bottom:1.5rem;margin-top:1rem}.forgot-password{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:0;text-decoration:none;transition:color .2s}.forgot-password:hover{color:var(--primary-hover);text-decoration:underline}.login-page.dark .forgot-password{color:#509183}.login-page.dark .forgot-password:hover{color:#6fb8a8}.submit-btn{background-color:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:all .2s;width:100%}.submit-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.register-text{color:var(--text-muted);font-size:.875rem;margin-top:2rem;text-align:center}.login-page.dark .register-text{color:var(--text-muted-dark)}.register-link{color:var(--primary);font-weight:600;margin-left:.25rem;text-decoration:none}.register-link:hover{text-decoration:underline}.footer-links{color:#9ca3af;display:flex;font-size:.75rem;gap:1.5rem;justify-content:center;margin-top:2rem}.login-page.dark .footer-links{color:#52525b}.footer-link{color:inherit;text-decoration:none;transition:color .2s}.footer-link:hover{color:#52525b}.login-page.dark .footer-link:hover{color:#a1a1aa}.modal-content{max-width:450px}.login-page.dark .modal-content{background:#18181b;border:1px solid #27272a}.modal-header{border-bottom:1px solid var(--border-light)}.login-page.dark .modal-header{border-bottom-color:var(--border-dark);color:#fff}.btn-icon{color:var(--text-muted)}.login-page.dark .btn-icon{color:var(--text-muted-dark)}.modal-body{color:var(--text-dark)}.login-page.dark .modal-body{color:#fff}.error-message{background-color:var(--status-error-bg);border:1px solid var(--status-error)}.info-message{background-color:var(--status-info-bg);border:1px solid var(--status-info);border-radius:8px;color:var(--status-info);font-size:.875rem;margin-bottom:1rem;padding:.75rem}.animated-doodles{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.doodle{animation:float 6s ease-in-out infinite;color:#ffffff1a;position:absolute}.doodle-gear-1{animation:spin 20s linear infinite;font-size:8rem;left:10%;opacity:.15;top:10%}.doodle-gear-2{animation:spin 30s linear infinite reverse;bottom:15%;font-size:12rem;opacity:.1;right:10%}.doodle-eng{animation:float 5s ease-in-out infinite;animation-delay:1s;font-size:5rem;right:20%;top:40%}.doodle-arch{animation:float 7s ease-in-out infinite;animation-delay:2s;bottom:30%;font-size:6rem;left:15%;opacity:.12}.doodle-build{animation:float 8s ease-in-out infinite;font-size:4rem;opacity:.08;right:40%;top:20%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.fade-in-up{animation:fadeUp .8s ease-out forwards;opacity:0;transform:translateY(20px)}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.subscription-purchase-page{align-items:center;background:#fff;display:flex;justify-content:center;margin:0;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.purchase-container{margin:0 auto;max-width:1200px;width:100%}.purchase-header{margin-bottom:2rem;text-align:center}.page-title{color:#1a1a2e;font-size:2rem;margin-bottom:.5rem}.page-subtitle{color:#6c757d;font-size:.95rem;margin:0}.purchase-step{animation:fadeIn .3s ease}.loading-container{min-height:60vh}.loading-spinner{border:4px solid #e0e0e0}.info-message{background:#667eea1a;border:1px solid #667eea4d;border-radius:12px;color:#667eea;margin-bottom:2rem;padding:1rem;text-align:center}.plans-grid{grid-template-columns:repeat(4,1fr);margin-top:2rem}.plan-card{background:#fff;border:2px solid #e0e0e0;border-radius:24px;box-shadow:0 4px 20px #00000014;padding:2.5rem;position:relative;transition:all .3s ease}.plan-card:hover{border-color:#667eea;box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.plan-card.highlighted{background:#f8f9fa;border:2px solid #667eea;box-shadow:0 8px 30px #667eea33;transform:scale(1.05)}.popular-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 15px #667eea80;color:#fff;font-size:.85rem;font-weight:600;left:50%;padding:.5rem 1.5rem;position:absolute;top:-12px;transform:translateX(-50%)}.plan-header{margin-bottom:2rem;text-align:center}.plan-name{color:#000;font-size:1.75rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.plan-price{align-items:baseline;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.price-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#667eea;font-size:3rem;font-weight:800}.price-period{color:#495057;font-size:1rem;font-weight:600}.plan-description{color:#495057;font-weight:500;margin-top:.5rem}.plan-features{list-style:none;margin-bottom:2rem;padding:0}.plan-features li{align-items:center;border-bottom:1px solid #e9e9e9;color:#212529;display:flex;font-size:1rem;font-weight:600;gap:.75rem;line-height:1.5;padding:.45rem 0}.check-icon{color:#667eea;flex-shrink:0;font-size:1.2rem;font-weight:700}.plan-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 20px #667eea66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.7rem 1rem;transition:all .3s ease;width:100%}.plan-button:hover{box-shadow:0 6px 30px #667eea99;transform:translateY(-2px)}.back-button{align-items:center;background:#0000;border:2px solid #d0d0d0;border-radius:8px;color:#1a1a2e;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-button:hover{background:#f8f9fa;border-color:#667eea;color:#667eea}.back-icon{height:18px;width:18px}.payment-summary{margin:0 auto;max-width:600px}.summary-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:20px;margin-bottom:0;padding:2rem}.summary-card h3{color:#1a1a2e;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.summary-details{display:flex;flex-direction:column;gap:1rem}.summary-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.75rem 0}.summary-row:last-child{border-bottom:none}.summary-row span{color:#6c757d;font-weight:500}.summary-row strong{color:#1a1a2e;font-size:1.1rem;font-weight:700}.price-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#667eea;font-size:1.5rem!important}.payment-note{background:#667eea1a;border:1px solid #667eea4d;border-radius:12px;color:#495057;font-weight:500;margin-bottom:2rem;padding:1rem;text-align:center}.payment-actions{display:flex;gap:1rem;justify-content:center}.btn-primary,.btn-secondary{border-radius:12px;font-size:1.1rem;padding:1rem 2.5rem}.btn-secondary{color:#1a1a2e}.btn-secondary:hover:not(:disabled){background:#f8f9fa}.success-container{margin:0 auto;max-width:500px;padding:3rem 0;text-align:center}.success-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 10px 40px #667eea66;color:#fff;display:flex;font-size:3rem;height:100px;justify-content:center;margin:0 auto 2rem;width:100px}@media (max-width:768px){.subscription-purchase-page{padding:1.5rem}}@media (max-width:1400px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.plans-grid{grid-template-columns:1fr}.plan-card.highlighted{transform:scale(1)}.payment-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.page-title{font-size:1.75rem}}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-sidebar);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;transition:width .3s ease,background-color .3s ease,border-color .3s ease;width:260px;z-index:100}.sidebar.closed{width:70px}.sidebar-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;min-height:60px;padding:1rem;transition:border-color .3s ease}.sidebar.closed .sidebar-header{gap:.25rem;justify-content:center;padding:0 .25rem}.sidebar-logo{align-items:center;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;overflow:hidden;white-space:nowrap}.logo-icon{color:var(--accent-primary);flex-shrink:0;font-size:1.5rem;height:24px;width:24px}.logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.sidebar.closed .logo-text{opacity:0;width:0}.sidebar-toggle{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:28px;justify-content:center;transition:all .3s ease;width:28px}.sidebar-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-focus);color:var(--text-active)}.sidebar-toggle svg{height:16px;width:16px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.25rem;overflow-y:auto;padding:.5rem}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.625rem .75rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active{background:var(--bg-card-hover);border-left:3px solid var(--accent-primary);color:var(--text-primary)}.nav-icon{color:inherit;flex-shrink:0;font-size:1.25rem;height:20px;width:20px}.nav-label{flex:1 1;transition:opacity .3s ease;white-space:nowrap}.sidebar.closed .nav-label{opacity:0;overflow:hidden;width:0}.settings-toggle{position:relative}.submenu-arrow{color:inherit;font-size:.7rem;height:16px;margin-left:auto;transition:transform .3s ease;width:16px}.submenu-arrow.open{transform:rotate(180deg)}.submenu{border-left:2px solid var(--border-secondary);display:flex;flex-direction:column;gap:.25rem;margin-left:1.5rem;margin-top:.25rem;padding-left:.5rem;transition:border-color .3s ease}.submenu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:.85rem;font-weight:400;gap:.75rem;padding:.5rem .75rem;text-align:left;transition:all .3s ease;width:100%}.submenu-item:hover{background:var(--bg-card);color:var(--text-primary)}.submenu-item.active{background:var(--bg-card-hover);color:var(--text-primary);font-weight:500}.submenu-icon{color:inherit;flex-shrink:0;font-size:1rem;height:18px;width:18px}.submenu-label{white-space:nowrap}.theme-toggle-section{border-top:1px solid var(--border-secondary);margin-top:.5rem;padding-top:.5rem}.theme-toggle-button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.625rem .75rem;text-align:left;transition:all .3s ease;width:100%}.theme-toggle-button:hover{background:var(--bg-card);color:var(--text-primary)}.theme-icon{color:inherit;flex-shrink:0;font-size:1.25rem;height:20px;width:20px}.theme-label{transition:opacity .3s ease;white-space:nowrap}.sidebar.closed .theme-label{opacity:0;overflow:hidden;width:0}.sidebar-footer{background:var(--bg-sidebar);border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:background-color .3s ease,border-color .3s ease}.user-info-compact{align-items:center;border-radius:8px;display:flex;gap:.5rem;padding:.5rem;transition:opacity .3s ease,background-color .3s ease}.sidebar.closed .user-info-compact{height:0;opacity:0;overflow:hidden;padding:0}.user-avatar-small{align-items:center;background:var(--gradient-primary);border-radius:50%;color:var(--text-white);display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:32px;justify-content:center;width:32px}.user-details-compact{flex:1 1;min-width:0}.user-name-small{color:var(--text-primary);font-size:.85rem;font-weight:600}.user-name-small,.user-role-small{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role-small{color:var(--text-tertiary);font-size:.7rem}.logout-button-compact{align-items:center;background:#f5576c1a;border:1px solid #f5576c4d;border-radius:8px;color:var(--status-error);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem .75rem;transition:all .3s ease;width:100%}.logout-button-compact:hover{background:#f5576c33;border-color:#f5576c80}.logout-icon{color:inherit;flex-shrink:0;font-size:1rem;height:18px;width:18px}.sidebar.closed .logout-button-compact span:not(.logout-icon){opacity:0;overflow:hidden;width:0}@media (max-width:768px){.sidebar{transition:transform .3s ease,width .3s ease;width:70px}.sidebar.open{box-shadow:4px 0 20px #0000004d;width:260px;z-index:200}.dashboard-main{margin-left:70px}.nav-item{justify-content:center;padding:.75rem}.nav-item.active:before{border-radius:3px 3px 0 0;bottom:0;height:3px;left:0;top:auto;width:100%}.sidebar-toggle{height:32px;width:32px}}@media (max-width:480px){.sidebar{width:60px}.sidebar.open{height:100vh;left:0;position:fixed;right:0;top:0;width:100%}.sidebar-header{min-height:50px;padding:.75rem}.nav-item{font-size:.85rem;padding:.65rem}.submenu{margin-left:1rem}.user-avatar-small{font-size:.75rem;height:28px;width:28px}}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:var(--bg-tertiary)}.sidebar::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.dashboard-container{background:var(--bg-body);color:var(--text-primary);display:flex;min-height:100vh}.dashboard-main{display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-width:0;overflow-x:hidden;transition:margin-left .3s ease}.sidebar.closed~.dashboard-main{margin-left:70px}.dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:.45rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease,border-color .3s ease;z-index:50}.page-title{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;font-weight:800}.notification-button{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.notification-button:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}.admin-button{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.admin-button:hover{background:var(--bg-card-hover);border-color:var(--border-focus);color:var(--status-info)}.dashboard-content{flex:0.8 1;padding:1rem}@media (max-width:768px){.dashboard-main{margin-left:70px}.dashboard-header{padding:1rem 1.5rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.page-title{font-size:1.5rem}.header-actions{justify-content:flex-start;width:100%}.dashboard-content{padding:1.5rem}}@media (max-width:480px){.dashboard-main{margin-left:60px}.dashboard-header{padding:.75rem 1rem}.page-title{font-size:1.25rem}.header-actions{flex-wrap:wrap;gap:.5rem}.dashboard-content{padding:1rem}.notification-button{font-size:1.1rem;height:36px;width:36px}}.dashboard-content::-webkit-scrollbar{width:6px}.dashboard-content::-webkit-scrollbar-track{background:var(--bg-tertiary)}.dashboard-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.pagcontainer{color:var(--text-primary);margin:0 auto;max-width:1600px;padding-bottom:2rem}.modal-form .form-group{margin-bottom:1rem}.page-header{align-items:flex-end}.page-header h1{font-size:1.5rem}.page-header p{color:var(--text-tertiary);font-size:1rem}.reportbox .report-filters{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;padding:1.5rem}.reportbox .report-filters label{text-align:left;width:100%}.reportbox .report-filters .filter-input{width:100%}.work-permit-step.reviewsubmit .form-group{margin-bottom:1rem}.workreport-filters{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:flex-start;max-width:400px}.workreport-filters .btn-primary{margin-top:28px}.reports-table.mt-3{margin-top:10px}.workreport-metrics .report-card-value{font-size:22px}.dashboard-home{margin:0 auto;max-width:1400px}.welcome-section{margin-bottom:2rem}.welcome-section h2{-webkit-background-clip:text;background-clip:text;color:var(--accent-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.welcome-section p{color:var(--text-tertiary);font-size:.9rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{cursor:pointer;height:140px}.stat-icon{background:var(--icon-green-bg);box-shadow:var(--shadow-sm);color:var(--icon-green)}.stat-icon img{stroke:var(--icon-green);color:var(--icon-green);height:30px;width:30px}.stat-icon img,.stat-icon svg,.stat-icon svg path{fill:var(--icon-green)}.flexbox{gap:1rem}.stat-value.fnt24{font-size:24px}.stat-limit{color:var(--text-tertiary);font-size:1.5rem;font-weight:400}.stat-badge.active,.stat-badge.positive{background:var(--status-success-bg);color:var(--status-success-text)}.stat-badge.negative{background:var(--status-error-bg);color:var(--status-error-text)}.stat-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.status-active{color:var(--status-success);font-size:.9rem;font-weight:600}.status-inactive{color:var(--text-tertiary);font-size:.9rem}.quick-actions{margin-top:3rem}.quick-actions h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;cursor:pointer;display:flex;flex-direction:row;gap:.75rem;padding:.8rem;text-align:center;transition:all .3s ease}.action-card:hover{background:var(--bg-card-hover);border-color:var(--border-focus);box-shadow:var(--shadow-md);transform:translateY(-5px)}.action-icon{font-size:2rem}.action-icon img{fill:var(--icon-green);stroke:var(--icon-green);color:var(--icon-green);height:30px;width:30px}.action-label{color:var(--text-primary);font-size:.95rem;font-weight:600}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}}.content-header-right{align-items:center;display:flex;gap:12px}.view-toggle{background:var(--bg-view-toggle);border:1px solid var(--border-primary);border-radius:8px;display:flex;gap:4px;padding:4px}.view-btn{background:#0000;border-radius:6px;color:var(--text-muted);font-size:16px;padding:3px 8px;transition:all .2s ease}.view-btn:hover{color:var(--accent-primary)}.view-btn.active{background:var(--accent-primary);color:var(--text-white)}.add-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:8px;box-shadow:var(--shadow-accent);color:var(--text-white);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.add-btn:hover{box-shadow:var(--shadow-accent-hover);transform:translateY(-2px)}.plants-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.plant-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .2s ease}.plant-card:before{background:var(--gradient-accent);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.plant-card:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.plant-card:hover:before{opacity:1}.plant-details{font-size:15px;padding-bottom:15px}.plant-details .detail-label{color:var(--text-tertiary);margin-right:10px}.plant-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.plant-icon{align-items:center;background:var(--icon-green-bg);border-radius:10px;box-shadow:var(--shadow-sm);color:var(--icon-green);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.plant-actions{display:flex;gap:8px}.action-icon{align-items:center;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-icon:hover{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.action-icon.delete:hover{background:var(--status-error-bg);border-color:var(--status-error);color:var(--status-error)}.plant-code{color:var(--text-muted);font-size:12px;letter-spacing:.5px;margin-bottom:8px}.plant-name{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:4px}.plant-id{color:var(--text-muted);font-size:13px;margin-bottom:16px}.plant-location{align-items:flex-start;background:var(--bg-input);border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:12px}.location-icon{color:var(--accent-primary);flex-shrink:0;font-size:16px;margin-top:2px}.location-text{color:var(--text-tertiary);font-size:13px;line-height:1.5}.plant-footer{align-items:center;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;padding-top:16px}.status-badge{background:var(--status-success-bg);color:var(--status-success-text);font-size:12px;gap:6px;padding:6px 12px}.status-dot{background:var(--status-success-text);height:6px;width:6px}.plant-date{color:var(--text-muted);font-size:12px}.btn-sm{min-height:35px!important;padding:.25rem .8rem!important}.company-page{animation:fadeIn .4s ease-out;margin:0 auto;max-width:1000px;padding:1.5rem}.page-header h2{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.page-header p{color:var(--text-secondary)}.btn-secondary{border:1px solid var(--border-secondary);display:flex;padding:.5rem 1rem}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-primary)}.btn-primary{font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-primary:hover{background:var(--accent-secondary)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.7}.alert{margin-bottom:1.5rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.company-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-md);padding:2.5rem}.company-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem}.company-avatar{align-items:center;background:#667eea1a;border-radius:20px;color:var(--accent-primary);display:flex;font-size:2.5rem;height:80px;justify-content:center;overflow:hidden;position:relative;width:80px}.company-logo-img{height:100%;object-fit:cover;width:100%}.avatar-upload-overlay{align-items:center;background:#00000080;color:#fff;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.company-avatar:hover .avatar-upload-overlay{opacity:1}.company-title h3{color:var(--text-primary);font-size:1.8rem;margin:0 0 .5rem}.tenant-badge{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);display:inline-block;font-family:monospace;font-size:.85rem;padding:.25rem .75rem}.info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item.full-width{grid-column:1/-1}.info-item label{align-items:center;color:var(--text-tertiary);display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.info-item .value{background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-size:1.1rem;font-weight:500;min-height:2.8rem;padding:.75rem}.info-item .value.read-only{background:var(--bg-tertiary);opacity:.8}.form-input{background:#fff;border:1px solid var(--accent-primary);border-radius:8px;color:var(--text-primary);font-size:1.1rem;font-weight:500;padding:.75rem;transition:all .2s}.form-input:focus{box-shadow:0 0 0 3px #667eea1a;outline:none}.badge-primary{background:#667eea1a!important;border-color:#667eea33!important;color:var(--accent-primary)!important}.badge-primary,.status-active{display:inline-block;width:auto!important}.status-active{background:#0596691a!important;border-color:#05966933!important;color:var(--status-success)!important}@media (max-width:768px){.company-header{flex-direction:column;text-align:center}.info-grid{grid-template-columns:1fr}.page-header{flex-direction:column;gap:1rem}.header-actions{justify-content:flex-start;width:100%}}.custom-industry-input{align-items:center;display:flex;gap:.5rem;width:100%}.custom-industry-input .form-input{flex:1 1;width:auto!important}.custom-industry-input .btn-secondary{align-items:center;aspect-ratio:1;border-color:var(--accent-primary);color:var(--accent-primary);display:flex;justify-content:center;min-width:46px;padding:.75rem}.custom-industry-input .btn-secondary:hover{background:#667eea1a}.departments-page{color:var(--text-primary);margin:0 auto;max-width:1400px}.search-input:disabled{cursor:not-allowed;opacity:.6}.lines-page{color:var(--text-primary);margin:0 auto;max-width:1400px}.filters-row{flex:1 1}.filter-group label{color:var(--text-secondary);white-space:nowrap}.filter-select{background:var(--bg-primary);border-radius:8px;min-width:150px;padding:.75rem}.filter-select:focus{border-color:var(--accent-primary);outline:none}.products-page{color:var(--text-primary);margin:0 auto;max-width:1400px}.status-filter{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease}.status-filter:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.data-table tbody tr.inactive-row{opacity:.7}.data-table tbody tr.inactive-row:hover{opacity:.9}.btn-icon-delete,.btn-icon-edit,.btn-icon-restore{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.btn-icon-restore:hover{background:#22c55e1a;color:#22c55e}.permissions-page{max-width:100%;overflow-x:auto;padding:24px}.header-content h2{font-size:24px;margin:0 0 4px}.header-content p{font-size:14px}.header-actions{gap:12px}.permissions-container{display:flex;gap:24px;height:calc(100vh - 200px)}.roles-sidebar{background:var(--bg-secondary);border-radius:8px;flex-shrink:0;overflow-y:auto;padding:16px;width:280px}.roles-sidebar h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 16px}.roles-list{display:flex;flex-direction:column;gap:8px}.role-item{background:var(--bg-primary);border:2px solid #0000;border-radius:6px;cursor:pointer;padding:12px;transition:all .2s}.role-item:hover{background:var(--bg-hover);border-color:var(--border-color)}.role-item.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.role-item.active .role-name{color:#fff;font-weight:600}.role-item.active .role-description,.role-item.active .role-permission-count{color:#ffffffe6}.role-name{color:var(--text-primary);font-weight:500;margin-bottom:4px}.role-description{color:var(--text-secondary);font-size:12px;margin-bottom:4px}.role-permission-count{color:var(--text-tertiary);font-size:11px}.permissions-main{background:var(--bg-secondary);border-radius:8px;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.filters-section{flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-box{min-width:200px}.search-icon{height:18px;width:18px}.search-input{border-radius:6px;padding:10px 12px 10px 40px}.module-filter{min-width:180px}.module-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px;width:100%}.permission-matrix{flex:1 1}.matrix-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.matrix-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.unsaved-indicator{color:var(--warning-color);font-size:14px;font-weight:400;margin-left:8px}.matrix-actions{display:flex;gap:12px}.btn-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:14px;padding:4px 8px;text-decoration:underline}.btn-link:hover{color:var(--primary-color-dark)}.permission-module-group{margin-bottom:32px}.module-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.module-header h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.module-count{color:var(--text-secondary);font-size:12px}.permissions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.permission-item{align-items:flex-start;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.permission-item:hover{background:var(--bg-hover);border-color:var(--primary-color)}.permission-item.assigned{background:var(--primary-color-light);border-color:var(--primary-color)}.permission-checkbox{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.check-icon{color:var(--primary-color);height:24px;width:24px}.check-empty{border:2px solid var(--border-color);border-radius:4px;height:20px;width:20px}.permission-item.assigned .check-empty{background:var(--primary-color);border-color:var(--primary-color)}.permission-info{flex:1 1;min-width:0}.permission-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:4px}.permission-code{color:var(--text-secondary);font-family:monospace;font-size:12px;margin-bottom:4px}.permission-description{color:var(--text-tertiary);font-size:11px;line-height:1.4}.empty-state{padding:60px 20px}.empty-icon{margin:0 auto 16px}.empty-state h3{margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.loading-container{padding:60px 20px}.sidebar-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.sidebar-loading .loading-spinner{border:3px solid var(--border-color);border-top-color:var(--primary-color);height:32px;width:32px}.sidebar-loading p{color:var(--text-secondary);font-size:14px;margin:0}.permissions-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.permissions-loading .loading-spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);height:40px;width:40px}.permissions-loading p{color:var(--text-secondary);font-size:14px;margin:0}.error-message{border-radius:6px;margin-bottom:20px;padding:12px 16px}.btn-primary,.btn-secondary{border-radius:6px;font-size:14px;gap:8px;padding:10px 20px}.btn-secondary{background:var(--bg-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.statuses-page{color:var(--text-primary);margin:0 auto;max-width:1400px}.search-box{border-radius:8px;min-width:250px;padding:.75rem 1rem}.search-box:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a}.search-icon{color:var(--text-secondary)}.data-table tbody tr:hover{background:var(--bg-hover)}.name-cell{font-weight:500}.status-badge{border-radius:12px}.btn-icon-delete,.btn-icon-edit{background:none;border:none}.empty-state h3{font-size:1.25rem}.empty-state p{color:var(--text-secondary)}.modal-close:hover{background:var(--bg-hover)}.form-group input:focus,.form-group select:focus{border-color:var(--accent-primary)}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;width:auto}.field-hint{color:var(--text-secondary);display:block;font-size:.875rem;margin-top:.25rem}.btn-danger,.btn-primary,.btn-secondary{font-size:.95rem;font-weight:600;transition:all .2s ease}.modal-body p{color:var(--text-primary)}.warning-text{color:#d97706}.delete-modal .modal-content{max-width:400px}.pm-masters-page{color:var(--text-primary);margin:0 auto;max-width:1400px}.selector-row{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.selector-row select{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);padding:.5rem .75rem}.data-table tbody tr.clickable-row{cursor:pointer}.data-table tbody tr.clickable-row:hover{background:#667eea14;box-shadow:0 2px 8px #0000001a;transform:scale(1.01)}.modal-content{max-width:560px}.modal-header h3{font-size:1.4rem}.modal-actions{padding-top:1rem}.selected-users-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;min-height:24px}.user-tag{background-color:var(--bg-hover);border:1px solid var(--border-primary);border-radius:9999px;color:var(--accent-primary);font-size:.85rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.tag-remove,.user-tag{align-items:center;display:flex}.tag-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.1em;line-height:1;padding:0}.tag-remove:hover{color:var(--status-error)}.user-select-dropdown{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:.95rem;outline:none;padding:.75rem;transition:all .3s ease;width:100%}.user-select-dropdown:focus{background:var(--bg-input-focus);border-color:var(--border-focus);box-shadow:0 0 0 3px #667eea1a}.pm-dashboard{margin:0 auto}.dashboard-header{margin-bottom:2rem}.dashboard-header h2{-webkit-background-clip:text;background-clip:text;color:var(--accent-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.dashboard-header p{color:var(--text-tertiary);font-size:.9rem}.error-message,.stats-grid{margin-bottom:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pm-dashboard .card-content,.pm-dashboard .dashboard-section{padding:1rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-direction:column;min-height:170px;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.stat-card:hover{background:var(--bg-card-hover);border-color:var(--border-focus);box-shadow:var(--shadow-md);transform:translateY(-5px)}.stat-header{gap:.75rem;margin-bottom:1rem}.stat-header,.stat-icon{align-items:center;display:flex}.stat-icon{background:#10b98133;border-radius:8px;box-shadow:0 4px 12px #10b98133;color:#34d399;flex-shrink:0;font-size:18px;height:36px;justify-content:center;padding:6px;width:36px}.stat-header h3{color:var(--text-tertiary);font-size:.9em;font-weight:500;text-transform:uppercase}.stat-value{align-items:flex-end;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:flex;flex-direction:row;font-size:2.5rem;font-weight:800;gap:.5rem;justify-content:flex-start;margin-bottom:.5rem}.stat-subtitle{color:var(--text-tertiary);font-size:.85rem;margin-top:.5rem}.stat-progress{background:var(--bg-tertiary);border-radius:3px;height:6px;margin-top:.75rem;overflow:hidden;width:100%}.stat-progress-bar{background:var(--gradient-primary);border-radius:3px;height:100%;transition:width .3s ease}.section-title{margin-bottom:1rem}.status-breakdown{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;gap:1rem;padding:1.5rem}.status-breakdown,.status-item{display:flex;flex-direction:column}.status-item{gap:.5rem}.status-header{align-items:center;display:flex;gap:.75rem}.status-dot{border-radius:50%;height:12px;width:12px}.status-label{color:var(--text-primary);flex:1 1;font-size:.9rem}.status-count{color:var(--text-secondary);font-size:.9rem;font-weight:600}.status-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden;width:100%}.status-bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:2rem}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.card-header{border-bottom:1px solid var(--border-primary);padding:1.25rem 1.5rem}.card-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600}.card-badge{align-items:center;background:#10b98133;border-radius:12px;color:#34d399;display:inline-flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:0 8px}.card-badge.error{background:#ef444433;color:#fca5a5}.card-content{flex:1 1;padding:1.5rem}.maintenance-list{display:flex;flex-direction:column;gap:1rem}.maintenance-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1rem;transition:all .2s ease}.maintenance-item:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}.maintenance-item.overdue{border-left:4px solid #ef4444}.maintenance-item-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.maintenance-info h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.maintenance-meta{color:var(--text-tertiary);font-size:.85rem}.maintenance-item-details{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:.75rem}.detail-item{flex-direction:column;gap:.25rem}.detail-label{color:var(--text-tertiary);font-size:.75rem;font-weight:500;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:.9rem;font-weight:500}.status-badge{font-size:.75rem;padding:4px 10px;white-space:nowrap}.status-badge.status-completed{background:#10b98133;color:#34d399}.status-badge.status-scheduled{background:#3b82f633;color:#60a5fa}.status-badge.status-overdue{background:#ef444433;color:#fca5a5}.status-badge.status-active{background:#10b98133;color:#34d399}.status-badge.status-pending{background:#f59e0b33}.overdue-badge{align-items:center;background:#ef444433;color:#fca5a5;display:inline-flex;font-size:.75rem}.overdue-badge,.priority-badge{border-radius:6px;padding:4px 10px}.priority-badge.priority-high{background:#ef444433;color:#fca5a5}.priority-badge.priority-medium{background:#f59e0b33;color:#fbbf24}.priority-badge.priority-low{background:#3b82f633;color:#60a5fa}.activities-table{overflow-x:auto}.activities-table table{border-collapse:collapse;width:100%}.activities-table thead{background:var(--bg-secondary)}.activities-table th{color:var(--text-tertiary);font-size:.85rem;font-weight:600;text-align:left;text-transform:uppercase}.activities-table td,.activities-table th{border-bottom:1px solid var(--border-primary);padding:.75rem 1rem}.activities-table td{color:var(--text-primary);font-size:.9rem}.activities-table tbody tr:hover{background:var(--bg-secondary)}.plant-summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.plant-summary-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;transition:all .2s ease}.plant-summary-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-md)}.plant-summary-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.plant-summary-header h4{color:var(--text-primary);font-size:1.1rem;font-weight:600}.plant-code{background:var(--bg-secondary);border-radius:4px;color:var(--text-tertiary);font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.plant-summary-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.plant-stat{display:flex;flex-direction:column;gap:.25rem}.plant-stat-label{color:var(--text-tertiary);font-size:.75rem;font-weight:500;text-transform:uppercase}.plant-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.plant-stat-value.error{color:#ef4444}.plant-compliance{border-top:1px solid var(--border-primary);margin-top:1rem;padding-top:1rem}.compliance-header{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.5rem}.compliance-value{color:var(--text-primary);font-weight:600}.compliance-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden;width:100%}.compliance-bar-fill{background:var(--gradient-primary);border-radius:4px;height:100%;transition:width .3s ease}.empty-state{font-size:.9rem;padding:2rem}.empty-state.success{color:#34d399}@media (max-width:768px){.pm-dashboard{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.maintenance-item-details{grid-template-columns:1fr}.activities-table{font-size:.85rem}.activities-table td,.activities-table th{padding:.5rem}.plant-summary-grid{grid-template-columns:1fr}}.areas-page,.plants-page{color:var(--text-primary);margin:0 auto;max-width:1400px}.code-cell{font-family:Courier New,monospace}.modal-content{padding:0!important}.modal-header{margin-bottom:0!important;padding:1rem!important}label{margin-bottom:2px!important}.form-group{width:100%!important}.modal-actions{padding-bottom:0!important}.machines-page{color:var(--text-primary);margin:0 auto;max-width:1400px}.header-content{flex-direction:row;gap:1rem}.header-content.flex-column{align-items:flex-start;flex-direction:column;gap:0}.header-content h2{margin:0}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background:var(--gradient-primary);color:#fff}.btn-primary:active,.btn-primary:focus{box-shadow:0 4px 20px #667eea66;outline:none}.btn-primary:active{transform:translateY(0)}.filter-select,.search-box{padding:.625rem 1rem}.code-cell{color:var(--accent-primary);font-weight:600}.code-cell-content{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.code-cell-content span{flex:1 1}.code-cell .action-buttons{display:flex;gap:.5rem;opacity:1}.status-badge.active{background:#4ade8026;border:1px solid #4ade804d;color:var(--status-success)}.status-badge.inactive{background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-tertiary)}.btn-icon-delete,.btn-icon-edit{border-radius:6px;color:var(--text-primary);font-size:1rem}.form-group input,.form-group select{background:var(--bg-input)}.form-group input:focus,.form-group select:focus{background:var(--bg-input-focus);border-color:var(--border-focus)}.form-group input.error{background:#f5576c0d;border-color:var(--status-error)}@media (max-width:768px){.page-header,.table-header{align-items:stretch;flex-direction:column}.search-box{max-width:100%}.data-table{font-size:.85rem}.data-table td,.data-table th{padding:.75rem .5rem}.modal-content{max-width:100%}}select option{background-color:#333;color:#fff}.kaizen-page{background:var(--bg-primary);color:var(--text-primary);min-height:100%;padding:clamp(1rem,1.5vw,1.5rem);width:100%}@media (max-width:768px){.kaizen-page{padding:1rem}}.page-header{margin-bottom:1.5rem}.header-content h2{background:linear-gradient(135deg,var(--accent) 0,#667eea 100%);background:var(
    --gradient-text,linear-gradient(135deg,var(--accent) 0,#667eea 100%)
  );font-weight:700}@media (max-width:768px){.page-header{flex-direction:column}.header-content h2{font-size:1.5rem}}.btn-primary{background:var(--accent);color:var(--accent-contrast);gap:.4rem;padding:.6rem 1rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:#0000;gap:.4rem;padding:.6rem 1rem;transition:border .2s ease,color .2s ease}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.kaizen-summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:1.5rem}@media (max-width:640px){.kaizen-summary-cards{gap:.75rem;grid-template-columns:repeat(2,1fr)}}.summary-card{background:var(--bg-card);background:var(--bg-secondary,var(--bg-card));border:1px solid var(--border-color,var(--border-primary));gap:.5rem;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.summary-card.highlight{background:linear-gradient(135deg,#2ec7850d,#2ec78505);border-color:var(--accent)}.summary-label{color:var(--text-secondary);font-size:.9rem}.summary-value{font-size:1.5rem;font-weight:600}.table-container{background:var(--bg-secondary,var(--bg-card));border:1px solid var(--border-color,var(--border-primary));box-shadow:0 2px 8px #0000000d}@media (max-width:768px){.table-container{border-radius:12px;padding:1rem}}.table-header.stacked{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.table-header .left-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;width:100%}.search-box{background:var(--bg-primary);border:1px solid var(--border-color);gap:.5rem;min-width:220px;padding:.6rem .9rem;transition:border-color .2s ease}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2ec7851a}@media (max-width:768px){.search-box{min-width:100%}}.search-box input{background:#0000;border:none;color:inherit;height:35px;padding-left:30px;width:100%}.filter-toggle{background:#0000;color:var(--text-secondary);display:inline-flex;gap:.4rem;padding:.5rem .85rem;transition:border .2s ease,color .2s ease}.filter-toggle:hover{border-color:var(--accent);color:var(--accent)}.kaizen-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:1200px}.kaizen-table{border-collapse:initial;border-spacing:0 10px;min-width:100%}.kaizen-table td,.kaizen-table th{border-bottom:none}.kaizen-table tbody tr{border-radius:10px}.kaizen-table tbody tr:hover{background:var(--bg-primary)}.kaizen-table td:first-child,.kaizen-table th:first-child{padding-left:1.25rem}.kaizen-table td:last-child,.kaizen-table th:last-child{padding-right:1.25rem}.kaizen-ideas-cards{display:none}@media (max-width:1024px){.kaizen-table-wrapper{display:none}.kaizen-ideas-cards{grid-gap:1rem;display:grid;gap:1rem}.kaizen-idea-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.card-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:.75rem}.card-header-left{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.card-header-right{display:flex;gap:.5rem}.card-row{grid-gap:.75rem;align-items:start;display:grid;gap:.75rem;grid-template-columns:120px 1fr}.card-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.card-value{color:var(--text-primary);font-weight:600}.card-value.savings{color:var(--accent)}.card-secondary{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.status-badge{background:var(--accent-muted);border-radius:999px;color:var(--accent-contrast);display:inline-flex;font-size:.85rem;font-weight:600;padding:.2rem .6rem;width:-webkit-fit-content;width:fit-content}}.data-table td,.data-table th{border-bottom:1px solid var(--border-color);padding:1rem .75rem;text-align:left;white-space:normal}.data-table th{background:var(--bg-secondary);font-size:.8rem;letter-spacing:.05em;position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table tbody tr:hover{background-color:#00000005;background-color:var(--bg-primary,#00000005)}.data-table tbody tr:last-child td{border-bottom:none}.kaizen-table,.kaizen-table tbody,.kaizen-table td,.kaizen-table th,.kaizen-table thead{border:none!important}.kaizen-table td,.kaizen-table th{border-bottom:none!important}.kaizen-table tbody tr{background:var(--bg-primary);border:none;box-shadow:0 4px 12px #0000000a}.kaizen-table tbody tr:hover{box-shadow:0 6px 16px #0000000f}.cell-group{display:flex;flex-direction:column;gap:.2rem}.cell-primary{font-weight:600}.cell-secondary{color:var(--text-secondary);display:block;font-size:.85rem;line-height:1.2}.action-buttons{gap:.4rem}.btn-icon-delete,.btn-icon-edit{height:34px;transition:border .2s ease,color .2s ease;width:34px}.btn-icon-edit{color:var(--accent)}.btn-icon-edit:hover{border-color:var(--accent)}.btn-icon-delete{border-color:#f8717133;color:#f87171}.btn-icon-delete:hover{border-color:#f87171}.btn-icon{height:34px;transition:border .2s ease,color .2s ease;width:34px}.reference-badge{padding:.3rem .65rem;white-space:nowrap}.savings-badge{background:#2ec7851f;border-radius:8px;color:#2ec785;display:inline-flex;font-weight:600;padding:.25rem .6rem}.empty-state{padding:3rem 1rem}.empty-icon{font-size:2.5rem;margin-bottom:.5rem}.error-message{color:var(--status-error,#f5576c);font-size:.95rem}.spinning{animation:spin 1s linear infinite}.filter-drawer-overlay{background:#0006;inset:0;justify-content:flex-end;z-index:1200}.filter-drawer{animation:slideIn .3s ease forwards;background:var(--bg-card);background:var(--bg-secondary,var(--bg-card));border-left:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;width:min(420px,90%)}.filter-drawer-header{padding:1.25rem 1.5rem}.filter-drawer-header h3{font-weight:700}.filter-drawer-content{flex:1 1;overflow-y:auto;padding:1.5rem}.filter-drawer-content .form-group label{align-items:flex-start;color:var(--text-secondary);display:flex;flex-direction:column;font-weight:600;gap:.4rem}.filter-drawer-content select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:.55rem .75rem}.filter-drawer-footer{padding:1.25rem 1.5rem}.modal-content{background:var(--bg-secondary,var(--bg-card));border:1px solid var(--border-color,var(--border-primary));box-shadow:0 20px 50px #00000040;padding:1.5rem;width:min(900px,100%)}.modal-content.small{width:min(500px,100%)}@media (max-width:768px){.modal-content{border-radius:12px;max-height:95vh;padding:1rem}}.modal-header{align-items:flex-start;gap:1rem;margin-bottom:1rem}.modal-footer{margin-top:1.5rem}.btn-danger{background:#dc2626;padding:.6rem 1.1rem;transition:opacity .2s ease}.btn-danger:hover{opacity:.9}.kaizen-entry-page{color:var(--text-primary);margin:0 auto;max-width:1200px}.page-header{border-bottom:2px solid var(--border-primary);padding-bottom:1rem}.success-message{background:#4ade801a;border:1px solid #4ade804d;color:var(--status-success);margin-bottom:1.5rem}.kaizen-entry-container{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:20px;box-shadow:var(--shadow-sm);padding:2rem}.kaizen-entry-form{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.form-section{border-bottom:1px solid var(--border-secondary);padding-bottom:2rem}.form-section.wd70{width:68%}.form-section.wd30{width:29%}.fnt20{font-size:22px!important}.classification-section .form-row{grid-template-columns:1fr}.btnsmall{justify-content:center;margin:0 auto;max-width:250px}.text-black{color:#000}.form-row{grid-gap:1.5rem;gap:1.5rem}.form-group input,.form-group select,.form-group textarea{transition:border-color .2s ease,box-shadow .2s ease}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--status-error)}.form-group textarea{font-family:inherit}.form-actions{margin-top:1rem}.btn-primary,.btn-secondary{background:var(--gradient-primary);box-shadow:var(--shadow-accent);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66}.btn-primary:disabled,.btn-secondary:disabled{transform:none}@media (max-width:768px){.kaizen-entry-page{padding:1rem}.kaizen-entry-container{padding:1.5rem}.form-row{grid-template-columns:1fr}}.multi-select-container{position:relative;width:100%}.multi-select-trigger{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;justify-content:space-between;min-height:48px;padding:.75rem}.multi-select-trigger:after{color:var(--text-tertiary);content:"▼";font-size:.7rem;margin-left:10px}.selected-tags{gap:5px}.selected-tag{background:var(--accent-primary);border-radius:12px;color:#fff;font-size:.85rem;padding:2px 8px}.multi-select-dropdown{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;box-shadow:var(--shadow-md);display:none;left:0;margin-top:5px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.kaizen-table{border-collapse:collapse;font-size:.9rem;margin-top:15px;width:100%}.kaizen-table td{border:1px solid #333;padding:8px 12px;text-align:center;vertical-align:middle}.kaizen-table .header-cell{background-color:#e0ffff;color:#000;font-weight:700;text-align:left;width:120px}.kaizen-table .option-cell{color:#000;cursor:pointer;font-weight:600;transition:background-color .2s}.kaizen-table .option-cell:hover{background-color:#f0f0f0}.kaizen-table .option-cell.selected{background-color:#ff0}.kaizen-table input[type=checkbox]{display:none}.multi-select-dropdown.open{display:block}.multi-select-option{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;gap:10px;padding:10px}.multi-select-option:hover{background:var(--bg-primary)}.multi-select-option input[type=checkbox]{height:16px;margin:0;width:16px}@media print{.kaizen-entry-page{background:#fff;padding:0}.form-actions,.page-header{display:none!important}.kaizen-entry-container{border:none;box-shadow:none;padding:0}input,select,textarea{background:#0000;border:none;padding:0;resize:none}textarea{height:auto;overflow:visible}.navbar,.sidebar{display:none!important}body *{visibility:hidden}.kaizen-entry-page,.kaizen-entry-page *{visibility:visible}.kaizen-entry-page{background:#fff!important;color:#000!important;left:0;margin:0;padding:20px!important;position:absolute;top:0;width:100%}.btn-secondary,.form-actions,.page-header,button{display:none!important}.kaizen-entry-container{border:none!important;box-shadow:none!important;padding:0!important}.form-group input,.form-group select,.form-group textarea{background:#fff!important;border:1px solid #ddd!important;color:#000!important;width:100%!important}img{max-width:100%!important;page-break-inside:avoid;visibility:visible!important}textarea{height:auto!important;overflow:visible!important;white-space:pre-wrap}}.print-only-content{display:none}@media print{@page{size:A4 landscape;margin:5mm}body *{visibility:hidden}.kaizen-entry-page{background:#fff!important;margin:0!important;padding:0!important}.print-only-content,.print-only-content *{visibility:visible}.print-only-content{background:#fff;color:#000;display:block;font-family:Arial,sans-serif;height:100%;left:0;position:absolute;top:0;width:100%}.error-message,.kaizen-entry-form,.page-header,.success-message{display:none!important}.kaizen-sheet{border:2px solid #000;width:100%}.sheet-header{border-bottom:1px solid #000;display:flex;height:100px}.logo-section{align-items:center;border-right:1px solid #000;display:flex;justify-content:center;width:15%}.tpm-logo{font-weight:700;text-align:center}.title-section{align-items:center;border-right:1px solid #000;display:flex;font-size:1.5rem;font-weight:700;justify-content:center;width:40%}.title-section h2{margin:0}.meta-table-section{display:flex;flex-direction:column;width:45%}.meta-table{border-collapse:collapse;font-size:.8rem;height:100%;width:100%}.meta-table td{border:1px solid #000;padding:2px;text-align:center}.meta-table .meta-label{background-color:#e0ffff;font-weight:700;padding-left:5px;text-align:left;width:80px}.meta-table .selected{background-color:#ff0;font-weight:700}.sub-header-row{border-bottom:1px solid #000;display:flex;font-size:.9rem}.info-box{border-right:1px solid #000;display:flex;flex:1 1;gap:5px;padding:4px 8px}.info-box:last-child{border-right:none}.info-box .label{font-weight:700}.sheet-body{width:100%}.sheet-row{border-bottom:1px solid #000;font-weight:700;padding:5px}.theme-row{background-color:#f0f8ff;display:flex;gap:10px}.sheet-grid-layout{display:grid;grid-template-columns:35% 35% 30%}.left-col,.middle-col,.right-col{border-right:1px solid #000}.right-col{border-right:none}.box-section,.box-title{border-bottom:1px solid #000}.box-title{background-color:#e0f7fa;color:blue;font-size:.9rem;font-weight:700;padding:3px 5px}.box-content{font-size:.85rem;min-height:40px;padding:5px}.small-text{font-size:.8rem}.print-image-container{border:1px solid #ccc;margin-top:5px;text-align:center}.print-image-container img{max-height:150px;max-width:100%}.right-info-table{border-bottom:1px solid #000;border-collapse:collapse;font-size:.8rem;width:100%}.right-info-table td{border:1px solid #000;padding:4px}.right-info-table .label-cell{background-color:#f0f0f0;width:40%}.small-grid-table{border-collapse:collapse;font-size:.75rem;width:100%}.small-grid-table td,.small-grid-table th{border:1px solid #000;padding:2px;text-align:center}}.rca-page{display:flex;flex-direction:column;gap:0;padding:0}.rca-page .page-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.rca-page .header-content h2{font-size:1.5rem;margin:0}.rca-page .header-content p{color:var(--text-muted);font-size:.9rem;margin:.25rem 0 0}.rca-page .header-actions{display:flex;flex-wrap:wrap;gap:.75rem}.rca-page .table-container{background:var(--card-bg);border-radius:.75rem;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.rca-page .table-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.rca-page .search-box{align-items:center;background:#fff;background:var(--bg-input,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-primary,#e0e0e0);border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex:1 1;gap:.75rem;max-width:450px;min-width:280px;padding:.75rem 1.25rem;transition:all .3s ease}.rca-page .search-box:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 2px 8px #00000014}.rca-page .search-box:hover{border-color:silver;box-shadow:0 2px 6px #00000014}.rca-page .search-icon{color:#9e9e9e;color:var(--text-tertiary,#9e9e9e);flex-shrink:0;height:20px;transition:color .2s ease;width:20px}.rca-page .search-box:focus-within .search-icon{color:#667eea}.rca-page .search-box input{background:#0000;border:none;color:#1a1a2e;color:var(--text-primary,#1a1a2e);flex:1 1;font-family:inherit;font-size:.95rem;min-width:0;outline:none}.rca-page .search-box input::placeholder{color:#9e9e9e;color:var(--text-tertiary,#9e9e9e);font-size:.9rem}.rca-page .filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.rca-page .filters-row select{min-width:160px}.rca-page .table-info{color:var(--text-muted);font-size:.85rem}.rca-page .data-table{border-collapse:collapse;font-size:.9rem;width:100%}.rca-page .data-table td,.rca-page .data-table th{border-bottom:1px solid var(--border-subtle);padding:.6rem .5rem;text-align:left;vertical-align:top}.rca-page .data-table th{color:var(--text-muted);font-size:.8rem;font-weight:600;text-transform:uppercase}.rca-page .data-table tbody tr:hover{background-color:var(--row-hover-bg)}.rca-page .status-pill{background-color:var(--chip-bg)}.rca-page .method-pill,.rca-page .status-pill{border-radius:999px;display:inline-flex;font-size:.75rem;padding:.15rem .5rem}.rca-page .method-pill{background-color:var(--badge-bg)}.rca-page .action-buttons{display:flex;gap:.25rem}.rca-page .empty-state{color:var(--text-muted);padding:2rem 1rem;text-align:center}.rca-page .empty-state h3{margin-bottom:.25rem;margin-top:.5rem}.rca-page .empty-state p{margin:0 0 1rem}.rca-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.rca-card{background:var(--bg-card-hover);border:1px solid var(--border-subtle);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.25rem;transition:all .3s ease}.rca-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.rca-card-header{align-items:flex-start;border-bottom:1px solid var(--border-subtle);display:flex;gap:1rem;justify-content:space-between;padding-bottom:.75rem}.rca-card-title{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.rca-card-title h4{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.4;margin:0}.rca-card-badges{display:flex;flex-wrap:wrap;gap:.5rem}.rca-card-actions{display:flex;flex-shrink:0;gap:.25rem}.rca-card-body{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.rca-card-field{display:flex;flex-direction:column;gap:.25rem}.rca-card-field .field-label{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rca-card-field .field-value{color:var(--text-primary);font-size:.9rem;line-height:1.5}.rca-card-footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:.75rem}.rca-card-meta{display:flex;flex-direction:column;font-size:.85rem;gap:.5rem}.rca-card-meta .meta-item{color:var(--text-secondary);display:flex;gap:.5rem}.rca-card-meta .meta-item strong{color:var(--text-primary);font-weight:600}@media (max-width:768px){.rca-page{padding:1rem}.rca-page .page-header{align-items:flex-start;flex-direction:column}.rca-page .table-header{align-items:stretch;flex-direction:column;gap:1rem}.rca-page .search-box{max-width:100%;min-width:100%;width:100%}.rca-page .filters-row{align-items:stretch;flex-direction:column;width:100%}.rca-cards-grid{grid-template-columns:1fr}.rca-card-header{flex-direction:column}.rca-card-actions{align-self:flex-end}}.rca-entry-page{padding:0}.rca-entry-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.rca-entry-page .header-content h2{font-size:1.5rem;margin:0}.rca-entry-page .header-content p{color:var(--text-muted);font-size:.9rem;margin:.25rem 0 0}.rca-entry-container{background:var(--card-bg);border-radius:.75rem;box-shadow:var(--card-shadow);padding:0}.rca-entry-form{display:flex;flex-direction:column;gap:1.5rem}.rca-entry-form .form-section{border:1px solid var(--border-subtle);border-radius:.75rem;padding:1rem 1.25rem}.rca-entry-form .section-title{font-size:1rem;margin:0 0 .75rem}.rca-entry-form .section-subtitle{color:var(--text-muted);font-size:.85rem;margin:0 0 1rem}.rca-entry-form .form-row{display:flex;flex-wrap:wrap;gap:1rem}.rca-entry-form .form-group{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:220px}.rca-entry-form .form-group.full-width{flex-basis:100%}.rca-entry-form label{font-size:.85rem;font-weight:500}.rca-entry-form input,.rca-entry-form select,.rca-entry-form textarea{background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:.5rem;color:var(--text-primary);font-size:.9rem;padding:.5rem .6rem}.rca-entry-form textarea{min-height:80px;resize:vertical}.rca-entry-form input.error,.rca-entry-form select.error,.rca-entry-form textarea.error{border-color:var(--danger)}.rca-entry-form .field-error{color:var(--danger);font-size:.75rem}.rca-entry-form .field-hint{color:var(--text-muted);font-size:.75rem}.rca-entry-form .required{color:var(--danger)}.rca-entry-form .form-actions{display:flex;gap:.75rem;justify-content:flex-end}.rca-tools-grid{align-items:flex-start;display:flex;flex-direction:row;gap:1rem;justify-content:space-between}.rca-tools-grid .tool-card{background:var(--subtle-bg);border:1px dashed var(--border-subtle);border-radius:.75rem;padding:.75rem;width:48%}.rca-tools-grid .tool-title{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.rca-tools-grid .tool-hint{color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem}.five-whys-list{gap:.5rem}.five-whys-item,.five-whys-list{display:flex;flex-direction:column}.five-whys-item{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:.5rem;gap:.25rem;padding:1rem}.five-whys-item textarea{border:1px solid var(--border-secondary)}.rca-entry-page .fishbone-category{background:var(--bg-primary);padding:1rem}.five-whys-label{font-size:.8rem;font-weight:500}.fishbone-categories{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.fishbone-category textarea{min-height:60px}@media (max-width:768px){.rca-entry-page{padding:1rem}}.fishbone-analysis-page{color:var(--text-primary);margin:0 auto;max-width:1400px;padding:0}.fishbone-analysis-page .page-header{align-items:flex-start;border-bottom:2px solid var(--border-primary);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.fishbone-analysis-page .header-content{flex:1 1}.nowrap{white-space:nowrap}.fishbone-analysis-page .header-content h2{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;margin-bottom:.75rem}.fishbone-analysis-page .header-content p{color:var(--text-tertiary);font-size:.95rem;margin:0}.fishbone-analysis-page .btn-back{align-items:center;background:#0000;border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;transition:all .3s ease}.fishbone-analysis-page .btn-back:hover{background:var(--bg-card);border-color:var(--accent-primary);color:var(--text-primary)}.fishbone-analysis-page .header-actions{display:flex;gap:.75rem}.fishbone-container{background:var(--card-bg);border-radius:.75rem;box-shadow:var(--card-shadow);padding:0}.fishbone-form-section{border-bottom:1px solid var(--border-secondary);margin-bottom:2rem;padding-bottom:1.5rem}.fishbone-form-section .form-group{max-width:400px}.fishbone-form-section label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.fishbone-form-section .required{color:#ef4444;color:var(--error-color,#ef4444);margin-left:.25rem}.fishbone-form-section select{background:var(--input-bg);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.fishbone-form-section select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.fishbone-form-section select.error{border-color:#ef4444;border-color:var(--error-color,#ef4444)}.fishbone-form-section .field-error{color:#ef4444;color:var(--error-color,#ef4444);display:block;font-size:.875rem;margin-top:.5rem}.fishbone-diagram{display:flex;flex-direction:column;gap:2rem}.fishbone-problem{background:var(--bg-card-hover);border:2px solid var(--accent-primary);border-radius:.75rem;padding:2rem;text-align:center}.fishbone-problem h3{color:var(--accent-primary);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.fishbone-problem p{color:var(--text-primary);font-size:1rem;line-height:1.6}.fishbone-problem textarea{background:var(--input-bg);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;resize:vertical;width:100%}.fishbone-categories{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.fishbone-category{background:var(--bg-card-hover);border:1px solid var(--border-secondary);border-radius:.75rem;padding:1.5rem;transition:all .3s ease}.fishbone-category:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #0000001a}.category-header{align-items:center;border-bottom:2px solid var(--border-secondary);justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.category-header h4{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0}.category-icon{font-size:1.5rem}.fishbone-category textarea{background:var(--input-bg);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.9rem;min-height:100px;padding:.75rem;resize:vertical;width:100%}.fishbone-category textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.fishbone-category textarea::placeholder{color:var(--text-muted)}@media (max-width:768px){.fishbone-analysis-page{padding:1rem}.fishbone-categories{grid-template-columns:1fr}.fishbone-analysis-page .page-header{flex-direction:column}.fishbone-analysis-page .header-actions{flex-direction:column;width:100%}}:root{--primary:#10b981;--primary-light:#d1fae5;--primary-dark:#047857;--background-light:#f7f6f8;--background-dark:#191022;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--white:#fff;--red-500:#ef4444;--green-50:#f0fdf4;--green-100:#dcfce7;--green-700:#15803d;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--shadow-soft:0 4px 20px -2px #0000000d;--font-family:"Inter",sans-serif}.five-whys-analysis-page{background-color:#f7f6f8;background-color:var(--background-light);color:#0f172a;color:var(--slate-900);font-family:Inter,sans-serif;font-family:var(--font-family);min-height:100vh}.five-whys-main-content{max-width:100%;padding:1rem 1.5rem 4rem;width:100%}.fw-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.fw-header-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.fw-title-group h1{color:#0f172a;color:var(--slate-900);font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin:0}.fw-title-group p{color:#64748b;color:var(--slate-500);margin:.25rem 0 0}.fw-actions{display:flex;gap:.75rem}.btn-fw-secondary{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #cbd5e1;border:1px solid var(--slate-300);border-radius:.5rem;border-radius:var(--border-radius-lg);color:#334155;color:var(--slate-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-fw-secondary:hover{background-color:#f8fafc;background-color:var(--slate-50)}.btn-fw-primary{align-items:center;background-color:#10b981;background-color:var(--primary);border:none;border-radius:.5rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #10b98133;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-fw-primary:hover{background-color:#047857;background-color:var(--primary-dark)}.btn-fw-primary:disabled{cursor:not-allowed;opacity:.7}.fw-card{background-color:#fff;background-color:var(--white);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:.75rem;border-radius:var(--border-radius-xl);box-shadow:0 4px 20px -2px #0000000d;box-shadow:var(--shadow-soft);margin-bottom:1rem;overflow:hidden}.fw-card-header{align-items:center;background:linear-gradient(180deg,#e6f7f0,#d1f2e5);display:flex;justify-content:space-between;padding:.75rem 1.5rem}.fw-card-title{color:#10b981;color:var(--primary);font-size:.75rem;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.fw-status-badge{align-items:center;background-color:#fef9c3;border:1px solid #fde047;border-radius:.25rem;color:#854d0e;display:inline-flex;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.fw-context-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr);padding:1.5rem}@media (min-width:640px){.fw-context-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.fw-context-grid{grid-template-columns:repeat(4,1fr)}}.fw-context-item p.label{color:#64748b;color:var(--slate-500);font-size:.75rem;margin:0 0 .25rem}.fw-context-value{align-items:center;display:flex;gap:.5rem}.fw-context-value .icon{color:#94a3b8;color:var(--slate-400);font-size:1.125rem}.fw-context-value .value{color:#0f172a;color:var(--slate-900);font-size:.875rem;font-weight:700;margin:0}.fw-context-value a{color:#10b981;color:var(--primary);text-decoration:none}.fw-context-value a:hover{text-decoration:underline}.fw-problem-card{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;position:relative}.fw-problem-card label{color:#334155;color:var(--slate-700);display:block;font-size:.875rem;font-weight:500}.fw-problem-textarea{border:1px solid #cbd5e1;border:1px solid var(--slate-300);border-radius:.5rem;border-radius:var(--border-radius-lg);color:#0f172a;color:var(--slate-900);font-family:Inter,sans-serif;font-family:var(--font-family);font-size:1.125rem;font-weight:500;min-height:80px;padding:.75rem;resize:vertical;width:100%}.fw-problem-textarea:focus{border-color:#10b981;border-color:var(--primary);box-shadow:0 0 0 3px #10b98133;outline:none}.fw-arrow-connector{background-color:#f7f6f8;background-color:var(--background-light);border-radius:50%;bottom:-.75rem;color:#94a3b8;color:var(--slate-400);display:flex;left:50%;padding:.25rem;position:absolute;transform:translateX(-50%);z-index:10}.fw-timeline-container{margin-top:1rem!important;padding-left:1rem;position:relative}@media (min-width:768px){.fw-timeline-container{padding-left:0}}.fw-timeline-line{background-color:#e2e8f0;background-color:var(--slate-200);bottom:0;display:none;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:0}@media (min-width:768px){.fw-timeline-line{display:block}}.fw-step-wrapper{margin-bottom:1rem;position:relative}.fw-step-card{background-color:#fff;background-color:var(--white);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:.75rem;border-radius:var(--border-radius-xl);box-shadow:0 4px 20px -2px #0000000d;box-shadow:var(--shadow-soft);padding:1.5rem;position:relative;z-index:1}.fw-step-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.fw-step-number{align-items:center;background-color:#d1fae5;background-color:var(--primary-light);border-radius:50%;color:#10b981;color:var(--primary);display:inline-flex;font-size:.875rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.fw-step-actions{display:flex;gap:.5rem}.btn-icon{color:#94a3b8;color:var(--slate-400);transition:color .2s}.btn-icon:hover{color:#10b981;color:var(--primary)}.btn-icon.delete:hover{color:#ef4444;color:var(--red-500)}.fw-step-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.fw-step-grid{grid-template-columns:1fr 1fr}}.fw-input-group{display:flex;flex-direction:column;gap:.5rem}.fw-input-label{color:#94a3b8;color:var(--slate-400);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.fw-input{background-color:#f8fafc;background-color:var(--slate-50);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:.5rem;border-radius:var(--border-radius-lg);color:#334155;color:var(--slate-700);font-size:.875rem;padding:.75rem 7rem .75rem .75rem;width:100%}.fw-input:focus{border-color:#10b981;border-color:var(--primary);box-shadow:0 0 0 3px #10b98133;outline:none}.fw-input-wrapper{position:relative}.btn-generate-answer{align-items:center;background-color:#fffc;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:.375rem;color:#10b981;color:var(--primary);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;opacity:.9;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s;z-index:5}.btn-generate-answer:hover{background-color:#fff;background-color:var(--white);border-color:#10b981;border-color:var(--primary);box-shadow:0 2px 4px #0000000d;opacity:1}.btn-generate-answer .icon{font-size:1rem}.fw-connector{color:#cbd5e1;color:var(--slate-300);display:flex;justify-content:center;margin-top:.5rem}.fw-action-plan-card{background-color:#0f172a;background-color:var(--slate-900);border-radius:.75rem;border-radius:var(--border-radius-xl);box-shadow:0 4px 20px -2px #0000000d;box-shadow:var(--shadow-soft);color:#fff;color:var(--white);margin-top:2rem;overflow:hidden}.fw-ap-header{align-items:center;border-bottom:1px solid #1e293b;border-bottom:1px solid var(--slate-800);display:flex;justify-content:space-between;padding:1.5rem}.fw-ap-switch-label{align-items:center;cursor:pointer;display:inline-flex;gap:.75rem}.fw-ap-title{align-items:center;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.fw-ap-table-container{overflow-x:auto;padding:1.5rem}.fw-ap-table{border-collapse:collapse;text-align:left;width:100%}.fw-ap-table th{border-bottom:1px solid #1e293b;border-bottom:1px solid var(--slate-800);color:#94a3b8;color:var(--slate-400);font-size:.75rem;font-weight:600;padding:.75rem .5rem;text-transform:uppercase}.fw-ap-table td{border-bottom:1px solid #1e293b80;font-size:.875rem;padding:.75rem .5rem}.fw-ap-input,.fw-ap-table td{color:#fff;color:var(--white)}.fw-ap-input{background:#0000;border:none;font-family:inherit;font-size:inherit;width:100%}.fw-ap-input:focus{outline:none}.fw-ap-input::placeholder{color:#475569;color:var(--slate-600)}.fw-tag{background-color:#3b82f633;border-radius:.25rem;color:#93c5fd;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.fw-user-pill{align-items:center;display:flex;gap:.5rem}.fw-avatar{background-color:#334155;background-color:var(--slate-700);background-position:50%;background-size:cover;border-radius:50%;height:1.5rem;width:1.5rem}.material-symbols-outlined{word-wrap:normal;direction:ltr;display:inline-block;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}.ai-suggestions-dropdown{animation:slideDown .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2;border:1px solid #10b98126;border-radius:.75rem;border-radius:var(--border-radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 10px 15px -3px #0000001a,inset 0 0 0 1px #ffffff80;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);width:24rem;z-index:100}.ai-suggestions-header{align-items:center;background-color:#10b9810d;border-bottom:1px solid #10b9811a;display:flex;gap:.5rem;padding:.5rem 1rem}.ai-suggestions-header .title{color:#10b981;color:var(--primary);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ai-suggestion-list{list-style:none;margin:0;padding:.25rem 0}.ai-suggestion-item{align-items:flex-start;background:none;border:none;color:#334155;color:var(--slate-700);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.625rem 1rem;text-align:left;transition:background-color .1s;width:100%}.ai-suggestion-item:hover{background-color:#10b9810d}.ai-suggestion-item .icon{color:#10b98166;font-size:1rem;margin-top:.125rem}.ai-show-more-btn,.ai-suggestion-item:hover .icon{color:#10b981;color:var(--primary)}.ai-show-more-btn{align-items:center;background-color:#f8fafc;background-color:var(--slate-50);border:none;border-top:1px solid #f1f5f9;border-top:1px solid var(--slate-100);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.05em;padding:.75rem;text-transform:uppercase;transition:all .2s;width:100%}.ai-show-more-btn:hover{background-color:#d1fae5;background-color:var(--primary-light);color:#047857;color:var(--primary-dark)}.ai-show-more-btn .icon{font-size:1rem}.print-only{display:none}@media print{@page{size:A4 portrait;margin:.5cm}body{background-color:#fff!important;color:#000!important}body *{visibility:hidden}.print-only,.print-only *{visibility:visible}.print-only{left:0;position:absolute;top:0}.five-whys-main-content{display:none!important}.five-whys-analysis-page{background-color:#fff!important;height:auto!important;margin:0!important;min-height:0!important;overflow:visible!important;padding:0!important}.print-only{box-sizing:border-box;display:block!important;font-family:Arial,sans-serif;font-size:12pt;padding:10px;width:100%}.print-table{border-collapse:collapse;margin-bottom:8px;table-layout:fixed;width:100%}.print-table td,.print-table th{border:1px solid #000;font-size:11pt;padding:6px;vertical-align:top}.print-table th{background-color:#f0f0f0!important;font-weight:700;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center}.print-header-top{font-size:12pt;font-weight:700}.print-sheet-title{font-size:14pt;font-weight:700;padding:8px;text-align:center;text-transform:uppercase}.print-section-label{font-weight:700}.print-checkbox{align-items:center;border:1px solid #000;display:inline-flex;font-size:12px;height:14px;justify-content:center;line-height:12px;margin-left:8px;margin-right:4px;width:14px}.print-checkbox.checked:after{content:"✓";font-weight:700}.print-flex-row{align-items:center;display:flex}.print-box-label{margin-right:5px}}.preview-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;display:flex;height:100%;justify-content:center;left:0;padding:2.5rem;position:fixed;top:0;width:100%;z-index:10000}.preview-modal-content{background:#f1f5f9;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;height:95vh;max-width:1100px;overflow:hidden;position:relative;width:100%}.preview-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.25rem 2.5rem;z-index:10}.preview-title h2{align-items:center;color:#0f172a;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0}.action-buttons{align-items:center;gap:1rem}.preview-close-btn{background:#f1f5f9;border-radius:8px;color:#64748b;padding:.5rem;transition:all .2s}.preview-close-btn:hover{background:#e2e8f0;color:#0f172a}.preview-body-wrapper{background:#f1f5f9;flex:1 1;overflow-y:auto;padding:3rem 1rem;scroll-behavior:smooth}.report-paper{background:#fff;border-radius:4px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:950px;min-height:100%;padding:4rem;position:relative;width:100%}.report-header-banner{align-items:flex-start;border-bottom:2px solid #0f172a;display:flex;justify-content:space-between;margin-bottom:3rem;padding-bottom:1.5rem}.org-brand{display:flex;flex-direction:column}.org-name{color:#1e293b;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.report-type{color:#3b82f6;font-size:.875rem;font-weight:700;margin-top:.25rem;text-transform:uppercase}.report-id{text-align:right}.report-id-label{color:#64748b;font-size:.75rem;font-weight:600;text-transform:uppercase}.report-id-value{color:#0f172a;font-family:JetBrains Mono,monospace;font-size:1.125rem;font-weight:700}.report-section{margin-bottom:3.5rem}.section-label{align-items:center;color:#3b82f6;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;letter-spacing:.1em;margin-bottom:1.5rem;text-transform:uppercase}.section-label:after{background:#e2e8f0;content:"";flex:1 1;height:1px}.report-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.field-group{display:flex;flex-direction:column;gap:.375rem}.field-label{color:#64748b;font-size:.75rem;font-weight:600;text-transform:uppercase}.field-value{color:#1e293b;font-size:.9375rem;font-weight:600;line-height:1.4}.field-value.highlight{color:#3b82f6}.metadata-container{grid-gap:1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr);padding:1.5rem}@media (min-width:640px){.metadata-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.metadata-container{gap:2rem;grid-template-columns:repeat(3,1fr)}}.metadata-item{gap:1rem}.metadata-icon,.metadata-item{align-items:center;display:flex}.metadata-icon{border-radius:12px;box-shadow:0 1px 2px #0000000d;flex-shrink:0;font-size:1.35rem;height:44px;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:44px}.icon-blue{background-color:#eff6ff!important;border:1px solid #bfdbfe!important;color:#2563eb!important}.icon-indigo{background-color:#eef2ff!important;border:1px solid #c7d2fe!important;color:#4f46e5!important}.icon-emerald{background-color:#ecfdf5!important;border:1px solid #a7f3d0!important;color:#059669!important}.icon-amber{background-color:#fffbeb!important;border:1px solid #fde68a!important;color:#d97706!important}.icon-purple{background-color:#faf5ff!important;border:1px solid #e9d5ff!important;color:#9333ea!important}.icon-slate{background-color:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#475569!important}.metadata-content{display:flex;flex:1 1;flex-direction:column;gap:.15rem;justify-content:center}.metadata-label{color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.05em;line-height:1;text-transform:uppercase}.metadata-value{color:#0f172a;font-size:.95rem;font-weight:600;line-height:1.3;word-break:break-word}.metadata-value.highlight-value{color:#0f172a}.separator{color:#cbd5e1;margin:0 .5rem}.metadata-context-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000005;margin-top:1.5rem;padding:1.25rem}.context-label{color:#3b82f6;display:block;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.context-value{color:#475569;font-size:.9375rem;font-style:italic;line-height:1.6;margin:0}.score-summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.score-card{align-items:center;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;padding:1.25rem;transition:all .2s}.score-card:hover{background:#f8fafc;border-color:#3b82f6}.score-card.safe{border-left:4px solid #22c55e}.score-card.unsafe{border-left:4px solid #ef4444}.score-card.neutral{border-left:4px solid #3b82f6}.score-card .value{font-size:1.75rem;font-weight:800;margin:.25rem 0}.score-card.safe .value{color:#16a34a}.score-card.unsafe .value{color:#dc2626}.score-card .label{color:#64748b;font-size:.75rem;font-weight:700;text-transform:uppercase}.table-wrapper{border-radius:8px;margin-top:1rem}.report-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:.75rem;font-weight:700;text-transform:uppercase}.report-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:.875rem;padding:1rem;vertical-align:top}.report-table tr:hover{background:#f8fafc}.badge{font-size:.75rem;font-weight:700;padding:.25rem .625rem;text-transform:uppercase}.badge-safe{background:#dcfce7;color:#166534}.badge-unsafe{background:#fee2e2;color:#991b1b}.badge-status{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.modern-table-wrapper{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;margin-top:1.25rem;overflow:hidden}.modern-table{background:#fff}.modern-table th{border-bottom:2px solid #cbd5e1;border-right:1px solid #cbd5e1;color:#475569;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:1rem 1.25rem}.modern-table th:last-child{border-right:none}.modern-table td{border-bottom:1px solid #cbd5e1;border-right:1px solid #cbd5e1;padding:1rem 1.25rem;vertical-align:middle}.modern-table td:last-child{border-right:none}.modern-table tbody tr:hover{background:#f8fafc}.safe-section-label{color:#059669}.safe-section-label:after{background:#a7f3d0}.safe-table-wrapper{border-color:#a7f3d0;box-shadow:0 4px 6px -1px #10b9810d}.safe-table-wrapper th{background:#ecfdf5;border-bottom-color:#cbd5e1;color:#065f46}.safe-table-wrapper td,.safe-table-wrapper th{border-right-color:#cbd5e1}.unsafe-section-label{color:#dc2626}.unsafe-section-label:after{background:#fecaca}.unsafe-table-wrapper{border-color:#fecaca;box-shadow:0 4px 6px -1px #ef44440d}.unsafe-table-wrapper th{background:#fef2f2;border-bottom-color:#cbd5e1;color:#991b1b}.unsafe-table-wrapper td,.unsafe-table-wrapper th{border-right-color:#cbd5e1}.observer-group-list{gap:.75rem}.observer-group-item,.observer-group-list{display:flex;flex-direction:column}.observer-group-title{font-size:.65rem;font-weight:800;letter-spacing:.05em;margin-bottom:.15rem;text-transform:uppercase}.observer-group-title.company{color:#2563eb}.observer-group-title.contractor{color:#d97706}.badge-critical{background:#ef4444;border:1px solid #dc2626;color:#fff}.badge-critical,.badge-warning{-webkit-print-color-adjust:exact;print-color-adjust:exact}.badge-warning{background:#fffbeb;border:1px solid #fcd34d;color:#b45309}@media print{.preview-modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;padding:0;position:static;-webkit-print-color-adjust:exact;print-color-adjust:exact}.preview-modal-content{box-shadow:none;height:auto;overflow:visible;width:100%}.btn-print,.preview-close-btn,.preview-footer,.preview-header{display:none!important}.preview-body-wrapper{background:#fff;overflow:visible;padding:0}.report-paper{box-shadow:none;max-width:none;padding:0;width:100%}body *{visibility:hidden}.preview-modal-overlay,.preview-modal-overlay *{visibility:visible}}.workforce-grid-wrapper{display:flex;flex-direction:column;gap:1.5rem}@media (min-width:640px){.workforce-grid-wrapper{flex-direction:row;gap:2.5rem}}.workforce-grid-wrapper .flex-1{flex:1 1}.workforce-tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.workforce-tag{border:1px solid #0000;border-radius:9999px;box-shadow:0 1px 2px #0000000d;display:inline-block;font-size:.75rem;font-weight:600;line-height:normal;padding:.4rem .85rem}.workforce-tag.company{background-color:#eff6ff!important;border-color:#bfdbfe!important;color:#1e40af!important}.workforce-tag.contractor{background-color:#fffbeb!important;border-color:#fde68a!important;color:#92400e!important}.workforce-group-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.workforce-group-label.company-label{color:#2563eb}.workforce-group-label.contractor-label{color:#d97706}.preview-modal-content{animation:slideIn .3s cubic-bezier(.16,1,.3,1)}.report-message{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:4rem}.report-spinner{animation:spin 1s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.observer-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0000000d;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.observer-card:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.observer-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;box-shadow:0 2px 4px #2563eb33;color:#fff;display:flex;flex-shrink:0;font-size:.825rem;font-weight:700;height:36px;justify-content:center;width:36px}.observer-info{display:flex;flex-direction:column;overflow:hidden}.observer-role{color:#3b82f6;font-size:.65rem;font-weight:800;letter-spacing:.05em;margin-bottom:1px;text-transform:uppercase}.observer-name{color:#1e293b;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-footer-signature{align-items:center;border-top:1px solid #f1f5f9;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:10px;font-weight:700;gap:1rem;justify-content:space-between;letter-spacing:.1em;margin-top:3rem;padding-top:2rem;text-transform:uppercase}@media (max-width:640px){.preview-footer-signature{flex-direction:column;gap:.5rem;text-align:center}}.pagination-container{border-top:1px solid var(--border-primary);flex-wrap:wrap;justify-content:space-between;margin-top:1rem;padding:1rem}.pagination-container,.pagination-info{align-items:center;display:flex;gap:1rem}.pagination-info{color:var(--text-secondary);font-size:.9rem}.pagination-page-size{align-items:center;display:flex;gap:.5rem}.pagination-page-size label{color:var(--text-secondary);font-size:.9rem}.pagination-page-size select{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.4rem .6rem}.pagination-page-size select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #667eea1a;outline:none}.pagination-controls{gap:.5rem}.pagination-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.pagination-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-pages{align-items:center;display:flex;gap:.25rem}.pagination-page-btn{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.9rem;height:32px;min-width:32px;padding:0 .5rem;transition:all .2s ease}.pagination-page-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.pagination-page-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:500}.pagination-ellipsis{color:var(--text-secondary);padding:0 .5rem;-webkit-user-select:none;user-select:none}@media (max-width:768px){.pagination-container{align-items:stretch;flex-direction:column}.pagination-info{justify-content:space-between;width:100%}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-pages{justify-content:center;margin-bottom:.5rem;order:-1;width:100%}}.capa-page{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 2rem}.capa-page .page-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.capa-page .header-content h2{font-size:1.5rem;margin:0}.capa-page .header-content p{color:var(--text-muted);font-size:.9rem;margin:.25rem 0 0}.capa-page .header-actions{display:flex;flex-wrap:wrap;gap:.75rem}.capa-page .table-container{background:var(--card-bg);border-radius:.75rem;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.capa-page .table-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.capa-page .search-box{align-items:center;background:#fff;background:var(--bg-input,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-primary,#e0e0e0);border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex:1 1;gap:.75rem;max-width:450px;min-width:280px;padding:.75rem 1.25rem;transition:all .3s ease}.capa-page .search-box:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 2px 8px #00000014}.capa-page .search-box:hover{border-color:silver;box-shadow:0 2px 6px #00000014}.capa-page .search-icon{color:#9e9e9e;color:var(--text-tertiary,#9e9e9e);flex-shrink:0;height:20px;transition:color .2s ease;width:20px}.capa-page .search-box:focus-within .search-icon{color:#667eea}.capa-page .search-box input{background:#0000;border:none;color:#1a1a2e;color:var(--text-primary,#1a1a2e);flex:1 1;font-family:inherit;font-size:.95rem;min-width:0;outline:none}.capa-page .search-box input::placeholder{color:#9e9e9e;color:var(--text-tertiary,#9e9e9e);font-size:.9rem}.capa-page .filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.capa-page .filters-row select{min-width:160px}.capa-page .table-info{color:var(--text-muted);font-size:.85rem}.capa-page .data-table{border-collapse:collapse;font-size:.9rem;width:100%}.capa-page .data-table td,.capa-page .data-table th{border-bottom:1px solid var(--border-subtle);padding:.6rem .5rem;text-align:left;vertical-align:top}.capa-page .data-table th{color:var(--text-muted);font-size:.8rem;font-weight:600;text-transform:uppercase}.capa-page .data-table tbody tr:hover{background-color:var(--row-hover-bg)}.capa-page .status-pill{background-color:var(--chip-bg)}.capa-page .status-pill,.capa-page .type-pill{border-radius:999px;display:inline-flex;font-size:.75rem;padding:.15rem .5rem}.capa-page .type-pill{background-color:var(--badge-bg)}.capa-page .action-buttons{display:flex;gap:.25rem}.capa-page .link-button{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.capa-page .link-button:hover{color:var(--accent-primary-hover)}.capa-page .empty-state{color:var(--text-muted);padding:2rem 1rem;text-align:center}.capa-page .empty-state h3{margin-bottom:.25rem;margin-top:.5rem}.capa-page .empty-state p{margin:0 0 1rem}.view-toggle-group{background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:.5rem;transition:all .2s ease;width:36px}.view-toggle-btn svg{height:18px;width:18px}.view-toggle-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.view-toggle-btn.active{background:var(--accent-primary);color:#fff}.capa-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.capa-card{background:var(--bg-card-hover);border:1px solid var(--border-subtle);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.25rem;transition:all .3s ease}.capa-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.capa-card-header{align-items:flex-start;border-bottom:1px solid var(--border-subtle);display:flex;gap:1rem;justify-content:space-between;padding-bottom:.75rem}.capa-card-title{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.capa-card-title h4{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.4;margin:0}.capa-card-badges{display:flex;flex-wrap:wrap;gap:.5rem}.capa-card-actions{display:flex;flex-shrink:0;gap:.25rem}.capa-card-body{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.capa-card-field{display:flex;flex-direction:column;gap:.25rem}.capa-card-field .field-label{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.capa-card-field .field-value{color:var(--text-primary);font-size:.9rem;line-height:1.5}.capa-card-footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:.75rem}.capa-card-meta{display:flex;flex-direction:column;font-size:.85rem;gap:.5rem}.capa-card-meta .meta-item{color:var(--text-secondary);display:flex;gap:.5rem}.capa-card-meta .meta-item strong{color:var(--text-primary);font-weight:600}@media (max-width:768px){.capa-page{padding:1rem}.capa-page .page-header{align-items:flex-start;flex-direction:column}.capa-page .table-header{align-items:stretch;flex-direction:column;gap:1rem}.capa-page .search-box{max-width:100%;min-width:100%;width:100%}.capa-page .filters-row{align-items:stretch;flex-direction:column;width:100%}.capa-cards-grid{grid-template-columns:1fr}.capa-card-header{flex-direction:column}.capa-card-actions{align-self:flex-end}}.btn-icon-add-task{align-items:center;background:#0000;border:1px solid #2ec78533;border-radius:6px;color:var(--accent-primary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.btn-icon-add-task:hover{background:#2ec7851a;border-color:var(--accent-primary)}.btn-icon-add-task svg{height:16px;width:16px}.task-row{background-color:var(--bg-card-hover)}.task-row td{border-top:none;padding:1rem!important}.tasks-container{background:linear-gradient(to bottom,#2ec78505,var(--bg-card));border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:1.5rem}.tasks-header{border-bottom:2px solid var(--border-subtle);justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.tasks-header,.tasks-header h4{align-items:center;display:flex}.tasks-header h4{color:var(--text-primary);font-size:1.1rem;font-weight:700;gap:.5rem;margin:0}.tasks-header h4:before{content:"📋";font-size:1.2rem}.tasks-list{gap:0}.task-item-inline{background:#fff;border:1px solid var(--border-subtle);border-radius:10px;box-shadow:0 1px 3px #0000000f;margin-bottom:.75rem;padding:1rem 1.25rem;transition:all .2s ease}.task-item-inline:hover{border-color:var(--accent-primary);box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.task-item-content{display:flex;flex-direction:column;gap:.75rem}.task-description{color:var(--text-primary);font-size:.95rem;line-height:1.5}.task-description strong{color:var(--text-primary);font-weight:600}.task-meta{align-items:center;border-top:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;padding-top:.5rem}.task-meta>span:not(.priority-badge){align-items:center;background:var(--bg-card-hover);border-radius:6px;display:flex;font-size:.8rem;gap:.4rem;padding:.25rem .5rem}.priority-badge.priority-high{background-color:#f5576c26;color:#f5576c}.priority-badge.priority-medium{background-color:#ffc10726;color:#ffc107}.priority-badge.priority-low{background-color:#2ec78526;color:#2ec785}.empty-tasks{align-items:center;display:flex;flex-direction:column;font-size:.9rem;font-style:italic;gap:.5rem;opacity:.7;padding:2rem 1rem}.empty-tasks:before{content:"📝";font-size:2rem;opacity:.5}.task-status-select{background:#fff;border-radius:8px;min-width:140px;transition:all .2s ease}.task-status-select:hover{box-shadow:0 0 0 3px #2ec7851a}.task-status-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #2ec78526;outline:none}.sbo-link-badge{align-items:center;background-color:#2ec7851a;border-radius:4px;color:var(--accent-primary);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;margin-top:4px;padding:2px 8px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.sbo-link-badge:hover{background-color:var(--accent-primary);color:#fff}.sbo-source-indicator{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:6px}.sbo-source-indicator svg{color:var(--accent-primary)}.schedule-page{background-color:#f8f9fa;color:#1e293b;color:var(--text-primary,#1e293b);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:calc(100vh - 64px);padding:24px}.schedule-page .page-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.schedule-page .header-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;margin-bottom:.5rem}.schedule-page .header-content p{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:.95rem;margin:0}.header-actions-row{align-items:center;display:flex;gap:12px}.schedule-page .btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 14px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:.7rem 1.25rem;transition:all .2s ease;white-space:nowrap}.schedule-page .btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.schedule-page .btn-primary.accent{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 14px #667eea4d}.schedule-page .btn-primary.accent:hover{box-shadow:0 6px 20px #38b2ac66}.btn-secondary-outline{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:8px;color:#334155;color:var(--text-primary,#334155);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:.7rem 1.25rem;transition:all .2s ease;white-space:nowrap}.btn-secondary-outline:hover{background:#f1f5f9;background:var(--bg-hover,#f1f5f9)}.schedule-page .error-message{background:#f5576c1a;border:1px solid #f5576c4d;border-radius:12px;color:#ef4444;font-size:.9rem;margin-bottom:1.5rem;padding:1rem}.settings-btn-setu:active,.settings-btn-setu:focus,.settings-btn-setu:focus-visible{box-shadow:0 0 0 2px #667eea33;outline:none!important;transform:scale(.98)}.round-limit-info{color:#a0aec0;font-size:13px;margin-bottom:10px;padding-right:4px;text-align:right}.table-container-setu{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:2rem;overflow:hidden}.custom-table th{text-transform:capitalize}.custom-table tr:hover td{background-color:#38b2ac05}.status-badge-setu{font-size:12px;min-width:80px;text-align:center}.status-badge-setu.active,.status-badge-setu.open{background-color:#f0fff4;color:#38b2ac}.status-badge-setu.completed{background-color:#ebf8ff;color:#3182ce}.obs-count-setu{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:0 8px}.obs-count-setu.safe{background-color:#38b2ac1a;color:#38b2ac}.obs-count-setu.unsafe{background-color:#e53e3e1a;color:#e53e3e}.action-menu-btn{display:inline-flex;font-size:18px;padding:6px;transition:all .2s}.action-menu-btn:hover{color:#38b2ac}.schedule-page .modal-body{padding:1.5rem}.schedule-page .modal-body p{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.95rem;margin-bottom:.75rem}.schedule-page .warning-text{color:#d97706;font-size:.88rem}.btn-danger{font-size:.9rem;transition:all .2s ease}.schedule-page .delete-modal{max-width:420px}.side-drawer{border-radius:24px 0 0 24px;box-shadow:-25px 0 60px #0f172a26;transition:all .7s cubic-bezier(.19,1,.22,1);width:850px}.form-section{background:#fcfdfe;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 2px 10px #00000005;margin-bottom:20px;padding:20px}.form-col input,.form-col select{border:1px solid #cbd5e1;border-radius:12px;color:#0f172a;height:44px;padding:0 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-col input:focus,.form-col select:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed14}.search-select-trigger{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:12px;cursor:pointer;display:flex;height:44px;padding:0 16px;transition:all .2s;width:100%}.search-select-trigger.active{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed14}.search-input-clean{background:#0000!important;border:none!important;color:#0f172a;font-size:14px;height:100%!important;outline:none!important;padding:0!important;width:100%}.search-options-list{background:#fff;border:1px solid #e1e5ef;border-radius:12px;box-shadow:0 10px 25px #0000001a;left:0;max-height:250px;overflow-y:auto;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.search-option{border-radius:8px;color:#475569;cursor:pointer;font-size:14px;padding:10px 14px;transition:all .2s}.search-option:hover{background:#f1f5f9;color:#7c3aed}.custom-select-container{position:relative;width:100%}.custom-select-trigger{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#0f172a;cursor:pointer;display:flex;font-size:14px;height:44px;justify-content:space-between;padding:0 16px;transition:all .2s;width:100%}.custom-options-list{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 10px 25px #00000014;left:0;max-height:250px;overflow-y:auto;padding:8px;position:absolute;top:calc(100% + 8px);width:100%;z-index:100}.custom-option{border-radius:8px;color:#475569;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s}.custom-option:hover{background-color:#f1f5f9}.custom-option.selected{background-color:#f3f0ff;color:#7c3aed;font-weight:600}.observation-table{border-collapse:initial;border-spacing:0;margin-top:10px;width:100%}.observation-table th{background:#f8fafc;border-bottom:2px solid #f1f5f9;color:#64748b;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.observation-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:14px 16px}.expand-row{color:#7c3aed;cursor:pointer;font-size:16px;margin-right:12px}.section-header-modern{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header-modern h3{margin:0!important}.expanded-details{grid-gap:12px;background:#fbfcfd;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:10px}.expanded-details p{color:#64748b;font-size:13px;margin:0}.btn-secondary{background-color:#f1f5f9;border:none;font-size:14px;padding:10px 24px;transition:all .2s}.btn-secondary:hover{background:#e2e8f0;color:#1e293b}.btn-save-main{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:12px;box-shadow:0 10px 15px -3px #a855f74d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;letter-spacing:.3px;padding:12px 36px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-save-main:hover{box-shadow:0 12px 25px #a855f766;filter:brightness(1.1);transform:translateY(-2px)}.btn-add-green,.btn-add-new{align-items:center;background:linear-gradient(135deg,#a78bfa,#7c3aed);border:1.5px solid #ffffff1a;border-radius:10px;box-shadow:0 6px 15px #7c3aed40;color:#fff!important;cursor:pointer;display:flex;font-size:14px;font-weight:800;gap:8px;justify-content:center;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-add-green:hover,.btn-add-new:hover{box-shadow:0 8px 20px #7c3aed59;transform:translateY(-2px)}.btn-upload-custom{background:#0000;border:2px dashed #a78bfa;border-radius:10px;color:#7c3aed;font-weight:700;padding:10px 20px;transition:all .3s ease}.btn-upload-custom:hover{background:#7c3aed0d;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed1a;transform:translateY(-1px)}.btn-draft{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;margin-right:12px;padding:10px 16px;transition:all .2s}.btn-draft:hover{background:#f1f5f9;color:#7c3aed}.modal-overlay{animation:obs-overlay-in .25s ease-out;z-index:10000}@keyframes obs-overlay-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card,#fff)}.schedule-modal-content{max-width:540px}.modal-header{border-bottom:1px solid var(--border-primary,#e2e8f0);padding:1rem}.modal-header h3{color:var(--text-primary,#1e293b)}.modal-close{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.modal-close:hover{background:#f1f5f9;background:var(--bg-hover,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b)}.form-group{margin-bottom:.75rem}.form-group label{color:#1e293b;color:var(--text-primary,#1e293b);font-size:.92rem}.form-group input,.form-group select{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-family:inherit;outline:none;transition:all .2s ease}.form-col input:focus,.form-col select:focus,.form-group input:focus,.form-group select:focus{border-color:#667eea;border-color:var(--accent-primary,#667eea);box-shadow:0 0 0 3px #667eea1a}.form-col input:disabled,.form-col select:disabled,.form-group input:disabled,.form-group select:disabled{background-color:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed;opacity:.7}.form-group input.error{border-color:#ef4444}.form-row-inline{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-primary,#e2e8f0)}.modal-body{padding:1rem}.modal-footer{background:#fff;background:var(--bg-card,#fff);border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-primary,#e2e8f0)}.modal-body p{color:#1e293b;color:var(--text-primary,#1e293b)}.modal-close-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#94a3b8;flex-shrink:0;font-size:18px;height:38px;transition:all .3s ease;width:38px}.modal-close-btn:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444;transform:rotate(90deg)}.required-field:after{color:#ef4444;content:" *";font-weight:800}.modal-footer{gap:12px;padding:0 1rem 1rem}.modal-footer .btn-add-new{margin:0}.switch{height:26px}.slider{background-color:#cbd5e1}.slider:before{box-shadow:0 1px 4px #00000026;height:20px;width:20px}input:checked+.slider{background:linear-gradient(135deg,#a78bfa,#7c3aed)}input:checked+.slider:before{transform:translateX(22px)}.slider.round{border-radius:26px}.modal-overlay .file-list-preview{display:flex;flex-direction:column;gap:6px;margin-top:10px}.modal-overlay .file-item{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;color:#475569;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.modal-overlay .file-item svg{color:#94a3b8;cursor:pointer;transition:color .2s}.modal-overlay .file-item svg:hover{color:#ef4444}.action-btns{gap:8px;justify-content:flex-end}.btn-icon-only{border-radius:8px;color:#64748b;font-size:14px}.btn-icon-only.edit:hover{background:#f3f0ff;border-color:#ddd6fe;color:#7c3aed}.btn-icon-only.delete:hover{background:#fee2e2;border-color:#fecaca}.tag-input-container{display:flex;flex-direction:column;gap:10px}.tag-input-wrapper{align-items:center;display:flex;gap:8px}.tag-add-btn{align-items:center;background:#7c3aed;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.tag-add-btn:hover{background:#6d28d9;transform:translateY(-1px)}.selected-tags{display:flex;flex-wrap:wrap;gap:8px}.tag-item{align-items:center;background:#f3f0ff;border:1px solid #ddd6fe;border-radius:20px;color:#7c3aed;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.btn-add-v2{background:#10b981;border-radius:4px}.btn-add-v2:hover{background:#059669}.file-list-preview{display:flex;flex-direction:column;gap:8px;margin-top:12px}.file-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#475569;display:flex;font-size:13px;justify-content:space-between;padding:10px 14px;transition:all .2s}.file-item:hover{background:#f1f5f9;border-color:#cbd5e1}.file-item.existing{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.file-item a{color:inherit;font-weight:600;max-width:80%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.file-item svg{color:#94a3b8;cursor:pointer;transition:color .2s}.file-item svg:hover{color:#ef4444}.attachment-details{border-top:1px dashed #e2e8f0;grid-column:span 3;margin-top:8px;padding-top:8px}.attachment-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.attachment-link{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#6366f1;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;text-decoration:none;transition:all .2s}.attachment-link:hover{background:#f1f5f9;border-color:#6366f1;transform:translateY(-1px)}.attachment-link svg{font-size:14px}.btn-upload-custom{align-items:center;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;color:#6366f1;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:all .2s}.btn-upload-custom:hover{background:#f5f3ff;border-color:#6366f1}.header-actions{gap:16px}.action-btns{gap:12px}.action-btns,.btn-submit{align-items:center;display:flex}.btn-submit{background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:12px;box-shadow:0 4px 12px #6366f133;color:#fff!important;cursor:pointer;font-size:14px;font-weight:700;justify-content:center;padding:10px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-submit:hover:not(:disabled){box-shadow:0 8px 16px #6366f166;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-cancel,.btn-draft{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#475569!important;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-cancel:hover{background:#fff1f2;border-color:#fecdd3;color:#e11d48!important}.btn-draft:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b!important}.capa-entry-page{margin:0 auto}.capa-entry-page .page-header{border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:1rem}.d-flex{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.d-flex .btn-back{margin-bottom:0!important;margin-right:10px}.capa-entry-page .btn-back{align-items:center;background:#0000;border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;transition:all .3s ease}.capa-entry-page .btn-back:hover{background:var(--bg-card);border-color:var(--accent-primary);color:var(--text-primary)}.capa-entry-page .header-content h2{font-size:1.75rem;margin:.5rem 0 .25rem}.capa-entry-page .header-content p{color:var(--text-muted);font-size:.95rem;margin:0}.capa-entry-container{background:var(--card-bg);border-radius:.75rem;box-shadow:var(--card-shadow)}.capa-entry-form{display:flex;flex-direction:column;gap:2rem}.form-section{gap:1.5rem}.section-header{margin-bottom:.5rem}.section-title{font-weight:700;margin:0}.capa-entry-page .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-secondary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #6366f11a}.field-error{color:#ef4444;color:var(--error-color,#ef4444);font-size:.875rem}.link-button{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:.875rem;margin-top:.5rem;padding:0;text-align:left;text-decoration:underline}.link-button:hover{color:var(--accent-primary-hover)}.form-actions{border-top:1px solid var(--border-secondary);padding-top:1rem}.empty-tasks{background:var(--bg-card-hover);border-radius:8px;color:var(--text-muted);padding:2rem;text-align:center}.tasks-list{display:flex;flex-direction:column;gap:1rem}.task-item{background:var(--bg-card-hover);border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem;transition:all .3s ease}.task-item:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #0000001a}.task-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.task-info{flex:1 1}.task-info h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.priority-badge{border-radius:999px;font-weight:600}.priority-badge.priority-high{background-color:#fee2e2;color:#dc2626}.priority-badge.priority-medium{background-color:#fef3c7;color:#d97706}.priority-badge.priority-low{background-color:#dbeafe;color:#2563eb}.status-pill{background-color:var(--chip-bg);border-radius:999px;display:inline-flex;font-size:.75rem;padding:.15rem .5rem}.task-actions{align-items:center;display:flex;gap:.5rem}.status-select{background:var(--input-bg);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.85rem;padding:.4rem .75rem}.task-details{border-top:1px solid var(--border-subtle);color:var(--text-secondary);flex-direction:column;font-size:.875rem;padding-top:.75rem}.task-details,.task-details span{display:flex;gap:.5rem}.task-details strong{color:var(--text-primary);font-weight:600}.task-notes{background:var(--bg-card);border-radius:6px;font-style:italic;margin-top:.5rem;padding:.75rem}.completed-date{color:#10b981;color:var(--status-success,#10b981)}@media (max-width:768px){.capa-entry-page{padding:1rem}.form-row{grid-template-columns:1fr}.task-header{flex-direction:column}.task-actions{justify-content:flex-end;width:100%}}.form-group.span-2{grid-column:span 2}.capa-task-management-page{background:linear-gradient(180deg,#2ec78505,#0000);display:flex;flex-direction:column;gap:1rem}.capa-task-management-page .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.capa-task-management-page .header-content{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:flex-start}.capa-task-management-page .header-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.capa-task-management-page .header-content h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0}.capa-task-management-page .header-content p{color:var(--text-secondary);font-size:.95rem;font-weight:400;margin:0}.capa-task-management-page .btn-back{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem;padding:.5rem 1rem;transition:all .2s ease}.capa-task-management-page .btn-back:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}.capa-task-management-page .header-actions{display:flex;gap:.75rem}.capa-task-management-page .task-board{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.capa-task-management-page .task-column{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;padding:1.25rem;transition:all .3s ease}.task-column.drag-over{background:linear-gradient(to bottom,#2ec7850d,var(--bg-card-hover));border-color:var(--accent-primary);border-width:2px;box-shadow:0 8px 24px #2ec78526;transform:translateY(-2px)}.column-header{align-items:center;border-bottom:2px solid var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.column-header h3{color:var(--text-primary);font-size:.85rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.task-count{align-items:center;background:linear-gradient(135deg,var(--accent-primary),#2ec785cc);border-radius:14px;box-shadow:0 2px 4px #2ec7854d;color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;height:28px;justify-content:center;min-width:28px;padding:0 .75rem}.task-list{display:flex;flex:1 1;flex-direction:column;gap:0;max-height:calc(100vh - 300px);overflow-y:auto;padding-right:.5rem;padding-top:.5rem}.task-list::-webkit-scrollbar{width:6px}.task-list::-webkit-scrollbar-track{background:#0000}.task-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.task-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.task-card{background:#fff;border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 1px 3px #00000014;cursor:grab;margin-bottom:.75rem;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.task-card:active{cursor:grabbing}.task-card:hover{background:#fafafa;border-color:var(--accent-primary);box-shadow:0 4px 12px #0000001f;transform:translateY(-3px)}.task-card.dragging{border-color:var(--accent-primary);box-shadow:0 8px 24px #0003;opacity:.6;transform:rotate(2deg) scale(.98);z-index:1000}.task-card-header{align-items:flex-start;border-bottom:1px solid var(--border-subtle);display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.task-card-title{flex:1 1}.task-card-title strong{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;line-height:1.5;word-break:break-word}.task-card-actions{display:flex;flex-shrink:0;gap:.25rem}.btn-icon-delete,.btn-icon-edit{border:1px solid #0000;display:inline-flex;height:32px;padding:0;width:32px}.btn-icon-edit{background:#2ec7850d;border-color:#2ec78533;color:var(--accent-primary)}.btn-icon-edit:hover{background:#2ec78526;transform:scale(1.05)}.btn-icon-delete{background:#f5576c0d;border-color:#f5576c33;color:#f5576c}.btn-icon-delete:hover{transform:scale(1.05)}.btn-icon-delete svg,.btn-icon-edit svg{height:18px;width:18px}.task-card-body{display:flex;flex-direction:column;gap:.75rem}.task-meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem;padding:.4rem 0}.meta-icon{color:var(--accent-primary);flex-shrink:0;height:18px;opacity:.7;width:18px}.task-badges{border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding-top:.5rem}.priority-badge{align-items:center;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.3px;padding:.35rem .75rem;text-transform:uppercase}.priority-badge.priority-high{background:linear-gradient(135deg,#f5576c,#ff6b7a);color:#fff}.priority-badge.priority-medium{background:linear-gradient(135deg,#ffc107,#ffd54f);color:#333}.priority-badge.priority-low{background:linear-gradient(135deg,#2ec785,#4ade80);color:#fff}.empty-column{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;font-size:.9rem;justify-content:center;min-height:200px;opacity:.6;padding:2rem;text-align:center}.empty-column:before{content:"📋";font-size:2.5rem;margin-bottom:.5rem;opacity:.5}.empty-column p{font-style:italic;margin:0}.status-select-inline{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.85rem;min-width:120px;padding:.35rem .75rem;transition:all .2s ease}.status-select-inline:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}.status-select-inline:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1);outline:none}.task-status-select-wrapper{border-top:1px solid var(--border-subtle);margin-top:.75rem;padding-top:.75rem}.task-status-select{background:var(--bg-card);border:1.5px solid var(--border-color);font-size:.85rem;font-weight:500;min-width:100%;padding:.5rem .75rem;width:100%}.task-status-select:hover{background:#fff;border-color:var(--accent-primary)}.modal-overlay{inset:0}.modal-content{background:var(--bg-modal,var(--bg-card));box-shadow:0 10px 40px #0003}.modal-header{border-bottom:1px solid var(--border-subtle)}.modal-body{display:flex;flex-direction:column;gap:1rem}.modal-footer{border-top:1px solid var(--border-subtle)}.form-group input,.form-group select,.form-group textarea{transition:border-color .2s ease}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#f5576c}.form-group textarea{min-height:80px}.field-error{margin-top:-.25rem}.btn-primary,.btn-secondary{display:inline-flex;font-size:.9rem}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),#2ec785e6);box-shadow:0 2px 8px #2ec7854d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-primary-hover),var(--accent-primary));box-shadow:0 4px 12px #2ec78566}.btn-secondary{background:var(--bg-card-hover)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--accent-primary)}.btn-icon{border:1px solid #0000;height:32px;transition:all .2s ease;width:32px}.btn-icon:hover{background:var(--bg-card-hover);border-color:var(--border-color)}.error-message{border:1px solid #f5576c33}@media (max-width:1200px){.task-board{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.capa-task-management-page{padding:1rem}.form-row,.task-board{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}}.opl-documents-page{color:var(--text-primary);margin:0 auto;max-width:1400px}.loading-spinner{border:4px solid var(--border-secondary)}.table-header{flex-wrap:wrap}.filter-group{align-items:center}.filter-select{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:10px;font-size:.95rem;padding:.425rem 1rem;transition:all .3s ease}.filter-select:focus{background:var(--bg-input-focus);border-color:var(--border-focus);box-shadow:0 0 0 3px #667eea1a}.search-box{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:10px;gap:.75rem;padding:.1rem 1rem;transition:background-color .3s ease,border-color .3s ease}.oplpage .filter-group{display:flex;flex-direction:row}.oplpage .modal-form .form-group{margin-bottom:1rem}.search-icon{flex-shrink:0;height:20px;width:20px}.search-input{background:#0000;border:none;flex:1 1}.search-input::placeholder{color:var(--text-disabled)}.data-table thead{background:var(--bg-tertiary)}.data-table th{border-bottom:2px solid var(--border-primary);color:var(--text-secondary);font-size:.9rem}.data-table td{border-bottom:1px solid var(--border-secondary);color:var(--text-primary);font-size:.9rem}.data-table tbody tr{transition:background .2s ease}.data-table tbody tr:hover{background:var(--bg-card)}.version-badge{background:#667eea26;border:1px solid #667eea4d;border-radius:6px;color:var(--accent-primary);font-weight:600}.module-badge,.version-badge{display:inline-block;font-size:.85rem;padding:.375rem .75rem}.module-badge{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-secondary);font-weight:500}.reference-badge{background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:6px;color:#8b5cf6;display:inline-block;font-size:.85rem;font-weight:600;padding:.375rem .75rem;transition:all .2s ease}.reference-badge.clickable{cursor:pointer}.reference-badge.clickable:hover{background:#8b5cf640;transform:translateY(-1px)}.approved-badge{background:#4ade8026;border:1px solid #4ade804d;border-radius:6px;color:var(--status-success)}.approved-badge,.not-approved-badge{display:inline-block;font-size:.85rem;font-weight:600;padding:.375rem .75rem}.not-approved-badge{background:#f5576c26;border:1px solid #f5576c4d;border-radius:6px;color:var(--status-error)}.status-badge.active,.status-badge.approved{background:#4ade8026;border:1px solid #4ade804d;color:var(--status-success)}.status-badge.draft,.status-badge.inactive,.status-badge.pending{background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-tertiary)}.status-badge.rejected{background:#f5576c26;border:1px solid #f5576c4d;color:var(--status-error)}.btn-icon-approve,.btn-icon-delete,.btn-icon-edit,.btn-icon-version{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-icon-approve svg,.btn-icon-delete svg,.btn-icon-edit svg,.btn-icon-version svg{height:18px;width:18px}.btn-icon-edit:hover,.btn-icon-version:hover{background:#667eea26;border-color:var(--accent-primary);color:var(--accent-primary)}.btn-icon-approve:hover{background:#4ade8026;border-color:var(--status-success);color:var(--status-success)}.btn-icon-approve:disabled{cursor:not-allowed;opacity:.5}.btn-icon-delete:hover{background:#f5576c26;border-color:var(--status-error);color:var(--status-error)}.empty-icon{color:var(--text-tertiary);height:64px;margin:0 auto 1rem;width:64px}.empty-state h3{font-weight:700}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-modal);transition:background-color .3s ease,border-color .3s ease}.modal-header{transition:border-color .3s ease}.modal-close svg{height:20px;width:20px}.modal-close:hover{background:var(--bg-card)}.required{color:var(--status-error)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-input);border-radius:10px;outline:none;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--bg-input-focus);border-color:var(--border-focus)}.form-group input.error,.form-group textarea.error{background:#f5576c0d;border-color:var(--status-error)}.field-error{color:var(--status-error)}.modal-actions{transition:border-color .3s ease}.btn-secondary:hover:not(:disabled){border-color:var(--border-focus)}.delete-modal .modal-body{margin-bottom:1.5rem!important}.delete-modal .modal-body p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.delete-modal .modal-body strong{color:var(--text-primary);font-weight:700}.warning-text{color:var(--status-error)!important;font-size:.9rem}@media (max-width:768px){.page-header,.table-header{align-items:stretch;flex-direction:column}.search-box{max-width:100%}.data-table{font-size:.85rem}.data-table td,.data-table th{padding:.75rem .5rem}.modal-content{max-width:100%}.action-buttons{flex-wrap:wrap}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d}.modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.users-page{color:var(--text-primary);margin:0 auto;max-width:1400px}.login-form .form-group label{color:#000}.header-content h2{font-weight:800;margin-bottom:.75rem}.btn-primary{border-radius:10px;display:flex;font-size:.95rem}.table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;transition:background-color .3s ease,border-color .3s ease}.table-header{gap:1rem;margin-bottom:1.5rem}.search-box{max-width:400px}.search-icon{color:var(--text-tertiary);font-size:1.1rem;left:1rem}.search-input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:.95rem;padding:.3rem 1rem .35rem 2.75rem;transition:all .3s ease}.empty-state,.table-info{color:var(--text-tertiary)}.empty-icon{opacity:.5}.empty-state h3{margin-bottom:.5rem}.empty-state p{margin-bottom:1.5rem}.data-table{font-size:.95rem}.data-table thead{border-bottom:2px solid var(--border-primary)}.data-table th{font-size:.85rem;letter-spacing:.5px;padding:.5rem;text-transform:uppercase}.data-table td.wd255{width:255px}.data-table td{border-bottom:1px solid var(--border-primary);padding:.5rem}.data-table tbody tr{transition:background-color .2s ease}.name-cell{color:var(--text-primary);font-weight:400}.status-badge{padding:.35rem .75rem}.btn-icon-delete,.btn-icon-edit{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:.5rem;transition:all .2s ease}.btn-icon-edit:hover{background:#667eea1a;border-color:#667eea;color:#667eea}.btn-icon-delete:hover{background:#f5576c1a;border-color:#f5576c;color:#f5576c}.modal-form{padding:1.5rem}.required{color:#f5576c}.form-group input,.form-group select{border-radius:10px;font-size:.95rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group select.error{border-color:#f5576c}.field-error{color:#f5576c}.field-info{color:var(--text-tertiary)}.field-info,.field-success{display:block;font-size:.85rem;margin-top:.25rem}.field-success{color:#22c55e}.modal-actions{margin-top:2rem;padding-top:1.5rem}.btn-secondary{border-radius:10px;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.delete-modal{max-width:500px}.btn-danger{background:#f5576c;border:none}.btn-danger:hover{background:#e54858;box-shadow:0 4px 12px #f5576c4d;transform:translateY(-1px)}@media (max-width:768px){.page-header,.table-header{align-items:stretch;flex-direction:column}.search-box{max-width:100%}.data-table{font-size:.85rem}.data-table td,.data-table th{padding:.75rem .5rem}.modal-content{margin:1rem;max-width:100%}}.plants-checkbox-list{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;display:flex;flex-direction:column;gap:.8rem;max-height:200px;overflow-y:auto;padding:1rem}.plant-checkbox-item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;gap:.75rem}.plant-checkbox-item input[type=checkbox]{accent-color:#667eea;border:1px solid var(--border-primary);border-radius:4px;cursor:pointer;height:18px;margin:0;width:18px}.plant-checkbox-item label{cursor:pointer;font-weight:400;margin:0;-webkit-user-select:none;user-select:none}.plant-checkbox-item:hover{background-color:var(--bg-secondary);border-radius:6px;margin:-4px -8px;padding:4px 8px}.subscription-page{color:var(--text-primary);margin:0 auto;max-width:1400px;padding:0}.loading-spinner{border:4px solid #ffffff1a}.header-content h2{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;margin-bottom:0}.header-content p{color:var(--text-tertiary)}.btn-primary,.btn-secondary{border-radius:10px;font-size:.95rem}.btn-primary{box-shadow:var(--shadow-accent)}.btn-primary:hover{box-shadow:0 6px 20px #667eea66}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--text-tertiary)}.btn-danger{background:#f5576c33;border:1px solid #f5576c66;border-radius:10px;color:#f5576c;display:flex;padding:.75rem 1.5rem}.btn-danger:hover{background:#f5576c4d;border-color:#f5576c99}.btn-icon{font-size:1rem;height:18px;width:18px}.error-message{color:var(--status-error)}.no-subscription{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;padding:4rem 2rem;text-align:center}.no-sub-icon{color:var(--text-tertiary);font-size:4rem;margin-bottom:1rem;opacity:.5}.no-subscription h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.no-subscription p{color:var(--text-tertiary);margin-bottom:2rem}.subscription-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;margin-bottom:2rem;padding:1rem;transition:background-color .3s ease,border-color .3s ease}.subscription-header{align-items:flex-start;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:.5rem}.flexbox{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.subscription-header h3{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem;margin-right:10px}.plan-code{color:var(--text-tertiary);font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.status-badge{border-radius:8px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.status-badge.active{background:#22c55e26;border:1px solid #22c55e4d}.status-badge.inactive{background:#9ca3af26;border:1px solid #9ca3af4d;color:#9ca3af}.subscription-details{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.detail-item{align-items:flex-start;display:flex;gap:1rem}.detail-icon{color:var(--accent-primary);flex-shrink:0;font-size:1.5rem}.detail-item label{color:var(--text-tertiary);display:block;font-size:.85rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.detail-item p{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.subscription-actions{display:flex;flex-wrap:wrap;gap:1rem}.usage-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;margin-bottom:2rem;padding:1rem}.usage-section h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.usage-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.usage-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;transition:all .3s ease}.usage-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.usage-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.usage-icon{color:var(--accent-primary);font-size:1.5rem}.usage-header h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.usage-value{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.75rem}.usage-limit{color:var(--text-tertiary);font-size:1.25rem;font-weight:400}.usage-unlimited{color:var(--accent-primary);font-size:1.25rem;font-weight:500}.usage-progress{background:var(--bg-primary);border-radius:4px;height:8px;overflow:hidden}.usage-progress-bar{background:var(--gradient-primary);border-radius:4px;height:100%;transition:width .3s ease}.features-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;padding:1rem}.btn-icon{height:21px;width:21px}.features-section h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.features-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.feature-item{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;display:flex;gap:.75rem;padding:1rem}.feature-icon{color:#22c55e;flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.feature-item h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.feature-item p{color:var(--text-tertiary);font-size:.85rem;margin:0}.modal-overlay{background:#0009}.modal-content{border-radius:16px;box-shadow:0 20px 60px #0000004d}.modal-close{border-radius:6px;color:var(--text-tertiary);font-size:1.5rem;padding:.25rem;transition:all .2s ease}.modal-close:hover{background:var(--bg-secondary)}.modal-body p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.modal-body strong{color:var(--text-primary)}.plans-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.plan-option{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.plan-option:hover{background:var(--bg-primary);border-color:var(--accent-primary)}.plan-option.selected{background:#667eea1a;border-color:var(--accent-primary)}.plan-option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.plan-option-header h4{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.plan-price{color:var(--accent-primary);font-size:1.5rem;font-weight:700}.plan-cycle{color:var(--text-tertiary);font-size:1rem;font-weight:400}.plan-description{color:var(--text-tertiary);font-size:.9rem;margin:0}.pricing-card .plan-header .plan-description{color:#000}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.delete-modal .modal-body{padding:1.5rem}.warning-text{color:#f5576c!important;font-weight:500}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column}.subscription-header{flex-direction:column;gap:1rem}.subscription-details{grid-template-columns:1fr}.subscription-actions{flex-direction:column}.features-grid,.usage-grid{grid-template-columns:1fr}.modal-content{margin:1rem;max-width:100%}}.change-password-page{align-items:center;background:#f5f7fa;background:var(--bg-primary,#f5f7fa);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.change-password-container{background:#fff;background:var(--bg-card,#fff);border:1px solid #0000000d;border-radius:20px;box-shadow:0 8px 32px #0000001f;max-width:550px;padding:3rem;width:100%}.change-password-header{margin-bottom:2rem;text-align:center}.header-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.change-password-header h1{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.change-password-header p{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.95rem;margin:0}.change-password-form{display:flex;flex-direction:column;gap:1.75rem}.form-group{gap:.75rem}.form-group label{align-items:center;color:#343a40;color:var(--text-primary,#343a40);display:flex;gap:.5rem}.label-icon{flex-shrink:0;height:18px;width:18px}.form-group .required{color:#f5576c;margin-left:.25rem}.password-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.input-icon-left{align-items:center;color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;justify-content:center;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:5}.input-icon-left svg{height:20px;width:20px}.form-input.password-input{background:#fff;background:var(--input-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-family:inherit;font-size:1.05rem;line-height:1.5;min-height:56px;padding:1.25rem 3.75rem 1.25rem 3.25rem;transition:all .3s ease;width:100%}.form-input.password-input:hover{border-color:silver;box-shadow:0 2px 6px #00000014}.form-input.password-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea26,0 2px 8px #0000001a;outline:none}.form-input.password-input:focus+.password-toggle,.form-input.password-input:focus~.input-icon-left{color:#667eea}.form-input::placeholder{color:#9e9e9e;color:var(--text-tertiary,#9e9e9e);font-size:.95rem}.password-toggle{align-items:center;background:#667eea14;border:1px solid #667eea33;border-radius:8px;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:flex;height:40px;justify-content:center;padding:.625rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:10}.password-toggle:hover{background:#667eea26;border-color:#667eea;color:#667eea;transform:translateY(-50%) scale(1.05)}.password-toggle:active{transform:translateY(-50%) scale(.95)}.password-toggle svg{flex-shrink:0;height:24px;width:24px}.error-message{background:#f5576c1a;border:1px solid #f5576c4d;border-radius:12px;color:#f5576c}.error-message,.success-message{font-size:.9rem;padding:.875rem 1rem}.success-message{background:#2ec7851a;border:1px solid #2ec7854d;border-radius:12px;color:#2ec785;text-align:center}.form-actions{margin-top:.5rem}.btn-primary,.btn-secondary{border-radius:12px;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea66}.btn-primary:hover:not(:disabled){box-shadow:0 6px 30px #667eea99}.btn-primary:disabled{transform:none}.btn-secondary{background:#f5f7fa;background:var(--bg-card-hover,#f5f7fa);border:2px solid #d0d0d0;border:2px solid var(--border-color,#d0d0d0);color:#343a40;color:var(--text-primary,#343a40)}.btn-secondary:hover:not(:disabled){background:#fff;background:var(--bg-card,#fff);border-color:#667eea;color:#667eea}@media (max-width:768px){.change-password-page{padding:1rem}.change-password-container{padding:1.5rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.master-data-import{margin:0 auto;max-width:1200px;padding:2rem}.import-header{margin-bottom:2rem}.import-header h2{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin:0 0 .5rem}.import-header p{color:var(--text-tertiary);font-size:1rem;margin:0}.import-container{display:flex;flex-direction:column;gap:2rem}.import-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);padding:2rem}.import-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0 0 1.5rem}.step-number{background:var(--gradient-primary);color:#fff;font-size:.875rem;font-weight:700;height:32px;width:32px}.section-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0 0 1.5rem}.form-group label{font-size:.95rem}.form-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:all .2s}.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn{border-radius:8px;font-size:1rem}.btn-download,.btn-import{min-width:200px}.file-upload-area{display:flex;flex-direction:column;gap:1rem}.file-input{display:none}.file-label{align-items:center;background:var(--input-bg);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:2rem;transition:all .2s}.file-label:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.file-label .icon{font-size:1.5rem}.file-info{align-items:center;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.file-name{color:var(--text-primary);font-weight:600}.file-size{color:var(--text-tertiary);font-size:.875rem}.alert{font-size:.95rem;gap:.75rem;padding:1rem 1.5rem}.alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#dc2626}.alert .icon{flex-shrink:0;font-size:1.25rem}.import-result{border:1px solid;border-radius:12px;padding:1.5rem}.import-result.success{background:#22c55e1a;border-color:#22c55e4d}.import-result.error{background:#ef44441a;border-color:#ef44444d}.result-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.result-header h4{font-size:1.125rem;font-weight:700;margin:0}.result-header .icon{font-size:1.5rem}.success-icon{color:#22c55e}.error-icon{color:#ef4444}.result-details{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1rem}.result-stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.875rem}.stat-value{font-size:2rem}.stat-value.success{color:#22c55e}.stat-value.error{color:#ef4444}.result-message{color:var(--text-secondary);font-size:.95rem;margin:1rem 0 0}.error-list{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.error-list h5{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem}.error-list ul{list-style-type:disc;margin:0;padding-left:1.5rem}.error-list li{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.import-instructions{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);padding:2rem}.import-instructions h4{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:700;gap:.75rem;margin:0 0 1rem}.import-instructions .icon{color:var(--primary-color);font-size:1.25rem}.import-instructions ul{color:var(--text-secondary);line-height:1.8;list-style-type:decimal;margin:0 0 1rem;padding-left:1.5rem}.import-instructions li{margin-bottom:.5rem}.notes{background:var(--hover-bg);border-left:4px solid var(--primary-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-top:1rem;padding:1rem}.notes strong{color:var(--text-primary)}@media (max-width:768px){.master-data-import{padding:1rem}.import-section{padding:1.5rem}.result-details{flex-direction:column;gap:1rem}}.breakdown-log-page{min-height:100vh;padding:2rem}.table-container{padding:1.5rem}.table-header{padding-bottom:1rem}.data-table td,.data-table th{padding:.75rem}.data-table tbody tr:hover{background:#00000005;background:var(--table-row-hover,#00000005)}.btn-icon-delete,.btn-icon-edit,.btn-icon-generate{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:all .2s}.btn-icon-generate{color:#10b981;color:var(--success-color,#10b981)}.btn-icon-generate:hover{background:#10b9811a}.filter-drawer{padding:1.5rem}.modal-content.large{max-width:800px}@media (max-width:768px){.breakdown-log-page{padding:1rem}.form-row{grid-template-columns:1fr}.data-table{font-size:.85rem}.data-table td,.data-table th{padding:.5rem}}.work-order-page{min-height:100vh;padding:2rem}.page-header{margin-bottom:1rem}.table-container{border-radius:12px;padding:.5rem}.table-header{border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.filter-toggle,.table-header{align-items:center;display:flex}.filter-toggle{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.filter-toggle:hover{background:var(--hover-bg);border-color:var(--primary-color)}.table-info{color:var(--text-secondary)}.data-table,.table-info{font-size:.9rem}.data-table thead{background:var(--primary-color-light);background:var(--table-header-bg,var(--primary-color-light))}.data-table th{color:var(--text-primary);padding:.25rem .35rem}.data-table td{color:var(--text-secondary);padding:.25rem .35rem}.data-table tbody tr:hover{background:#282828;background:var(--table-row-hover,#282828)}.btn-icon-delete,.btn-icon-edit,.btn-icon-status{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:all .2s}.btn-icon-edit{color:var(--primary-color)}.btn-icon-edit:hover{background:var(--primary-color-light)}.btn-icon-status{color:#10b981;color:var(--success-color,#10b981)}.btn-icon-status:hover{background:#10b9811a}.btn-icon-delete{color:#ef4444;color:var(--error-color,#ef4444)}.btn-icon-delete:hover{background:#ef44441a}.type-badge{background:var(--primary-color-light);color:var(--primary-color)}.priority-badge,.status-pill,.type-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.status-pill{background:var(--primary-color-light);color:var(--primary-color)}.empty-state{padding:4rem 2rem}.empty-state h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.empty-state p{margin:0 0 1.5rem}.filter-drawer{border-radius:12px;max-width:400px;padding:1rem;width:90%}.filter-drawer-header{margin-bottom:1.5rem;padding-bottom:1rem}.filter-drawer-header h3{color:var(--text-primary);font-size:1.25rem;margin:0}.filter-drawer-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.filter-drawer-footer{gap:.75rem;padding-top:1rem}.modal-overlay{padding:1rem}.modal-content{background:var(--card-bg);box-shadow:var(--shadow-lg)}.modal-content.large{max-width:900px}.modal-footer{padding:1.5rem}.form-row{margin-bottom:1rem}.form-group .required{color:#ef4444;color:var(--error-color,#ef4444)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--error-color,#ef4444)}.form-group input.readonly{background:#f3f4f6;background:var(--input-bg-disabled,#f3f4f6);cursor:not-allowed}.error-text{color:var(--error-color,#ef4444);font-size:.85rem}.btn-danger,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary{background:var(--input-bg)}.btn-secondary:hover{background:var(--hover-bg)}.btn-danger{background:#ef4444;background:var(--error-color,#ef4444)}.btn-danger:hover{background:#dc2626}.btn-icon:hover{background:var(--hover-bg)}.spinning{animation:spin .8s linear infinite}@media (max-width:768px){.work-order-page{padding:1rem}.form-row{grid-template-columns:1fr}.data-table{font-size:.85rem}.data-table td,.data-table th{padding:.5rem}}.work-order-wizard{background:var(--bg-primary);min-height:100vh;padding:2rem}.wizard-header{border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.wizard-header,.wizard-steps{align-items:center;display:flex;justify-content:space-between}.wizard-steps{background:var(--wizard-bg);border-radius:12px;box-shadow:var(--shadow-sm);gap:.5rem;margin-bottom:0;overflow-x:auto;padding:1rem}.step-indicator{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:100px;padding:.75rem 1rem;position:relative;transition:all .2s}.step-indicator:after{background:var(--border-color);content:"";height:2px;position:absolute;right:-50%;top:50%;width:100%;z-index:0}.step-indicator:last-child:after{display:none}.step-indicator.current:after{background:var(--primary-color)}.step-indicator.completed:after{background:var(--success-color)}.step-indicator:hover:not(.disabled){background:var(--wizard-hover)}.step-indicator.current{background:var(--primary-color-light);color:var(--primary-color)}.step-indicator.completed{background:var(--success-color-light);color:var(--success-color)}.step-indicator.disabled{cursor:not-allowed;opacity:.5}.step-number{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;font-weight:600;height:2.5rem;justify-content:center;position:relative;width:2.5rem;z-index:1}.step-indicator.current .step-number{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.step-indicator.completed .step-number{background:var(--success-color);border-color:var(--success-color);color:#fff}.step-indicator.completed .step-number svg{height:1.5rem;width:1.5rem}.step-label{color:var(--text-secondary);font-size:.85rem;font-weight:500;text-align:center}.step-indicator.current .step-label{color:var(--primary-color);font-weight:600}.step-indicator.completed .step-label{color:var(--success-color)}.wizard-content{margin-bottom:2rem;min-height:300px;padding:0}.wizard-content,.wizard-footer{background:var(--card-bg);border-radius:12px}.wizard-footer{align-items:center;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:1.5rem}.footer-center,.footer-left,.footer-right{display:flex;flex:1 1;gap:1rem}.footer-left{justify-content:flex-start}.footer-center{justify-content:center}.footer-right{justify-content:flex-end}.btn-icon{border-radius:6px;color:var(--text-secondary);display:flex;padding:.5rem}.btn-icon:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-icon svg{height:1.5rem;width:1.5rem}.btn-primary,.btn-secondary{align-items:center;border-radius:8px;display:flex;gap:.5rem;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--primary-color-dark)}.btn-secondary:hover:not(:disabled){border-color:var(--primary-color)}.error-message{background:var(--error-color-light);border-left:4px solid var(--error-color)}.success-message{background:var(--success-color-light);border-left:4px solid var(--success-color);border-radius:8px;color:var(--success-color);margin-bottom:1rem;padding:1rem}.loading-spinner{border:4px solid var(--border-color)}.step-form{gap:1.5rem}.form-section,.step-form{display:flex;flex-direction:column}.form-section{gap:0}.section-title{border-bottom:1px solid var(--border-color);font-size:1.1rem;margin-bottom:.5rem;padding-bottom:.5rem}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{gap:.5rem}.form-group label{font-size:.9rem}.form-group label .required{color:var(--error-color)}.form-group input,.form-group select,.form-group textarea{border-radius:6px;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px var(--primary-color-light)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--error-color)}.form-group textarea{min-height:100px}.field-error{color:var(--error-color);font-size:.85rem}.checkbox-group{align-items:center;flex-direction:row;gap:.5rem}@media (max-width:768px){.wizard-steps{flex-direction:column;gap:1rem}.step-indicator{flex-direction:row;justify-content:flex-start;width:100%}.step-indicator:after{display:none}.wizard-footer{flex-direction:column;gap:1rem}.footer-center,.footer-left,.footer-right{justify-content:stretch;width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%}.form-row{grid-template-columns:1fr}}.work-permit-list-page{background:var(--bg-primary)}.page-header h2{margin:0}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:1.5rem}.summary-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.25rem;padding:1rem}.summary-card .label{color:var(--text-secondary);font-size:.9rem}.summary-card .value{color:var(--text-primary);font-size:1.8rem;font-weight:600}.summary-card .accent{color:var(--primary-color)}.summary-card .warning{color:#d97706;color:var(--warning-color,#d97706)}.filters-card,.table-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);margin-top:1.5rem;padding:1.25rem}.filters-card .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filters-card .form-group label{display:block;font-weight:500;margin-bottom:.35rem}.filters-card .form-group input,.filters-card .form-group select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:.65rem .75rem;width:100%}.filters-card .align-end{align-items:flex-end;display:flex}.table-head .hint{font-size:.9rem}.wp-table tr:hover{cursor:pointer}.status-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:.8rem;gap:.25rem;padding:.25rem .55rem}.badge-green{background:#22c55e1a;border-color:#22c55e33;color:#0f9f4f}.badge-blue{background:#3b82f61a;border-color:#3b82f633;color:#1d4ed8}.badge-indigo{background:#6366f11a;border-color:#6366f133;color:#3730a3}.badge-grey{background:#94a3b833;border-color:#94a3b84d;color:#475569}.badge-neutral{background:#94a3b826;border-color:#94a3b840;color:#334155}.badge-red{background:#ef44441a;border-color:#ef444433;color:#b91c1c}.badge-amber{background:#fbbf2426;border-color:#fbbf2440;color:#b45309}.badge-teal{background:#2dd4bf26;border-color:#2dd4bf40;color:#0f766e}.muted{color:var(--text-secondary);font-size:.85rem}.row-actions{display:flex;gap:.5rem}.link-btn.subtle{color:var(--text-secondary)}.link-btn.danger{color:#b91c1c}.loading{margin-top:1rem}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column}.header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}}.work-permit-wizard-page{background:var(--bg-primary)}.wizard-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-top:1.5rem;padding:1.5rem}.wizard-steps-indicator{border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.75rem}.step-item{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;min-width:90px}.step-item.active .step-icon{background:var(--primary-color);border-color:var(--primary-color);color:#3e3e3e}.step-item.completed .step-icon{background:#16a34a;background:var(--success-color,#16a34a);border-color:#16a34a;border-color:var(--success-color,#16a34a);color:#fff}.step-icon{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;display:flex;height:38px;justify-content:center;margin-bottom:.35rem;width:38px}.step-name{font-size:.85rem;white-space:nowrap}.wizard-content{padding:1.25rem 0}.wizard-navigation{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding-top:1rem}.form-section-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.form-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.35rem}.form-group input,.form-group select,.form-group textarea{background:var(--input-bg);border-radius:8px;padding:.7rem .8rem}.form-group textarea{min-height:90px}.field-error{color:var(--danger-color);display:block;font-size:.8rem;margin-top:.25rem}.array-field-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem}.array-item{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.array-item input,.array-item select,.array-item textarea{flex:1 1}.btn-icon-delete{background:none;border:none;color:var(--danger-color);cursor:pointer}.review-grid{grid-gap:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:1rem}.checkbox-row{border-bottom:1px dashed var(--border-color-light);display:flex;gap:.75rem;padding:.5rem 0}.checkbox-row:last-child{border-bottom:none}@media (max-width:768px){.wizard-navigation{flex-direction:column}}.wp-dashboard-page{background:var(--bg-primary);color:var(--text-primary)}.page-header{align-items:flex-start}.page-header h1{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-text,linear-gradient(135deg,#667eea 0,#764ba2 100%));margin:0 0 .5rem}.page-header p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.95rem;margin:0}.wp-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.wp-stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);gap:.75rem;padding:1rem}.wp-stat-card,.wp-stat-icon{align-items:center;display:flex}.wp-stat-icon{border-radius:50%;color:#fff;height:42px;justify-content:center;width:42px}.wp-stat-icon.primary{background:var(--primary-color)}.wp-stat-icon.success{background:#16a34a}.wp-stat-icon.warning{background:#d97706}.wp-stat-icon.neutral{background:#475569}.wp-stat-card .label{color:var(--text-secondary);font-size:.9rem}.wp-stat-card .value{font-size:1.6rem;font-weight:600}.table-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);margin-top:1.5rem;padding:1rem}.table-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.table-head .hint{color:var(--text-secondary)}.wp-table{border-collapse:collapse;width:100%}.wp-table td,.wp-table th{border-bottom:1px solid var(--border-color);padding:.75rem;text-align:left}.wp-table tr:hover{background:var(--bg-secondary)}.error-message{border:1px solid #ef444433;color:#b91c1c;margin-top:1rem;padding:.75rem}.loading-container{gap:1.5rem;margin-top:2rem}.loading-spinner{border:4px solid #0000001a;border-top-color:#667eea;border:4px solid var(--border-secondary,#0000001a);border-top-color:var(--accent-primary,#667eea);height:50px;width:50px}.loading-container p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1rem}.loading-skeleton{animation:pulse 1.5s ease-in-out infinite;color:#9ca3af;color:var(--text-secondary,#9ca3af)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.table-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:200px;padding:2rem}.table-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-top-color:#667eea;border:3px solid var(--border-secondary,#0000001a);border-radius:50%;border-top-color:var(--accent-primary,#667eea);height:40px;width:40px}.table-loading p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.9rem;margin:0}.spare-parts-page{color:var(--text-primary);margin:0 auto;max-width:1400px;padding:1.5rem}.spare-parts-page .page-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.spare-parts-page .page-header h2{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;margin-bottom:.5rem}.spare-parts-page .page-header p{color:var(--text-tertiary);font-size:.95rem;margin:0}.spare-parts-page .actions{align-items:center;display:flex;gap:1rem}.spare-parts-page .cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.spare-parts-page .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-sm);padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.spare-parts-page .card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.spare-parts-page .card h4{align-items:center;color:var(--text-secondary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.spare-parts-page .alert-list{display:flex;flex-direction:column;gap:.75rem;max-height:200px;overflow-y:auto;padding-right:.5rem}.spare-parts-page .alert-card{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-left:4px solid #f59e0b;border-radius:8px;font-size:.9rem;padding:.75rem}.spare-parts-page .alert-card.low{background:#f5576c0d;border-left-color:var(--status-error)}.spare-parts-page .alert-card strong{color:var(--text-primary);display:block;margin-bottom:.25rem}.spare-parts-page .summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.spare-parts-page .summary-grid div{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;display:flex;flex-direction:column;padding:1rem;text-align:center}.spare-parts-page .summary-grid div strong{color:var(--text-secondary);font-size:.85rem;margin-bottom:.25rem}.spare-parts-page .summary-grid div:not(strong){color:var(--text-primary);font-size:1.1rem;font-weight:600}.spare-parts-page .table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-card);overflow:hidden}.spare-parts-page .table-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;padding:1.5rem}.spare-parts-page .search-box{align-items:center;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:10px;display:flex;gap:.75rem;min-width:300px;padding:.625rem 1rem;transition:all .2s ease}.spare-parts-page .search-box:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px #667eea33}.spare-parts-page .search-box input{background:#0000;border:none;color:var(--text-primary);outline:none;padding:0;width:100%}.spare-parts-page table{border-collapse:collapse;width:100%}.spare-parts-page th{background:var(--bg-tertiary);color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.spare-parts-page td,.spare-parts-page th{border-bottom:1px solid var(--border-secondary);padding:1rem 1.5rem}.spare-parts-page td{color:var(--text-primary);font-size:.95rem;vertical-align:middle}.spare-parts-page tbody tr:last-child td{border-bottom:none}.spare-parts-page tbody tr:hover{background:var(--bg-tertiary)}.spare-parts-page td.numeric{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.spare-parts-page .status-active{background:#10b9811a;color:#10b981}.spare-parts-page .status-active,.spare-parts-page .status-inactive{align-items:center;border-radius:999px;display:inline-flex;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.spare-parts-page .status-inactive{background:#ef44441a;color:#ef4444}.spare-parts-page .btn-primary{align-items:center;background:var(--gradient-primary);border:none;border-radius:8px;box-shadow:var(--shadow-accent);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.spare-parts-page .btn-primary:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.spare-parts-page .btn-secondary{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.spare-parts-page .btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.spare-parts-page .btn-danger{background:#ef44441a;border:1px solid #0000;border-radius:6px;color:#ef4444;cursor:pointer;padding:.5rem;transition:all .2s}.spare-parts-page .btn-danger:hover{background:#ef4444;color:#fff}.spare-parts-page .inline-actions{display:flex;gap:.5rem}.spare-parts-page .inline-actions button{align-items:center;border-radius:6px;display:flex;height:32px;justify-content:center;padding:0;width:32px}.spare-parts-page .modal,.spare-parts-portal .modal{align-items:center!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;transform:none!important;width:100vw!important;z-index:9999!important}.spare-parts-page .modal-content,.spare-parts-portal .modal-content{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;padding:0;width:500px}.spare-parts-page .modal-header,.spare-parts-portal .modal-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.spare-parts-page .modal-header h3,.spare-parts-portal .modal-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0}.spare-parts-page .btn-icon-close,.spare-parts-portal .btn-icon-close{align-items:center;background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:4px;transition:color .2s}.spare-parts-page .btn-icon-close:hover,.spare-parts-portal .btn-icon-close:hover{color:var(--text-primary)}.spare-parts-page .modal-form,.spare-parts-portal .modal-form{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.spare-parts-page .form-section,.spare-parts-portal .form-section{display:flex;flex-direction:column;gap:1rem}.spare-parts-page .form-group,.spare-parts-portal .form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.spare-parts-page .form-group label,.spare-parts-portal .form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-bottom:.25rem}.spare-parts-page .form-group input,.spare-parts-page .form-group select,.spare-parts-portal .form-group input,.spare-parts-portal .form-group select{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:.75rem 1rem;transition:all .2s;width:100%}.spare-parts-page .form-group input:focus,.spare-parts-page .form-group select:focus,.spare-parts-portal .form-group input:focus,.spare-parts-portal .form-group select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.spare-parts-page .modal-footer,.spare-parts-portal .modal-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-secondary);display:flex;gap:1rem;justify-content:flex-end;padding:1.25rem 1.5rem}.spare-parts-page .btn-primary,.spare-parts-page .btn-secondary,.spare-parts-portal .btn-primary,.spare-parts-portal .btn-secondary{border-radius:8px;font-size:.9rem;font-weight:500;padding:.625rem 1.25rem}.spare-parts-page .btn-icon{background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:all .2s}.spare-parts-page .btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.spare-parts-page .error{color:var(--status-error);font-size:.85rem;margin-top:.25rem}.spare-parts-page .empty{color:var(--text-tertiary);font-style:italic;padding:3rem;text-align:center}.spare-parts-page .form-grid,.spare-parts-portal .form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr;padding:1.5rem}.spare-parts-page .form-grid>div:last-child,.spare-parts-portal .form-grid>div:last-child{grid-column:1/-1}.spare-parts-portal .form-grid textarea{min-height:80px;resize:vertical}.spare-parts-page .form-grid label,.spare-parts-portal .form-grid label{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.spare-parts-page .form-grid input,.spare-parts-page .form-grid select,.spare-parts-page .form-grid textarea,.spare-parts-portal .form-grid input,.spare-parts-portal .form-grid select,.spare-parts-portal .form-grid textarea{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:.9rem;height:42px;padding:.625rem .875rem;transition:all .2s ease;width:100%}.spare-parts-portal .form-grid textarea{height:auto}.spare-parts-page .form-grid input:focus,.spare-parts-page .form-grid select:focus,.spare-parts-page .form-grid textarea:focus,.spare-parts-portal .form-grid input:focus,.spare-parts-portal .form-grid select:focus,.spare-parts-portal .form-grid textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126;outline:none}.page-container{margin:0 auto;max-width:1400px;padding:2rem}.header-content{justify-content:space-between}.header-content,.page-title{align-items:center;display:flex}.page-title{font-size:1.75rem;font-weight:600;gap:.5rem;margin:0}.title-icon{font-size:2rem}.filters-section{align-items:center}.search-box{flex:1 1}.search-input{border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;padding:.75rem}.filter-btn{white-space:nowrap}.table-container{background:var(--card-bg);border-radius:.5rem;box-shadow:var(--shadow-sm);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:var(--bg-secondary)}.data-table th{border-bottom:2px solid var(--border-color);font-weight:600;padding:1rem;text-align:left}.data-table td{border-bottom:1px solid var(--border-color);padding:1rem}.data-table tbody tr:hover{background:var(--bg-secondary)}.link-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.link-btn:hover{color:var(--primary-hover)}.obs-number-link{white-space:nowrap}.icon-btn{align-items:center;background:none;border:none;border-radius:.25rem;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem}.icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.icon-btn.danger:hover{background:var(--error-bg);color:var(--error-color)}.filter-drawer-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.filter-drawer{background:var(--card-bg);border-radius:.5rem;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;width:95%}.filter-drawer-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem}.filter-drawer-content{padding:.5rem}.filter-drawer-footer{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.modal{background:var(--card-bg);border-radius:.5rem;box-shadow:var(--shadow-lg);max-width:500px;padding:2rem;width:90%}.modal h3{margin-top:0}.modal-actions{margin-top:1.5rem}.alert{align-items:center;border-radius:.5rem;display:flex;gap:.5rem}.error-message{color:var(--error-color);padding:3rem;text-align:center}.btn-ai{color:#fff!important}.safety-observation-entry-page{margin:0 auto}.entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.entry-header h1{font-size:1.5rem;font-weight:600;margin:0}.compact-form{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.form-section{border-bottom:1px solid var(--border-color);margin-bottom:0;padding-bottom:1.5rem}.form-section:last-of-type{border-bottom:none}.section-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.section-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:600;margin:0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.observation-section{margin-bottom:1.5rem}.observation-section:last-child{margin-bottom:0}.compact-grid{display:grid}.compact-grid,.form-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;padding:.5rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color)}.form-group input.error,.form-group select.error{border-color:var(--error-color);text-align:left}.form-group textarea{min-height:60px;resize:vertical}.error-text{color:var(--error-color);font-size:.75rem}.safety-observation-entry-page .compact-item{align-items:flex-start;display:flex;flex-direction:row;gap:.5rem;gap:1rem;justify-content:flex-start;margin-bottom:1rem;position:relative}.safety-observation-entry-page .compact-item .btn{position:relative;right:.75rem;top:1.85rem}.empty-message{padding:1rem;text-align:center}.form-actions{border-top:1px solid var(--border-color);margin-top:1.5rem}.btn{border-radius:.375rem;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.btn-sm{font-size:.75rem;padding:.375rem .75rem}.btn-primary{background:var(--primary-color)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.btn-danger{background:var(--error-color);min-width:auto;padding:.375rem}.btn-danger:hover{background:var(--error-hover)}.btn:disabled{cursor:not-allowed;opacity:.5}.alert{border-radius:.375rem;font-size:.875rem;padding:.75rem 1rem}.alert-error{background:var(--error-bg);border:1px solid var(--error-color);color:var(--error-color)}.alert-success{background:var(--success-bg);border:1px solid var(--success-color);color:var(--success-color)}.loading{color:var(--text-secondary);padding:3rem;text-align:center}.safety-observation-entry-page .safeobservations .compact-item .btn{position:absolute!important;right:10px;top:-15px}.safety-observation-entry-page .safeobservations .compact-item{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin-bottom:50px;position:relative}.safety-observation-entry-page .safeobservations .compact-item .form-group{flex:1 1 24%}.safety-observation-entry-page .unsafeobservations .compact-item .btn{position:absolute!important;right:10px;top:-15px}.safety-observation-entry-page .unsafeobservations .compact-item{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin-bottom:50px;position:relative}.safety-observation-entry-page .unsafeobservations .compact-item .form-group{flex:1 1 32%}@media (max-width:768px){.compact-form,.safety-observation-entry-page{padding:1rem}.compact-grid,.form-grid{grid-template-columns:1fr}.compact-item{align-items:flex-start;display:flex;flex-direction:column}.compact-item .btn{justify-content:center;margin-top:.5rem;position:static;width:100%}.form-actions{flex-direction:column-reverse}.form-actions .btn{justify-content:center;width:100%}}.status-badge{margin-left:.75rem;padding:.25rem .5rem;text-transform:capitalize;vertical-align:middle}.status-badge.active{background:var(--success-bg);color:var(--success-color)}.status-badge.completed{background:var(--primary-bg);color:var(--primary-color)}.status-badge.closed{background:var(--bg-secondary);color:var(--text-secondary)}.attachments-container{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;margin-top:.5rem;padding:1rem}.attachment-upload{align-items:center;display:flex}.upload-label{align-items:center;background:var(--primary-color);border-radius:.375rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.upload-label:hover{background:var(--primary-hover);transform:translateY(-1px)}.attachment-list{display:flex;flex-wrap:wrap;gap:1rem}.attachment-preview{background:#fff;border:1px solid var(--border-color);border-radius:.5rem;height:100px;overflow:hidden;position:relative;width:100px}.attachment-preview img{height:100%;object-fit:cover;width:100%}.attachment-preview .remove-att{align-items:center;background:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;padding:0;position:absolute;right:4px;top:4px;transition:background .2s;width:20px}.attachment-preview .remove-att:hover{background:red}.empty-message{color:var(--text-secondary);font-size:.875rem;font-style:italic}input:checked+.slider{background-color:var(--success-color,#2196f3)}input:focus+.slider{box-shadow:0 0 1px var(--success-color,#2196f3)}.so-dashboard-container{background-color:#f3f4f6;display:flex;font-family:Inter,sans-serif;height:100vh;overflow:hidden}.dark .so-dashboard-container{background-color:#111827;color:#f3f4f6}.so-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;height:100%;transition:all .3s ease-in-out;width:16rem;z-index:20}.dark .so-sidebar{background-color:#1f2937;border-color:#374151}.so-sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;height:4rem;padding:0 1.5rem}.dark .so-sidebar-header{border-color:#374151}.so-logo-icon{align-items:center;background-color:#1d4ed8;border-radius:.25rem;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:2rem;justify-content:center;margin-right:.5rem;width:2rem}.so-logo-text{color:#1f2937;font-size:1.125rem;font-weight:700;letter-spacing:-.025em}.dark .so-logo-text{color:#fff}.so-nav{flex:1 1;overflow-y:auto;padding:1rem .75rem}.so-nav-section-label{color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;margin-top:.5rem 0;padding:0 .75rem;text-transform:uppercase}.so-nav-item{align-items:center;border-radius:.5rem;color:#4b5563;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.625rem .75rem;text-decoration:none;transition:background-color .2s,color .2s}.dark .so-nav-item{color:#d1d5db}.so-nav-item:hover{background-color:#f3f4f6;color:#111827}.dark .so-nav-item:hover{background-color:#37415180;color:#fff}.so-nav-item.active{background-color:#1d4ed81a;color:#1d4ed8}.dark .so-nav-item.active{color:#60a5fa}.so-nav-item .material-icons{color:#6b7280;font-size:1.25rem}.so-nav-item:hover .material-icons{color:#111827;transform:scale(1.1)}.so-badge-new{background-color:#ef44441a;border-radius:9999px;color:#ef4444;font-size:.75rem;font-weight:600;margin-left:auto;padding:.125rem .5rem}.so-sidebar-footer{border-top:1px solid #e5e7eb;padding:1rem}.dark .so-sidebar-footer{border-color:#374151}.so-user-profile{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:background-color .2s;width:100%}.so-user-profile:hover{background-color:#f3f4f6}.dark .so-user-profile:hover{background-color:#37415180}.so-avatar{background-color:#e5e7eb;border-radius:50%;height:2.25rem;object-fit:cover;width:2.25rem}.so-user-info{flex:1 1;min-width:0}.so-user-name{color:#111827;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .so-user-name{color:#fff}.so-user-email{color:#6b7280;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .so-user-email{color:#9ca3af}.so-main{background-color:#f3f4f6;flex:1 1;overflow-y:auto;padding:2rem}.dark .so-main{background-color:#111827}.so-content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.so-page-title{color:#111827;font-size:1.5rem;font-weight:700}.dark .so-page-title{color:#fff}.so-page-subtitle{color:#6b7280;font-size:.875rem;margin-top:.25rem}.dark .so-page-subtitle{color:#9ca3af}.so-header-actions{align-items:center;display:flex;gap:1rem}.so-btn-icon{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;transition:color .2s}.so-btn-icon:hover{color:#374151}.dark .so-btn-icon:hover{color:#fff}.so-btn-primary{background-color:#1d4ed8;border:none;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.so-btn-primary:hover{background-color:#1e40af}.so-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.so-grid{grid-template-columns:repeat(2,1fr)}}.so-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;display:flex;flex-direction:column;padding:1.5rem}.dark .so-card{background-color:#1f2937;border-color:#374151}.so-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.so-card-title{color:#1f2937;font-size:1rem;font-weight:600}.dark .so-card-title{color:#fff}.so-card-actions{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.dark .so-card-actions{color:#9ca3af}.so-action-btn{background:none;border:none;color:inherit;cursor:pointer;font-weight:400;padding:0}.so-action-btn:hover{color:#1d4ed8}.so-action-btn.active{color:#1d4ed8;font-weight:700}.so-chart-container{height:16rem;position:relative;width:100%}.safety-observation-dashboard{color:var(--text-primary);margin:0 auto;padding:0}.dashboard-header,.safety-observation-dashboard .dashboard-header{border-bottom:1px solid var(--border-primary);margin-bottom:1.5rem;padding-bottom:1rem}.safety-observation-dashboard .dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-left:0}.safety-observation-dashboard .dashboard-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:1.75rem;font-weight:600;gap:.75rem;margin:0}.dashboard-icon{color:var(--accent-primary);font-size:2rem}.dashboard-subtitle{color:var(--text-secondary);font-size:.95rem;margin:.5rem 0 0}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.date-range-selector,.plant-filter{align-items:center;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;display:flex;gap:.5rem;padding:.5rem}.plant-filter label{color:var(--text-secondary);font-size:.9rem}.plant-filter select{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:.9rem;min-width:150px;padding:.5rem}.date-range-selector label{color:var(--text-secondary);font-size:.9rem}.date-range-selector input{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:.5rem}.metrics-grid-compact{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.metric-card-compact{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-left:4px solid;border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.metric-card-compact:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card-compact.safe{border-left-color:#22c55e}.metric-card-compact.unsafe{border-left-color:#ef4444}.metric-card-compact.open{border-left-color:#f59e0b}.metric-card-compact.closed{border-left-color:#6b7280}.metric-card-compact.total{border-left-color:#3b82f6}.metric-card-compact.score{border-left-color:#8b5cf6}.metric-icon-compact{color:var(--text-secondary);flex-shrink:0;font-size:2rem}.metric-content-compact{flex:1 1;min-width:0}.metric-label-compact{color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.metric-value-compact{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:.25rem}.metric-change-compact{align-items:center;color:var(--text-tertiary);display:flex;font-size:.75rem;gap:.25rem}.metric-change-compact.positive{color:#22c55e}.metric-change-compact.negative{color:#ef4444}.charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem;position:relative;z-index:1}.chart-card{margin-bottom:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.chart-card:hover{box-shadow:var(--shadow-md)}.chart-card-wide{grid-column:span 2}.chart-header{border-bottom:1px solid var(--border-secondary);margin-bottom:1.5rem;padding-bottom:1rem}.chart-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.chart-subtitle{color:var(--text-tertiary);font-size:.85rem}.chart-body{min-height:250px;overflow:hidden;position:relative;width:100%}.chart-empty{color:var(--text-tertiary);font-size:.9rem;height:250px}.chart-empty,.pie-chart-container{align-items:center;display:flex;justify-content:center}.pie-chart-container{flex-wrap:wrap;gap:2rem}.pie-legend{display:flex;flex-direction:column;gap:.75rem}.legend-item{font-size:.85rem;gap:.75rem}.legend-color{border-radius:4px;flex-shrink:0;height:16px;width:16px}.legend-label{color:var(--text-secondary);min-width:120px}.legend-value{color:var(--text-primary);font-weight:600}.legend-item-inline{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.85rem;gap:.5rem;margin-right:1.5rem}.legend-dot{border-radius:3px;display:inline-block;height:12px;width:12px}.legend-dot.safe{background-color:#22c55e}.legend-dot.unsafe{background-color:#ef4444}.chart-legend{border-top:1px solid var(--border-secondary);display:flex;gap:1rem;justify-content:center;margin-top:1rem;padding-top:1rem}.bar-chart-container{overflow:hidden;padding-bottom:.5rem;position:relative}.bar-chart-bars,.bar-chart-container{align-items:flex-end;display:flex;width:100%}.bar-chart-bars{gap:.5rem;height:100%;justify-content:space-around;padding:0 .5rem}.bar-group{align-items:center;gap:.25rem;overflow:visible;position:relative}.bar-group,.bar-stack{display:flex;flex-direction:column;height:100%}.bar-stack{gap:2px;width:100%}.bar{border-radius:4px 4px 0 0;min-height:4px;transition:all .3s ease;width:100%}.bar:hover{opacity:.8;transform:scaleY(1.05)}.bar-safe{background:linear-gradient(180deg,#22c55e,#16a34a)}.bar-unsafe{background:linear-gradient(180deg,#ef4444,#dc2626)}.bar-single{background:var(--accent-primary)}.bar-label{color:var(--text-tertiary);font-size:.7rem;margin-top:.5rem;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.bar-value{color:var(--text-primary);font-size:.75rem;font-weight:600;margin-top:.25rem}.line-chart-container{margin-bottom:1rem;overflow:hidden;padding:1rem 0 3rem;position:relative;width:100%}.line-chart-svg{display:block;height:100%;overflow:visible;width:100%}.line-area{opacity:.3}.line-path{stroke-width:2;fill:none}.line-point{transition:r .3s ease}.line-point:hover{r:2}.line-chart-labels{box-sizing:border-box;color:var(--text-tertiary);display:flex;font-size:.7rem;height:50px;justify-content:space-between;margin-top:.5rem;overflow:hidden;padding:0 1rem;position:relative;width:100%}.line-label{display:inline-block;margin-left:-25px;margin-top:5px;max-width:80px;min-width:50px;overflow:hidden;padding:.25rem;position:absolute;text-align:left;text-overflow:ellipsis;transform:rotate(-45deg);transform-origin:top left;white-space:nowrap}.score-display{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.score-circle{height:180px;padding:8px;position:relative;width:180px}.score-circle,.score-inner{align-items:center;border-radius:50%;display:flex;justify-content:center}.score-inner{background:var(--bg-card);flex-direction:column;height:100%;width:100%}.score-number{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1}.score-label{color:var(--text-tertiary);font-size:.85rem;margin-top:.25rem}.score-breakdown{display:flex;flex-direction:column;gap:.75rem}.score-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.75rem}.score-indicator{border-radius:3px;display:inline-block;height:12px;width:12px}.score-indicator.excellent{background-color:#22c55e}.score-indicator.good{background-color:#3b82f6}.score-indicator.fair{background-color:#f59e0b}.score-indicator.poor{background-color:#ef4444}.dashboard-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;clear:both;margin-top:2rem;padding:1.5rem;position:relative;z-index:0}.section-header{border-bottom:1px solid var(--border-secondary);margin-bottom:1.5rem;padding-bottom:1rem}.section-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.section-subtitle{color:var(--text-tertiary);font-size:.85rem}.category-table-container{overflow-x:auto}.category-table{border-collapse:collapse;font-size:.9rem;width:100%}.category-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-primary)}.category-table th{color:var(--text-primary);font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.75rem;text-align:left;text-transform:uppercase}.category-table td{border-bottom:1px solid var(--border-secondary);color:var(--text-secondary);padding:.75rem}.category-table tbody tr:hover{background-color:var(--bg-secondary)}.category-name-cell{color:var(--text-primary);font-weight:500;max-width:200px}.safe-cell{color:#22c55e;font-weight:500}.unsafe-cell{color:#ef4444;font-weight:500}.ratio-bar-container{align-items:center;background:var(--bg-tertiary);border-radius:12px;display:flex;height:24px;overflow:hidden;position:relative;width:100%}.ratio-bar{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:12px;height:100%;transition:width .3s ease}.ratio-text{color:var(--text-primary);font-size:.75rem;font-weight:600;left:50%;position:absolute;transform:translateX(-50%);z-index:1}.loading-container{color:var(--text-secondary)}.loading-spinner{height:48px;margin-bottom:1rem;width:48px}.error-message{border:1px solid #ef4444;margin-bottom:1.5rem}@media (max-width:1200px){.chart-card-wide{grid-column:span 1}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.dashboard-header{flex-direction:column}.date-range-selector,.header-actions{flex-direction:column;width:100%}.date-range-selector{align-items:stretch}.metrics-grid-compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.charts-grid{grid-template-columns:1fr}.chart-card-wide{grid-column:span 1}.pie-chart-container{flex-direction:column;gap:1rem}.score-display{flex-direction:column;gap:2rem}.category-table{font-size:.8rem}.category-table td,.category-table th{padding:.5rem}}@media (max-width:480px){.metrics-grid-compact{grid-template-columns:1fr}.metric-value-compact{font-size:1.5rem}.chart-card{padding:1rem}}.oee-report-header{align-items:center;border-bottom:2px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.oee-report-header-left{align-items:center;display:flex;gap:.75rem}.oee-report-back-btn{align-items:center;background:#fff;background:var(--bg-card,#fff);border:1.5px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .2s;width:34px}.oee-report-back-btn:hover{background:#f5f5ff;background:var(--bg-secondary,#f5f5ff);border-color:#667eea;border-color:var(--accent-primary,#667eea);color:#667eea;color:var(--accent-primary,#667eea)}.oee-report-title{-webkit-text-fill-color:#0000;align-items:center;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.3rem;font-weight:700;gap:.45rem;margin:0 0 2px}.oee-report-title svg{-webkit-text-fill-color:initial;color:#667eea;color:var(--accent-primary,#667eea);flex-shrink:0;height:1.25rem;width:1.25rem}.oee-report-subtitle{color:var(--text-tertiary);font-size:.82rem;margin:0}.oee-filter-toggle-btn{align-items:center;background:#fff;background:var(--bg-card,#fff);border:1.5px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:5px;min-height:35px;padding:.35rem .85rem;transition:all .2s}.oee-filter-toggle-btn:hover{background:#f5f5ff;background:var(--bg-secondary,#f5f5ff);border-color:#667eea;border-color:var(--accent-primary,#667eea);color:#667eea;color:var(--accent-primary,#667eea)}.oee-filter-badge{align-items:center;background:#667eea;background:var(--accent-primary,#667eea);border-radius:9px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px}.filter-group--clear{align-self:flex-end;justify-content:flex-end}.oee-clear-filters-btn{align-items:center;background:#0000;border:1.5px solid #dc2626;border:1.5px solid var(--status-error,#dc2626);border-radius:8px;color:#dc2626;color:var(--status-error,#dc2626);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:5px;padding:.55rem 1rem;transition:all .2s;white-space:nowrap}.oee-clear-filters-btn:hover{background:#dc2626;background:var(--status-error,#dc2626);color:#fff}.filter-input.input-error{border-color:#dc2626!important;border-color:var(--status-error,#dc2626)!important}.report-filter-error{color:#dc2626;color:var(--status-error,#dc2626);font-size:.8rem;font-weight:500;margin:6px 0 0;padding:0 4px}.page-header{align-items:flex-start!important;flex-wrap:wrap;gap:1rem}.report-title-section{align-items:flex-start!important;display:flex!important;flex-direction:column!important;gap:16px!important;margin-bottom:24px!important;width:auto!important}.back-btn{align-items:center!important;background:#fff!important;background:var(--card-bg,#fff)!important;border:2px solid #e2e8f0!important;border:2px solid var(--border-color,#e2e8f0)!important;border-radius:12px!important;box-shadow:0 4px 12px #0000001a!important;color:#1e293b!important;color:var(--text-primary,#1e293b)!important;cursor:pointer!important;display:flex!important;height:56px!important;justify-content:center!important;transition:all .3s ease!important;width:56px!important}.back-btn svg{stroke-width:2.5!important;height:32px!important;width:32px!important}.back-btn:hover{background:#f8fafc!important;background:var(--bg-hover,#f8fafc)!important;border-color:#509183!important;border-color:var(--primary-color,#509183)!important;box-shadow:0 6px 16px #00000026!important;color:#509183!important;color:var(--primary-color,#509183)!important;transform:translateY(-3px)!important}.report-page .header-icon{margin-bottom:0;margin-right:10px}.header-content{flex:1 1;min-width:300px}.header-content h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.75rem;font-weight:600;gap:.75rem;margin:0 0 .5rem}.header-icon{height:1.75rem;width:1.75rem}.header-content p{color:var(--text-secondary);font-size:.95rem;margin:0}.header-actions{flex-wrap:wrap;gap:.75rem}.report-container{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-sm);min-height:400px;padding:2rem}.reports-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.5rem}.report-card{background:var(--bg-card);background:var(--card-bg,var(--bg-card));border:1px solid var(--border-color,var(--border-primary));box-shadow:var(--shadow-sm);box-shadow:var(--shadow-xs,var(--shadow-sm));padding:1rem}.report-card-label{color:var(--text-secondary);font-size:.95rem;margin-bottom:.35rem}.report-card-value{color:var(--text-primary);font-size:1.6rem;font-weight:700}.report-card-trend{color:#10b981;color:var(--success-text,#10b981);font-size:.85rem}.reports-table{background:var(--bg-card);background:var(--card-bg,var(--bg-card));border:1px solid var(--border-color,var(--border-primary));border-radius:12px;padding:1rem}.reports-table .table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.reports-table table{border-collapse:collapse;width:100%}.reports-table td,.reports-table th{border-bottom:1px solid var(--border-color,var(--border-primary));padding:.75rem;text-align:left}.reports-table thead{background:var(--primary-color-light);background:var(--table-header-bg,var(--primary-color-light))}.reports-table th{color:var(--text-primary);font-weight:600}.reports-table td{color:var(--text-secondary)}.reports-table tbody tr:hover{background:#00000005;background:var(--table-row-hover,#00000005)}.table-note{color:var(--text-tertiary);font-size:.9rem;margin-top:.75rem}.report-content{width:100%}.report-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center}.placeholder-icon{height:4rem;width:4rem}.report-placeholder h3{font-size:1.5rem}.loading-container{padding:4rem 2rem}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-top-color:var(--primary-color);height:3rem;width:3rem}.error-message{background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;color:var(--error-text)}.report-filters{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.filter-group{min-width:200px}.filter-group label{font-size:.9rem}.filter-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:.75rem;transition:border-color .2s}.filter-input:focus{border-color:var(--primary-color);outline:none}.report-table-wrapper{margin-bottom:1rem}.report-table{font-size:.9rem}.report-table thead{background:var(--primary-color-light);background:var(--table-header-bg,var(--primary-color-light))}.report-table th{border-bottom:2px solid var(--border-color);padding:.75rem}.report-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:.75rem}.report-table tbody tr:hover{background:#00000005;background:var(--table-row-hover,#00000005)}.report-summary{background:var(--card-bg);border-radius:8px;border-top:2px solid var(--border-color);margin-top:1rem;padding:1rem}.report-summary p{color:var(--text-primary);font-size:.95rem;margin:0}@media (max-width:768px){.report-page{padding:1rem}.page-header{flex-direction:column}.header-actions{width:100%}.header-actions button{flex:1 1}.report-container{padding:1rem}}.safety-observation-reports{color:var(--text-primary);margin:0 auto}.report-tabs{border-bottom:2px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;overflow-x:auto}.safety-observation-reports .report-filters{border:1px solid var(--border-primary);padding:1rem}.safety-observation-reports .report-filters .filter-input{width:100%}.safety-observation-reports .report-filters label{text-align:left;width:100%}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem .5rem;transition:all .3s ease;white-space:nowrap}.tab-button.active,.tab-button:hover{background:var(--bg-secondary);color:var(--primary-color)}.tab-button.active{border-bottom-color:var(--primary-color)}.report-view{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:2rem}.report-view h3{font-size:1.5rem;margin:0 0 1.5rem}.report-view h3,.report-view h4{color:var(--text-primary);font-weight:600}.report-view h4{font-size:1.2rem;margin:1.5rem 0 1rem}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.summary-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;text-align:center}.summary-card h4{color:var(--text-secondary);font-size:.95rem;font-weight:500;margin:0 0 1rem}.summary-value{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.summary-value.safe{color:#22c55e}.summary-value.unsafe{color:#ef4444}.summary-value.warning{color:#f59e0b}.summary-value.danger{color:#dc2626}.summary-detail{color:var(--text-secondary);font-size:.85rem;margin:.5rem 0 0}.report-summary-stats{background:var(--bg-secondary);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.report-summary-stats p{color:var(--text-primary);font-size:1rem;margin:0}.report-sections{display:flex;flex-direction:column;gap:2rem}.report-section{margin-bottom:2rem}.report-table-wrapper{margin-top:1rem;overflow-x:auto}.report-table{background:var(--bg-card);border-collapse:collapse;width:100%}.safety-observation-reports .header-icon{margin-bottom:0;margin-right:10px}.report-table thead{background:var(--bg-secondary)}.report-table th{border-bottom:2px solid var(--border-primary);color:var(--text-primary);font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.report-table td{border-bottom:1px solid var(--border-primary);color:var(--text-primary);padding:.75rem 1rem}.report-table tbody tr:hover{background:var(--bg-secondary)}.report-table td.safe{color:#22c55e;font-weight:500}.report-table td.unsafe{color:#ef4444;font-weight:500}.report-table td.warning{color:#f59e0b;font-weight:600}.risk-levels{display:flex;flex-direction:column;gap:.25rem}.risk-badge{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.risk-badge.risk-low{background:#22c55e1a;color:#22c55e}.risk-badge.risk-medium{background:#f59e0b1a;color:#f59e0b}.risk-badge.risk-high{background:#ef44441a;color:#ef4444}.risk-badge.risk-critical{background:#dc26261a;color:#dc2626}.unsafe-percentage{border-radius:4px;font-weight:600;padding:.25rem .5rem}.unsafe-percentage.high{background:#ef44441a;color:#ef4444}.unsafe-percentage.medium{background:#f59e0b1a;color:#f59e0b}.unsafe-percentage.low{background:#22c55e1a;color:#22c55e}.status-badge{border-radius:6px;font-size:.85rem;padding:.375rem .75rem}.status-badge.open{background:#f59e0b1a;color:#f59e0b}.status-badge.closed,.status-badge.completed{background:#22c55e1a;color:#22c55e}.overdue-row{background:#dc26260d!important}.overdue-badge{background:#dc26261a;color:#dc2626;font-weight:600}.capa-badge,.overdue-badge{border-radius:4px;display:inline-block;font-size:.85rem;padding:.25rem .5rem}.capa-badge{background:#3b82f61a;color:#3b82f6;font-weight:500}.action-summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.no-data{color:var(--text-secondary);font-style:italic;padding:3rem}.report-placeholder{color:var(--text-secondary);padding:4rem 2rem;text-align:center}.placeholder-icon{color:var(--text-secondary);font-size:4rem;margin-bottom:1rem;opacity:.5}.report-placeholder h3{color:var(--text-primary);margin:0 0 .5rem}.report-placeholder p{font-size:1rem;margin:0}@media (max-width:768px){.report-tabs{flex-direction:column}.tab-button{justify-content:center;width:100%}.action-summary-cards,.summary-cards{grid-template-columns:1fr}.report-table-wrapper{overflow-x:scroll}}.subtitle{color:var(--text-muted);margin-top:4px}.data-table td .link-btn{color:var(--accent-primary)}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.form-grid.two-col{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.full-span{grid-column:1/-1}.checkbox-group{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-actions{gap:12px;grid-column:1/-1}.risk-list{grid-gap:8px;display:grid;gap:8px}.risk-row{background:var(--bg-surface);border-radius:6px;display:flex;justify-content:space-between;padding:8px}.dashboard-section{margin-bottom:2rem}.dashboard-section h2{border-left:4px solid var(--accent-primary);color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem;padding-left:.75rem}.charts-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chart-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:320px;padding:1.25rem}.chart-card.kpi{align-items:center;justify-content:center;text-align:center}.chart-card h3{color:var(--text-secondary);font-size:.95rem;font-weight:600;margin-bottom:1rem;text-align:center}.kpi-value{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800}.kpi-label{color:var(--text-tertiary);font-size:1rem;margin-top:.5rem}.heatmap-grid{grid-gap:4px;align-content:stretch;display:grid;flex:2 1;gap:4px;grid-template-columns:repeat(auto-fit,minmax(15px,1fr));min-height:0}.heatmap-cell{align-items:center;border-radius:4px;color:#fff;font-weight:700}.heatmap-cell,.heatmap-legend{display:flex;font-size:.75rem;justify-content:center}.heatmap-legend{color:var(--text-tertiary);gap:8px;margin-top:8px}.dashboard-controls{align-items:flex-end;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;display:flex;flex-wrap:wrap;gap:1.5rem;padding:.75rem 1.5rem}.dashboard-controls .filter-group{display:flex;flex-direction:column;gap:.5rem}.dashboard-controls label{color:var(--text-secondary);font-size:.85rem;font-weight:600;margin:0}.dashboard-controls input[type=date],.dashboard-controls select{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:.9rem;min-width:150px;outline:none;padding:.5rem .75rem;transition:border-color .2s}.dashboard-controls input[type=date]:focus,.dashboard-controls select:focus{border-color:var(--accent-primary)}.dashboard-controls .btn-filter{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;margin-left:auto;padding:.5rem 1rem;transition:all .2s}.dashboard-controls .btn-filter:hover{background:var(--bg-hover)}.hazard-report-container{background-color:#f8f9fa;color:#0f172a;font-family:Inter,Outfit,system-ui,sans-serif;margin:0 auto;max-width:1400px;min-height:calc(100vh - 64px);padding:24px}.hazard-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.hazard-header-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;margin-bottom:.5rem}.hazard-header-content p{color:#94a3b8;font-size:.95rem;margin:0}.btn{display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 15px #6366f140}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 8px 25px #6366f159;transform:translateY(-2px)}.btn-premium{background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 10px 15px -3px #6366f133;color:#fff}.btn-premium:hover{box-shadow:0 20px 25px -5px #6366f11a;transform:scale(1.02)}.filter-actions-bar{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000008;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px 24px}.filter-controls{display:flex;flex:1 1;gap:12px}.filter-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19 9-7 7-7-7'/%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-repeat:no-repeat!important;background-size:16px!important;border:1px solid #cbd5e1!important;border-radius:8px!important;box-shadow:0 1px 2px #0000000d;color:#475569;font-size:14px;height:42px;min-width:180px;padding:0 40px 0 16px!important;transition:all .2s}.filter-select:hover{border-color:#94a3b8}.filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.search-box{align-items:center;display:flex;position:relative}.search-icon{left:14px}.search-input{border-radius:8px;color:#1e293b;padding:10px 16px 10px 42px;width:280px}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.settings-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:1.25rem;height:42px;justify-content:center;transition:all .2s;width:42px}.settings-btn:hover{background:#f1f5f9;color:#334155}.week-header-simple{color:#334155;font-size:1.1rem;font-weight:700;margin:1.5rem 0 1rem}.location-card-container{background:#fff;border:1px solid #e2e8f0;border-radius:4px;margin-bottom:2rem;overflow:hidden}.location-card-header-v2{align-items:center;background:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.location-card-header-v2:hover{background:#fcfdfe}.header-left-v2{gap:1rem}.header-left-v2,.icon-box-v2{align-items:center;display:flex}.icon-box-v2{background:#fff;border:1px solid #e2e8f0;border-radius:4px;height:34px;justify-content:center;width:34px}.icon-box-v2.chevron{color:#334155;font-size:18px}.icon-box-v2.calendar{color:#059669;font-size:20px}.icon-box-v2 .collapsed-icon{transform:rotate(-90deg)}.header-titles-v2{display:flex;flex-direction:column}.location-title-v2{color:#1e293b;font-size:1.05rem;font-weight:700}.status-v2{color:#64748b;font-size:.85rem}.status-v2 .completed{color:#059669}.header-right-v2,.summary-stats-v2{align-items:center;display:flex;gap:1.5rem}.stat-block-v2{align-items:center;display:flex;flex-direction:column;min-width:80px}.stat-label-v2{color:#94a3b8;font-size:.85rem;font-weight:500;margin-bottom:4px;text-align:center}.stat-value-v2{color:#64748b;font-size:1.2rem;font-weight:500}.btn-add-v2{background:#7c3aed;border-radius:12px;box-shadow:0 4px 15px #7c3aed66;font-size:.95rem;font-weight:600;gap:.5rem;padding:.6rem 1.25rem;transition:opacity .2s}.btn-add-v2:hover{opacity:.9}.location-card-body-v2{border-top:1px solid #f1f5f9;overflow-x:auto}.exact-pro-table{border-collapse:collapse;width:100%}.exact-pro-table th{background:#fcfcfc;border-bottom:1px solid #f1f5f9;color:#334155;font-weight:700;text-align:left}.exact-pro-table td,.exact-pro-table th{font-size:.95rem;padding:.75rem 1rem;white-space:nowrap}.exact-pro-table td{border-bottom:1px solid #f8fafc;color:#64748b}.exact-pro-table tr:hover td{background:#fafafa}.obs-number-link{align-items:center;background-color:#6f85eb;border:none;border-radius:6px;box-shadow:0 2px 4px #6f85eb4d;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;text-decoration:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)}.obs-number-link:hover{background-color:#5a70d6;box-shadow:0 4px 8px #6f85eb66;transform:translateY(-1px)}.obs-icon{color:#fff;font-size:15px;opacity:.9}.exact-pro-table .text-center{text-align:center}.btn-icon-only{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-icon-only:hover{background:#f1f5f9;border-color:#6366f1;color:#6366f1}.btn-icon-only.delete:hover{background:#fff1f2;border-color:#ef4444;color:#ef4444}.count-badge{color:#94a3b8;display:block;font-size:13px;margin-bottom:8px;text-align:right}.empty-state{color:#94a3b8;padding:60px}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px}.spinner{border-top-color:#6366f1;margin-bottom:16px}.side-drawer-backdrop{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172a4d;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .5s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%;z-index:9998}.side-drawer-backdrop.open{opacity:1;visibility:visible}.side-drawer{background:#fff;border-radius:32px 0 0 32px;bottom:0;box-shadow:-15px 0 100px #0f172a1f;display:flex;flex-direction:column;max-width:100%;overflow:hidden;position:fixed;right:-100%;top:0;transition:all .8s cubic-bezier(.19,1,.22,1);width:900px;z-index:9999}.side-drawer.open{right:0}.drawer-header{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 24px}.drawer-header h3{color:#0f172a;font-size:20px;font-weight:800;letter-spacing:-.3px;margin:0}.drawer-close-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;transition:all .3s;width:44px}.drawer-close-btn:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444;transform:rotate(90deg)}.drawer-content{background:#f8fafc;flex:1 1;overflow-y:auto;padding:28px;scroll-behavior:smooth}.form-section{background:#fff;border:1px solid #f1f5f9cc;border-radius:24px;box-shadow:0 4px 20px #0f172a0a;margin-bottom:24px;padding:24px;transition:transform .3s ease}.form-section:hover{box-shadow:0 10px 40px #0f172a0f}.form-section-title{border-bottom:1.5px solid #f1f5f9;color:#6366f1;display:block;font-size:13px;font-weight:800;letter-spacing:.8px;margin:20px 0 12px;padding-bottom:6px;text-transform:uppercase}.form-section h3{color:#475569;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 20px;text-transform:uppercase}.form-row{grid-gap:16px;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px;width:100%}.form-row.two-col{grid-template-columns:repeat(2,1fr)}.form-row.full-width{grid-template-columns:1fr}.form-col{display:flex;flex-direction:column;gap:10px;min-width:0;width:100%}.form-col label{color:#334155;display:block;font-size:13px;font-weight:700;letter-spacing:.2px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-col input,.form-col select{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 2px #0f172a05;color:#1e293b;font-size:14px;height:48px;outline:none;padding:0 18px;transition:all .3s ease;width:100%}.form-col input:focus,.form-col select:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;transform:translateY(-1px)}.form-col input:disabled,.form-col select:disabled{background-color:#f8fafc;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed;transform:none}.form-col textarea{border:1px solid #e2e8f0;border-radius:14px;color:#1e293b;font-size:14px;min-height:100px;outline:none;padding:14px 18px;transition:all .3s ease}.form-col textarea:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.required-label:after{color:#ef4444;content:"*";font-size:16px;font-weight:800;margin-left:4px}.filter-actions-bar-setu{align-items:center;background-color:#f8fafc;border-radius:8px;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px;padding:12px 20px}.filter-controls-setu{display:flex;flex:1 1;gap:12px}.filter-select-setu{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aec0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #e2e8f0;border-radius:6px;color:#718096;cursor:pointer;font-size:14px;height:42px;min-width:180px;outline:none;padding:0 16px;transition:all .2s}.filter-select-setu:focus{border-color:#38b2ac;box-shadow:0 0 0 3px #38b2ac14}.search-actions-setu{align-items:center;display:flex;gap:12px}.search-wrapper-setu{align-items:center;display:flex;position:relative}.search-icon-setu{color:#a0aec0;display:flex;font-size:18px;left:14px;position:absolute;z-index:1}.search-input-setu{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;font-size:14px;padding:10px 16px 10px 42px;transition:all .2s;width:280px}.search-input-setu:focus{border-color:#38b2ac;box-shadow:0 0 0 3px #38b2ac14;outline:none}.settings-btn-setu{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 4px 10px #667eea33;color:#fff;cursor:pointer;display:flex;font-size:20px;height:42px;justify-content:center;transition:all .2s;width:42px}.settings-btn-setu:hover{box-shadow:0 6px 15px #667eea4d;transform:translateY(-1px)}.settings-btn-setu:focus-visible{box-shadow:0 0 0 2px #667eea33;outline:none!important;transform:scale(.98)}.switch-styled{height:24px;width:48px}.slider-styled{border-radius:24px}.slider-styled:before{box-shadow:0 2px 4px #0000001a;height:18px;width:18px}.switch-styled input:checked+.slider-styled{background:linear-gradient(135deg,#ef4444,#dc2626)}.switch-styled input:checked+.slider-styled:before{transform:translateX(24px)}.toggle-label-text{color:#ef4444;cursor:pointer;font-size:14px;font-weight:700;margin-left:12px;-webkit-user-select:none;user-select:none}.delete-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.delete-modal-content{animation:modalTransition .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;max-width:450px;overflow:hidden;width:100%}@keyframes modalTransition{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.delete-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 20px}.delete-modal-header h2{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.delete-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.delete-modal-close:hover{background:#fee2e2;color:#ef4444}.delete-modal-body{padding:24px 20px}.delete-modal-body p{color:#475569;font-size:1rem;line-height:1.5;margin:0}.delete-modal-footer{background-color:#fff;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.btn-delete-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.95rem;font-weight:600;padding:9px 20px;transition:all .2s}.btn-delete-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.btn-delete-confirm{background:#fff1f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;cursor:pointer;font-size:.95rem;font-weight:600;padding:9px 24px;transition:all .2s}.btn-delete-confirm:hover{background:#ef4444;border-color:#ef4444;color:#fff}.btn-escalate-confirm{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#10b981;cursor:pointer;font-size:.95rem;font-weight:600;padding:9px 24px;transition:all .2s}.btn-escalate-confirm:hover{background:#10b981;border-color:#10b981;color:#fff}.action-buttons{gap:8px;justify-content:center}.btn-icon-delete,.btn-icon-edit,.btn-icon-escalate,.btn-icon-view{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-icon-edit:hover{background:#eff6ff;border-color:#bfdbfe;color:#3b82f6}.btn-icon-view:hover{background:#f0fdf4;border-color:#bbf7d0;color:#10b981}.btn-icon-delete:hover{background:#fff1f2;border-color:#fecaca;color:#ef4444}.btn-icon-escalate:hover{background:#f5f3ff;border-color:#ddd6fe;color:#8b5cf6}.hazard-settings-container{background-color:#f8fafc;border-radius:8px;font-family:Inter,system-ui,-apple-system,sans-serif;min-height:calc(100vh - 64px);padding:24px}.hazard-settings-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000008;margin-top:24px;padding:24px}.hazard-settings-section .settings-header{margin-bottom:20px}.hazard-settings-form{background:#fff;display:flex;flex-direction:column;gap:8px;padding:10px 0}.settings-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;margin-bottom:24px;padding-bottom:16px}.back-btn{background:#fff;border-radius:10px;height:40px;width:40px}.back-btn:hover{background-color:#f8fafc;border-color:#4f46e5;box-shadow:0 2px 8px #4f46e51a;color:#4f46e5}.back-btn svg{font-size:1.25rem}.settings-header h2{color:#1e293b;font-size:1.5rem;font-weight:700}.form-group-row{border-bottom:1px solid #f1f5f9;padding:20px 0}.label-col{gap:12px}.info-icon{color:#94a3b8;cursor:help}.label-col label{color:#334155;font-size:1rem}.form-control{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;font-size:.95rem;max-width:280px;padding:10px 14px;transition:all .2s}.form-control:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a}.switch{width:48px}.slider{background-color:#e2e8f0;transition:.3s}.slider:before{box-shadow:0 1px 3px #0000001a;transition:.3s}input:checked+.slider{background-color:#8b5cf6}input:checked+.slider:before{transform:translateX(24px)}.slider.round{border-radius:24px}.form-actions-row{border-top:1px solid #f1f5f9;margin-top:24px;padding-top:20px}.btn-save{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 4px 12px #4f46e533;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .2s}.btn-save:hover{box-shadow:0 6px 16px #4f46e54d;transform:translateY(-1px)}.btn-save:active{transform:translateY(0)}.btn-save:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.settings-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:100px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #f1f5f9;border-top-color:#4f46e5;height:40px;width:40px}.safety-behavior-categories{color:#334155;font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;padding:16px}.page-header{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:12px}.page-header h1{align-items:center;color:#1e293b;display:flex;font-size:20px;font-weight:700;gap:10px;letter-spacing:-.01em;margin:0}.page-icon{color:#6366f1;font-size:24px}.search-bar{margin-bottom:24px;max-width:400px;position:relative}.search-bar input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#1e293b;font-size:14px;height:40px;padding:0 16px 0 40px;transition:all .2s ease;width:100%}.search-bar input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.search-icon{font-size:18px;left:12px;top:50%;transform:translateY(-50%)}.group-main-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005;margin-bottom:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.group-main-card:hover{border-color:#e2e8f0;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px rgba(0,0,0,.025);transform:translateY(-2px)}.group-main-card.active{border-color:#cbd5e1;box-shadow:0 10px 15px -3px #0000000d}.group-main-card.unsafe.active{border-left:4px solid #ef4444}.group-main-card.safe.active{border-left:4px solid #10b981}.group-main-header{align-items:center;background:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:24px;transition:background-color .2s}.group-main-header:hover{background-color:#fcfcfc}.group-title{align-items:center;display:flex;gap:20px}.group-icon-wrapper{align-items:center;border-radius:14px;display:flex;font-size:26px;height:56px;justify-content:center;transition:transform .3s ease;width:56px}.group-main-card:hover .group-icon-wrapper{transform:scale(1.05)}.group-icon-wrapper.unsafe{background:linear-gradient(135deg,#fef2f2,#fee2e2);box-shadow:0 2px 4px #ef44441a;color:#ef4444}.group-icon-wrapper.safe{background:linear-gradient(135deg,#ecfdf5,#d1fae5);box-shadow:0 2px 4px #10b9811a;color:#10b981}.group-title h2{color:#1e293b;font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0}.group-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:4px 0 0}.count-badge{border-radius:9999px;font-size:12px;font-weight:700;margin-left:12px;padding:6px 12px;transition:all .2s}.group-main-card.unsafe .count-badge{background-color:#fef2f2;color:#ef4444}.group-main-card:hover.unsafe .count-badge{background-color:#fee2e2}.group-main-card.safe .count-badge{background-color:#ecfdf5;color:#10b981}.group-main-card:hover.safe .count-badge{background-color:#d1fae5}.expand-group-btn{align-items:center;background:#0000;border:1px solid #f1f5f9;border-radius:50%;color:#94a3b8;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.group-main-header:hover .expand-group-btn{background-color:#fff;border-color:#e2e8f0;box-shadow:0 1px 2px #0000000d;color:#64748b}.group-content{animation:slideDown .3s ease-out;background-color:#fff;background-color:#f8fafc;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:16px;padding:24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.category-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 1px 2px #00000005;padding:16px 20px;transition:all .2s ease}.category-card:hover{border-color:#e2e8f0;box-shadow:0 4px 6px -1px #0000000d;transform:translateY(-1px)}.category-header{align-items:flex-start;display:flex;gap:16px}.expand-button{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;margin-top:2px;transition:all .2s;width:32px}.expand-button:hover{background-color:#fff;border-color:#e2e8f0;box-shadow:0 1px 2px #0000000d;color:#6366f1}.category-info{display:flex;flex:1 1;flex-direction:column;gap:2px;padding-top:2px}.category-title-row{align-items:center;display:flex;gap:10px}.category-info h3{color:#0f172a;font-size:15px;font-weight:600;line-height:1.4;margin:0}.category-description{color:#64748b;font-size:13px;line-height:1.5;margin:2px 0 0}.category-code{background:#0000;border:none;color:#475569;display:block;font-family:Inter,sans-serif;font-size:12px;font-weight:600;margin-top:2px;padding:0;text-transform:uppercase}.category-actions{align-items:center;align-self:flex-start;display:flex;gap:8px;margin-left:auto;padding-top:2px}.category-actions .btn-icon{align-items:center!important;background:#0000!important;border:none!important;box-shadow:none!important;color:#6366f1!important;cursor:pointer;display:flex!important;height:auto!important;justify-content:center!important;min-width:auto!important;padding:4px!important;transition:all .2s ease;width:auto!important}.category-actions .btn-icon:hover{color:#4f46e5!important;transform:scale(1.15)!important}.category-actions .status-badge{font-size:10px;padding:3px 8px}.subcategories-list{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-left:48px;position:relative}.subcategories-list:before{background-color:#e2e8f0;bottom:20px;left:32px;left:35px;top:-12px;width:1px}.subcategory-item{align-items:flex-start;background:#fff;border:1px solid #f1f5f9;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px;position:relative;transition:all .2s}.subcategory-item:before{background-color:#e2e8f0;content:"";height:1px;left:-13px;position:absolute;top:24px;width:13px}.subcategory-item:hover{border-color:#e2e8f0;box-shadow:0 2px 4px -1px #0000000d}.subcategory-info{display:flex;flex-direction:column;gap:2px}.subcategory-info h4{color:#1e293b;font-size:14px;font-weight:500;margin:0}.subcategory-description{color:#64748b;font-size:12px;margin:0}.subcategory-code{background:#0000;border:none;color:#475569;display:block;font-family:Inter,sans-serif;font-size:11px;font-weight:600;margin-top:1px;padding:0;text-transform:uppercase}.subcategory-actions{align-items:center;align-self:flex-start;display:flex;gap:6px}.subcategory-actions .btn-icon{background:#fff;border:1px solid #e2e8f0;font-size:13px;height:28px;width:28px}.subcategory-actions .status-badge{font-size:10px;padding:2px 6px}.btn-primary{background:#6366f1;font-size:13px;gap:6px;height:36px;padding:0 16px}.btn-primary:hover{background-color:#4f46e5}.btn-secondary{background:#fff;border:1px solid #cbd5e1;color:#475569;font-size:13px;height:36px;padding:0 16px}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172a66;z-index:2000}.modal-content{animation:modalScale .3s cubic-bezier(.34,1.56,.64,1);border:1px solid #f1f5f9;border-radius:20px;display:flex;flex-direction:column}@keyframes modalScale{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{background:#fff;border-bottom:1px solid #f1f5f9;padding:20px 24px}.modal-header h3{font-size:1.25rem;letter-spacing:-.02em}.modal-body{max-height:80vh;overflow-y:auto;padding:24px}.form-group label{font-size:13px;font-weight:600;margin-bottom:8px}.required{margin-left:2px}.form-group input,.form-group textarea{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#1e293b;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-row{grid-gap:20px;align-items:flex-end;gap:20px;grid-template-columns:1fr 1fr}.modal-actions{background-color:#f8fafc;border-top:1px solid #f1f5f9;gap:12px;padding:16px 24px}.status-container{align-items:center;background:#f1f5f9;border-radius:10px;display:flex;gap:12px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.status-text{color:#475569;font-size:13px;font-weight:600}.switch-styled{height:20px;width:36px}.slider-styled{background-color:#cbd5e1;border-radius:20px;transition:.4s}.slider-styled:before{height:14px;transition:.4s;width:14px}input:checked+.slider-styled{background-color:#6366f1}input:checked+.slider-styled:before{transform:translateX(16px)}.error-text{font-size:12px;margin-top:4px}.form-group select{-webkit-appearance:none;appearance:none;background-color:#f8fafc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e293b' stroke-width='3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19 9-7 7-7-7'/%3E%3C/svg%3E")!important;background-position:right 18px center!important;background-repeat:no-repeat!important;background-size:14px!important;border:1px solid #e2e8f0;border-radius:20px;color:#1e293b;cursor:pointer;font-size:14px;padding:10px 14px;padding-right:40px!important;transition:all .2s ease;width:100%}.form-group select:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.modal-header .btn-icon{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-header .btn-icon:hover{background:#fee2e2;color:#ef4444}.behavior-option input[type=radio]{display:none}.sbo-settings-container{background-color:#f8fafc;border-radius:8px;min-height:100vh;padding:20px}.sbo-settings-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-top:24px;padding:20px}.sbo-settings-section .sbo-settings-header{margin-bottom:10px}.sbo-settings-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:15px;padding:10px 20px}.sbo-settings-header{border-bottom:1px solid #eee;gap:15px;margin-bottom:20px;padding-bottom:15px}.back-btn,.sbo-settings-header{align-items:center;display:flex}.back-btn{background:none;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;height:36px;justify-content:center;transition:all .2s;width:36px}.back-btn:hover{background-color:#f1f5f9;border-color:#20b2aa;color:#20b2aa}.back-btn svg{font-size:1.2rem}.sbo-settings-header h2{color:#333;font-size:1.5rem;font-weight:600}.form-group-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:15px 0}.form-group-row:last-child{border-bottom:none}.label-col{align-items:center;display:flex;flex:2 1;gap:10px}.info-icon{color:#000;flex-shrink:0;font-size:1.1rem}.label-col label{color:#333;font-size:.95rem;font-weight:500}.input-col{display:flex;flex:1 1;justify-content:flex-end}.form-control{border:1px solid #d9d9d9;border-radius:4px;font-size:.9rem;max-width:300px;padding:8px 12px;transition:all .3s;width:100%}.form-control:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#2196f3;background-color:#20b2aa}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.form-actions-row{border-top:1px solid #eee;display:flex;justify-content:flex-end;margin-top:20px;padding-top:15px}.btn-success{background-color:#20b2aa;border:none;border-radius:4px;color:#fff;font-size:1rem;font-weight:500;padding:10px 20px;transition:background .3s}.btn-success:hover{background-color:#1a918b}.sbo-settings-loading{align-items:center;color:#666;display:flex;font-size:1.1rem;justify-content:center;padding:60px 20px}.sbo-settings-toast{animation:slideIn .3s ease,fadeOut .5s ease 2.5s forwards;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.95rem;font-weight:500;padding:12px 24px;position:fixed;right:20px;top:20px;z-index:9999}.sbo-settings-toast.success{background:linear-gradient(135deg,#38b2ac,#4fd1c5)}.sbo-settings-toast.error{background:linear-gradient(135deg,#f56565,#c53030)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.site-layout-container{background-color:#f8f9fa;font-family:Inter,sans-serif;min-height:calc(100vh - 64px);padding:24px}.tabs-header{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0f172a08;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding:6px}.tab-item{border-radius:12px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.tab-item:hover{background-color:#f8fafc;color:#1e293b}.tab-item.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f133;color:#fff}.tab-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;min-height:400px;padding:24px}.layout-definition-card{display:flex;flex-direction:column;gap:24px}.section-title{border-bottom:none;color:#1e293b;font-size:22px;font-weight:800;margin-bottom:8px;margin-top:0;padding-bottom:0}.form-section-header{color:#475569;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:20px;margin-top:10px;text-transform:uppercase}.inner-card{background:#fff;border:1px solid #f1f5f9cc;border-radius:24px;box-shadow:0 4px 20px #0f172a0a;margin-bottom:24px;padding:32px;transition:transform .3s ease,box-shadow .3s ease}.inner-card:hover{box-shadow:0 10px 40px #0f172a0f}.form-group{margin-bottom:20px}.form-label{color:#334155;font-size:14px;font-weight:700;margin-bottom:10px}.required{margin-right:4px}.form-input,.form-select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-sizing:border-box;color:#0f172a;font-size:14px;height:44px;padding:0 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-input:focus,.form-select:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.form-input::placeholder{color:#94a3b8}.checkbox-wrapper{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:0;margin-top:38px}.checkbox-input{accent-color:#7c3aed;cursor:pointer;height:22px;width:22px}.levels-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.site-selection-row{align-items:flex-end;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;margin-top:12px}.site-select-wrapper{flex:0 0 320px;margin-bottom:0}.button-group{display:flex;gap:16px;justify-content:flex-end;padding-top:24px}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;padding:12px 32px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-cancel{background-color:#f8fafc;border:1px solid #e2e8f0;color:#475569}.btn-cancel:hover{background-color:#f1f5f9}.btn-save{background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 10px 15px -3px #a855f74d;color:#fff}.btn-save:hover{box-shadow:0 12px 25px #a855f766;filter:brightness(1.1);transform:translateY(-2px)}.btn-add{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 10px 15px -3px #6366f133;font-weight:700;padding:10px 24px}.btn-add:hover{box-shadow:0 20px 25px -5px #6366f11a;transform:translateY(-2px)}.btn-location{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea40;color:#fff;display:flex;height:44px;justify-content:center;width:44px}.btn-location:hover{transform:scale(1.05)}.btn-submit{background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 6px 16px #7c3aed66;color:#fff;font-size:16px;padding:14px 32px;width:100%}.btn-submit:hover{box-shadow:0 8px 25px #7c3aed80;transform:translateY(-2px)}.tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.facility-title{color:#1a202c;font-size:20px;font-weight:700;margin:0}.tab-actions{gap:12px}.search-wrapper,.tab-actions{align-items:center;display:flex}.search-wrapper{position:relative}.search-icon{color:#94a3b8;display:flex;left:18px;position:absolute;z-index:1}.search-input{border:1px solid #cbd5e1;border-radius:12px;color:#0f172a;font-size:14px;height:44px;padding:0 16px 0 48px;transition:all .2s;width:320px}.search-input:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed14;outline:none}.search-input::placeholder{color:#94a3b8}.table-container{overflow-x:auto}.custom-table{background-color:#fff;border:1px solid #f1f5f9;border-collapse:initial;border-radius:12px;border-spacing:0;overflow:hidden;width:100%}.custom-table th{background-color:#f8fafc;border-bottom:1px solid #edf2f7;color:#718096;font-size:13px;font-weight:500;padding:14px 20px;text-align:left}.custom-table th:first-child{border-top-left-radius:12px}.custom-table th:last-child{border-top-right-radius:12px}.custom-table td{border-bottom:1px solid #f1f5f9;color:#4a5568;font-size:14px;padding:16px 20px}.custom-table tr:hover td{background-color:#667eea05}.custom-table tr.row-selected td{background-color:#38b2ac14}.custom-table td input[type=checkbox],.custom-table th input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:16px;width:16px}.status-badge-setu{border-radius:9999px;display:inline-block;font-size:13px;font-weight:500;padding:4px 16px}.status-badge-setu.active{background-color:#f0fff4;color:#667eea}.status-badge-setu.inactive{background-color:#fff5f5;color:#e53e3e}.action-menu-btn{background:none;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;padding:4px}.action-menu-btn:hover{background-color:#f7fafc}.text-center{text-align:center!important}.text-right{text-align:right!important}.modal-overlay{animation:fadeIn .2s ease;background-color:#00000073}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000026;max-width:520px;width:100%}.modal-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;padding:16px 24px}.modal-header h3{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close-btn:hover{background:#f7fafc;color:#4a5568}.modal-form{padding:24px}.modal-grid-1col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.modal-grid-2col{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.modal-grid-3col-complex{grid-gap:12px;align-items:flex-end;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr auto}.geo-field-short{max-width:220px}.status-toggle-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.status-label{color:#4a5568;font-size:15px;font-weight:500;margin-right:8px}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e0;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.pagination-wrapper{border-top:1px solid #edf2f7;justify-content:space-between;margin-top:20px;padding-top:16px}.pagination-info{color:#718096;font-size:13px}.pagination-controls{gap:6px}.page-btn{background:#fff;border-radius:6px;color:#4a5568;font-size:13px;font-weight:500;transition:all .2s ease}.page-btn:disabled{opacity:.4}.page-size-select{color:#4a5568;cursor:pointer;font-size:13px;margin-left:8px;padding:4px 8px}.no-site-selected{color:#718096;padding:64px 24px;text-align:center}.no-site-icon{margin-bottom:16px}.no-site-selected p{color:#a0aec0;font-size:15px;margin-top:12px}.loading-spinner{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;padding:64px}.spinner{border:3px solid #e2e8f0;border-top-color:#667eea;height:36px;margin-bottom:12px;width:36px}.text-center{color:#a0aec0;padding:32px!important;text-align:center}.pagination-wrapper{align-items:center;display:flex;gap:16px;justify-content:flex-end;padding:20px 0}.pagination-controls{gap:4px}.page-btn,.pagination-controls{align-items:center;display:flex}.page-btn{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#a0aec0;cursor:pointer;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.page-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.page-btn.active{background-color:#667eea;border-color:#667eea;color:#fff}.page-btn:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.6}.page-size-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#718096;font-size:14px;padding:6px 12px}.core-config-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;overflow:hidden;padding:0}.core-config-header{align-items:center;background:linear-gradient(90deg,#f8fafc,#fff);border-bottom:1px solid #f1f5f9;display:flex;gap:16px;padding:20px 24px}.config-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea40;display:flex;height:48px;justify-content:center;width:48px}.config-icon{color:#fff;font-size:24px}.config-title-group h3{color:#1e293b;font-size:18px;font-weight:700;margin:0}.config-title-group p{color:#64748b;font-size:13px;margin:4px 0 0}.core-config-body{align-items:flex-start;display:flex;gap:48px;padding:32px}.config-field-group{display:flex;flex:1 1;flex-direction:column;gap:12px}.config-label{align-items:center;color:#475569;display:flex;font-size:14px;font-weight:600;gap:8px}.label-icon{color:#667eea;font-size:18px}.select-wrapper-styled{position:relative}.form-select-styled{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;border:1px solid #cbd5e1;border-radius:12px;color:#1e293b;cursor:pointer;font-size:15px;height:48px;padding:0 16px;transition:all .2s;width:100%}.form-select-styled:hover{border-color:#94a3b8}.form-select-styled:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.form-select-styled:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.config-divider{align-self:stretch;background:#e2e8f0;width:1px}.toggle-group,.toggle-wrapper{justify-content:space-between}.toggle-wrapper{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;height:48px;padding:0 16px}.toggle-status{color:#64748b;font-size:14px;font-weight:500;transition:color .3s}.toggle-status.active{color:#667eea;font-weight:600}.toggle-switch-ios{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch-ios input{height:0;opacity:0;width:0}.slider-ios{background-color:#cbd5e0;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider-ios,.slider-ios:before{position:absolute;transition:.4s}.slider-ios:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;width:20px}.toggle-switch-ios input:checked+.slider-ios{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch-ios input:focus+.slider-ios{box-shadow:0 0 1px #667eea}.toggle-switch-ios input:checked+.slider-ios:before{transform:translateX(20px)}.level-config-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;margin-top:24px;overflow:hidden;padding:0}.level-icon-wrapper{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b40}.level-config-body{padding:32px}.levels-grid-styled{grid-gap:24px 32px;display:grid;gap:24px 32px;grid-template-columns:repeat(3,1fr)}.level-input-group{display:flex;flex-direction:column;gap:10px}.level-label{color:#475569;font-size:14px;font-weight:600;gap:10px}.level-badge,.level-label{align-items:center;display:flex}.level-badge{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.required-star{color:#ef4444;margin-right:2px}.form-input-styled{border:1px solid #cbd5e1;border-radius:12px;color:#1e293b;font-size:15px;height:48px;padding:0 16px;transition:all .2s;width:100%}.form-input-styled:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a;outline:none}.form-input-styled:disabled{background-color:#f8fafc;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.form-input-styled::placeholder{color:#cbd5e1}.disabled-group{opacity:.6;transition:opacity .3s ease}.disabled-group .level-badge{background-color:#f1f5f9;border-color:#f1f5f9;color:#cbd5e1}.facility-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000a;margin-top:24px;overflow:hidden}.facility-card-header{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.facility-title-v2{color:#0f172a;font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0}.facility-actions-row{align-items:center;display:flex;gap:16px}.search-wrapper-v2{position:relative;width:280px}.search-icon-v2{color:#94a3b8;display:flex;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input-v2{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;color:#0f172a;font-size:14px;font-weight:500;height:48px;padding:0 16px 0 48px;transition:all .3s ease;width:100%}.search-input-v2:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.btn-add-v2{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;box-shadow:0 10px 20px -5px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;height:48px;padding:0 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-add-v2:hover{box-shadow:0 6px 18px #6366f159;filter:brightness(1.1);transform:translateY(-2px)}.modern-table-container{padding:8px}.modern-table{border-collapse:initial;border-spacing:0;width:100%}.modern-table th{background:#fff;border-bottom:1px solid #f1f5f9;border-left:none;border-right:none;color:#64748b;font-size:12px;font-weight:800;letter-spacing:.1em;padding:16px 28px;text-align:left;text-transform:uppercase}.modern-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;font-weight:500;padding:20px 28px}.modern-table tr:last-child td{border-bottom:none}.modern-table tr:hover td{background-color:#f8fafc}.modern-table .text-center{text-align:center}.modern-table .text-right{text-align:right}.custom-checkbox-styled{accent-color:#667eea;border:2px solid #cbd5e1;border-radius:6px;cursor:pointer;height:20px;width:20px}.btn-table-action{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:10px;color:#64748b;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-table-action:hover{background-color:#667eea0d;border-color:#667eea;color:#667eea}.pagination-v2{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.pagination-stats{color:#64748b;font-size:13px;font-weight:600}.pagination-controls-v2{align-items:center;display:flex;gap:8px}.page-btn-v2{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:0 8px;transition:all .2s}.page-btn-v2:hover:not(:disabled){background:#667eea0d;border-color:#667eea;color:#667eea}.page-btn-v2.active{background:#667eea;border-color:#667eea;box-shadow:0 4px 10px #667eea33;color:#fff}.page-btn-v2:disabled{cursor:not-allowed;opacity:.5}.page-size-select-v2{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;height:36px;outline:none;padding:0 12px}.page-size-select-v2:focus{border-color:#667eea}.switch-styled{display:inline-block;height:22px;position:relative;width:40px}.switch-styled input{height:0;opacity:0;width:0}.slider-styled{background-color:#e2e8f0;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.slider-styled:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:16px;left:3px;position:absolute;transition:.3s;width:16px}.switch-styled input:checked+.slider-styled{background-color:#667eea}.switch-styled input:checked+.slider-styled:before{transform:translateX(18px)}.modal-content-v2{animation:none;background:#fff;border-radius:4px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:95vh;max-width:800px;overflow:hidden;width:100%}.modal-header-v2{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.modal-header-v2 h3{color:#1e293b;font-size:24px;font-weight:700;letter-spacing:-.2px;margin:0}.modal-close-btn-v2{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;transition:color .2s;width:32px}.modal-close-btn-v2:hover{color:#1e293b}.modal-body-v2{overflow-y:auto;padding:32px}.form-grid-v2{display:flex;flex-direction:column;gap:20px}.form-row-v2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.form-field-v2{display:flex;flex-direction:column;gap:10px}.field-label-v2{align-items:center;color:#1e1e1e;display:flex;font-size:15px;font-weight:600;gap:4px}.input-container-v2{align-items:center;display:flex;position:relative}.input-styled-v2,.select-styled-v2{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#1f2937;font-size:14px;height:44px;padding:0 12px;transition:border-color .2s;width:100%}.icon-inside-v2{color:#6b7280;pointer-events:none;position:absolute;right:12px}.input-styled-v2:focus,.select-styled-v2:focus{border-color:#3b82f6;outline:none}.select-styled-v2{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234b5563'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.geo-controls-v2{grid-gap:20px;align-items:flex-end;display:grid;gap:20px;grid-template-columns:1fr 1fr auto;padding-top:10px}.btn-locate-v2{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#3b82f6;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.btn-locate-v2:hover{background:#f9fafb;border-color:#3b82f6}.modal-footer-v2{align-items:center;background:#fff;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.status-toggle-v2{align-items:center;display:flex;gap:12px}.status-toggle-v2 span{color:#4b5563;font-size:14px;font-weight:600}.btn-submit-v2{background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:16px;box-shadow:0 12px 25px -5px #6366f14d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:52px;padding:0 40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-submit-v2:hover{box-shadow:0 20px 35px -10px #6366f166;filter:brightness(1.05);transform:translateY(-2.5px)}.action-menu-container{display:inline-block;position:relative}.action-dropdown{animation:fadeInDown .2s ease-out;background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:8px;min-width:140px;overflow:hidden;padding:6px;position:absolute;right:0;top:100%;z-index:100}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.action-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 14px;transition:all .2s;width:100%}.action-item:hover{background-color:#f8fafc}.action-item.edit:hover{background-color:#6366f114;color:#6366f1}.action-item.delete:hover{background-color:#ef444414;color:#ef4444}.btn-table-action.active{background-color:#f1f5f9;border-color:#e2e8f0;color:#6366f1}:root{--primary-color:#a3001e;--primary-hover:#8a0019;--secondary-color:#3b82f6;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--success-color:#22c55e;--danger-color:#ef4444}.bi-dashboard-container.dark-mode{--primary-color:#ef4444;--background-light:#111827;--surface-light:#1f2937;--text-primary:#f9fafb;--text-secondary:#9ca3af;--border-color:#374151}.bi-dashboard-container{background-color:#f3f4f6;background-color:var(--background-light);color:#111827;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100%;overflow:hidden;width:100%}.bi-header{background-color:#fff;background-color:var(--surface-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);flex-shrink:0;height:4rem;justify-content:space-between;padding:0 1.5rem}.bi-header,.bi-header-left{align-items:center;display:flex}.bi-header-left{gap:1rem}.bi-header-subtitle{color:#6b7280;color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.bi-header-title-group{align-items:center;cursor:pointer;display:flex;gap:.5rem}.bi-header-title{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0;transition:color .2s}.bi-header-title-group:hover .bi-header-title{color:#a3001e;color:var(--primary-color)}.bi-header-right{gap:1.5rem}.bi-header-right,.btn-text{align-items:center;display:flex}.btn-text{background:none;border:none;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;gap:.25rem;transition:color .2s}.btn-text:hover{color:#a3001e;color:var(--primary-color)}.btn-add-metric{align-items:center;background:none;border:none;color:#16a34a;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;transition:color .2s}.btn-add-metric:hover{color:#15803d}.bi-filter-bar{align-items:center;background-color:#fff;background-color:var(--surface-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000000d;display:flex;flex-wrap:wrap;gap:1.5rem;padding:.75rem 1.5rem;z-index:10}.filter-label{color:#6b7280;color:var(--text-secondary);font-size:.625rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.filter-value{align-items:center;color:#111827;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;transition:color .2s}.filter-value:hover{color:#a3001e;color:var(--primary-color)}.filter-divider{background-color:#e5e7eb;background-color:var(--border-color);height:2rem;width:1px}.view-toggles{background-color:#f3f4f6;border-radius:.375rem;display:flex;gap:.25rem;margin-left:auto;padding:.25rem}.view-btn{align-items:center;background:none;border:none;border-radius:.25rem;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem .5rem}.view-btn.active{background-color:#fff;border:1px solid #3b82f6;box-shadow:0 1px 2px 0 #0000000d;color:#10b981}.bi-content-area{flex:1 1;overflow-y:auto;padding:1.5rem}.bi-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;padding-bottom:5rem}.bi-grid.stream-view{grid-template-columns:1fr!important}@media (min-width:1024px){.bi-grid.module-view{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.bi-grid.week-view{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px) and (max-width:1279px){.bi-grid.week-view{grid-template-columns:repeat(2,1fr)}}@media (min-width:1400px){.bi-grid.compact-view{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px) and (max-width:1399px){.bi-grid.compact-view{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:1023px){.bi-grid.compact-view{grid-template-columns:repeat(2,1fr)}}.bi-card{background-color:#fff;background-color:var(--surface-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a;display:flex;flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s}.bi-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.bi-card-lg{height:24rem}.bi-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.bi-card-title{color:#111827;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.bi-card-subtitle{color:#6b7280;color:var(--text-secondary);font-size:.75rem;margin-bottom:0;margin-top:.25rem}.btn-icon{background:none;border-radius:9999px;color:#9ca3af;padding:.25rem}.btn-icon:hover{background-color:#f3f4f6;color:#a3001e;color:var(--primary-color)}.bi-card-body{flex:1 1;min-height:0;position:relative;width:100%}.bi-legend{color:#6b7280;color:var(--text-secondary);display:flex;font-size:.75rem;gap:1rem;justify-content:center;margin-top:1rem}.legend-item{align-items:center;display:flex;gap:.375rem}.dot{border-radius:50%;height:.5rem;width:.5rem}.kpi-container{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center}@media (min-width:768px){.kpi-container{flex-direction:row;justify-content:space-around}}.kpi-stats{display:flex;flex-direction:column;gap:1.5rem;text-align:center}@media (min-width:768px){.kpi-stats{text-align:right}}.stat-label{color:#6b7280;color:var(--text-secondary);font-size:.75rem;font-weight:500;margin-bottom:.25rem}.stat-value{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700}.stat-value-sm{font-size:1.25rem;font-weight:600}.stat-diff{color:#ef4444;color:var(--danger-color)}.stat-diff.positive{color:#22c55e;color:var(--success-color)}.progress-ring-container{display:flex;height:5rem;justify-content:center;overflow:hidden;position:relative;width:10rem}.progress-ring-circle{border:12px solid #dbeafe;border-radius:50%}.progress-ring-circle,.progress-ring-fill{box-sizing:border-box;height:10rem;width:10rem}.progress-ring-fill{border:12px solid #0000;border-radius:50%;border-top:12px solid var(--secondary-color);left:0;position:absolute;top:0;transition:transform 1s ease-out}.progress-label{bottom:0;padding-bottom:.5rem;position:absolute;text-align:center;width:100%}.progress-title{color:#6b7280;color:var(--text-secondary);font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.progress-value{color:#2563eb;font-size:1.5rem;font-weight:700}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#111827b3}.modal-content{animation:scaleUp .2s ease-out;background-color:#fff;background-color:var(--surface-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;overflow:hidden}.modal-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem}.modal-title{color:#111827;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.modal-body{color:#6b7280;color:var(--text-secondary);font-size:.95rem;line-height:1.5;padding:1.5rem}.modal-footer{background-color:var(--bg-gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.btn-modal{border:1px solid #0000;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-secondary{background-color:#fff;border-color:#e5e7eb;border-color:var(--border-color);color:#111827}.btn-secondary:hover{background-color:#f3f4f6;background-color:var(--background-light)}.btn-danger{background-color:#ef4444;box-shadow:0 1px 2px 0 #0000000d}.btn-danger:hover{background-color:#dc2626}.bi-dashboard-container.dark-mode .modal-footer{background-color:#1f2937}.bi-dashboard-container.dark-mode .btn-secondary{background-color:initial;border-color:#4b5563;color:#f3f4f6}.bi-dashboard-container.dark-mode .btn-secondary:hover{background-color:#374151}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.filter-select{background:#0000;border:none;color:#111827;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;outline:none;padding-right:1.5rem}.layout-control-container{align-items:center;display:flex;position:relative}.layout-dropdown{animation:fadeIn .1s ease-out;background-color:#fff;background-color:var(--surface-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:.5rem;min-width:180px;position:absolute;right:0;top:100%;z-index:50}.layout-dropdown-header{align-items:center;color:#111827;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;padding:.75rem 1rem}.layout-dropdown-divider{background-color:#e5e7eb;background-color:var(--border-color);height:1px;width:100%}.layout-btn-group{background-color:var(--bg-gray-50);border-radius:0 0 .5rem .5rem;display:flex;gap:.5rem;justify-content:center;padding:.75rem 1rem}.bi-dashboard-container.dark-mode .layout-btn-group{background-color:#1f2937}.bi-dashboard-container.dark-mode .filter-select,.filter-date-input{color:#111827;color:var(--text-primary)}.filter-date-input{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:.85rem;padding:4px 8px}.filter-date-input:focus{border-color:#a3001e;border-color:var(--primary-color);outline:none}:root{--primary-color:#2d9c86;--primary-dark:#237a69;--background-light:#f3f4f6;--surface-light:#fff;--surface-dark:#1f2937;--border-light:#e5e7eb;--text-light:#111827;--text-secondary-light:#6b7280;--bg-gray-50:#f9fafb}.metric-library-page{background-color:#f3f4f6;background-color:var(--background-light);color:#111827;color:var(--text-light);font-family:Inter,sans-serif}.metric-library-container,.metric-library-page{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.metric-library-container{flex:1 1}.library-header,.metric-library-container{background-color:#fff;background-color:var(--surface-light)}.library-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;height:4rem;justify-content:space-between;padding:0 1.5rem}.library-title{color:#111827;color:var(--text-light);font-size:1.25rem;font-weight:600;margin:0}.header-actions{align-items:center;display:flex;gap:1rem}.btn-icon-action{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-secondary-light);cursor:pointer;display:flex;padding:0;transition:color .2s}.btn-icon-action:hover{color:#2d9c86;color:var(--primary-color)}.btn-close:hover{color:#ef4444}.library-body{display:flex;flex:1 1;overflow:hidden}.library-sidebar{background-color:#f9fafb;border-right:1px solid #e5e7eb;border-right:1px solid var(--border-light);display:flex;flex-direction:column;flex-shrink:0;min-width:300px;width:25%}.sidebar-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex}.tab-btn{background:none;border:none;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;text-align:center;transition:color .2s}.tab-btn.active{background-color:#fff;background-color:var(--surface-light);border-bottom:2px solid #2d9c86;border-bottom:2px solid var(--primary-color);color:#2d9c86;color:var(--primary-color)}.tab-btn.inactive{color:#6b7280;color:var(--text-secondary-light)}.sidebar-search{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:.75rem;padding:1rem}.search-row{display:flex;gap:.5rem}.input-group{flex:1 1;position:relative}.search-input{background-color:#fff;background-color:var(--surface-light);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.25rem;color:#111827;color:var(--text-light);font-size:.875rem;outline:none;padding:.5rem 2rem .5rem .75rem;width:100%}.search-input:focus{border-color:#2d9c86;border-color:var(--primary-color);box-shadow:0 0 0 1px #2d9c86;box-shadow:0 0 0 1px var(--primary-color)}.input-icon{color:#9ca3af;font-size:1.125rem;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.category-select-group{width:33.333333%}.category-select{background-color:#fff;background-color:var(--surface-light);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.25rem;color:#111827;color:var(--text-light);cursor:pointer;font-size:.875rem;outline:none;padding:.5rem 1.5rem .5rem .5rem;width:100%}.card-list{flex:1 1;overflow-y:auto}.metric-card-item{border-bottom:1px solid #f3f4f6;border-left:4px solid #0000;cursor:pointer;padding:1rem;transition:background-color .2s}.metric-card-item:hover{background-color:#f3f4f6}.metric-card-item.active{background-color:#eff6ff;border-left-color:#2d9c86;border-left-color:var(--primary-color)}.item-title{color:#111827;color:var(--text-light);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.item-desc{color:#6b7280;color:var(--text-secondary-light);font-size:.75rem;margin-bottom:.5rem}.category-tag{background-color:#e5e7eb;border-radius:.25rem;color:#4b5563;display:inline-block;font-size:.625rem;font-weight:700;letter-spacing:.05em;padding:.125rem .5rem;text-transform:uppercase}.library-preview{background-color:#fff;background-color:var(--surface-light);display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.preview-content{display:flex;flex:1 1;overflow:hidden}.configure-panel{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem;width:50%}.configure-header{padding:1.5rem 1.5rem .5rem}.preview-title{font-size:1.125rem;text-align:center;width:100%}.form-label,.preview-title{color:#111827;color:var(--text-light);font-weight:500}.form-label{font-size:.875rem}.chart-type-group{display:flex;gap:.5rem}.btn-chart-type{align-items:center;background-color:#e5e7eb;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;display:flex;font-weight:700;height:3rem;justify-content:center;transition:all .2s;width:3rem}.btn-chart-type:hover{background-color:#d1d5db}.btn-chart-type.active{background-color:#eff6ff;border:2px solid #2d9c86;border:2px solid var(--primary-color);color:#2d9c86;color:var(--primary-color)}.form-input{background-color:#fff;background-color:var(--surface-light);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.25rem;color:#111827;color:var(--text-light);font-size:.875rem;outline:none;padding:.5rem .75rem;width:100%}.form-input:focus{border-color:#2d9c86;border-color:var(--primary-color);box-shadow:0 0 0 1px #2d9c86;box-shadow:0 0 0 1px var(--primary-color)}.select-wrapper{position:relative}.form-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--surface-light);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.25rem;color:#111827;color:var(--text-light);cursor:pointer;font-size:.875rem;outline:none;padding:.5rem 2rem .5rem .75rem;width:100%}.toggle-icon{color:#9ca3af;font-size:1.25rem;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.helper-text{color:#6b7280;color:var(--text-secondary-light);font-size:.875rem}.preview-pane{align-items:center;background-color:#f9fafb;border-left:1px solid #e5e7eb;border-left:1px solid var(--border-light);display:flex;justify-content:center;padding:1.5rem;width:50%}.chart-preview-card{background-color:#fff;background-color:var(--surface-light);border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;max-width:28rem;padding:1.5rem;width:100%}.preview-card-title{color:#111827;color:var(--text-light);font-size:1rem;font-weight:600;margin-bottom:1rem}.chart-container{height:16rem;position:relative;width:100%}.preview-legend{align-items:center;color:#6b7280;color:var(--text-secondary-light);display:flex;font-size:.75rem;justify-content:flex-end;margin-top:1rem}.legend-dot{background-color:#0e5c8e;border-radius:50%;height:.75rem;margin-right:.5rem;width:.75rem}.library-footer{background-color:#fff;background-color:var(--surface-light);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.btn-cancel{background:none;border:none;border-radius:.25rem;color:#6b7280;color:var(--text-secondary-light);font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.btn-cancel:hover{background-color:#f3f4f6}.btn-help-float{align-items:center;background-color:#111827;border:none;border-radius:.25rem;bottom:2rem;box-shadow:0 10px 15px -3px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;padding:.5rem 1rem;position:fixed;right:2rem;transition:background-color .2s;z-index:50}.btn-help-float:hover{background-color:#1f2937}@media (max-width:1024px){.preview-content{flex-direction:column;overflow-y:auto}.configure-panel,.preview-pane{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);border-left:none;width:100%}}.reports-dashboard-container{background-color:var(--bg-primary);min-height:100%;padding:16px 24px}.reports-header-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.reports-header{margin-bottom:0}.reports-header h1{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.25rem;font-weight:600;margin:0}.reports-controls{align-items:center;display:flex;gap:16px}.reports-helper-text{color:var(--text-secondary);font-size:14px;margin:0}.view-mode-toggle{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:8px;padding:4px}.toggle-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:6px;transition:all .2s ease}.toggle-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.toggle-btn.active{background-color:var(--primary-color);color:#fff}.reports-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.reports-grid.list-view{gap:16px;grid-template-columns:1fr}.report-card{align-items:flex-start;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .2s ease}.reports-grid.list-view .report-card{align-items:center;flex-direction:row;padding:12px 16px}.report-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.report-icon-wrapper{align-items:center;background-color:var(--bg-tertiary);border-radius:8px;color:var(--primary-color);display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.report-card:hover .report-icon-wrapper{background-color:var(--primary-color);color:#fff}.report-info h3{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:4px}.report-info p{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0}.msd-wrapper{position:relative;width:100%}.msd-label{color:#1f2937;color:var(--text-primary,#1f2937);display:block;font-size:.875rem;font-weight:500;margin-bottom:6px}.msd-control{align-items:center;background:#fff;background:var(--bg-input,#fff);border:1.5px solid #d1d5db;border:1.5px solid var(--border-primary,#d1d5db);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:42px;padding:6px 10px 6px 12px;transition:border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.msd-wrapper.msd-open .msd-control,.msd-wrapper:not(.msd-disabled) .msd-control:hover{border-color:#667eea;border-color:var(--accent-primary,#667eea)}.msd-wrapper.msd-open .msd-control{box-shadow:0 0 0 3px #667eea1f}.msd-wrapper.msd-error .msd-control{border-color:#dc2626;border-color:var(--status-error,#dc2626)}.msd-wrapper.msd-disabled .msd-control{background:#f3f4f6;background:var(--bg-tertiary,#f3f4f6);cursor:not-allowed;opacity:.65}.msd-value{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:4px;min-height:24px}.msd-placeholder{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.9rem}.msd-tag{align-items:center;background:#667eea;background:var(--accent-primary,#667eea);border-radius:4px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:500;gap:4px;max-width:100%;padding:3px 8px}.msd-tag-x{align-items:center;background:#0000;border:none;color:#ffffffd9;cursor:pointer;display:flex;line-height:1;padding:0}.msd-tag-x:hover{color:#fff}.msd-count-badge{align-items:center;background:#667eea;background:var(--accent-primary,#667eea);border-radius:20px;color:#fff;display:inline-flex;font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:3px 10px}.msd-right-icons{align-items:center;display:flex;flex-shrink:0;gap:4px;margin-left:6px}.msd-clear-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;color:var(--text-tertiary,#9ca3af);cursor:pointer;display:flex;justify-content:center;padding:2px;transition:color .15s,background .15s}.msd-clear-btn:hover{background:#dc262614;color:#dc2626;color:var(--status-error,#dc2626)}.msd-chevron{color:#9ca3af;color:var(--text-tertiary,#9ca3af);flex-shrink:0;transition:transform .2s ease}.msd-chevron-up{transform:rotate(180deg)}.msd-panel{animation:msd-fade-in .12s ease;background:#fff;background:var(--bg-card,#fff);border:1.5px solid #d1d5db;border:1.5px solid var(--border-primary,#d1d5db);border-radius:8px;box-shadow:0 8px 24px #0000001f;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:9999}@keyframes msd-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.msd-bulk-row{align-items:center;background:#fff;background:var(--bg-card,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-primary,#e5e7eb);display:flex;gap:0;padding:6px 10px}.msd-bulk-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:3px;padding:3px 8px;transition:color .15s}.msd-bulk-btn:hover:not(:disabled){background:#0000;color:#667eea;color:var(--accent-primary,#667eea)}.msd-bulk-clear:hover:not(:disabled){color:#dc2626;color:var(--status-error,#dc2626)}.msd-bulk-btn:disabled{cursor:default;opacity:.35}.msd-bulk-sep{background:#d1d5db;background:var(--border-primary,#d1d5db);height:12px;margin:0 2px;width:1px}.msd-divider{background:#e5e7eb;background:var(--border-primary,#e5e7eb);height:1px}.msd-empty{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.875rem;padding:14px 12px;text-align:center}.msd-option{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-secondary,#f3f4f6);color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;display:flex;font-size:.875rem;gap:10px;max-height:200px;overflow-y:auto;padding:9px 12px;transition:background .1s}.msd-option:last-child{border-bottom:none}.msd-option:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.msd-option.msd-option-selected{background:#667eea0f}.msd-checkbox{accent-color:#667eea;accent-color:var(--accent-primary,#667eea);cursor:pointer;flex-shrink:0;height:16px;width:16px}.msd-option-label{flex:1 1;-webkit-user-select:none;user-select:none}.msd-panel>.msd-option{max-height:none}.msd-panel{display:flex;flex-direction:column;max-height:320px}.msd-panel>.msd-bulk-row,.msd-panel>.msd-divider{flex-shrink:0}.msd-panel>.msd-option{overflow-y:auto}.msd-error-msg{color:#dc2626;color:var(--status-error,#dc2626);display:block;font-size:.8rem;margin-top:5px}.lrt-outer{margin-top:1rem}.oee-report-title{font-size:1.75rem;font-weight:800}.lrt-toolbar{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-bottom:none;border-radius:10px 10px 0 0;gap:.75rem;padding:.5rem .75rem}.lrt-toolbar-label{color:#64748b;font-size:.78rem;white-space:nowrap}.lrt-freeze-btn,.lrt-toolbar-label{color:var(--text-secondary,#64748b)}.lrt-freeze-btn{background:#fff;background:var(--bg-card,#fff);border:1.5px solid #d1d5db;border:1.5px solid var(--border-primary,#d1d5db);border-radius:5px;cursor:pointer;font-size:.75rem;padding:3px 10px;transition:all .15s}.lrt-freeze-btn:hover{color:#667eea;color:var(--accent-primary,#667eea)}.lrt-freeze-btn.active,.lrt-freeze-btn:hover{border-color:#667eea;border-color:var(--accent-primary,#667eea)}.lrt-freeze-btn.active{background:#667eea;background:var(--accent-primary,#667eea);color:#fff}.lrt-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:0 0 10px 10px;box-shadow:0 1px 4px #00000014;box-shadow:var(--shadow-sm,0 1px 4px #00000014);max-width:100%;overflow-y:visible}.lrt-table{background:#fff;background:var(--bg-card,#fff);border-collapse:collapse;font-family:inherit;font-size:.8rem;min-width:100%;width:-webkit-max-content;width:max-content}.lrt-legend{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);font-size:.78rem;padding:6px 10px}.lrt-shift-header{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);font-size:.78rem;font-weight:700;padding:5px 4px}.lrt-th{border:1px solid #ffffff40;font-size:.78rem;font-weight:600;letter-spacing:.03em;padding:8px 10px;text-align:left;white-space:nowrap}.lrt-th-machine{min-width:180px}.lrt-th-loss{min-width:130px}.lrt-th-sub{min-width:140px}.lrt-ot{text-align:center;width:38px}.lrt-cell{border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);padding:5px 8px;vertical-align:middle;white-space:nowrap}.lrt-o{color:#dc2626;color:var(--status-error,#dc2626)}.lrt-o,.lrt-t{text-align:center}.lrt-t{color:#d97706;color:var(--status-warning,#d97706)}.lrt-bold,.lrt-machine{font-weight:700}.lrt-machine{background:#f8fafc;background:var(--bg-secondary,#f8fafc);color:#509183;color:var(--primary-color,#509183);font-size:.78rem;max-width:200px;padding-top:8px;vertical-align:top;white-space:normal;word-break:break-word}.lrt-losstype{background:#fafafa;background:var(--bg-secondary,#fafafa);color:var(--text-primary);font-size:.8rem;font-weight:600;padding-top:6px;vertical-align:top}.lrt-subtype{color:#475569;color:var(--text-secondary,#475569)}.lrt-indent{font-size:.78rem;padding-left:18px}.lrt-row-total td{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9)}.lrt-row-machine-total td{background:#e8f0fe;border-top:2px solid #93c5fd;color:#1d4ed8;font-weight:700}.lrt-machine-total-label{color:#1d4ed8!important;font-weight:700;text-align:center}.lrt-row-spacer td{background:#f0f2f5;background:var(--bg-body,#f0f2f5);border:none;height:8px}.lrt-row-grand-total td{background:#667eea;background:var(--accent-primary,#667eea);border-color:#ffffff40;color:#fff!important;font-size:.82rem;font-weight:700}.lrt-row-grand-total .lrt-o,.lrt-row-grand-total .lrt-t{color:#fff!important}.lrt-grand-label{font-weight:700;letter-spacing:.03em;text-align:center}.lrt-table tbody tr:not(.lrt-row-spacer):not(.lrt-row-grand-total):hover td{filter:brightness(.97)}.lrt-row-sub:nth-child(2n) td{background:#fafbff}.osr-outer{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #0000000d;margin-top:1rem;overflow:hidden}.lrt-toolbar{align-items:center;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;padding:16px 24px}.lrt-toolbar-label{align-items:center;color:#334155;display:flex;font-size:.85rem;font-weight:600;gap:6px}.lrt-freeze-btns{background-color:#e2e8f0;border-radius:8px;display:flex;gap:4px;padding:3px}.lrt-freeze-btn{background:#0000;border-radius:6px;color:#64748b;font-size:.8rem;font-weight:500;padding:6px 14px;transition:all .2s ease-in-out}.lrt-freeze-btn:hover{background-color:#fff6;color:#1e293b}.lrt-freeze-btn.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#1e293b;font-weight:600}.lrt-wrapper{max-height:70vh;overflow-x:auto;width:100%}.osr-table{border-collapse:initial;border-spacing:0;width:100%}.osr-table thead td{border-bottom:2px solid #e2e8f0;font-size:.85rem;padding:10px 14px}.osr-table thead th{border-bottom:1px solid #ffffff1a;font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:12px 14px;text-transform:uppercase}.lrt-legend{color:#475569;font-size:.8rem}.lrt-legend strong{background-color:#f1f5f9;border-radius:4px;color:#1e293b;padding:2px 6px}.lrt-shift-header{color:#334155;font-weight:600;text-align:center}.osr-th-machine{min-width:250px}.osr-th-metric{min-width:180px}.osr-th-avg{background:#00000014!important;width:80px}.osr-avg-header{border-left:1px solid #cbd5e1!important}.osr-cell{border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;padding:10px 14px;transition:background-color .2s}.lrt-row-spacer td{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;height:12px}.osr-machine{color:#1e293b;font-size:.85rem;font-weight:600;line-height:1.4}.osr-machine-tag{background-color:#e0e7ff;border-radius:4px;color:#4f46e5;display:inline-flex;font-size:.75rem;font-weight:500;margin-top:6px;padding:2px 8px}.osr-metric-main{color:#334155;font-weight:600}.osr-metric-sub{color:#64748b;font-size:.8rem}.osr-metric-oee{color:#4338ca!important;font-size:.9rem}.osr-val{font-feature-settings:"tnum";color:#0f172a;font-variant-numeric:tabular-nums}.osr-avg,.osr-val{font-size:.85rem;text-align:center}.osr-avg{background-color:#f8fafc;border-left:1px solid #e2e8f0!important;font-weight:700}.osr-green{background-color:#22c55e1a!important;color:#15803d!important;font-weight:600}.osr-amber{background-color:#f59e0b1a!important;color:#b45309!important;font-weight:600}.osr-red{background-color:#ef44441a!important;color:#b91c1c!important;font-weight:600}.osr-row-grand td{border-bottom:1px solid #ffffff1a!important;font-weight:600}.osr-row-grand-oee td{border-bottom:none!important;font-size:.95rem}.osr-grand-label{font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.osr-grand-dash{color:#ffffff80!important;font-size:1rem}.osr-grand-avg{font-size:.9rem}.osr-legend-chips{display:flex;gap:8px;margin-left:auto}.osr-chip{border:1px solid #0000;border-radius:20px;font-size:.75rem;font-weight:500;padding:4px 10px}.osr-chip-green{background-color:#dcfce7;border-color:#bbf7d0;color:#166534}.osr-chip-amber{background-color:#fef3c7;border-color:#fde68a;color:#92400e}.osr-chip-red{background-color:#fee2e2;border-color:#fecaca;color:#991b1b}.osr-table tbody tr:hover td{position:relative}.osr-table tbody tr:hover td:after{background-color:#00000005;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.oee-chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #0000000d;margin-top:24px;padding:24px}.audit-entry-container{animation:fadeIn .4s ease-out;margin:2rem auto;max-width:1200px;padding:0 1.5rem}.audit-page-header{border-bottom:1px solid var(--border-secondary);margin-bottom:2rem;padding-bottom:1rem}.audit-page-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem}.audit-form{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-lg);padding:2rem;transition:all .3s ease}.audit-header-grid{grid-gap:1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2.5rem;padding:1.5rem}.audit-section{background:var(--bg-card-solid);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:2rem;overflow:hidden;position:relative;transition:all .3s ease}.audit-section:hover{border-color:var(--border-focus);box-shadow:var(--shadow-md)}.audit-section:before{background:var(--gradient-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.audit-section:hover:before{opacity:1}.audit-section-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.audit-section-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.audit-score-badge{background:var(--status-info-bg);border-radius:20px;box-shadow:0 2px 4px #0000000d;color:var(--status-info-text);font-size:.9rem;font-weight:600;padding:.35rem .85rem}.audit-table-wrapper{overflow-x:auto}.audit-table{border-collapse:collapse;width:100%}.audit-table th{background:#00000005;color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.audit-table td,.audit-table th{border-bottom:1px solid var(--border-secondary);padding:1rem 1.5rem}.audit-table td{vertical-align:middle}.audit-table tr:last-child td{border-bottom:none}.audit-question-cell{color:var(--text-primary);font-size:.95rem;line-height:1.5;width:50%}.audit-score-cell{width:15%}.audit-remarks-cell{width:35%}.audit-image-cell{text-align:center;width:20%}.image-preview-container{align-items:center;display:flex;gap:.5rem;justify-content:center}.audit-thumb{border:1px solid var(--border-primary);border-radius:6px;height:50px;object-fit:cover;transition:transform .2s;width:50px}.audit-thumb:hover{box-shadow:var(--shadow-lg);position:relative;transform:scale(2.5);z-index:10}.file-input-xs{font-size:.75rem;padding:.3rem;width:100%}.btn-xs{border:none;border-radius:4px;cursor:pointer;font-size:.7rem;padding:.2rem .5rem}.btn-danger{background-color:var(--status-error);color:#fff}.audit-select-score{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:500;padding:.6rem;transition:all .2s;width:100%}.audit-select-score:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light);outline:none}.score-low{border-color:var(--status-error);color:var(--status-error)}.score-mid{border-color:var(--status-warning);color:var(--status-warning)}.score-high{border-color:var(--status-success);color:var(--status-success)}.audit-input-remarks{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);padding:.6rem .8rem;transition:all .2s;width:100%}.audit-input-remarks:focus{background:var(--bg-input-focus);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light);outline:none}.audit-notes-section{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;margin-top:2rem;padding:1.5rem}.audit-notes-section label{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:.8rem}.audit-textarea{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:inherit;min-height:100px;padding:1rem;resize:vertical;transition:all .2s;width:100%}.audit-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light);outline:none}.audit-actions-footer{border-top:1px solid var(--border-secondary);display:flex;gap:1rem;justify-content:flex-end;margin-top:2.5rem;padding-top:1.5rem}@media (max-width:768px){.audit-header-grid{gap:1rem;grid-template-columns:1fr}.audit-table td,.audit-table th{padding:.75rem}.audit-question-cell{width:40%}.audit-score-cell{width:20%}.audit-remarks-cell{width:40%}}.admin-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s ease;width:260px;z-index:100}.admin-sidebar.closed{width:70px}.admin-sidebar-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1.5rem}.admin-sidebar-logo{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem}.logo-icon{color:#3b82f6;font-size:2rem}.logo-text{opacity:1;transition:opacity .3s ease;white-space:nowrap}.admin-sidebar.closed .logo-text{opacity:0;overflow:hidden;width:0}.admin-sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background-color .3s ease}.admin-sidebar-toggle:hover{background:var(--bg-card-hover)}.admin-sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.admin-nav-item{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;gap:1rem;padding:.875rem 1.5rem;text-align:left;transition:all .3s ease;width:100%}.admin-nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.admin-nav-item.active{background:var(--bg-card);border-left:3px solid #3b82f6;color:#3b82f6}.admin-nav-icon{flex-shrink:0;font-size:1.5rem;width:24px}.admin-nav-label{opacity:1;transition:opacity .3s ease;white-space:nowrap}.admin-sidebar.closed .admin-nav-label{opacity:0;overflow:hidden;width:0}.admin-sidebar-nav::-webkit-scrollbar{width:6px}.admin-sidebar-nav::-webkit-scrollbar-track{background:#0000}.admin-sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.admin-sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.admin-dashboard-container{background:var(--bg-primary);color:var(--text-primary);display:flex}.admin-dashboard-main{display:flex;flex:1 1;flex-direction:column;margin-left:260px;transition:margin-left .3s ease}.admin-sidebar.closed~.admin-dashboard-main{margin-left:70px}.admin-dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease,border-color .3s ease;z-index:50}.admin-header-content{align-items:center;display:flex;justify-content:space-between}.admin-page-title{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.back-to-dashboard-button{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.back-to-dashboard-button:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}.admin-dashboard-content{flex:1 1;overflow-y:auto;padding:2rem}.access-denied{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.access-denied h2{color:var(--text-primary);font-size:2rem;margin-bottom:1rem}.access-denied p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}@media (max-width:768px){.admin-dashboard-main{margin-left:70px}.admin-dashboard-header{padding:1rem 1.5rem}.admin-header-content{align-items:flex-start;flex-direction:column;gap:1rem}.admin-page-title{font-size:1.5rem}.admin-dashboard-content{padding:1.5rem}}.manage-tenants-container{padding:2rem}.tenants-header{margin-bottom:2rem}.tenants-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.tenants-header p{color:var(--text-secondary);font-size:1rem}.tenants-table-container{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;overflow:hidden}.tenants-table{border-collapse:collapse;width:100%}.tenants-table thead{background:var(--bg-secondary)}.tenants-table th{border-bottom:2px solid var(--border-primary);color:var(--text-primary);font-weight:600;padding:1rem;text-align:left}.tenants-table td{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);padding:1rem}.tenants-table tbody tr:hover{background:var(--bg-card-hover)}.status-expired{background:#ef4444;color:#fff}.status-suspended{background:#f59e0b;color:#fff}.status-cancelled{background:#6b7280;color:#fff}.status-inactive{background:#9ca3af}.subscription-form{padding:1.5rem}.form-group input,.form-group select{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-primary);font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;outline:none}.plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.plan-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.plan-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.plan-card-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1.5rem}.plan-card-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.plan-code{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-secondary);font-size:.875rem;padding:.25rem .75rem}.plan-card-body{padding:1.5rem}.plan-description{color:var(--text-secondary);font-size:.95rem}.plan-description,.plan-limits{margin-bottom:1rem}.limit-item{border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:.5rem 0}.limit-item:last-child{border-bottom:none}.limit-label{color:var(--text-secondary);font-size:.9rem}.limit-value{color:var(--text-primary);font-weight:500}.plan-features-summary{background:var(--bg-secondary);border-radius:.5rem;color:var(--text-primary);margin:1rem 0;padding:.75rem}.btn-edit-features{background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem;transition:background-color .3s ease;width:100%}.btn-edit-features:hover{background:#2563eb}.modal-content{max-width:500px}.modal-large{max-width:800px}.modal-header{background:var(--bg-card);position:-webkit-sticky;position:sticky;top:0;z-index:10}.features-form{padding:1.5rem}.features-list{margin-bottom:1.5rem;max-height:60vh;overflow-y:auto}.feature-category{margin-bottom:2rem}.category-title{border-bottom:2px solid var(--border-primary);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.category-features{display:flex;flex-direction:column;gap:.75rem}.feature-checkbox{align-items:flex-start;border:1px solid var(--border-primary);border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.55rem;transition:background-color .3s ease}.feature-checkbox:hover{background:var(--bg-card-hover)}.feature-checkbox input[type=checkbox]{cursor:pointer;height:18px;margin-top:.25rem;width:18px}.feature-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.feature-name{color:var(--text-primary);font-weight:500}.feature-description{color:var(--text-secondary);font-size:.875rem}.form-actions{background:var(--bg-card);bottom:0;position:-webkit-sticky;position:sticky}.manage-features-container{padding:2rem}.features-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.features-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.features-header p{color:var(--text-secondary);font-size:1rem}.btn-add{background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .3s ease;white-space:nowrap}.btn-add:hover{background:#2563eb}.features-table-container{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;overflow:hidden}.features-table{border-collapse:collapse;width:100%}.features-table thead{background:var(--bg-secondary)}.features-table th{border-bottom:2px solid var(--border-primary);color:var(--text-primary);font-weight:600;padding:1rem;text-align:left}.features-table td{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);padding:1rem}.features-table tbody tr:hover{background:var(--bg-card-hover)}.description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border-radius:.5rem;display:inline-block}.status-active{background:#10b981;color:#fff}.status-inactive{background:#6b7280;color:#fff}.action-buttons{display:flex;gap:.5rem}.btn-edit{background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .3s ease}.btn-edit:hover{background:#2563eb}.btn-delete{background:#ef4444;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .3s ease}.btn-delete:hover{background:#dc2626}.no-data{color:var(--text-tertiary)}.error,.loading,.no-data{padding:2rem;text-align:center}.error,.loading{font-size:1.1rem}.error{color:#ef4444}.modal-content{border:1px solid var(--border-primary);border-radius:.75rem;max-width:600px}.modal-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600}.modal-close{background:#0000;border-radius:.5rem;height:32px;transition:background-color .3s ease;width:32px}.modal-close:hover{background:var(--bg-card-hover)}.feature-form{padding:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{border-radius:.5rem;font-size:1rem;padding:.55rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6}.form-group input.error,.form-group textarea.error{border-color:#ef4444}.error-message{display:block;font-size:.875rem;margin-top:.25rem}.form-group input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.btn-cancel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-cancel:hover{background:var(--bg-card-hover)}.btn-primary{background:#3b82f6;border-radius:.5rem;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.btn-primary:hover{background:#2563eb}@media (max-width:768px){.features-header{flex-direction:column;gap:1rem}.form-row{grid-template-columns:1fr}.features-table{font-size:.875rem}.features-table td,.features-table th{padding:.75rem .5rem}}.email-templates-container{padding:2rem}.page-header{align-items:center;display:flex;justify-content:space-between}.templates-table-container{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius);overflow:hidden}.templates-table{border-collapse:collapse;width:100%}.templates-table thead{background:var(--bg-secondary)}.templates-table th{font-weight:600;text-align:left}.templates-table td,.templates-table th{border-bottom:1px solid var(--border-primary);color:var(--text-primary);padding:1rem}.templates-table tbody tr:hover{background:var(--bg-hover)}.status-badge.active{background:#22c55e1a;color:#22c55e}.status-badge.inactive{background:#ef44441a;color:#ef4444}.btn-delete,.btn-edit{border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;margin-right:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-edit{background:var(--accent-primary);color:var(--text-on-accent)}.btn-edit:hover{opacity:.9}.btn-delete{background:#ef44441a;color:#ef4444}.btn-delete:hover{background:#ef444433}.template-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:.9rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-text{color:#ef4444;display:block;font-size:.875rem;margin-top:.25rem}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-group input[type=checkbox]{cursor:pointer;width:auto}.form-actions{border-top:1px solid var(--border-primary);gap:1rem;margin-top:2rem;padding-top:1.5rem}.message-queue-container{padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.filters-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius);display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.filter-group select{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--border-radius);color:var(--text-primary);font-size:.9rem;padding:.5rem}.messages-table-container{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius);overflow:hidden}.messages-table{border-collapse:collapse;width:100%}.messages-table thead{background:var(--bg-secondary)}.messages-table th{font-weight:600;text-align:left}.messages-table td,.messages-table th{border-bottom:1px solid var(--border-primary);color:var(--text-primary);padding:1rem}.messages-table tbody tr:hover{background:var(--bg-hover)}.subject-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border-radius:1rem;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.status-badge.status-sent{background:#22c55e1a;color:#22c55e}.status-badge.status-pending{background:#fbbf241a;color:#fbbf24}.status-badge.status-failed{background:#ef44441a;color:#ef4444}.status-badge.status-retrying{background:#3b82f61a;color:#3b82f6}.status-badge.status-unknown{background:#6b72801a;color:#6b7280}.btn-retry,.btn-view{border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;margin-right:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-view{background:var(--accent-primary);color:var(--text-on-accent)}.btn-view:hover{opacity:.9}.btn-retry{background:#3b82f61a;color:#3b82f6}.btn-retry:hover{background:#3b82f633}.empty-state{color:var(--text-secondary);padding:3rem;text-align:center}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700}.modal-close{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:2rem;justify-content:center;line-height:1;padding:0;width:2rem}.modal-close:hover{color:var(--text-primary)}.message-details{padding:1.5rem}.detail-row{display:flex;gap:1rem;margin-bottom:1rem}.detail-row.full-width{flex-direction:column}.detail-row label{color:var(--text-primary);font-weight:600;min-width:120px}.detail-row span{color:var(--text-secondary);flex:1 1}.error-text{color:#ef4444!important}.message-body{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--border-radius);margin-top:.5rem;max-height:400px;overflow-y:auto;padding:1rem}.modal-actions{border-top:1px solid var(--border-primary);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.btn-primary,.btn-secondary{border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:var(--accent-primary);color:var(--text-on-accent)}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-hover)}.error-message{background:#ef44441a;border-radius:var(--border-radius);color:#ef4444;margin-bottom:1rem;padding:1rem}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);height:40px;width:40px}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.flowchart-page{background-color:#f9fafb;display:flex;flex-direction:column;min-height:100vh;padding:24px}.fc-header{margin-bottom:24px}.fc-header h1{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.fc-header p{color:#6b7280;margin:4px 0 0}.fc-content{display:flex;flex-direction:column;gap:32px}.fc-form-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.form-row{display:flex;gap:24px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#475569;font-size:.85rem;font-weight:700;letter-spacing:.025em;text-transform:uppercase}.form-group .req{color:#ef4444}.form-group input{background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.95rem;padding:12px 16px;transition:all .2s ease}.form-group input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:16px;margin-top:0}.table-wrapper{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 4px #00000005;margin-bottom:24px;overflow:hidden}.steps-table{border-collapse:collapse;font-size:.9rem;width:100%}.steps-table th{background-color:#f8fafc;border-bottom:2px solid #f1f5f9;color:#64748b;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:16px;text-align:left;text-transform:uppercase}.steps-table td{border-bottom:1px solid #f1f5f9;padding:16px;vertical-align:middle}.steps-table tr:last-child td{border-bottom:none}.steps-table input[type=text],.steps-table select{background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.9rem;padding:10px 14px;transition:all .2s;width:100%}.steps-table input:focus,.steps-table select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-icon{background:#0000;border:none;border-radius:4px;color:#6b7280;padding:6px;transition:all .2s}.btn-icon.danger:hover{background-color:#fee2e2;color:#ef4444}.btn-add-step{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;margin:16px;padding:8px 16px;transition:all .2s}.btn-add-step:hover{background-color:#f9fafb;border-color:#9ca3af}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:12px}.btn-premium{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;min-height:35px;padding:6px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-premium:active{transform:scale(.97)}.btn-premium:disabled{cursor:not-allowed;opacity:.6}.btn-preview{background-color:#fff;border:1.5px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;color:#2563eb}.btn-preview:hover{background-color:#f8fafc;border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a;color:#1d4ed8}.btn-ai{animation:gradientMove 5s ease infinite;background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);background-size:200% 200%;border:1px solid #fff3;box-shadow:0 4px 15px #a855f766;color:#fff;overflow:hidden;position:relative}.btn-ai:hover{box-shadow:0 8px 25px #a855f780;transform:translateY(-2px) scale(1.02)}.btn-ai .ai-icon-wrapper{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;color:#8b5cf6;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:transform .3s ease;width:22px}.btn-ai:hover .ai-icon-wrapper{transform:rotate(15deg) scale(1.1)}.btn-ai:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:none;width:100%}.btn-ai:hover:before{left:100%;transition:left .7s ease-in-out}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.btn-primary-action{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px #2563eb4d;color:#fff}.btn-primary-action:hover{background:linear-gradient(135deg,#1d4ed8,#1744bc);box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px)}.fc-preview-section{animation:fadeIn .5s ease-out;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.flow-canvas{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;height:600px}.react-flow__attribution{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.fc-header{border-bottom:2px solid #f1f5f9;margin-bottom:32px;padding-bottom:20px}@keyframes shimmerGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulseIcon{0%{transform:scale(1) rotate(0deg)}50%{color:#fdf4ff;transform:scale(1.15) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}.btn-ai-download{align-items:center;animation:shimmerGradient 4s ease infinite;background:linear-gradient(-45deg,#8b5cf6,#d946ef,#6366f1,#8b5cf6);background-size:300% 300%;border:none;border-radius:8px;box-shadow:0 4px 15px #8b5cf666;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 18px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-ai-download:hover:not(.capturing){box-shadow:0 8px 25px #d946ef80;transform:translateY(-2px) scale(1.02)}.btn-ai-download:active:not(.capturing){transform:translateY(1px) scale(.98)}.btn-ai-download.capturing{animation:none;background:#9ca3af;box-shadow:none}.ai-icon-spin{animation:pulseIcon 2.5s ease-in-out infinite}:root[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#0f0f1a;--bg-tertiary:#151520;--bg-card:linear-gradient(135deg,#0a0a0a,#1a1a1a);--bg-card-solid:#1a1a1a;--bg-card-hover:#10b98140;--bg-modal:#0f0f19f2;--bg-modal-overlay:#0009;--bg-input:#ffffff0d;--bg-input-focus:#ffffff14;--bg-sidebar:linear-gradient(180deg,#064e3b,#022c22);--bg-overlay:#0000004d;--bg-view-toggle:#0a0a0a;--card-bg:#0a0a0a;--wizard-bg:#10b981;--wizard-hover:#aad6c7;--text-primary:#fff;--text-secondary:#ffffffd9;--text-tertiary:#9ca3af;--text-disabled:#ffffff73;--text-active:#60a5fa;--text-black:#000;--text-white:#fff;--text-muted:#6b7280;--border-primary:#2a2a2a;--border-secondary:#ffffff0f;--border-focus:#10b981;--border-color:#252525;--border-light:#ffffff1a;--icon-green:#34d399;--icon-green-bg:#10b98133;--icon-primary:var(--accent-primary);--accent-primary:#10b981;--accent-secondary:#764ba2;--accent-hover:#34d399;--accent-light:#10b98126;--status-success:#5dd98a;--status-success-bg:#10b98133;--status-success-text:#34d399;--status-error:#f5576c;--status-error-bg:#ef444426;--status-error-text:#fca5a5;--status-warning:#fcc850;--status-warning-bg:#d9770626;--status-warning-text:#fbbf24;--status-info:#6eb5ff;--status-info-bg:#2563eb26;--status-info-text:#60a5fa;--gradient-primary:linear-gradient(135deg,#10b981,#059669);--gradient-secondary:linear-gradient(135deg,#667eea,#764ba2);--gradient-text:linear-gradient(135deg,#fff,#e0e0e0);--gradient-accent:linear-gradient(90deg,#10b981,#34d399);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-accent:0 4px 20px #10b9814d;--shadow-accent-hover:0 6px 24px #10b98166}:root[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f7f8fa;--bg-tertiary:#eff2f7;--bg-card:#fff;--bg-card-solid:#fff;--bg-card-hover:#f7f8fa;--bg-modal:#fffffffa;--bg-modal-overlay:#0009;--bg-input:#f7f8fa;--bg-input-focus:#fff;--bg-sidebar:linear-gradient(180deg,#e6f7f0,#d1f2e5);--bg-overlay:#0000001a;--bg-view-toggle:#f7f8fa;--primary-hover:#096eba;--card-bg:#fff;--wizard-bg:#96cbb9;--wizard-hover:#aad6c7;--text-primary:#1a1a1a;--text-secondary:#1a1a1ad9;--text-tertiary:#1a1a1aa6;--text-disabled:#1a1a1a73;--text-active:#2563eb;--text-black:#000;--text-white:#fff;--text-muted:#6c757d;--border-primary:#0000001f;--border-secondary:#0000000f;--border-focus:#667eea99;--border-color:#0000001a;--border-light:#00000014;--icon-green:#059669;--icon-green-bg:#05966926;--icon-primary:var(--accent-primary);--accent-primary:#667eea;--accent-secondary:#764ba2;--accent-hover:#5568d3;--accent-light:#667eea1a;--status-success:#059669;--status-success-bg:#05966926;--status-success-text:#059669;--status-error:#dc2626;--status-error-bg:#dc262626;--status-error-text:#dc2626;--status-warning:#d97706;--status-warning-bg:#d9770626;--status-warning-text:#d97706;--status-info:#2563eb;--status-info-bg:#2563eb26;--status-info-text:#2563eb;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#667eea,#764ba2);--gradient-text:linear-gradient(135deg,#1a1a1a,#4a4a4a);--gradient-accent:linear-gradient(90deg,#667eea,#764ba2);--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000029;--shadow-accent:0 4px 20px #667eea40;--shadow-accent-hover:0 6px 24px #667eea59}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{background-color:var(--bg-primary);color:var(--text-primary)}.App{min-height:100vh;width:100%}.btn-primary{align-items:center;background:var(--gradient-primary);border:none;border-radius:8px;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;min-height:35px;min-width:44px;padding:.35rem 1rem;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{align-items:center;background:var(--bg-card);border:1.5px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;min-height:35px;min-width:44px;padding:.35rem 1rem;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.btn-danger{align-items:center;background:#dc26261a;border:1.5px solid #dc26264d;border-radius:8px;color:var(--status-error);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;min-width:44px;padding:.65rem 1.25rem;transition:all .3s ease}.btn-danger:hover:not(:disabled){background:#dc262633;border-color:var(--status-error)}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.btn-success{align-items:center;background:#0596691a;border:1.5px solid #0596694d;border-radius:8px;color:var(--status-success);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;min-width:44px;padding:.65rem 1.25rem;transition:all .3s ease}.btn-success:hover:not(:disabled){background:#05966933;border-color:var(--status-success)}.btn-success:disabled{cursor:not-allowed;opacity:.6}.btn-icon{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:1.1rem;height:44px;justify-content:center;padding:0;transition:all .3s ease;width:44px}.btn-icon:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-focus)}.form-group{margin-bottom:0}.wd50size{width:50px}.form-label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-label.required:after{color:var(--status-error);content:" *"}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1.5px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;min-height:44px;padding:.75rem;transition:all .3s ease;width:100%}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-input-focus);border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--bg-tertiary);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.form-textarea{min-height:120px;resize:vertical}.form-error{color:var(--status-error)}.form-error,.form-help{font-size:.85rem;margin-top:.4rem}.form-help{color:var(--text-tertiary)}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;transition:all .3s ease}.card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-md)}.card-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.card-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.card-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}.table-responsive{border-radius:12px;overflow-x:auto}.table{border-collapse:collapse;font-size:.95rem;width:100%}.table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-primary)}.table th{color:var(--text-primary);font-weight:700;padding:1rem;text-align:left}.table td{border-bottom:1px solid var(--border-secondary);color:var(--text-secondary);padding:1rem}.table tbody tr{transition:background-color .2s ease}.table tbody tr:hover{background-color:#667eea0d}.badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.4rem .75rem}.badge-success{background:#05966926;color:var(--status-success)}.badge-error{background:#dc262626;color:var(--status-error)}.badge-warning{background:#d9770626;color:var(--status-warning)}.badge-info{background:#2563eb26;color:var(--status-info)}.alert{border-left:4px solid;border-radius:8px;margin-bottom:1rem;padding:1rem}.alert-success{background:#0596691a;border-color:var(--status-success);color:var(--status-success)}.alert-error{background:#dc26261a;border-color:var(--status-error);color:var(--status-error)}.alert-warning{background:#d977061a;border-color:var(--status-warning);color:var(--status-warning)}.alert-info{background:#2563eb1a;border-color:var(--status-info);color:var(--status-info)}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.btn-danger,.btn-primary,.btn-secondary,.btn-success{font-size:.9rem;padding:.6rem 1rem}.card{padding:1rem}.card-title{font-size:1.1rem}.table{font-size:.9rem}.table td,.table th{padding:.75rem}}@media (max-width:480px){.btn-danger,.btn-primary,.btn-secondary,.btn-success{padding:.65rem 1rem;width:100%}.form-input,.form-select,.form-textarea{font-size:16px}.card{border-radius:8px}}
/*# sourceMappingURL=main.e7c8320f.css.map*/