@charset "UTF-8";@font-face{font-family:Futura Bold;src:url(/assets/futura_bold-webfont-BaOGkSCx.woff2) format("woff2");font-weight:400;font-style:normal}.navbar{background-color:#f63040;height:100px;display:flex;top:0;width:100%;align-items:center;color:#fff;position:fixed;box-shadow:0 2px 8px #0000001a;z-index:100}.navbar-logo{max-width:300px;margin-right:2em}.navbar-menu{display:flex;align-items:center;flex:1;list-style:none;margin:0;padding:0}.navbar-item{position:relative;margin:0 24px 0 0;padding:0;height:70px;display:flex;align-items:center;cursor:pointer;font-size:1rem;font-weight:400;background:none;border:none;color:#fff;transition:color .2s,opacity .3s,transform .3s;opacity:.85;transform:translateY(0)}.navbar-item a,.navbar-item span.dropdown-toggle{color:inherit;padding:0 8px;height:100%;display:flex;align-items:center;text-decoration:none;transition:color .2s,font-weight .2s,text-decoration .2s}.navbar-item a:hover,.navbar-item a:active,.navbar-item a:focus{color:inherit!important;text-decoration:none!important}.navbar-item:hover,.navbar-item.active{color:#222;background:none;font-weight:700;opacity:1;transform:translateY(-6px)}.navbar-item.active a,.navbar-item.active span.dropdown-toggle{color:#222;font-weight:700}@keyframes navbar-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar-user-menu{margin-left:auto;position:relative}.navbar-user-menu .user-avatar-name{display:flex;align-items:center;cursor:pointer;outline:none}.navbar-user-menu .user-avatar-name .user-avatar{width:40px;height:40px;border-radius:50%;margin-right:10px;background:#fff;object-fit:cover;border:2px solid #eee}.navbar-user-menu .user-avatar-name .user-name{font-weight:700;color:#fff;font-size:1.1rem}.navbar-user-menu .user-dropdown-menu{right:0;left:auto;min-width:180px;top:100%}.navbar-menu>.navbar-item:last-child{margin-left:0;padding-right:0}.dropdown-menu{position:absolute;top:100%;left:0;background:#555;min-width:220px;list-style:none;padding:0;margin:0;border-radius:0;box-shadow:none;z-index:1000;border:none}.dropdown-item{padding:14px 18px;color:#fff!important;font-weight:400;background:none;border:none;border-bottom:1px solid #888;transition:background .2s,color .2s,font-weight .2s,transform .2s;text-align:left;transform:translateY(0)}.dropdown-item a,.dropdown-item span{color:#fff!important;text-decoration:none;display:block;font-weight:400}.dropdown-item:hover,.dropdown-item.active{background:#444;color:#fff!important;font-weight:700;transform:translateY(-4px)}.dropdown-item:hover a,.dropdown-item:hover span,.dropdown-item.active a,.dropdown-item.active span{color:#fff!important;font-weight:700}.dropdown-item:last-child{border-bottom:none}.submenu{position:absolute;left:100%;top:0;background:#555;min-width:220px;list-style:none;padding:0;margin:0;border-radius:0;box-shadow:none;z-index:1100;display:block;border:none}.submenu-item{padding:14px 28px;border:none;background:none;font-weight:400;color:#fff!important;transition:background .2s,color .2s,font-weight .2s,transform .2s;transform:translateY(0)}.submenu-item a,.submenu-item span{color:#fff!important;text-decoration:none;display:block;font-size:1rem;font-weight:400}.submenu-item:hover,.submenu-item.active{background:#444;color:#fff!important;font-weight:700;transform:translateY(-4px)}.submenu-item:hover a,.submenu-item:hover span,.submenu-item.active a,.submenu-item.active span{color:#fff!important;font-weight:700}.dropdown-item.has-flyout{position:relative;font-weight:600;color:#fff!important;background:none}.dropdown-item.has-flyout:hover,.dropdown-item.has-flyout.active{background:#444;color:#fff!important}.dropdown-item.has-flyout:hover a,.dropdown-item.has-flyout:hover span,.dropdown-item.has-flyout.active a,.dropdown-item.has-flyout.active span{color:#fff!important;font-weight:700}.dropdown-item.has-flyout .dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%}.dropdown-item.has-flyout:hover>.submenu,.dropdown-item.has-flyout.active>.submenu{display:block}.navbar,.navbar-menu,.navbar-item,.navbar-item a,.navbar-item span,.navbar-user-menu,.user-avatar-name,.user-name,.dropdown-menu,.dropdown-item,.dropdown-menu a,.dropdown-menu span{font-family:Lato,Arial,sans-serif!important;font-size:1rem!important;font-weight:400!important;letter-spacing:.01em}.user-name{font-weight:700!important;color:#fff!important;font-size:1rem!important}.dropdown-item:hover,.dropdown-item.active,.dropdown-menu a:hover,.dropdown-menu a.active{font-weight:700!important}.dropdown-menu,.dropdown-item,.dropdown-menu a,.dropdown-menu span,.submenu,.submenu-item,.submenu-item a,.submenu-item span{font-size:1rem!important}@media(max-width:950px){.navbar{padding-right:0!important;padding-left:2px;position:relative}.navbar-logo{display:none!important}.mobile-logo-menu-btn{display:flex!important;position:relative;top:6px;right:0;z-index:120;background:none;border:none;outline:none;height:58px;width:180px;align-items:center;justify-content:flex-end;cursor:pointer;padding-top:10px!important}.burger-menu-btn,.navbar-menu{display:none!important}.burger-flyout-menu{position:fixed;top:0;right:0;width:70vw;max-width:260px;height:100vh;background:#57565b;box-shadow:-2px 0 16px #0000002e;z-index:1100;display:flex;flex-direction:column;align-items:stretch;animation:flyout-slide-in .32s cubic-bezier(.4,0,.2,1)}.burger-flyout-menu.closing{animation:flyout-slide-out .32s cubic-bezier(.4,0,.2,1) forwards}.burger-flyout-menu .navbar-menu.mobile{display:flex!important;flex-direction:column;align-items:stretch;padding:32px 0 0;margin:0;width:100%;background:none;box-shadow:none}.burger-flyout-menu .navbar-menu.mobile li.navbar-item{margin:0;padding:0 32px;height:56px;font-size:1.15rem;border-bottom:1px solid #444;display:flex;align-items:center;background:none;color:#fff}.burger-flyout-menu .navbar-menu.mobile li.navbar-item:last-child{border-bottom:none}.burger-flyout-menu .navbar-menu.mobile li.navbar-item .dropdown-toggle{width:100%;display:flex;align-items:center;justify-content:space-between}.burger-flyout-menu .navbar-menu.mobile .dropdown-menu{position:static!important;background:none;box-shadow:none;min-width:0;padding:0;margin:0;border:none}.burger-flyout-menu .navbar-menu.mobile .dropdown-menu li.dropdown-item{padding:12px 48px;background:none;color:#fff;border:none;font-size:1rem}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu{margin-left:0!important}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu .user-avatar-name{padding:0 32px}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu .user-dropdown-menu{position:static!important;background:none;box-shadow:none;min-width:0;padding:0;margin:0}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu.mobile{width:100%;margin-left:0!important;padding:0;border-top:1px solid #444}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu.mobile .user-avatar-name{padding:16px 32px;width:100%}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu.mobile .user-dropdown-menu.mobile{position:static!important;background:none;box-shadow:none;min-width:0;padding:0;margin:0;width:100%}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu.mobile .user-dropdown-menu.mobile li.dropdown-item{width:100%;padding:16px 32px;border-bottom:1px solid #444;font-size:1.1rem;background:none;color:#fff}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu.mobile .user-dropdown-menu.mobile li.dropdown-item:last-child{border-bottom:none}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu.mobile .user-dropdown-menu.mobile .settings-submenu{padding:0}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu.mobile .user-dropdown-menu.mobile .settings-submenu .dropdown-toggle{width:100%;padding:16px 32px;display:flex;align-items:center;justify-content:space-between}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu.mobile .user-dropdown-menu.mobile .settings-submenu .settings-dropdown-menu.mobile{position:static;background:none;box-shadow:none;min-width:0;padding:0;margin:0;width:100%}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu.mobile .user-dropdown-menu.mobile .settings-submenu .settings-dropdown-menu.mobile li.dropdown-item{padding:16px 48px;width:100%;border-bottom:1px solid #444;font-size:1.05rem;background:none;color:#fff}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu.mobile .user-dropdown-menu.mobile .settings-submenu .settings-dropdown-menu.mobile li.dropdown-item:last-child{border-bottom:none}}@keyframes flyout-slide-in{0%{transform:translate(100%);opacity:.2}to{transform:translate(0);opacity:1}}@keyframes flyout-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:.2}}@keyframes flyout-slide-in-left{0%{transform:translate(100%);opacity:.2}to{transform:translate(0);opacity:1}}@keyframes flyout-slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:.2}}.burger-menu-btn{display:none}.mobile-flyout-submenu{position:absolute;top:0;right:100%;width:100vw;max-width:250px;height:100vh;background:#444;z-index:1200;display:flex;flex-direction:column;animation:flyout-slide-in-left .32s cubic-bezier(.4,0,.2,1);box-shadow:-2px 0 16px #0000002e}.mobile-flyout-submenu.settings-flyout{right:100%!important;left:auto!important;top:0!important;max-width:280px;width:100vw;height:100vh;background:#444;z-index:1200;display:flex;flex-direction:column;animation:flyout-slide-in-left .32s cubic-bezier(.4,0,.2,1);box-shadow:-2px 0 16px #0000002e}.mobile-flyout-submenu.closing{animation:flyout-slide-out-left .32s cubic-bezier(.4,0,.2,1) forwards}.mobile-flyout-submenu .flyout-back-btn{background:none;border:none;color:#fff;font-size:1.1rem;font-weight:600;padding:24px 32px 12px;text-align:left;cursor:pointer;outline:none;transition:color .2s}.mobile-flyout-submenu .flyout-back-btn:hover{color:#f63040}.mobile-flyout-submenu ul{list-style:none;margin:0;padding:0;width:100%}.mobile-flyout-submenu ul li.dropdown-item{padding:18px 48px;color:#fff;font-size:1.08rem;border-bottom:1px solid #555;background:none}.mobile-flyout-submenu ul li.dropdown-item a{color:#fff;text-decoration:none;display:block;width:100%}.mobile-flyout-submenu ul li.dropdown-item:hover,.mobile-flyout-submenu ul li.dropdown-item.active{background:#333;color:#f63040}.mobile-flyout-submenu ul li.dropdown-item:hover a,.mobile-flyout-submenu ul li.dropdown-item.active a{color:#f63040}.mobile-flyout-submenu ul li.dropdown-item:last-child{border-bottom:none}.burger-flyout-menu{z-index:1100}@font-face{font-family:Futura Bold;src:url(/assets/futura_bold-webfont-BaOGkSCx.woff2) format("woff2");font-weight:400;font-style:normal}.sentry-feedback-button{position:fixed;bottom:24px;right:24px;z-index:1500;background-color:#f63040;color:#fff;border:none;border-radius:6px;padding:12px 20px;font-size:16px;font-weight:600;font-family:Lato,Arial,sans-serif;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease-in-out;display:flex;align-items:center;gap:8px}.sentry-feedback-button:hover{background-color:#e90a1c;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.sentry-feedback-button:active{background-color:#d00919;transform:translateY(0)}@media(min-width:600px){.sentry-feedback-button.over-footer{right:350px}}@media(max-width:600px){.sentry-feedback-button.over-footer{bottom:140px}}@media(max-width:600px){.sentry-feedback-button{bottom:24px;right:16px;padding:10px 16px;font-size:14px}}.sentry-feedback-modal-overlay{position:fixed;inset:0;background-color:#0009;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-in-out}.sentry-feedback-modal{background:#fff;border-radius:6px;box-shadow:0 8px 32px #0003;max-width:520px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-in-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.sentry-feedback-modal-header{background-color:#f63040;color:#fff;padding:20px 24px;border-radius:6px 6px 0 0;display:flex;align-items:center;justify-content:space-between}.sentry-feedback-modal-header h2{margin:0;font-size:20px;font-weight:700;color:#fff}.sentry-feedback-modal-close{background:transparent;border:none;color:#fff;font-size:32px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease-in-out}.sentry-feedback-modal-close:hover{opacity:.8}.sentry-feedback-form{padding:24px}.sentry-feedback-subtitle{margin:0 0 20px;font-size:14px;color:#57565b;line-height:1.5}.sentry-feedback-form-group{margin-bottom:20px}.sentry-feedback-form-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.sentry-feedback-form-group textarea{width:100%;padding:12px;border:1px solid #57565B;border-radius:6px;font-size:14px;font-family:Lato,Arial,sans-serif;color:#333;background-color:#fff;resize:vertical;box-sizing:border-box;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.sentry-feedback-form-group textarea:focus{border-color:#f63040;box-shadow:0 0 8px #f6304080;outline:none}.sentry-feedback-form-group textarea:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.sentry-feedback-success{background-color:#d4edda;color:#155724;padding:12px;border-radius:6px;margin-bottom:16px;font-size:14px;font-weight:600;text-align:center}.sentry-feedback-error{background-color:#f8d7da;color:#721c24;padding:12px;border-radius:6px;margin-bottom:16px;font-size:14px;font-weight:600;text-align:center}.sentry-feedback-form-actions{display:flex;gap:12px;justify-content:flex-end}.sentry-feedback-button-primary{background-color:#f63040;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:600;font-family:Lato,Arial,sans-serif;cursor:pointer;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.sentry-feedback-button-primary:hover:not(:disabled){background-color:#e90a1c;transform:translateY(-2px)}.sentry-feedback-button-primary:active:not(:disabled){background-color:#d00919;transform:translateY(0)}.sentry-feedback-button-primary:disabled{opacity:.6;cursor:not-allowed}.sentry-feedback-button-secondary{background-color:#57565b;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:600;font-family:Lato,Arial,sans-serif;cursor:pointer;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.sentry-feedback-button-secondary:hover:not(:disabled){background-color:#706f75;transform:translateY(-2px)}.sentry-feedback-button-secondary:active:not(:disabled){background-color:#646268;transform:translateY(0)}.sentry-feedback-button-secondary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.sentry-feedback-modal{width:95%}.sentry-feedback-modal-header{padding:16px 20px}.sentry-feedback-modal-header h2{font-size:18px}.sentry-feedback-form{padding:20px}.sentry-feedback-form-actions{flex-direction:column}.sentry-feedback-form-actions button{width:100%}}@media print{.sentry-feedback-button,.sentry-feedback-modal-overlay{display:none!important}}.staging-watermark{position:fixed;inset:0;z-index:9998;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;overflow:hidden}.staging-watermark-text{font-size:10rem;font-weight:900;font-family:Arial Black,Arial Bold,sans-serif;letter-spacing:.5rem;text-align:center;color:#ff450014;text-transform:uppercase;white-space:nowrap;transform:rotate(-45deg);text-shadow:0 0 10px rgba(255,69,0,.1),0 0 20px rgba(255,69,0,.05);transition:opacity .3s ease}@media(max-width:1200px){.staging-watermark-text{font-size:8rem;letter-spacing:.4rem}}@media(max-width:768px){.staging-watermark-text{font-size:5rem;letter-spacing:.3rem}}@media(max-width:480px){.staging-watermark-text{font-size:3rem;letter-spacing:.2rem}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--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 rgba(0, 0, 0, .1);--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(to right, #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: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{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{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.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{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-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,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@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--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-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--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-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%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.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{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-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--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Futura Bold;src:url(/assets/futura_bold-webfont-BaOGkSCx.woff2) format("woff2");font-weight:400;font-style:normal}#login-main-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f9f9f9}#login-container{background-color:#fff;border:1px solid rgb(137.5423728814,136.2372881356,142.7627118644);box-shadow:0 4px 15px #0000001a;border-radius:6px;padding:30px;width:400px;display:flex;flex-direction:column;align-items:center;text-align:center}#login-image img{max-width:300px;margin-bottom:20px}.login-input-container{position:relative;width:100%;margin-bottom:20px}.login-label{position:absolute;top:10px;left:15px;font-size:14px;color:#8a888f;pointer-events:none;transition:all .3s ease-in-out}input:focus+.login-label,input:not(:placeholder-shown)+.login-label{top:-17px;left:10px;font-size:12px}input[type=text]:focus+.login-label,input[type=email]:focus+.login-label,input[type=password]:focus+.login-label{top:-17px;left:10px;font-size:12px;color:#f63040}#login-actions{display:none}.login-actions-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px;gap:1.5rem}.remember-me{display:flex;align-items:center;gap:.5rem;font-size:15px;color:#57565b;min-height:44px;white-space:nowrap}.remember-me input[type=checkbox]{width:18px;height:18px;accent-color:#F63040;margin:0}#login-button{min-width:110px;max-width:150px;width:auto;height:44px;margin-top:0;font-size:16px;font-weight:600;border-radius:6px;background-color:#f63040;color:#fff;border:none;transition:background .2s;cursor:pointer;display:flex;align-items:center;justify-content:center}#login-button:disabled{background-color:#e90a1c;cursor:not-allowed}#login-container a{margin-top:18px;color:#f63040;font-weight:500;text-decoration:none;display:inline-block;transition:color .2s}#login-container a:hover{color:#e90a1c;text-decoration:underline}@font-face{font-family:Futura Bold;src:url(/assets/futura_bold-webfont-BaOGkSCx.woff2) format("woff2");font-weight:400;font-style:normal}.create-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f7f8fa}.create-password-card{background:#fff;padding:2.5rem 2rem 2rem;border-radius:12px;box-shadow:0 4px 24px #00000014,0 1.5px 4px #0000000a;max-width:400px;width:100%;display:flex;flex-direction:column;gap:1.5rem}.create-password-card h2{margin-bottom:.5rem;font-size:1.5rem;font-weight:700;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#333}.form-group input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;background:#f9fafb;transition:border .2s}.form-group input:focus{border:1.5px solid #007bff;outline:none;background:#fff}.error-message{color:#b91c1c;background:#fee2e2;border-radius:6px;padding:.5rem .75rem;margin-bottom:.5rem;text-align:center;font-size:.98rem}.success-message{color:#166534;background:#dcfce7;border-radius:6px;padding:.5rem .75rem;margin-bottom:.5rem;text-align:center;font-size:1rem}.submit-btn{width:100%;padding:.7rem 0;border:none;border-radius:6px;font-size:1.08rem;font-weight:600;cursor:pointer;margin-top:.5rem;transition:background .2s}.submit-btn:disabled{background:#a5b4fc;cursor:not-allowed}@media(max-width:950px){.not-found-content{margin-top:24vh!important;margin-left:0!important;width:90vw!important;max-width:98vw!important;padding:0 8vw!important}.not-found-animation{width:100vw!important;justify-content:center!important;align-items:center!important;padding:0!important;margin:0!important}.honeycomb-animation{left:57%!important;top:-3vh!important;transform:translate(-50%)!important;width:320px!important;min-width:320px!important;height:220px!important;min-height:220px!important;position:absolute!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:1!important;pointer-events:none!important;overflow:visible!important;margin:0 auto!important}.not-found-content{margin-top:240px!important;margin-left:0!important;width:90vw!important;max-width:98vw!important;padding:0 8vw!important;position:relative!important;z-index:2!important}}@font-face{font-family:Futura Bold;src:url(/assets/futura_bold-webfont-BaOGkSCx.woff2) format("woff2");font-weight:400;font-style:normal}.create-user{max-width:100%;margin:0 auto;padding:0;background:#fff;border-radius:16px;overflow:hidden}.create-user-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 32px 20px;border-bottom:3px solid #F63040;background:linear-gradient(135deg,#fafafa,#fff)}.create-user-header .header-content h2{margin:0;font-size:1.5rem;color:#2d3748;font-weight:700;display:flex;align-items:center;gap:10px}.create-user-header .header-content h2 .header-icon{color:#f63040;font-size:1.3rem}.create-user-header .close-button{background:#f7fafc;border:1px solid #e2e8f0;font-size:1rem;color:#718096;cursor:pointer;padding:8px 10px;border-radius:8px;transition:all .2s ease}.create-user-header .close-button:hover{color:#f63040;background:#fff;border-color:#f63040}.create-user-title{display:none}.create-user-content{padding:28px 32px}.create-user-fields{display:flex;flex-direction:column;gap:0}.form-section{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #e2e8f0}.form-section:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.form-section .section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:.85rem;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.8px}.form-section .section-header .section-icon{color:#f63040;font-size:1rem}#create-user-fullname{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}#create-user-fullname .create-user-names{margin-bottom:0}.create-user-names,.create-user-phone,.create-user-email,.create-user-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.create-user-names:last-child,.create-user-phone:last-child,.create-user-email:last-child,.create-user-field:last-child{margin-bottom:0}.create-user-names label,.create-user-phone label,.create-user-email label,.create-user-field label{font-size:.85rem;font-weight:600;color:#4a5568}.create-user-names label .required,.create-user-phone label .required,.create-user-email label .required,.create-user-field label .required{color:#f63040;font-weight:700}.create-user-names input[type=text],.create-user-names input[type=email],.create-user-names select,.create-user-phone input[type=text],.create-user-phone input[type=email],.create-user-phone select,.create-user-email input[type=text],.create-user-email input[type=email],.create-user-email select,.create-user-field input[type=text],.create-user-field input[type=email],.create-user-field select{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .2s ease;background:#fff}.create-user-names input[type=text]:focus,.create-user-names input[type=email]:focus,.create-user-names select:focus,.create-user-phone input[type=text]:focus,.create-user-phone input[type=email]:focus,.create-user-phone select:focus,.create-user-email input[type=text]:focus,.create-user-email input[type=email]:focus,.create-user-email select:focus,.create-user-field input[type=text]:focus,.create-user-field input[type=email]:focus,.create-user-field select:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.create-user-names input[type=text]:disabled,.create-user-names input[type=email]:disabled,.create-user-names select:disabled,.create-user-phone input[type=text]:disabled,.create-user-phone input[type=email]:disabled,.create-user-phone select:disabled,.create-user-email input[type=text]:disabled,.create-user-email input[type=email]:disabled,.create-user-email select:disabled,.create-user-field input[type=text]:disabled,.create-user-field input[type=email]:disabled,.create-user-field select:disabled{background:#f7fafc;cursor:not-allowed}.create-user-names input[type=text]::placeholder,.create-user-names input[type=email]::placeholder,.create-user-names select::placeholder,.create-user-phone input[type=text]::placeholder,.create-user-phone input[type=email]::placeholder,.create-user-phone select::placeholder,.create-user-email input[type=text]::placeholder,.create-user-email input[type=email]::placeholder,.create-user-email select::placeholder,.create-user-field input[type=text]::placeholder,.create-user-field input[type=email]::placeholder,.create-user-field select::placeholder{color:#a0aec0}.create-user-names select,.create-user-phone select,.create-user-email select,.create-user-field select{cursor:pointer;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right .75rem center/1.2em 1.2em no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.5rem;color:#2d3748}.create-user-names select option,.create-user-phone select option,.create-user-email select option,.create-user-field select option{color:#2d3748;background-color:#fff;padding:8px}.checkbox-card-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.checkbox-card-row:last-child{margin-bottom:0}.checkbox-card-row.single-checkbox-card{grid-template-columns:1fr 1fr}.checkbox-card-row.single-checkbox-card .checkbox-card{grid-column:span 1}.checkbox-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s ease}.checkbox-card:hover{border-color:#cbd5e1;background:#fff}.checkbox-card.checked{border-color:#f63040;background:#fff;box-shadow:0 0 0 3px #f630401a}.checkbox-card.active-card.checked{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.checkbox-card input[type=checkbox]{width:22px;height:22px;accent-color:#F63040;cursor:pointer;flex-shrink:0}.checkbox-card .checkbox-content{display:flex;flex-direction:column;gap:3px}.checkbox-card .checkbox-content .checkbox-title{font-weight:600;color:#2d3748;font-size:.95rem}.checkbox-card .checkbox-content .checkbox-desc{font-size:.8rem;color:#718096}.checkbox-field label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.checkbox-field label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#F63040}.checkbox-field .help-text{font-size:.75rem;color:#718096;margin-top:.25rem;margin-left:1.625rem}.create-user-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid #e2e8f0}.create-user-buttons button{padding:12px 28px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.create-user-buttons button:disabled{opacity:.6;cursor:not-allowed}.create-user-buttons .button-primary,.create-user-buttons button:not(.button-secondary){background:#f63040;color:#fff;border:none}.create-user-buttons .button-primary:hover:not(:disabled),.create-user-buttons button:not(.button-secondary):hover:not(:disabled){background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.create-user-buttons .button-secondary{background:#fff;color:#4a5568;border:1px solid #e2e8f0}.create-user-buttons .button-secondary:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}@media(max-width:600px){.create-user{border-radius:0}.create-user-header,.create-user-content{padding:20px}#create-user-fullname,.checkbox-card-row{grid-template-columns:1fr}.checkbox-card-row .checkbox-card{min-width:auto}.create-user-buttons{flex-direction:column-reverse}.create-user-buttons button{width:100%}}@font-face{font-family:Futura Bold;src:url(/assets/futura_bold-webfont-BaOGkSCx.woff2) format("woff2");font-weight:400;font-style:normal}.main-content:has(>.permissions-management){margin:0!important;max-width:98%!important;width:98%!important;padding:0!important}.permissions-management h1{margin-bottom:20px;margin-left:10px}.permissions-management .tabs{display:flex;flex-direction:column;align-items:flex-start;border-bottom:none;margin-bottom:0;width:12%;padding-right:20px;padding-left:5px;font-weight:700}.permissions-management .tabs .tab{padding:12px 8px;cursor:pointer;border-bottom:none;border-right:4px solid transparent;width:100%;text-align:left}.permissions-management .tabs .tab.active{font-weight:700;background:#f63040;color:#fff;border-radius:5px}.permissions-management .tabs .tab:hover:not(.active){background-color:#f0f0f0}.permissions-management .settings-sidebar{display:flex;flex-direction:column;width:260px;min-width:260px;padding-right:20px;padding-left:5px;border-right:1px solid #e0e0e0;flex-shrink:0}.permissions-management .settings-search{position:relative;margin-bottom:20px}.permissions-management .settings-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666}.permissions-management .settings-search .search-input{width:100%;padding:10px 10px 10px 38px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.permissions-management .settings-search .search-input:focus{outline:none;border-color:#f63040}.permissions-management .settings-search .search-input::placeholder{color:#999}.permissions-management .settings-categories{display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:calc(100vh - 250px)}.permissions-management .settings-category .category-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;border-radius:6px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.permissions-management .settings-category .category-header:hover{background-color:#f5f5f5}.permissions-management .settings-category .category-header .category-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;color:#333}.permissions-management .settings-category .category-header .category-title .category-icon{font-size:18px}.permissions-management .settings-category .category-items{display:flex;flex-direction:column;gap:2px;margin-top:4px;margin-left:28px;padding-left:10px;border-left:2px solid #e0e0e0}.permissions-management .settings-category .category-items .setting-item{padding:8px 12px;cursor:pointer;border-radius:4px;font-size:13px;color:#555;transition:all .2s}.permissions-management .settings-category .category-items .setting-item:hover:not(.active){background-color:#f0f0f0;color:#333}.permissions-management .settings-category .category-items .setting-item.active{background:#f63040;color:#fff;font-weight:600}.permissions-management .settings-content{flex:1;padding-left:32px;min-width:0;overflow-x:hidden;max-width:100%;box-sizing:border-box}.permissions-management .settings-layout{display:flex;align-items:flex-start;width:100%;gap:0}.permissions-management .settings-header{border-bottom:2px solid #f63040;padding-top:110px}.permissions-management .horizontal-tabs{display:flex;flex-direction:row;align-items:center;border-right:none;margin-bottom:24px;width:auto;max-width:400px;padding:0}.permissions-management .horizontal-tabs .tab{border-right:none;border-bottom:4px solid #f63040;margin-right:8px;border-radius:4px 4px 0 0;font-weight:900;text-align:center}.permissions-management .users-header-row,.permissions-management .properties-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.permissions-management .users-header-row h1,.permissions-management .properties-header-row h1{margin:0;font-size:1.75rem;color:#2d3748;font-weight:700}.permissions-management .users-header-row button,.permissions-management .properties-header-row button{padding:10px 24px;font-size:.95rem;font-weight:600;background:#f63040;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.permissions-management .users-header-row button:hover,.permissions-management .properties-header-row button:hover{background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.permissions-management .csi-container h1,.permissions-management .csi-input h1,.permissions-management .ops-stats-container h1,.permissions-management .ops-incident-form h1{margin-left:0;padding-left:0}.permissions-management .roles-tab{display:flex}.permissions-management .roles-tab .sidebar{width:300px;border-right:1px solid #ccc;padding-right:15px}.permissions-management .roles-tab .sidebar .roles-list{list-style:none;padding:0;margin:0}.permissions-management .roles-tab .sidebar .roles-list .role-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.permissions-management .roles-tab .sidebar .roles-list .role-item:hover{background-color:#f5f5f5}.permissions-management .roles-tab .sidebar .roles-list .role-item.selected{background-color:#e6f0ff}.permissions-management .roles-tab .sidebar .roles-list .role-item .role-actions{display:flex;gap:5px}.permissions-management .roles-tab .sidebar .roles-list .role-item .role-actions .edit-button,.permissions-management .roles-tab .sidebar .roles-list .role-item .role-actions .delete-button{background:none;border:none;cursor:pointer;font-size:16px;color:#57565b;min-width:100px}.permissions-management .roles-tab .content{flex-grow:1;padding-left:20px}.permissions-management .roles-tab .content .header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.permissions-management .roles-tab .content .header h2{margin:0}.permissions-management .roles-tab .content .header .search-input{width:300px;padding:8px;border:1px solid #ccc;border-radius:4px}.permissions-management .roles-tab .content .permissions-table{width:100%;border-collapse:collapse}.permissions-management .permissions-actions-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 0;border-bottom:1px solid #e0e0e0}.permissions-management .permissions-actions-row .actions-left{display:flex;gap:12px;align-items:center}.permissions-management .permissions-actions-row .actions-right{display:flex;gap:8px}.permissions-management .permissions-actions-row .save-button{background:#f63040;color:#fff;padding:10px 24px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.permissions-management .permissions-actions-row .save-button:hover:not(:disabled){background:#e90a1c;transform:translateY(-1px)}.permissions-management .permissions-actions-row .save-button:disabled{opacity:.6;cursor:not-allowed}.permissions-management .permissions-actions-row .template-button{background:#57565b;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.permissions-management .permissions-actions-row .template-button:hover{background:#706f75;transform:translateY(-1px)}.permissions-management .permissions-actions-row .expand-collapse-btn{background:#fff;color:#57565b;padding:8px 16px;border:1px solid #ddd;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;min-width:auto;height:auto}.permissions-management .permissions-actions-row .expand-collapse-btn:hover{background:#f5f5f5;border-color:#57565b;transform:none}.permissions-management .permissions-legend{display:flex;gap:24px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;border:1px solid #e0e0e0}.permissions-management .permissions-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}.permissions-management .permissions-legend .legend-item .legend-icon{font-size:16px}.permissions-management .permissions-legend .legend-item .legend-icon.role-inherited{color:#3498db}.permissions-management .permissions-legend .legend-item .legend-icon.user-specific{color:#27ae60}.permissions-management .permissions-categories-container{display:flex;flex-direction:column;gap:16px}.permissions-management .permission-category{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.permissions-management .permission-category .category-header-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#57565b,#646268);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.permissions-management .permission-category .category-header-row .category-toggle{display:flex;align-items:center;gap:12px;flex:1}.permissions-management .permission-category .category-header-row .category-toggle .toggle-icon{font-size:12px;transition:transform .2s}.permissions-management .permission-category .category-header-row .category-toggle .category-name{font-weight:600;font-size:15px}.permissions-management .permission-category .category-header-row .category-toggle .category-stats{font-size:12px;opacity:.85;margin-left:8px}.permissions-management .permission-category .category-header-row .category-actions{display:flex;gap:16px;align-items:center}.permissions-management .permission-category .category-header-row .category-actions .select-all-label,.permissions-management .permission-category .category-header-row .category-actions .enquiry-all-label{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;padding:4px 8px;background:#ffffff26;border-radius:4px;transition:background .2s}.permissions-management .permission-category .category-header-row .category-actions .select-all-label:hover,.permissions-management .permission-category .category-header-row .category-actions .enquiry-all-label:hover{background:#ffffff40}.permissions-management .permission-category .category-header-row .category-actions .select-all-label input[type=checkbox],.permissions-management .permission-category .category-header-row .category-actions .enquiry-all-label input[type=checkbox]{width:14px;height:14px;accent-color:#F63040}.permissions-management .permission-category .category-items-list{padding:0}.permissions-management .permission-category .category-items-list .category-table{margin-bottom:0;border:none}.permissions-management .permission-category .category-items-list .category-table thead tr th{background:#f8f9fa;color:#333;font-weight:600;font-size:13px;padding:10px 12px;border-bottom:1px solid #e0e0e0}.permissions-management .permission-category .category-items-list .category-table thead tr th:first-child{background:#f8f9fa;color:#333}.permissions-management .permission-category .category-items-list .category-table tbody tr{transition:background .15s}.permissions-management .permission-category .category-items-list .category-table tbody tr:hover{background:#f5f5f5}.permissions-management .permission-category .category-items-list .category-table tbody tr.granted{background:#27ae600d}.permissions-management .permission-category .category-items-list .category-table tbody tr.granted:hover{background:#27ae601a}.permissions-management .permission-category .category-items-list .category-table tbody tr.role-inherited{background:#3498db14}.permissions-management .permission-category .category-items-list .category-table tbody tr.role-inherited td:first-child{border-left:3px solid #3498db}.permissions-management .permission-category .category-items-list .category-table tbody tr.user-specific{background:#27ae6014}.permissions-management .permission-category .category-items-list .category-table tbody tr.user-specific td:first-child{border-left:3px solid #27ae60}.permissions-management .permission-category .category-items-list .category-table tbody tr td{padding:10px 12px;font-size:14px;border-bottom:1px solid #f0f0f0}.permissions-management .permission-category .category-items-list .category-table tbody tr td:first-child{font-weight:500}.permissions-management .permission-category .category-items-list .category-table tbody tr:last-child td{border-bottom:none}.permissions-management .source-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600}.permissions-management .source-badge.role-badge{background:#3498db26;color:#2980b9}.permissions-management .source-badge.user-badge{background:#27ae6026;color:#1e8449}.permissions-management .role-inherited-checkbox{opacity:.7;cursor:help}.permissions-management .user-permissions-table tbody tr.role-inherited .role-inherited-checkbox{position:relative}.permissions-management .user-permissions-table tbody tr.role-inherited .role-inherited-checkbox:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid #3498db;border-radius:4px;pointer-events:none}.permissions-management .template-modal{max-width:500px}.permissions-management .template-modal .template-description{color:#666;margin-bottom:20px;font-size:14px;line-height:1.5}.permissions-management .template-modal .template-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.permissions-management .template-modal .template-list .template-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s}.permissions-management .template-modal .template-list .template-item:hover{border-color:#f63040;background:#fff;transform:translate(4px)}.permissions-management .template-modal .template-list .template-item .template-icon{font-size:28px}.permissions-management .template-modal .template-list .template-item .template-info{display:flex;flex-direction:column;gap:4px}.permissions-management .template-modal .template-list .template-item .template-info .template-name{font-weight:600;font-size:15px;color:#333}.permissions-management .template-modal .template-list .template-item .template-info .template-desc{font-size:13px;color:#666}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal-content{background-color:#fff;border-radius:16px;padding:0;box-shadow:0 20px 60px #0003;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;animation:modal-appear .3s ease-out forwards;z-index:1001}.back-to-overview-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:1rem;background:transparent;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;transition:all .2s ease}.back-to-overview-btn:hover{background:#f5f5f5;border-color:#999}@keyframes modal-appear{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-overview{max-width:100%}.settings-overview h1{font-size:2rem;color:#1a1a1a;margin-bottom:12px;font-weight:700}.settings-overview .overview-intro{font-size:1rem;color:#666;margin-bottom:32px;line-height:1.6}.settings-overview .settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.settings-overview .settings-grid .category-overview-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;min-height:180px}.settings-overview .settings-grid .category-overview-card:hover{border-color:#f63040;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.settings-overview .settings-grid .category-overview-card .category-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f5f5f5}.settings-overview .settings-grid .category-overview-card .category-card-header .category-card-icon{font-size:32px}.settings-overview .settings-grid .category-overview-card .category-card-header h3{font-size:1.1rem;font-weight:600;color:#333;margin:0}.settings-overview .settings-grid .category-overview-card .category-settings-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;flex:1}.settings-overview .settings-grid .category-overview-card .category-settings-list li .setting-link{width:100%;text-align:left;padding:10px 14px;background:#f9f9f9;border:1px solid #e8e8e8;border-radius:8px;color:#555;font-size:.9rem;cursor:pointer;transition:all .2s;display:block}.settings-overview .settings-grid .category-overview-card .category-settings-list li .setting-link:hover{background:#f63040;color:#fff;border-color:#f63040;transform:translate(4px)}.settings-overview .settings-grid .category-overview-card .category-settings-list li .setting-link:active{transform:translate(2px)}@media(max-width:768px){.settings-overview .settings-grid{grid-template-columns:1fr}}@media(min-width:1400px){.settings-overview .settings-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1800px){.settings-overview .settings-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:1024px){.permissions-management .settings-sidebar{width:220px;min-width:220px}.permissions-management .settings-content{padding-left:20px}}@media(max-width:768px){.permissions-management .settings-layout{flex-direction:column}.permissions-management .settings-sidebar{width:100%;min-width:100%;border-right:none;border-bottom:1px solid #e0e0e0;padding-bottom:20px;margin-bottom:20px}.permissions-management .settings-categories{max-height:none}.permissions-management .settings-content{padding-left:0}.modal-content{width:95%;max-width:100%;margin:10px}}.create-property-buttons{display:flex;justify-content:flex-end;gap:1em;margin-top:1.5em}.properties-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.properties-header-row h1{margin:0;font-size:2rem}.properties-header-row button{margin-left:16px;padding:8px 20px;font-size:1rem;background:#f63040;color:#fff;border:none;border-radius:4px;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2em 2.5em;border-radius:8px;min-width:350px;max-width:95vw;box-shadow:0 2px 16px #00000026}form{display:flex;flex-direction:column}.form-group{display:flex;flex-direction:column;margin-bottom:1.5em}.form-group label{margin-bottom:.5em;font-weight:700;font-size:1.15em}.form-group input[type=text]{padding:.5em;font-size:1em;border:1px solid #ccc;border-radius:4px}.switch{display:flex;align-items:center;gap:.5em}.switch input[type=checkbox]{opacity:0;width:0;height:0}.slider{position:relative;width:52px;height:28px;background:#57565b;border-radius:28px;transition:background .2s;cursor:pointer}.slider:before{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .2s}.switch input:checked+.slider{background:#f63040}.switch input:checked+.slider:before{transform:translate(24px)}.switch-label{min-width:60px;text-align:left;font-size:1em;line-height:22px;display:flex;align-items:start;padding-left:10px}.modal-actions{display:flex;justify-content:flex-end;gap:1em;margin-top:1.5em}.modal-actions button{padding:.5em 1.5em;font-size:1em;border-radius:4px;border:none;cursor:pointer;background:#f63040;color:#fff}.modal-actions button[type=button]{background:#57565b;color:#fff}.switch{display:flex;align-items:center;gap:0;position:relative}.switch input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.slider{margin-left:0;padding-left:0}.user-management-page{max-width:100%;margin:0 auto;padding:20px}.user-management-page .page-header{margin-bottom:24px}.user-management-page .page-header h1{color:#57565b;font-size:1.8rem;margin-bottom:8px;display:flex;align-items:center;gap:10px}.user-management-page .page-header h1 svg{color:#f63040}.user-management-page .page-header .page-description{color:#888;margin:0;font-size:1rem}.user-management-page .controls-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:16px}.user-management-page .controls-bar .filter-controls{display:flex;align-items:center;gap:16px}.user-management-page .controls-bar .search-box{display:flex;align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 16px;min-width:280px}.user-management-page .controls-bar .search-box svg{color:#888;margin-right:10px}.user-management-page .controls-bar .search-box input{border:none;outline:none;flex:1;font-size:.95rem}.user-management-page .controls-bar .search-box input::placeholder{color:#aaa}.user-management-page .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.user-management-page .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#F63040;cursor:pointer}.user-management-page .checkbox-label span{color:#57565b;font-size:.95rem}.user-management-page .results-count{color:#888;font-size:.9rem;margin-bottom:16px}.user-management-page .users-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.user-management-page .users-table{width:100%;border-collapse:collapse}.user-management-page .users-table th,.user-management-page .users-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #eee}.user-management-page .users-table thead{background:#57565b}.user-management-page .users-table thead th{color:#fff;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:none}.user-management-page .users-table tbody tr{transition:background .2s ease}.user-management-page .users-table tbody tr:hover{background:#f8f9fa}.user-management-page .users-table tbody tr.inactive-row{opacity:.6;background:#f9f9f9}.user-management-page .users-table tbody tr:last-child td{border-bottom:none}.user-management-page .users-table .user-name{display:flex;align-items:center;gap:8px}.user-management-page .users-table .user-name .name-text{font-weight:500;color:#57565b}.user-management-page .users-table .badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.user-management-page .users-table .badge.badge-success{background:#d4edda;color:#155724}.user-management-page .users-table .badge.badge-secondary{background:#e9ecef;color:#6c757d}.user-management-page .users-table .badge.badge-director{background:#fff3cd;color:#856404;padding:2px 6px;font-size:.65rem}.user-management-page .users-table .badge.badge-director svg{font-size:.6rem}.user-management-page .users-table .btn{padding:6px 12px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.user-management-page .users-table .btn.btn-outline-primary{background:transparent;border:1px solid #F63040;color:#f63040}.user-management-page .users-table .btn.btn-outline-primary:hover{background:#f63040;color:#fff}.user-management-page .modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-management-page .edit-user-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:0 20px 60px #0003}.user-management-page .edit-user-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 32px 20px;border-bottom:3px solid #F63040;background:linear-gradient(135deg,#fafafa,#fff)}.user-management-page .edit-user-modal .modal-header .modal-header-content{display:flex;flex-direction:column;gap:4px}.user-management-page .edit-user-modal .modal-header .modal-header-content h2{margin:0;font-size:1.5rem;color:#2d3748;font-weight:700;display:flex;align-items:center;gap:10px}.user-management-page .edit-user-modal .modal-header .modal-header-content h2 .header-icon{color:#f63040;font-size:1.3rem}.user-management-page .edit-user-modal .modal-header .modal-header-content .user-email-subtitle{font-size:.9rem;color:#718096;margin-left:34px}.user-management-page .edit-user-modal .modal-header .modal-close{background:#f7fafc;border:1px solid #e2e8f0;font-size:1rem;color:#718096;cursor:pointer;padding:8px 10px;border-radius:8px;transition:all .2s ease}.user-management-page .edit-user-modal .modal-header .modal-close:hover{color:#f63040;background:#fff;border-color:#f63040}.user-management-page .edit-user-modal .modal-body{padding:28px 32px}.user-management-page .edit-user-modal .modal-body .form-section{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #e2e8f0}.user-management-page .edit-user-modal .modal-body .form-section:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.user-management-page .edit-user-modal .modal-body .form-section .section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:.85rem;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.8px}.user-management-page .edit-user-modal .modal-body .form-section .section-header .section-icon{color:#f63040;font-size:1rem}.user-management-page .edit-user-modal .modal-body .password-section{background:#f8fafc;margin:0 -32px -28px;padding:24px 32px 28px;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;border-bottom:none}.user-management-page .edit-user-modal .modal-body .password-section .password-action-card{display:flex;align-items:center;justify-content:space-between;gap:24px}.user-management-page .edit-user-modal .modal-body .password-section .password-action-card .password-info{flex:1}.user-management-page .edit-user-modal .modal-body .password-section .password-action-card .password-info .password-description{margin:0;font-size:.9rem;color:#64748b;line-height:1.5}.user-management-page .edit-user-modal .modal-body .password-section .password-action-card .btn-password-reset{background:#fff;border:2px solid #F63040;color:#f63040;padding:12px 24px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap}.user-management-page .edit-user-modal .modal-body .password-section .password-action-card .btn-password-reset:hover:not(:disabled){background:#f63040;color:#fff}.user-management-page .edit-user-modal .modal-body .password-section .password-action-card .btn-password-reset:disabled{opacity:.6;cursor:not-allowed}.user-management-page .edit-user-modal .modal-body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.user-management-page .edit-user-modal .modal-body .form-row:last-child{margin-bottom:0}.user-management-page .edit-user-modal .modal-body .form-row.status-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.user-management-page .edit-user-modal .modal-body .form-row,.user-management-page .edit-user-modal .modal-body .form-row.status-row{grid-template-columns:1fr}}.user-management-page .edit-user-modal .modal-body .form-group{display:flex;flex-direction:column;gap:8px}.user-management-page .edit-user-modal .modal-body .form-group.full-width{grid-column:1/-1}.user-management-page .edit-user-modal .modal-body .form-group label{font-weight:600;color:#4a5568;font-size:.85rem}.user-management-page .edit-user-modal .modal-body .form-group .form-control{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .2s ease;background:#fff}.user-management-page .edit-user-modal .modal-body .form-group .form-control:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.user-management-page .edit-user-modal .modal-body .form-group .form-control:disabled{background:#f7fafc;cursor:not-allowed;color:#a0aec0}.user-management-page .edit-user-modal .modal-body .form-group .form-control::placeholder{color:#a0aec0}.user-management-page .edit-user-modal .modal-body .form-group select.form-control{cursor:pointer;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right .75rem center/1.2em 1.2em no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.5rem}.user-management-page .edit-user-modal .modal-body .form-group .help-text{font-size:.8rem;color:#718096;margin-top:4px}.user-management-page .edit-user-modal .modal-body .checkbox-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s ease}.user-management-page .edit-user-modal .modal-body .checkbox-card:hover{border-color:#cbd5e1;background:#fff}.user-management-page .edit-user-modal .modal-body .checkbox-card:has(input:checked){border-color:#f63040;background:#fff;box-shadow:0 0 0 3px #f630401a}.user-management-page .edit-user-modal .modal-body .checkbox-card input[type=checkbox]{width:22px;height:22px;accent-color:#F63040;cursor:pointer;flex-shrink:0}.user-management-page .edit-user-modal .modal-body .checkbox-card .checkbox-content{display:flex;flex-direction:column;gap:3px}.user-management-page .edit-user-modal .modal-body .checkbox-card .checkbox-content .checkbox-title{font-weight:600;color:#2d3748;font-size:.95rem}.user-management-page .edit-user-modal .modal-body .checkbox-card .checkbox-content .checkbox-desc{font-size:.8rem;color:#718096}.user-management-page .edit-user-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 32px 24px;background:#f8fafc;border-radius:0 0 16px 16px}.user-management-page .edit-user-modal .modal-footer .btn{padding:12px 28px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.user-management-page .edit-user-modal .modal-footer .btn.btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#4a5568}.user-management-page .edit-user-modal .modal-footer .btn.btn-secondary:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e1}.user-management-page .edit-user-modal .modal-footer .btn.btn-primary{background:#f63040;border:none;color:#fff}.user-management-page .edit-user-modal .modal-footer .btn.btn-primary:hover:not(:disabled){background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.user-management-page .edit-user-modal .modal-footer .btn:disabled{opacity:.6;cursor:not-allowed}.fa-spin{animation:spin 1s linear infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.user-management-page{padding:16px}.user-management-page .controls-bar{flex-direction:column;align-items:stretch}.user-management-page .controls-bar .search-box{min-width:auto;width:100%}.user-management-page .users-table th,.user-management-page .users-table td{padding:10px 12px;font-size:.85rem}.user-management-page .users-table th:nth-child(4),.user-management-page .users-table td:nth-child(4){display:none}.user-management-page .edit-user-modal{max-width:100%;margin:10px}.user-management-page .edit-user-modal .modal-header,.user-management-page .edit-user-modal .modal-body{padding:20px}.user-management-page .edit-user-modal .modal-body .password-section{margin:0 -20px -20px;padding:16px 20px 20px}.user-management-page .edit-user-modal .modal-body .password-section .password-action-card{flex-direction:column;align-items:stretch;gap:16px}.user-management-page .edit-user-modal .modal-body .form-row.status-row{grid-template-columns:1fr}.user-management-page .edit-user-modal .modal-footer{padding:16px 20px}.functions-assignment .help-text{font-size:.875rem;color:#718096;margin-bottom:1rem}.functions-assignment .assigned-functions{margin-bottom:1.5rem}.functions-assignment .assigned-functions .no-functions{color:#a0aec0;font-style:italic;font-size:.875rem;padding:1rem;background:#f7fafc;border-radius:6px;text-align:center}.functions-assignment .assigned-functions .function-tags{display:flex;flex-wrap:wrap;gap:.5rem}.functions-assignment .assigned-functions .function-tags .function-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.875rem;font-weight:500;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.functions-assignment .assigned-functions .function-tags .function-tag:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.functions-assignment .assigned-functions .function-tags .function-tag .function-name{flex:1}.functions-assignment .assigned-functions .function-tags .function-tag .remove-btn{background:none;border:none;color:#fff;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.functions-assignment .assigned-functions .function-tags .function-tag .remove-btn:hover{background-color:#fff3}.functions-assignment .assigned-functions .function-tags .function-tag .remove-btn svg{font-size:.75rem}}.department-management{padding:20px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.department-management *{box-sizing:border-box}.department-management.loading-state{display:flex;justify-content:center;align-items:center;min-height:300px}.department-management .loading-spinner{text-align:center;color:#718096}.department-management .loading-spinner i{margin-bottom:10px;display:block}.department-management .loading-spinner p{margin:0;font-size:.95rem}.department-management .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.department-management .header-left{flex:1;min-width:200px}.department-management .header-left h1{margin:0 0 8px;font-size:1.75rem;color:#2d3748;display:flex;align-items:center;gap:10px}.department-management .header-left h1 i{color:#f63040}.department-management .header-left .page-description{margin:0;color:#718096;font-size:.95rem}.department-management .header-actions .btn-primary{background:#f63040;border:none;padding:10px 20px;border-radius:8px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#fff;transition:all .2s ease;font-size:.9rem}.department-management .header-actions .btn-primary:hover{background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.department-management .filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.department-management .filter-bar .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#4a5568}.department-management .filter-bar .checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.department-management .filter-bar .department-count{color:#718096;font-size:.85rem}.department-management .departments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;width:100%}.department-management .no-departments{grid-column:1/-1;text-align:center;padding:60px 20px;background:#f7fafc;border-radius:12px;border:2px dashed #e2e8f0}.department-management .no-departments i{color:#a0aec0;margin-bottom:16px;display:block}.department-management .no-departments p{color:#718096;margin:0 0 16px}.department-management .no-departments .btn-primary{background:#f63040;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem}.department-management .no-departments .btn-primary:hover{background:#d42a38}.department-management .department-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;border-left:4px solid #3498db;transition:all .2s ease}.department-management .department-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.department-management .department-card.inactive{opacity:.6;background:#f7fafc}.department-management .department-card .department-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:#f7fafc;border-radius:10px;font-size:1.25rem}.department-management .department-card .department-info{flex:1;min-width:0}.department-management .department-card .department-info h3{margin:0 0 6px;font-size:1.1rem;color:#2d3748;font-weight:600}.department-management .department-card .department-info .department-description{margin:0 0 8px;color:#718096;font-size:.85rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.department-management .department-card .department-info .department-meta{display:flex;align-items:center;gap:10px;font-size:.8rem}.department-management .department-card .department-info .department-meta .sort-order{color:#a0aec0}.department-management .department-card .department-info .department-meta .badge{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.department-management .department-card .department-info .department-meta .badge.badge-secondary{background:#e2e8f0;color:#718096}.department-management .department-card .department-actions{display:flex;gap:8px;flex-shrink:0}.department-management .department-card .department-actions .btn{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem;border-width:1px;border-style:solid}.department-management .department-card .department-actions .btn i{font-size:.85rem}.department-management .department-card .department-actions .btn.btn-outline-primary{background:transparent;border-color:var(--primary-color, #F63040);color:var(--primary-color, #F63040)}.department-management .department-card .department-actions .btn.btn-outline-primary:hover{background:var(--primary-color, #F63040);color:#fff}.department-management .department-card .department-actions .btn.btn-outline-warning{background:transparent;border-color:#f39c12;color:#f39c12}.department-management .department-card .department-actions .btn.btn-outline-warning:hover{background:#f39c12;color:#fff}.department-management .department-card .department-actions .btn.btn-outline-success{background:transparent;border-color:#2ecc71;color:#2ecc71}.department-management .department-card .department-actions .btn.btn-outline-success:hover{background:#2ecc71;color:#fff}.department-management .modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.department-management .modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px #0003}.department-management .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.department-management .modal-header h2{margin:0;font-size:1.25rem;color:#2d3748;display:flex;align-items:center;gap:10px}.department-management .modal-header h2 i{color:#f63040}.department-management .modal-header .close-btn{background:none;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;color:#718096;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.department-management .modal-header .close-btn:hover{background:#f7fafc;color:#2d3748}.department-management .modal-body{padding:24px;overflow-y:auto}.department-management .modal-body .form-group{margin-bottom:20px}.department-management .modal-body .form-group.half{width:calc(50% - 8px)}.department-management .modal-body .form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:.9rem;color:#4a5568}.department-management .modal-body .form-group label .required{color:#f63040;margin-left:2px}.department-management .modal-body .form-group .form-control{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .2s ease}.department-management .modal-body .form-group .form-control:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.department-management .modal-body .form-group .form-control.is-invalid{border-color:#f63040}.department-management .modal-body .form-group textarea.form-control{resize:vertical;min-height:80px}.department-management .modal-body .form-group .invalid-feedback{color:#f63040;font-size:.8rem;margin-top:4px}.department-management .modal-body .form-group .help-text{color:#a0aec0;font-size:.8rem;margin-top:4px}.department-management .modal-body .form-group .icon-select{padding-right:32px}.department-management .modal-body .form-group .icon-preview{margin-top:8px;padding:12px;background:#f7fafc;border-radius:8px;text-align:center}.department-management .modal-body .form-group .icon-preview i{font-size:1.5rem}.department-management .modal-body .form-group .color-picker{display:flex;gap:8px;flex-wrap:wrap}.department-management .modal-body .form-group .color-picker .color-option{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.department-management .modal-body .form-group .color-picker .color-option:hover{transform:scale(1.1)}.department-management .modal-body .form-group .color-picker .color-option.selected{border-color:#2d3748;box-shadow:0 0 0 2px #fff,0 0 0 4px #2d3748}.department-management .modal-body .form-row{display:flex;gap:16px}.department-management .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f7fafc}.department-management .modal-footer .btn{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.department-management .modal-footer .btn:disabled{opacity:.6;cursor:not-allowed}.department-management .modal-footer .btn.btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#4a5568}.department-management .modal-footer .btn.btn-secondary:hover:not(:disabled){background:#f7fafc}.department-management .modal-footer .btn.btn-primary{background:#f63040;border:none;color:#fff}.department-management .modal-footer .btn.btn-primary:hover:not(:disabled){background:#d42a38}@media(max-width:768px){.department-management{padding:16px}.department-management .page-header{flex-direction:column;align-items:stretch}.department-management .page-header .header-actions .btn-primary{width:100%;justify-content:center}.department-management .departments-grid{grid-template-columns:1fr}.department-management .department-card{flex-direction:column;align-items:stretch}.department-management .department-card .department-icon{width:40px;height:40px}.department-management .department-card .department-actions{justify-content:flex-end;margin-top:12px}.department-management .modal-body .form-row{flex-direction:column;gap:0}.department-management .modal-body .form-row .form-group.half{width:100%}}@font-face{font-family:Futura Bold;src:url(/assets/futura_bold-webfont-BaOGkSCx.woff2) format("woff2");font-weight:400;font-style:normal}.view-properties-modern{padding:24px;max-width:100%}.view-properties-modern .properties-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.view-properties-modern .properties-header h1{margin:0;font-size:1.875rem;color:#1a202c;font-weight:700}.view-properties-modern .properties-header .header-actions{display:flex;gap:12px;align-items:center}.view-properties-modern .search-container{position:relative;margin-bottom:24px;max-width:500px}.view-properties-modern .search-container .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#718096;font-size:18px;pointer-events:none}.view-properties-modern .search-container .search-input{width:100%;padding:12px 16px 12px 48px;font-size:1rem;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s ease;background:#fff}.view-properties-modern .search-container .search-input:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.view-properties-modern .search-container .search-input::placeholder{color:#a0aec0}.view-properties-modern .properties-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;overflow:hidden}.view-properties-modern .properties-table{width:100%;border-collapse:collapse}.view-properties-modern .properties-table thead{background:linear-gradient(135deg,#f7fafc,#edf2f7)}.view-properties-modern .properties-table thead tr th{padding:16px 20px;text-align:left;font-weight:600;font-size:.875rem;color:#4a5568;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}.view-properties-modern .properties-table thead tr th:last-child{text-align:right}.view-properties-modern .properties-table tbody tr{transition:all .15s ease;border-bottom:1px solid #f7fafc}.view-properties-modern .properties-table tbody tr:hover{background:#f8fafc;transform:translate(2px)}.view-properties-modern .properties-table tbody tr:last-child{border-bottom:none}.view-properties-modern .properties-table tbody tr td{padding:16px 20px;font-size:.95rem;color:#2d3748}.view-properties-modern .properties-table tbody tr td.property-name{font-weight:600;color:#1a202c}.view-properties-modern .properties-table tbody tr td.comparative-name{color:#4a5568}.view-properties-modern .properties-table tbody tr td:last-child{text-align:right}.view-properties-modern .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;font-size:.813rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.view-properties-modern .status-badge.active{background:#48bb7826;color:#22543d}.view-properties-modern .status-badge.active .status-dot{width:8px;height:8px;border-radius:50%;background:#48bb78}.view-properties-modern .status-badge.inactive{background:#a0aec026;color:#4a5568}.view-properties-modern .status-badge.inactive .status-dot{width:8px;height:8px;border-radius:50%;background:#a0aec0}.view-properties-modern .action-button{padding:8px 16px;font-size:.875rem;font-weight:600;color:#f63040;background:#f630401a;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.view-properties-modern .action-button:hover{background:#f63040;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #f6304040}.view-properties-modern .action-button:active{transform:translateY(0)}.view-properties-modern .empty-state{padding:60px 20px;text-align:center;color:#718096}.view-properties-modern .empty-state .empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.view-properties-modern .empty-state h3{font-size:1.25rem;color:#2d3748;margin-bottom:8px}.view-properties-modern .empty-state p{font-size:1rem;color:#718096}.view-properties-modern .loading-state{padding:60px 20px;text-align:center;color:#718096}.view-properties-modern .loading-state .spinner{width:48px;height:48px;border:4px solid #f0f0f0;border-top-color:#f63040;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.modal-overlay-modern{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content-modern{background:#fff;border-radius:16px;padding:32px;box-shadow:0 20px 60px #0000004d;min-width:450px;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content-modern h2{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.modal-content-modern .form-group-modern{display:flex;flex-direction:column;margin-bottom:20px}.modal-content-modern .form-group-modern label{font-weight:600;font-size:.938rem;color:#4a5568;margin-bottom:8px}.modal-content-modern .form-group-modern label .required{color:#f63040;margin-left:4px}.modal-content-modern .form-group-modern input[type=text],.modal-content-modern .form-group-modern textarea{padding:12px 16px;font-size:1rem;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s ease;background:#fff}.modal-content-modern .form-group-modern input[type=text]:focus,.modal-content-modern .form-group-modern textarea:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.modal-content-modern .form-group-modern input[type=text]::placeholder,.modal-content-modern .form-group-modern textarea::placeholder{color:#a0aec0}.modal-content-modern .form-group-modern textarea{resize:vertical;min-height:100px}.modal-content-modern .toggle-group-modern{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f7fafc;border-radius:8px;margin-bottom:20px}.modal-content-modern .toggle-group-modern .toggle-label{display:flex;flex-direction:column;gap:4px}.modal-content-modern .toggle-group-modern .toggle-label .label-text{font-weight:600;font-size:.938rem;color:#2d3748}.modal-content-modern .toggle-group-modern .toggle-label .label-description{font-size:.813rem;color:#718096}.modal-content-modern .toggle-group-modern .toggle-switch{position:relative;width:52px;height:28px}.modal-content-modern .toggle-group-modern .toggle-switch input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.modal-content-modern .toggle-group-modern .toggle-switch input[type=checkbox]:checked+.slider-modern{background:#f63040}.modal-content-modern .toggle-group-modern .toggle-switch input[type=checkbox]:checked+.slider-modern:before{transform:translate(24px)}.modal-content-modern .toggle-group-modern .toggle-switch input[type=checkbox]:focus+.slider-modern{box-shadow:0 0 0 3px #f6304033}.modal-content-modern .toggle-group-modern .toggle-switch .slider-modern{position:absolute;cursor:pointer;inset:0;background:#cbd5e0;transition:.3s;border-radius:28px}.modal-content-modern .toggle-group-modern .toggle-switch .slider-modern:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.modal-content-modern .modal-actions-modern{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.modal-content-modern .modal-actions-modern button{padding:12px 24px;font-size:.938rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:8px}.modal-content-modern .modal-actions-modern button.btn-primary{background:#f63040;color:#fff}.modal-content-modern .modal-actions-modern button.btn-primary:hover:not(:disabled){background:#f30b1d;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.modal-content-modern .modal-actions-modern button.btn-primary:disabled{opacity:.6;cursor:not-allowed}.modal-content-modern .modal-actions-modern button.btn-secondary{background:#e2e8f0;color:#4a5568}.modal-content-modern .modal-actions-modern button.btn-secondary:hover{background:#cbd5e0}.modal-content-modern .modal-actions-modern button.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.modal-content-modern .modal-actions-modern button.btn-sm{padding:6px 12px;font-size:.813rem}.modal-content-modern .field-helper-text{color:#718096;font-size:.875rem;margin-top:4px;display:block}.property-manager-select{padding:8px 12px;font-size:.95rem;border:2px solid #e2e8f0;border-radius:6px;background-color:#fff;cursor:pointer;transition:all .2s ease;min-width:200px}.property-manager-select:hover{border-color:#cbd5e0}.property-manager-select:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.bulk-assignment-container-modern{padding:24px;max-width:100%}.bulk-assignment-container-modern .bulk-assignment-grid-modern{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.bulk-assignment-container-modern .selection-panel-modern{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.bulk-assignment-container-modern .selection-panel-modern .panel-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.bulk-assignment-container-modern .selection-panel-modern .panel-header-modern h3{margin:0;font-size:1.125rem;color:#1a202c;font-weight:700}.bulk-assignment-container-modern .selection-panel-modern .panel-header-modern .selection-count{background:#f630401a;color:#f63040;padding:4px 12px;border-radius:12px;font-size:.813rem;font-weight:600}.bulk-assignment-container-modern .selection-panel-modern .panel-actions-modern{display:flex;gap:8px;margin-bottom:12px}.bulk-assignment-container-modern .selection-panel-modern .section-modern h4{font-size:.938rem;color:#4a5568;margin-bottom:12px;font-weight:600}.bulk-assignment-container-modern .selection-panel-modern .section-modern.section-with-spacing{margin-top:20px}.bulk-assignment-container-modern .selection-panel-modern .section-modern .section-header-with-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bulk-assignment-container-modern .selection-panel-modern .section-modern .section-header-with-actions h4{margin:0}.bulk-assignment-container-modern .selection-panel-modern .section-modern .section-header-with-actions .section-actions{display:flex;gap:8px}.bulk-assignment-container-modern .assignment-options-modern{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px}.bulk-assignment-container-modern .assignment-options-modern .option-label-modern{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.bulk-assignment-container-modern .assignment-options-modern .option-label-modern input[type=checkbox]{width:20px;height:20px;cursor:pointer;margin-top:2px;accent-color:#F63040}.bulk-assignment-container-modern .assignment-options-modern .option-label-modern .option-text{font-weight:600;font-size:1rem;color:#2d3748;display:block;margin-bottom:8px}.bulk-assignment-container-modern .assignment-options-modern .option-label-modern .help-text-modern{margin:0;font-size:.875rem;color:#718096;line-height:1.5}.bulk-assignment-container-modern .bulk-assignment-summary-modern{background:linear-gradient(135deg,#fff,#f7fafc);border:2px solid #e2e8f0;border-radius:12px;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000d}.bulk-assignment-container-modern .bulk-assignment-summary-modern .summary-stats-modern{display:flex;gap:16px;align-items:center}.bulk-assignment-container-modern .bulk-assignment-summary-modern .summary-stats-modern .stat-modern{display:flex;flex-direction:column;align-items:center;gap:4px}.bulk-assignment-container-modern .bulk-assignment-summary-modern .summary-stats-modern .stat-modern .stat-value{font-size:2rem;font-weight:700;color:#f63040;line-height:1}.bulk-assignment-container-modern .bulk-assignment-summary-modern .summary-stats-modern .stat-modern .stat-label{font-size:.813rem;color:#718096;text-transform:uppercase;letter-spacing:.05em}.bulk-assignment-container-modern .bulk-assignment-summary-modern .summary-stats-modern .stat-divider{font-size:1.5rem;color:#cbd5e0;font-weight:300}.bulk-assignment-container-modern .bulk-assignment-summary-modern .btn-large-action{padding:14px 32px;font-size:1rem;font-weight:600}.property-access-container-modern{padding:24px;max-width:100%}.property-access-container-modern .tab-buttons-modern{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid #e2e8f0;padding-bottom:4px}.property-access-container-modern .tab-buttons-modern .tab-button{padding:12px 24px;font-size:1rem;font-weight:600;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s ease;color:#718096;margin-bottom:-2px}.property-access-container-modern .tab-buttons-modern .tab-button:hover{color:#2d3748;border-bottom-color:#cbd5e0}.property-access-container-modern .tab-buttons-modern .tab-button.active{color:#f63040;border-bottom-color:#f63040}.property-access-container-modern .permissions-content-grid-modern{display:grid;grid-template-columns:350px 1fr;gap:24px}.property-access-container-modern .selection-panel-modern{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.property-access-container-modern .selection-panel-modern .panel-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.property-access-container-modern .selection-panel-modern .panel-header-modern h3{margin:0;font-size:1.125rem;color:#1a202c;font-weight:700}.property-access-container-modern .selection-panel-modern .panel-header-modern .selection-badge{background:#7180961a;color:#4a5568;padding:4px 12px;border-radius:12px;font-size:.813rem;font-weight:600}.property-access-container-modern .selection-panel-modern .selection-list-modern{list-style:none;padding:0;margin:0;max-height:500px;overflow-y:auto}.property-access-container-modern .selection-panel-modern .selection-list-modern::-webkit-scrollbar{width:6px}.property-access-container-modern .selection-panel-modern .selection-list-modern::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.property-access-container-modern .selection-panel-modern .selection-list-modern::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.property-access-container-modern .selection-panel-modern .selection-list-modern::-webkit-scrollbar-thumb:hover{background:#a0aec0}.property-access-container-modern .selection-panel-modern .selection-list-modern .empty-list-item{padding:40px 20px;text-align:center;color:#a0aec0;font-style:italic}.property-access-container-modern .selection-panel-modern .selection-list-modern .selection-item{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:4px;border-radius:6px;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.property-access-container-modern .selection-panel-modern .selection-list-modern .selection-item .item-icon{font-size:18px}.property-access-container-modern .selection-panel-modern .selection-list-modern .selection-item .item-name{flex:1;font-size:.938rem;color:#2d3748}.property-access-container-modern .selection-panel-modern .selection-list-modern .selection-item .selected-indicator{color:#f63040;font-weight:700;font-size:18px}.property-access-container-modern .selection-panel-modern .selection-list-modern .selection-item:hover{background:#f7fafc;border-color:#e2e8f0}.property-access-container-modern .selection-panel-modern .selection-list-modern .selection-item.selected{background:#f630400d;border-color:#f6304033}.property-access-container-modern .selection-panel-modern .selection-list-modern .selection-item.selected .item-name{font-weight:600;color:#f63040}.property-access-container-modern .properties-panel-modern{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.property-access-container-modern .properties-panel-modern .panel-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.property-access-container-modern .properties-panel-modern .panel-header-modern h3{margin:0;font-size:1.25rem;color:#1a202c;font-weight:700}.property-access-container-modern .properties-panel-modern .help-text-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f7fafc;border-left:4px solid #3182ce;border-radius:8px;margin-bottom:20px}.property-access-container-modern .properties-panel-modern .help-text-box .help-icon{font-size:20px;flex-shrink:0}.property-access-container-modern .properties-panel-modern .help-text-box p{margin:0;font-size:.938rem;color:#4a5568;line-height:1.5}.property-access-container-modern .properties-panel-modern .save-button-container-modern{margin-top:24px;padding-top:20px;border-top:2px solid #e2e8f0;display:flex;justify-content:flex-end}.property-access-container-modern .no-selection-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center}.property-access-container-modern .no-selection-modern .no-selection-icon{font-size:64px;margin-bottom:20px;opacity:.3}.property-access-container-modern .no-selection-modern h3{font-size:1.5rem;color:#2d3748;margin-bottom:8px}.property-access-container-modern .no-selection-modern p{font-size:1rem;color:#718096;max-width:400px}@media(max-width:1024px){.view-properties-modern{padding:16px}.view-properties-modern .properties-header{flex-direction:column;align-items:flex-start;gap:16px}.view-properties-modern .properties-header .header-actions{width:100%}.view-properties-modern .search-container{max-width:100%}.bulk-assignment-container-modern{padding:16px}.bulk-assignment-container-modern .bulk-assignment-grid-modern{grid-template-columns:1fr}.bulk-assignment-container-modern .bulk-assignment-summary-modern{flex-direction:column;gap:20px}.bulk-assignment-container-modern .bulk-assignment-summary-modern .summary-stats-modern{width:100%;justify-content:center}.bulk-assignment-container-modern .bulk-assignment-summary-modern button{width:100%}.property-access-container-modern{padding:16px}.property-access-container-modern .permissions-content-grid-modern{grid-template-columns:1fr}.property-access-container-modern .selection-panel-modern{margin-bottom:20px}}@media(max-width:768px){.view-properties-modern{padding:12px}.view-properties-modern .properties-header h1{font-size:1.5rem}.view-properties-modern .properties-table thead tr th{padding:12px;font-size:.75rem}.view-properties-modern .properties-table tbody tr td{padding:12px;font-size:.875rem}.view-properties-modern .action-button{font-size:.75rem;padding:6px 12px}.modal-content-modern{min-width:90vw;padding:24px;margin:20px}.modal-content-modern h2{font-size:1.25rem}.modal-content-modern .modal-actions-modern{flex-direction:column}.modal-content-modern .modal-actions-modern button{width:100%}.bulk-assignment-container-modern{padding:12px}.bulk-assignment-container-modern .selection-panel-modern{padding:16px}.bulk-assignment-container-modern .selection-panel-modern .panel-actions-modern{flex-direction:column}.bulk-assignment-container-modern .selection-panel-modern .panel-actions-modern button{width:100%}.bulk-assignment-container-modern .selection-panel-modern .checkbox-list-modern{max-height:250px}.bulk-assignment-container-modern .bulk-assignment-summary-modern{padding:16px}.bulk-assignment-container-modern .bulk-assignment-summary-modern .summary-stats-modern{flex-wrap:wrap}.bulk-assignment-container-modern .bulk-assignment-summary-modern .summary-stats-modern .stat-modern .stat-value{font-size:1.5rem}.property-access-container-modern{padding:12px}.property-access-container-modern .tab-buttons-modern{flex-direction:column;gap:8px}.property-access-container-modern .tab-buttons-modern .tab-button{width:100%;text-align:center}.property-access-container-modern .selection-panel-modern,.property-access-container-modern .properties-panel-modern{padding:16px}.property-access-container-modern .no-selection-modern{padding:40px 20px}.property-access-container-modern .no-selection-modern .no-selection-icon{font-size:48px}.property-access-container-modern .no-selection-modern h3{font-size:1.25rem}.property-access-container-modern .save-button-container-modern button{width:100%}}.form-section-divider{height:1px;background:#e0e0e0;margin:24px 0}.external-mappings-section{margin-top:16px}.external-mappings-section .btn-toggle-mappings{width:100%;padding:12px 16px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;font-weight:600;color:#2d3748;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.external-mappings-section .btn-toggle-mappings:hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0}.external-mappings-section .btn-toggle-mappings:disabled{cursor:not-allowed;opacity:.6}.external-mappings-section .btn-toggle-mappings .toggle-icon{font-size:.75rem;transition:transform .2s ease}.external-mappings-section .btn-toggle-mappings .mapping-count{margin-left:auto;background:#f63040;color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem}.external-mappings-section .mappings-content{margin-top:12px;padding:16px;background:#fafafa;border-radius:8px;border:1px solid #e2e8f0}.external-mappings-section .mappings-content .loading-mappings{text-align:center;padding:20px;color:#718096}.external-mappings-section .mappings-content .no-mappings{text-align:center;padding:24px;color:#718096}.external-mappings-section .mappings-content .no-mappings p{margin:8px 0}.external-mappings-section .mappings-content .no-mappings .help-text{font-size:.875rem;color:#a0aec0;margin-top:8px}.external-mappings-section .mappings-content .mappings-list{display:flex;flex-direction:column;gap:12px}.external-mappings-section .mappings-content .mapping-item{background:#fff;padding:12px;border-radius:6px;border:1px solid #e2e8f0}.external-mappings-section .mappings-content .mapping-item .mapping-system{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #edf2f7}.external-mappings-section .mappings-content .mapping-item .mapping-system strong{color:#2d3748;font-size:.95rem}.external-mappings-section .mappings-content .mapping-item .mapping-system .mapping-status{font-size:.75rem;padding:3px 8px;border-radius:12px;font-weight:600}.external-mappings-section .mappings-content .mapping-item .mapping-system .mapping-status.active{background:#48bb7826;color:#22543d}.external-mappings-section .mappings-content .mapping-item .mapping-system .mapping-status.inactive{background:#a0aec026;color:#4a5568}.external-mappings-section .mappings-content .mapping-item .mapping-details{display:flex;gap:8px;margin-top:6px;font-size:.875rem}.external-mappings-section .mappings-content .mapping-item .mapping-details .mapping-label{color:#718096;font-weight:500}.external-mappings-section .mappings-content .mapping-item .mapping-details .mapping-value{color:#2d3748;font-family:monospace}.external-mappings-section .mappings-content .help-text-small{margin-top:16px;font-size:.813rem;color:#a0aec0;text-align:center;font-style:italic}@media(max-width:768px){.external-mappings-section .mapping-item .mapping-system{flex-direction:column;align-items:flex-start;gap:8px}.external-mappings-section .mapping-item .mapping-details{flex-direction:column;gap:4px}}.property-external-mappings-page{padding:24px;max-width:100%}.property-external-mappings-page .page-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.property-external-mappings-page .page-header h1{margin:0;font-size:1.875rem;color:#1a202c;font-weight:700}.property-external-mappings-page .page-header .subtitle{margin-top:8px;color:#718096;font-size:1rem}.property-external-mappings-page .search-section{margin-bottom:24px}.property-external-mappings-page .search-section .search-input{width:100%;max-width:500px;padding:12px 16px;border:1px solid #cbd5e0;border-radius:8px;font-size:1rem;transition:all .2s}.property-external-mappings-page .search-section .search-input:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.property-external-mappings-page .mappings-table-container{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.property-external-mappings-page .mappings-table-container .mappings-table{width:100%;border-collapse:collapse}.property-external-mappings-page .mappings-table-container .mappings-table thead{background:linear-gradient(135deg,#f63040,#e90a1c);color:#fff}.property-external-mappings-page .mappings-table-container .mappings-table thead th{padding:16px;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.property-external-mappings-page .mappings-table-container .mappings-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.property-external-mappings-page .mappings-table-container .mappings-table tbody tr:hover{background-color:#f7fafc}.property-external-mappings-page .mappings-table-container .mappings-table tbody tr:last-child{border-bottom:none}.property-external-mappings-page .mappings-table-container .mappings-table tbody td{padding:16px;vertical-align:top}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.property-name{font-weight:500}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.property-name .property-name-cell{display:flex;flex-direction:column;gap:4px}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.property-name .property-name-cell strong{color:#1a202c}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.property-name .property-name-cell small{color:#718096;font-size:.875rem}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.mapping-cell{min-width:200px}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.mapping-cell .mapping-info{display:flex;flex-direction:column;gap:6px;padding:8px;background:#f7fafc;border-radius:6px}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.mapping-cell .mapping-info .mapping-id{font-weight:600;color:#2d3748;font-size:.875rem}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.mapping-cell .mapping-info .mapping-name{color:#4a5568;font-size:.8125rem}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.mapping-cell .mapping-info .mapping-actions{display:flex;gap:8px;margin-top:4px}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.mapping-cell .mapping-info .mapping-actions button{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.mapping-cell .mapping-info .mapping-actions button.btn-edit-small{background:#edf2f7}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.mapping-cell .mapping-info .mapping-actions button.btn-edit-small:hover{background:#e2e8f0;transform:scale(1.05)}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.mapping-cell .mapping-info .mapping-actions button.btn-delete-small{background:#fed7d7}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.mapping-cell .mapping-info .mapping-actions button.btn-delete-small:hover{background:#fc8181;transform:scale(1.05)}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.mapping-cell .btn-add-mapping{padding:8px 16px;background:#f63040;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.mapping-cell .btn-add-mapping:hover{background:#e90a1c;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.property-external-mappings-page .mappings-table-container .mappings-table .btn-view-all{padding:8px 16px;background:#edf2f7;color:#2d3748;border:1px solid #cbd5e0;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.property-external-mappings-page .mappings-table-container .mappings-table .btn-view-all:hover{background:#e2e8f0;border-color:#a0aec0}.property-external-mappings-page .loading-spinner{display:flex;justify-content:center;align-items:center;height:400px;font-size:1.125rem;color:#718096}.property-external-mappings-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s}.property-external-mappings-page .modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s}.property-external-mappings-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.property-external-mappings-page .modal-header h2{margin:0;font-size:1.5rem;color:#1a202c}.property-external-mappings-page .modal-header .close-button{background:none;border:none;font-size:2rem;color:#a0aec0;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.property-external-mappings-page .modal-header .close-button:hover{background:#edf2f7;color:#2d3748}.property-external-mappings-page .modal-body{padding:24px}.property-external-mappings-page .modal-body .form-group{margin-bottom:20px}.property-external-mappings-page .modal-body .form-group label{display:block;margin-bottom:8px;color:#2d3748;font-weight:500;font-size:.875rem}.property-external-mappings-page .modal-body .form-group .form-control{width:100%;padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:1rem;transition:all .2s}.property-external-mappings-page .modal-body .form-group .form-control:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.property-external-mappings-page .modal-body .form-group .form-control:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.property-external-mappings-page .modal-body .form-group textarea.form-control{resize:vertical;min-height:80px}.property-external-mappings-page .modal-body .form-group.checkbox-group{display:flex;align-items:center}.property-external-mappings-page .modal-body .form-group.checkbox-group label{margin:0;display:flex;align-items:center;gap:8px;cursor:pointer}.property-external-mappings-page .modal-body .form-group.checkbox-group label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.property-external-mappings-page .modal-body .form-group .autocomplete-wrapper{position:relative}.property-external-mappings-page .modal-body .form-group .autocomplete-wrapper .dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #cbd5e0;border-top:1px solid #e2e8f0;border-radius:0 0 8px 8px;max-height:300px;overflow-y:auto;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:2px}.property-external-mappings-page .modal-body .form-group .autocomplete-wrapper .dropdown-list .dropdown-item{padding:14px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #e2e8f0;color:#57565b!important;font-size:.95rem;font-weight:500;line-height:1.4;background:#fff}.property-external-mappings-page .modal-body .form-group .autocomplete-wrapper .dropdown-list .dropdown-item:hover{background:#f7fafc;color:#f63040!important;border-left:3px solid #F63040;padding-left:13px}.property-external-mappings-page .modal-body .form-group .autocomplete-wrapper .dropdown-list .dropdown-item:last-child{border-bottom:none;border-radius:0 0 6px 6px}.property-external-mappings-page .modal-body .form-group .autocomplete-wrapper .dropdown-list .dropdown-item:first-child{margin-top:2px}.property-external-mappings-page .modal-body .form-group .autocomplete-wrapper .dropdown-list .dropdown-item-empty{padding:20px 16px;color:#718096;font-style:italic;text-align:center;font-size:.9rem}.property-external-mappings-page .modal-body .form-group .autocomplete-wrapper .dropdown-list::-webkit-scrollbar{width:10px}.property-external-mappings-page .modal-body .form-group .autocomplete-wrapper .dropdown-list::-webkit-scrollbar-track{background:#f7fafc;border-radius:0 0 6px}.property-external-mappings-page .modal-body .form-group .autocomplete-wrapper .dropdown-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:5px}.property-external-mappings-page .modal-body .form-group .autocomplete-wrapper .dropdown-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.property-external-mappings-page .modal-body .form-group .selected-property-display{padding:12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#2d3748;min-height:60px}.property-external-mappings-page .modal-body .form-group .selected-property-display strong{font-weight:600;color:#f63040}.property-external-mappings-page .modal-body .form-group .selected-property-display .text-muted{color:#a0aec0;font-style:italic}.property-external-mappings-page .modal-body .form-group .loading-text{padding:12px;text-align:center;color:#718096;font-style:italic}.property-external-mappings-page .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f7fafc}.property-external-mappings-page .modal-footer button{padding:10px 24px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.property-external-mappings-page .modal-footer button.btn-secondary{background:#e2e8f0;color:#2d3748}.property-external-mappings-page .modal-footer button.btn-secondary:hover{background:#cbd5e0}.property-external-mappings-page .modal-footer button.btn-primary{background:#f63040;color:#fff}.property-external-mappings-page .modal-footer button.btn-primary:hover{background:#e90a1c;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.property-external-mappings-page .modal-footer button.btn-primary:disabled{background:#cbd5e0;color:#a0aec0;cursor:not-allowed;transform:none}.checkbox-list-modern{max-height:350px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;padding:8px;background:#fafafa}.checkbox-list-modern.checkbox-list-short{max-height:200px}.checkbox-list-modern::-webkit-scrollbar{width:8px}.checkbox-list-modern::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.checkbox-list-modern::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.checkbox-list-modern::-webkit-scrollbar-thumb:hover{background:#a0aec0}.checkbox-list-modern .empty-list{padding:40px 20px;text-align:center;color:#a0aec0;font-style:italic}.checkbox-list-modern .checkbox-item-modern,.checkbox-list-modern label.checkbox-item-modern{display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 12px;margin-bottom:4px;border-radius:6px;cursor:pointer;transition:all .15s ease;background:#fff;border:1px solid transparent}.checkbox-list-modern .checkbox-item-modern:hover,.checkbox-list-modern label.checkbox-item-modern:hover{background:#f7fafc;border-color:#e2e8f0}.checkbox-list-modern .checkbox-item-modern input[type=checkbox],.checkbox-list-modern label.checkbox-item-modern input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0;flex-shrink:0;accent-color:#F63040}.checkbox-list-modern .checkbox-item-modern .checkbox-label,.checkbox-list-modern label.checkbox-item-modern .checkbox-label{font-size:.938rem;color:#2d3748;flex:1;line-height:1.4;display:flex;align-items:center}.checkbox-list-modern .checkbox-item-modern .checkbox-label .item-count,.checkbox-list-modern .checkbox-item-modern .checkbox-label .item-detail,.checkbox-list-modern label.checkbox-item-modern .checkbox-label .item-count,.checkbox-list-modern label.checkbox-item-modern .checkbox-label .item-detail{color:#718096;font-size:.813rem;margin-left:4px}.checkbox-list-modern .checkbox-item-modern:has(input:checked),.checkbox-list-modern label.checkbox-item-modern:has(input:checked){background:#f630400d;border-color:#f6304033}.cm-daily-questions-header{display:flex;justify-content:space-between}.secrets-page-new{padding:24px;max-width:1400px;margin:0 auto}.secrets-page-new .secrets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.secrets-page-new .secrets-header h1{font-size:28px;font-weight:600;color:#1a1a1a;margin:0}.secrets-page-new .secrets-header .header-actions{display:flex;gap:12px;align-items:center}.secrets-page-new .secrets-header .btn-secondary{display:flex;align-items:center;gap:8px;background:#fff;color:#555;border:1px solid #ddd;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.secrets-page-new .secrets-header .btn-secondary:hover{background:#f5f5f5;border-color:#bbb;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.secrets-page-new .secrets-header .btn-secondary:active{transform:translateY(0)}.secrets-page-new .secrets-header .btn-create{display:flex;align-items:center;gap:8px;background:#f63040;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.secrets-page-new .secrets-header .btn-create:hover{background:#d42636;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.secrets-page-new .secrets-header .btn-create:active{transform:translateY(0)}.secrets-page-new .loading{text-align:center;padding:64px;color:#666;font-size:16px}.secrets-page-new .empty-state{text-align:center;padding:80px 24px;background:#f9f9f9;border-radius:12px;border:2px dashed #ddd}.secrets-page-new .empty-state p{font-size:16px;color:#666;margin-bottom:24px}.secrets-page-new .secrets-list .category-group{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:16px;overflow:hidden}.secrets-page-new .secrets-list .category-group .category-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f5f5f5;cursor:pointer;transition:background .2s}.secrets-page-new .secrets-list .category-group .category-header:hover{background:#ebebeb}.secrets-page-new .secrets-list .category-group .category-header .category-title{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#333}.secrets-page-new .secrets-list .category-group .category-header .category-title .secret-count{background:#666;color:#fff;font-size:12px;font-weight:500;padding:2px 8px;border-radius:12px}.secrets-page-new .secrets-list .category-group .secrets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:20px;background:#fafafa}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card:hover{border-color:#f63040;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card.incomplete-creds{border:2px solid #ff9800;background:#fff9f0}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card.incomplete-creds:hover{border-color:#f57c00;box-shadow:0 4px 12px #ff98004d}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .secret-title{display:flex;align-items:center;gap:8px;flex:1}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .secret-title strong{font-size:15px;color:#1a1a1a}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .secret-title .badge{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .secret-title .badge.inactive{background:#ffebee;color:#c62828}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .secret-title .badge.expired{background:#fff3e0;color:#ef6c00}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .secret-title .badge.warning{background:#fff3cd;color:#856404;display:inline-flex;align-items:center;gap:3px}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .secret-title .badge.cicd-managed{background:#e3f2fd;color:#1976d2;cursor:help;display:inline-flex;align-items:center;gap:3px}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .btn-delete{background:none;border:none;color:#999;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .btn-delete:hover{background:#ffebee;color:#f44336}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-meta{margin-bottom:12px}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-meta .secret-type{display:inline-block;font-size:12px;background:#e3f2fd;color:#1976d2;padding:4px 10px;border-radius:4px;font-weight:500;margin-bottom:8px}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-meta .secret-description{font-size:13px;color:#666;margin:8px 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-indicators{display:flex;flex-wrap:wrap;gap:6px}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-indicators .indicator{font-size:11px;background:#f5f5f5;color:#666;padding:3px 8px;border-radius:3px;border:1px solid #e0e0e0}.secrets-page-new .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.secrets-page-new .modal-overlay .modal-content{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.secrets-page-new .modal-overlay .modal-content.small{max-width:500px}.secrets-page-new .modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #e0e0e0}.secrets-page-new .modal-overlay .modal-content .modal-header h2{font-size:22px;font-weight:600;color:#1a1a1a;margin:0}.secrets-page-new .modal-overlay .modal-content .modal-header .close-btn{background:none;border:none;font-size:32px;color:#999;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.secrets-page-new .modal-overlay .modal-content .modal-header .close-btn:hover{background:#ffebee;color:#f44336}.secrets-page-new .modal-overlay .modal-content .modal-body{flex:1;overflow-y:auto;padding:28px}.secrets-page-new .modal-overlay .modal-content .modal-body .warning{color:#f44336;font-size:14px;margin-top:8px}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section h3{font-size:16px;font-weight:600;color:#333;margin:0 0 20px}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-row.checkboxes{display:flex;flex-direction:column;gap:12px}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-row:last-child{margin-bottom:0}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field{display:flex;flex-direction:column}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field.full-width{grid-column:1/-1}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field label{font-size:13px;font-weight:500;color:#555;margin-bottom:6px}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field .field-help{display:block;font-size:12px;color:#777;margin-top:4px;font-style:italic;line-height:1.3}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field input[type=text],.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field input[type=password],.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field input[type=number],.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field input[type=date],.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field select,.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field textarea{padding:10px 12px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;color:#333;transition:all .2s;font-family:inherit}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field input[type=text]:focus,.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field input[type=password]:focus,.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field input[type=number]:focus,.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field input[type=date]:focus,.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field select:focus,.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field textarea:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field input[type=text]::placeholder,.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field input[type=password]::placeholder,.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field input[type=number]::placeholder,.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field input[type=date]::placeholder,.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field select::placeholder,.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field textarea::placeholder{color:#999}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field textarea{resize:vertical;min-height:60px}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field.password-field .password-input-group{position:relative;display:flex;align-items:center}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field.password-field .password-input-group input,.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field.password-field .password-input-group textarea{flex:1;padding-right:40px}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field.password-field .password-input-group textarea[style*=monospace]{-webkit-text-security:disc;text-security:disc}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field.password-field .password-input-group .toggle-password{position:absolute;right:8px;background:none;border:none;color:#666;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field.password-field .password-input-group .toggle-password:hover{background:#f5f5f5;color:#333}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#555;cursor:pointer}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.secrets-page-new .modal-overlay .modal-content .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid #e0e0e0;background:#f9f9f9}.secrets-page-new .modal-overlay .modal-content .modal-footer button{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;gap:8px}.secrets-page-new .modal-overlay .modal-content .modal-footer button.btn-cancel{background:#f5f5f5;color:#555}.secrets-page-new .modal-overlay .modal-content .modal-footer button.btn-cancel:hover{background:#e0e0e0}.secrets-page-new .modal-overlay .modal-content .modal-footer button.btn-save{background:#4caf50;color:#fff}.secrets-page-new .modal-overlay .modal-content .modal-footer button.btn-save:hover:not(:disabled){background:#43a047;box-shadow:0 2px 8px #4caf504d}.secrets-page-new .modal-overlay .modal-content .modal-footer button.btn-save:disabled{background:#ccc;cursor:not-allowed}.secrets-page-new .modal-overlay .modal-content .modal-footer button.btn-delete{background:#f44336;color:#fff}.secrets-page-new .modal-overlay .modal-content .modal-footer button.btn-delete:hover{background:#d32f2f;box-shadow:0 2px 8px #f443364d}.secrets-page-new .modal-overlay .modal-content .modal-footer button.btn-test{background:#2196f3;color:#fff}.secrets-page-new .modal-overlay .modal-content .modal-footer button.btn-test:hover:not(:disabled){background:#1976d2;box-shadow:0 2px 8px #2196f34d}.secrets-page-new .modal-overlay .modal-content .modal-footer button.btn-test:disabled{background:#90caf9;cursor:not-allowed}.secrets-page-new .modal-overlay .modal-content .test-result{margin-top:20px;padding:16px;border-radius:8px;border:1px solid}.secrets-page-new .modal-overlay .modal-content .test-result.success{background:#e8f5e9;border-color:#a5d6a7;color:#2e7d32}.secrets-page-new .modal-overlay .modal-content .test-result.success strong{color:#1b5e20}.secrets-page-new .modal-overlay .modal-content .test-result.error{background:#ffebee;border-color:#ef9a9a;color:#c62828}.secrets-page-new .modal-overlay .modal-content .test-result.error strong{color:#b71c1c}.secrets-page-new .modal-overlay .modal-content .test-result strong{display:block;font-size:14px;margin-bottom:8px}.secrets-page-new .modal-overlay .modal-content .test-result p{font-size:13px;margin:0;line-height:1.4}@media(max-width:768px){.secrets-page-new{padding:16px}.secrets-page-new .secrets-header{flex-direction:column;align-items:flex-start;gap:16px}.secrets-page-new .secrets-header h1{font-size:24px}.secrets-page-new .secrets-list .category-group .secrets-grid{grid-template-columns:1fr}.secrets-page-new .modal-overlay .modal-content{max-width:100%}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-row{grid-template-columns:1fr}}.template-management-page{padding:2rem;max-width:1400px;margin:0 auto;background:#f9f9f9}.template-management-page .page-header{margin-bottom:2rem}.template-management-page .page-header h1{font-size:2rem;font-weight:600;color:#333;margin-bottom:.5rem}.template-management-page .page-header h1 i{margin-right:.5rem;color:#f63040}.template-management-page .page-header .page-description{color:#57565b;font-size:1rem;margin:0}.template-management-page .page-controls{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.template-management-page .page-controls .filter-controls{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}.template-management-page .page-controls .filter-controls .form-group{margin-bottom:0}.template-management-page .page-controls .filter-controls .form-group label{font-weight:500;margin-bottom:.25rem;display:block;font-size:.9rem;color:#333}.template-management-page .page-controls .filter-controls .form-group select{min-width:180px;padding:.5rem .75rem;border:1px solid #57565B;border-radius:6px;background:#fff}.template-management-page .page-controls .filter-controls .form-group select:focus{outline:none;border-color:#f63040;box-shadow:0 0 8px #f630404d}.template-management-page .page-controls .filter-controls .form-check{margin-bottom:0;padding-left:1.5rem}.template-management-page .page-controls .btn-primary{height:40px;min-width:120px;background-color:#f63040;border:none;border-radius:6px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease-in-out,transform .3s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.template-management-page .page-controls .btn-primary:hover{background-color:#e90a1c;transform:translateY(-2px)}.template-management-page .page-controls .btn-primary:active{background-color:#d00919;transform:translateY(0)}.template-management-page .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#57565b}.template-management-page .loading-spinner i{margin-bottom:1rem;color:#f63040}.template-management-page .loading-spinner p{font-size:1.1rem}.template-management-page .templates-container .department-section{margin-bottom:3rem}.template-management-page .templates-container .department-section .department-heading{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #57565B}.template-management-page .templates-container .department-section .department-heading i{margin-right:.5rem;color:#f63040}.template-management-page .templates-container .department-section .department-heading .template-count{font-size:1rem;font-weight:400;color:#57565b;margin-left:.5rem}.template-management-page .templates-container .department-section .templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.template-management-page .templates-container .no-templates{text-align:center;padding:4rem;color:#57565b}.template-management-page .templates-container .no-templates i{margin-bottom:1rem;color:#f63040}.template-management-page .templates-container .no-templates p{font-size:1.2rem;margin:0}.template-management-page .template-card{background:#fff;border-radius:6px;border-left:4px solid #F63040;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;border:1.5px solid #e0e0e0}.template-management-page .template-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px);border-color:#f63040}.template-management-page .template-card.inactive{opacity:.6;background:#f9f9f9}.template-management-page .template-card .template-header{display:flex;align-items:center;padding:1.25rem;border-bottom:1px solid #e0e0e0;gap:1rem}.template-management-page .template-card .template-header .template-icon{font-size:1.75rem;flex-shrink:0;color:#f63040}.template-management-page .template-card .template-header .template-title{flex:1;min-width:0}.template-management-page .template-card .template-header .template-title h4{margin:0;font-size:1.1rem;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-management-page .template-card .template-header .template-title .template-key{font-size:.8rem;color:#57565b;font-family:Courier New,monospace}.template-management-page .template-card .template-header .template-status{flex-shrink:0}.template-management-page .template-card .template-header .template-status .badge{font-size:.75rem}.template-management-page .template-card .template-body{padding:1.25rem;flex:1}.template-management-page .template-card .template-body .template-description{color:#57565b;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.template-management-page .template-card .template-body .template-meta{background:#f9f9f9;border-radius:6px;padding:.75rem;margin-bottom:1rem}.template-management-page .template-card .template-body .template-meta .meta-item{font-size:.85rem;margin-bottom:.25rem}.template-management-page .template-card .template-body .template-meta .meta-item:last-child{margin-bottom:0}.template-management-page .template-card .template-body .template-meta .meta-item strong{color:#333;margin-right:.25rem}.template-management-page .template-card .template-body .template-meta .meta-item{color:#57565b}.template-management-page .template-card .template-body .template-tags{display:flex;flex-wrap:wrap;gap:.5rem}.template-management-page .template-card .template-body .template-tags .tag{background:#f630401a;color:#f63040;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.template-management-page .template-card .template-actions{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #e0e0e0;background:#f9f9f9;border-radius:0 0 6px 6px}.template-management-page .template-card .template-actions .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.85rem;min-width:auto;height:auto}.template-management-page .template-card .template-actions .btn i{margin-right:.25rem}.template-management-page .template-card .template-actions .btn.btn-primary{background:#f63040;border:1px solid #F63040;color:#fff}.template-management-page .template-card .template-actions .btn.btn-primary:hover{background:#e90a1c;transform:translateY(-2px)}.template-management-page .template-card .template-actions .btn.btn-outline-primary{background:transparent;border:1px solid #F63040;color:#f63040}.template-management-page .template-card .template-actions .btn.btn-outline-primary:hover{background:#f63040;color:#fff;transform:translateY(-2px)}.template-management-page .template-card .template-actions .btn.btn-outline-secondary{background:transparent;border:1px solid #57565B;color:#57565b}.template-management-page .template-card .template-actions .btn.btn-outline-secondary:hover{background:#57565b;color:#fff;transform:translateY(-2px)}.template-management-page .modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.template-management-page .modal-backdrop .modal-content{background:#fff;border-radius:6px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.template-management-page .modal-backdrop .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background:#57565b}.template-management-page .modal-backdrop .modal-content .modal-header h3{margin:0;font-size:1.5rem;color:#fff}.template-management-page .modal-backdrop .modal-content .modal-header .close-btn{background:none;border:none;font-size:1.5rem;color:#fff;cursor:pointer;padding:.25rem .5rem;transition:color .3s ease;min-width:auto;height:auto}.template-management-page .modal-backdrop .modal-content .modal-header .close-btn:hover{color:#f63040;transform:none}.template-management-page .modal-backdrop .modal-content .modal-body{padding:1.5rem;overflow-y:auto;flex:1}.template-management-page .modal-backdrop .modal-content .modal-body .template-preview{margin-top:1rem}.template-management-page .modal-backdrop .modal-content .modal-body .template-preview h4{font-size:1.1rem;margin-bottom:.75rem;color:#333}.template-management-page .modal-backdrop .modal-content .modal-body .template-preview pre{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;padding:1rem;overflow-x:auto;font-size:.85rem;max-height:400px}.template-management-page .designer-modal-backdrop{padding:1rem}.template-management-page .designer-modal-backdrop .designer-modal-content{max-width:95vw;width:95vw;max-height:95vh;height:95vh;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}@media(max-width:768px){.template-management-page{padding:1rem}.template-management-page .page-controls,.template-management-page .page-controls .filter-controls{flex-direction:column;align-items:stretch}.template-management-page .page-controls .filter-controls .form-group select{width:100%}.template-management-page .templates-container .department-section .templates-grid{grid-template-columns:1fr}.template-management-page .modal-backdrop{padding:1rem}.template-management-page .modal-backdrop .modal-content{max-height:95vh}.template-management-page .designer-modal-backdrop{padding:0}.template-management-page .designer-modal-backdrop .designer-modal-content{max-width:100vw;width:100vw;max-height:100vh;height:100vh;border-radius:0}}.designer-modal-backdrop .template-designer,.designer-modal-backdrop .designer-modal-content{overflow:hidden}.designer-modal-backdrop .template-designer{height:100%;display:flex;flex-direction:column}.designer-modal-backdrop .template-designer .designer-content{flex:1;overflow:hidden}.designer-modal-backdrop .template-designer .designer-content .fields-tab,.designer-modal-backdrop .template-designer .designer-content .settings-tab,.designer-modal-backdrop .template-designer .designer-content .preview-tab{height:100%;overflow-y:auto}.board-template-editor .form-section{margin-bottom:2rem}.board-template-editor .form-section h3{font-size:1.25rem;font-weight:600;color:#333;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #F63040}.board-template-editor .form-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.board-template-editor .form-section .section-header h3{margin-bottom:0;border-bottom:none;padding-bottom:0}.board-template-editor .form-section .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.board-template-editor .form-section .form-row.flex-2{grid-column:1/-1}.board-template-editor .form-section .form-group{margin-bottom:1rem}.board-template-editor .form-section .form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:#333;font-size:.9rem}.board-template-editor .form-section .form-group input[type=text],.board-template-editor .form-section .form-group input[type=color],.board-template-editor .form-section .form-group input[type=number],.board-template-editor .form-section .form-group textarea,.board-template-editor .form-section .form-group select{width:100%;padding:.75rem;border:1px solid #57565B;border-radius:6px;font-size:.95rem;transition:border-color .3s ease}.board-template-editor .form-section .form-group input[type=text]:focus,.board-template-editor .form-section .form-group input[type=color]:focus,.board-template-editor .form-section .form-group input[type=number]:focus,.board-template-editor .form-section .form-group textarea:focus,.board-template-editor .form-section .form-group select:focus{outline:none;border-color:#f63040;box-shadow:0 0 8px #f6304033}.board-template-editor .form-section .form-group input[type=text]:disabled,.board-template-editor .form-section .form-group input[type=color]:disabled,.board-template-editor .form-section .form-group input[type=number]:disabled,.board-template-editor .form-section .form-group textarea:disabled,.board-template-editor .form-section .form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.board-template-editor .form-section .form-group input[type=color]{height:45px;cursor:pointer}.board-template-editor .form-section .form-group textarea{resize:vertical;min-height:80px}.board-template-editor .form-section .form-group .checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.board-template-editor .form-section .form-group .checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.board-template-editor .form-section .empty-state{text-align:center;padding:3rem 1rem;color:#57565b;font-size:1rem;background:#f9f9f9;border-radius:6px;border:2px dashed rgb(163.4745762712,162.4576271186,167.5423728814)}.board-template-editor .form-section .columns-list{display:flex;flex-direction:column;gap:1rem}.board-template-editor .form-section .columns-list .column-editor{background:#fff;border:2px solid #e0e0e0;border-left-width:4px;border-radius:6px;overflow:hidden;transition:box-shadow .3s ease}.board-template-editor .form-section .columns-list .column-editor:hover{box-shadow:0 4px 12px #0000001a}.board-template-editor .form-section .columns-list .column-editor .column-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9f9f9;border-bottom:1px solid #e0e0e0}.board-template-editor .form-section .columns-list .column-editor .column-header .column-order{font-weight:700;color:#57565b;font-size:.9rem;flex-shrink:0}.board-template-editor .form-section .columns-list .column-editor .column-header .column-name-input{flex:1;padding:.5rem;font-size:1rem;font-weight:600;border:1px solid #e0e0e0;border-radius:6px}.board-template-editor .form-section .columns-list .column-editor .column-header .column-name-input:focus{border-color:#f63040;box-shadow:0 0 6px #f6304033}.board-template-editor .form-section .columns-list .column-editor .column-header .column-name-input:disabled{background:transparent;border-color:transparent}.board-template-editor .form-section .columns-list .column-editor .column-header .column-actions{display:flex;gap:.25rem;flex-shrink:0}.board-template-editor .form-section .columns-list .column-editor .column-header .column-actions .btn-icon{background:transparent;border:1px solid #57565B;border-radius:6px;padding:.25rem .5rem;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600;color:#57565b}.board-template-editor .form-section .columns-list .column-editor .column-header .column-actions .btn-icon:hover:not(:disabled){background:#f63040;border-color:#f63040;color:#fff;transform:translateY(-2px)}.board-template-editor .form-section .columns-list .column-editor .column-header .column-actions .btn-icon:disabled{opacity:.4;cursor:not-allowed}.board-template-editor .form-section .columns-list .column-editor .column-header .column-actions .btn-icon.btn-danger{color:#dc3545;border-color:#dc3545}.board-template-editor .form-section .columns-list .column-editor .column-header .column-actions .btn-icon.btn-danger:hover{background:#dc3545;color:#fff}.board-template-editor .form-section .columns-list .column-editor .column-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1rem}.board-template-editor .form-section .columns-list .column-editor .column-fields .field{display:flex;flex-direction:column;gap:.25rem}.board-template-editor .form-section .columns-list .column-editor .column-fields .field label{font-size:.85rem;font-weight:500;color:#333}.board-template-editor .form-section .columns-list .column-editor .column-fields .field input,.board-template-editor .form-section .columns-list .column-editor .column-fields .field select{padding:.5rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem}.board-template-editor .form-section .columns-list .column-editor .column-fields .field input:focus,.board-template-editor .form-section .columns-list .column-editor .column-fields .field select:focus{outline:none;border-color:#f63040}.board-template-editor .form-section .columns-list .column-editor .column-fields .field input[type=color]{height:38px;cursor:pointer}.board-template-editor .form-section .columns-list .column-editor .column-fields .field input[type=number]{max-width:100px}.board-template-editor .form-section .columns-list .column-editor .column-fields .field.checkbox-field{flex-direction:row;align-items:center;gap:.5rem}.board-template-editor .form-section .columns-list .column-editor .column-fields .field.checkbox-field label{margin-bottom:0;display:flex;align-items:center;gap:.5rem;cursor:pointer}.board-template-editor .form-section .columns-list .column-editor .column-fields .field.checkbox-field input[type=checkbox]{width:auto;cursor:pointer}.board-template-editor .template-meta-text{font-size:.85rem;color:#57565b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.template-designer{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 200px);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:6px;overflow:hidden}.template-designer .designer-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000d;gap:1rem}.template-designer .designer-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#333;display:flex;align-items:center;gap:.75rem;white-space:nowrap}.template-designer .designer-header h2 svg{color:#f63040}.template-designer .designer-header .designer-toolbar{display:flex;align-items:center;gap:.75rem;flex:1;justify-content:center}.template-designer .designer-header .designer-toolbar .toolbar-group{display:flex;align-items:center;background:#f8fafc;border-radius:6px;padding:.25rem;gap:.125rem;border:1px solid #e2e8f0}.template-designer .designer-header .designer-toolbar .toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:4px;color:#64748b;cursor:pointer;transition:all .15s ease}.template-designer .designer-header .designer-toolbar .toolbar-btn svg{font-size:.85rem}.template-designer .designer-header .designer-toolbar .toolbar-btn:hover:not(:disabled){background:#e2e8f0;color:#334155}.template-designer .designer-header .designer-toolbar .toolbar-btn:active:not(:disabled){background:#cbd5e0}.template-designer .designer-header .designer-toolbar .toolbar-btn:disabled{color:#cbd5e0;cursor:not-allowed}.template-designer .designer-header .designer-actions{display:flex;gap:.75rem}.template-designer .designer-header .designer-actions .btn{padding:.5rem 1rem;font-weight:600;border-radius:6px;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;cursor:pointer;min-width:auto;height:auto}.template-designer .designer-header .designer-actions .btn.btn-primary{background:#f63040;border:1px solid #F63040;color:#fff}.template-designer .designer-header .designer-actions .btn.btn-primary:hover:not(:disabled){background:#e90a1c;border-color:#e90a1c;transform:translateY(-2px)}.template-designer .designer-header .designer-actions .btn.btn-secondary{background:#57565b;border:1px solid #57565B;color:#fff}.template-designer .designer-header .designer-actions .btn.btn-secondary:hover:not(:disabled){background:#706f75;border-color:#706f75;transform:translateY(-2px)}.template-designer .designer-header .designer-actions .btn:disabled{opacity:.6;cursor:not-allowed}.template-designer .validation-errors{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;background:#f630401a;border-bottom:1px solid #F63040;color:#f63040}.template-designer .validation-errors i{font-size:1.25rem;margin-top:.125rem}.template-designer .validation-errors ul{margin:0;padding-left:1rem}.template-designer .validation-errors ul li{margin-bottom:.25rem}.template-designer .validation-errors ul li:last-child{margin-bottom:0}.template-designer .designer-tabs{display:flex;gap:0;padding:0 1.5rem;background:#fff;border-bottom:1px solid #e0e0e0}.template-designer .designer-tabs .tab-btn{padding:.875rem 1.5rem;font-weight:600;color:#57565b;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:auto;height:auto}.template-designer .designer-tabs .tab-btn i{font-size:.9rem}.template-designer .designer-tabs .tab-btn:hover{color:#333;background:#f9f9f9;transform:none}.template-designer .designer-tabs .tab-btn.active{color:#f63040;border-bottom-color:#f63040}.template-designer .designer-content{flex:1;overflow:visible}.template-designer .designer-content .fields-tab{display:flex;height:100%;gap:0}.template-designer .designer-content .designer-left-panel{width:220px;background:#fff;border-right:1px solid #e2e8f0;overflow-y:auto;flex-shrink:0}.template-designer .designer-content .designer-canvas{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f8fafc;min-width:0}.template-designer .designer-content .designer-canvas .canvas-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0}.template-designer .designer-content .designer-canvas .canvas-header h3{margin:0;font-size:1rem;font-weight:600;color:#2c3e50}.template-designer .designer-content .designer-canvas .canvas-header .btn-sm{padding:.375rem .75rem;font-size:.875rem}.template-designer .designer-content .designer-canvas .sections-container{flex:1;padding:1.5rem;overflow-y:auto;overflow-x:hidden}.template-designer .designer-content .designer-canvas .empty-canvas{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#a0aec0;text-align:center}.template-designer .designer-content .designer-canvas .empty-canvas i{font-size:3rem;margin-bottom:1rem}.template-designer .designer-content .designer-canvas .empty-canvas p{margin-bottom:1rem;font-size:1.1rem}.template-designer .designer-content .designer-canvas .empty-canvas .btn{padding:.5rem 1rem;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer}.template-designer .designer-content .designer-canvas .empty-canvas .btn:hover{background:#2980b9}.template-designer .designer-content .designer-right-panel{width:320px;background:#fff;border-left:1px solid #e2e8f0;overflow-y:auto;overflow-x:hidden;flex-shrink:0}.template-designer .designer-content .settings-tab{overflow-y:auto;max-height:calc(100% + -0px);padding:1rem 1.5rem;background:#f9f9f9;height:auto}.template-designer .designer-content .settings-tab .preview-tab{padding:1.5rem;overflow-y:auto;height:100%}body.designer-open{overflow:hidden}.field-palette{display:flex;flex-direction:column;height:100%;padding:0}.field-palette .palette-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#fff)}.field-palette .palette-header .palette-title{font-size:.9rem;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:.5rem}.field-palette .palette-header .palette-title svg{color:#f63040}.field-palette .palette-header .field-count{font-size:.7rem;color:#64748b;background:#f1f5f9;padding:.2rem .5rem;border-radius:10px;font-weight:500}.field-palette .palette-search{padding:.75rem 1rem;position:relative;border-bottom:1px solid #f1f5f9}.field-palette .palette-search i.fa-search{position:absolute;left:1.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.8rem}.field-palette .palette-search .search-input{width:100%;padding:.6rem .75rem .6rem 2.25rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;transition:all .2s ease;background:#f8fafc}.field-palette .palette-search .search-input::placeholder{color:#94a3b8}.field-palette .palette-search .search-input:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a;background:#fff}.field-palette .palette-search .clear-search{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;font-size:.7rem;border-radius:50%;transition:all .2s ease}.field-palette .palette-search .clear-search:hover{color:#64748b;background:#f1f5f9}.field-palette .category-pills{display:flex;gap:.375rem;padding:.5rem 1rem;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.field-palette .category-pills .category-pill{padding:.35rem .6rem;background:#f1f5f9;border:1px solid transparent;border-radius:15px;font-size:.7rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.field-palette .category-pills .category-pill i{font-size:.65rem}.field-palette .category-pills .category-pill:hover{background:#e2e8f0;color:#475569}.field-palette .category-pills .category-pill.active{background:var(--cat-color, #F63040);color:#fff;border-color:var(--cat-color, #F63040)}.field-palette .search-results-info{padding:.5rem 1rem;font-size:.75rem;color:#64748b;background:#fffbeb;border-bottom:1px solid #fef3c7;text-align:center}.field-palette .palette-categories{flex:1;overflow-y:auto;padding:.5rem}.field-palette .palette-category{margin-bottom:.5rem;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;background:#fff}.field-palette .palette-category .category-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;background:#f8fafc;border:none;cursor:pointer;transition:all .2s ease;text-align:left}.field-palette .palette-category .category-header .category-icon-wrapper{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--cat-color, #3498db);border-radius:6px}.field-palette .palette-category .category-header .category-icon-wrapper svg{color:#fff;font-size:.75rem}.field-palette .palette-category .category-header .category-label{flex:1;font-size:.8rem;font-weight:600;color:#334155}.field-palette .palette-category .category-header .category-count{font-size:.65rem;color:#94a3b8;background:#e2e8f0;padding:.1rem .4rem;border-radius:8px;font-weight:500}.field-palette .palette-category .category-header .toggle-icon{color:#94a3b8;font-size:.65rem;transition:transform .2s ease}.field-palette .palette-category .category-header:hover{background:#f1f5f9}.field-palette .palette-category .category-header:hover .toggle-icon{color:#64748b}.field-palette .palette-category .category-fields{padding:.5rem;display:flex;flex-direction:column;gap:.25rem;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.field-palette .palette-field-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .6rem;background:#fff;border:1px solid #e2e8f0;border-radius:5px;cursor:pointer;transition:all .15s ease;text-align:left;color:#475569}.field-palette .palette-field-btn i:first-of-type{width:16px;text-align:center;font-size:.75rem;flex-shrink:0}.field-palette .palette-field-btn .field-label{flex:1;font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-palette .palette-field-btn .add-icon{opacity:0;color:#94a3b8;font-size:.65rem;transition:all .15s ease}.field-palette .palette-field-btn:hover{background:#f8fafc;border-color:#cbd5e0;transform:translate(3px)}.field-palette .palette-field-btn:hover .add-icon{opacity:1;color:#3498db}.field-palette .palette-field-btn:active{transform:translate(1px);background:#f1f5f9}.field-palette .palette-field-btn[draggable=true]{cursor:grab}.field-palette .palette-field-btn[draggable=true]:active{cursor:grabbing}.field-palette .palette-tips{padding:.75rem 1rem;border-top:1px solid #f1f5f9;background:#f8fafc}.field-palette .palette-tips .tip{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:#64748b}.field-palette .palette-tips .tip i{color:#fbbf24}.designer-section{background:#fff;border:2px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;transition:all .2s ease}.designer-section:hover{border-color:#cbd5e0}.designer-section.selected{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.designer-section.dragging{opacity:.7}.designer-section .section-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:6px 6px 0 0}.designer-section .section-header .section-drag-handle{color:#a0aec0;padding:.25rem;cursor:grab;border-radius:4px;transition:all .2s ease}.designer-section .section-header .section-drag-handle:hover{color:#718096;background:#e2e8f0}.designer-section .section-header .section-drag-handle:active{cursor:grabbing}.designer-section .section-header .section-title{flex:1;margin:0;font-size:.9rem;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:.5rem}.designer-section .section-header .section-title .edit-icon{font-size:.7rem;color:#a0aec0;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.designer-section .section-header .section-title .edit-icon:hover{color:#3498db;background:#ebf8ff}.designer-section .section-header .section-title-input{flex:1;padding:.375rem .5rem;font-size:.9rem;font-weight:600;border:2px solid #3498db;border-radius:4px;outline:none;background:#fff;box-shadow:0 0 0 3px #3498db1a}.designer-section .section-header .section-remove-btn{padding:.375rem .5rem;background:transparent;border:none;color:#a0aec0;cursor:pointer;transition:all .2s ease;border-radius:4px}.designer-section .section-header .section-remove-btn:hover{color:#e53e3e;background:#fff5f5}.designer-section .section-header .section-columns-selector{display:flex;align-items:center;margin-left:auto;margin-right:.5rem}.designer-section .section-header .section-columns-selector label{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#718096;cursor:pointer}.designer-section .section-header .section-columns-selector label i{font-size:.85rem;color:#a0aec0}.designer-section .section-header .section-columns-selector label select{padding:.25rem .5rem;font-size:.75rem;border:1px solid #e2e8f0;border-radius:4px;background:#fff;color:#4a5568;cursor:pointer;outline:none;transition:all .2s ease}.designer-section .section-header .section-columns-selector label select:hover{border-color:#cbd5e0}.designer-section .section-header .section-columns-selector label select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.designer-section .section-content{padding:1rem;min-height:60px;overflow:hidden}.designer-section .empty-section{padding:1.5rem;text-align:center;color:#a0aec0;font-size:.875rem;border:2px dashed #e2e8f0;border-radius:6px}.designer-field{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:.5rem;cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden}.designer-field:last-child{margin-bottom:0}.designer-field:hover{border-color:#cbd5e0;background:#fafbfc}.designer-field.selected{border-color:#3498db;background:#f8fbff;box-shadow:0 0 0 2px #3498db26}.designer-field.dragging{opacity:.5;box-shadow:0 4px 12px #0000001a}.designer-field .field-drag-handle{color:#d1d5db;cursor:grab;padding:.25rem;border-radius:3px;transition:all .15s ease;flex-shrink:0}.designer-field .field-drag-handle svg{font-size:.8rem}.designer-field .field-drag-handle:hover{color:#9ca3af;background:#f3f4f6}.designer-field .field-drag-handle:active{cursor:grabbing;color:#6b7280}.designer-field .field-content{flex:1;min-width:0}.designer-field .field-content .field-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.1rem}.designer-field .field-content .field-header .field-label{font-weight:600;color:#334155;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.designer-field .field-content .field-header .field-label .required-badge{color:#ef4444;margin-left:.15rem;font-weight:700}.designer-field .field-content .field-meta{display:flex;align-items:center;gap:.4rem;font-size:.65rem;margin-top:.15rem}.designer-field .field-content .field-meta .field-type-badge{background:#f8fafc;padding:.1rem .35rem;border-radius:3px;border:1px solid #e2e8f0;font-weight:500;font-size:.6rem}.designer-field .field-content .field-meta .field-name{color:#9ca3af;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-size:.6rem}.designer-field .field-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s ease;flex-shrink:0}.designer-field .field-action-btn{width:24px;height:24px;min-width:24px;padding:0;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;transition:all .15s ease;border-radius:4px;display:flex;align-items:center;justify-content:center}.designer-field .field-action-btn svg{font-size:.65rem}.designer-field .field-action-btn:hover{background:#e2e8f0;color:#334155;transform:none}.designer-field .field-action-btn.move-btn:hover,.designer-field .field-action-btn.field-duplicate-btn:hover{color:#3498db;background:#dbeafe;border-color:#93c5fd}.designer-field .field-action-btn.field-remove-btn:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.designer-field:hover .field-actions,.designer-field.selected .field-actions{opacity:1}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.add-field-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:90%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;border-bottom:2px solid #e2e8f0;background:linear-gradient(to bottom,#fff,#f8fafc)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}.modal-header h3:before{content:"⊕";font-size:1.5rem;color:#3498db}.modal-header .modal-close-btn{padding:.5rem;background:transparent;border:none;color:#64748b;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.modal-header .modal-close-btn:hover{color:#dc2626;background:#fee2e2}.modal-filters{padding:1.25rem 1.75rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.modal-filters .field-search{width:100%;padding:.875rem 1.125rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;margin-bottom:1rem;transition:all .2s ease;background:#fff}.modal-filters .field-search::placeholder{color:#94a3b8}.modal-filters .field-search:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.modal-filters .category-filters{display:flex;gap:.625rem;flex-wrap:wrap}.modal-filters .category-filters .category-btn{padding:.5rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:6px;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;text-transform:capitalize}.modal-filters .category-filters .category-btn:hover{background:#f1f5f9;border-color:#cbd5e0;color:#475569}.modal-filters .category-filters .category-btn.active{background:#3498db;border-color:#3498db;color:#fff;box-shadow:0 2px 8px #3498db4d}.modal-field-grid{padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;overflow-y:auto;max-height:50vh}.modal-field-grid .field-type-card{padding:1.25rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;min-height:140px;justify-content:center}.modal-field-grid .field-type-card i{font-size:2rem;color:#3498db;margin-bottom:.25rem}.modal-field-grid .field-type-card .field-type-label{font-weight:600;color:#2c3e50;font-size:.95rem;line-height:1.3}.modal-field-grid .field-type-card .field-type-description{font-size:.7rem;color:#94a3b8;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.modal-field-grid .field-type-card:hover{border-color:#3498db;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #3498db33}.modal-field-grid .field-type-card:hover i{color:#2563eb;transform:scale(1.1)}.modal-field-grid .field-type-card:hover .field-type-label{color:#1e3a8a}.modal-field-grid .field-type-card:active{transform:translateY(0);box-shadow:0 2px 6px #3498db26}.preview-field-row .preview-row-fields{display:flex;flex-wrap:wrap}.preview-field-row .preview-row-fields .preview-row-field-item{min-width:100px}.field-config-panel{height:100%;display:flex;flex-direction:column}.field-config-panel .config-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.field-config-panel .config-panel-header h3{margin:0;font-size:.9rem;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:.5rem}.field-config-panel .config-panel-header h3 i{color:#3498db}.field-config-panel .config-panel-header .close-btn{padding:.375rem .5rem;background:transparent;border:none;color:#a0aec0;cursor:pointer;transition:color .2s ease;border-radius:4px}.field-config-panel .config-panel-header .close-btn:hover{color:#4a5568}.field-config-panel .config-panel-body{flex:1;padding:1rem;overflow-y:auto}.field-config-panel .config-section{margin-bottom:1.5rem}.field-config-panel .config-section:last-child{margin-bottom:0}.field-config-panel .config-section h4{font-size:.8rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.field-config-panel .config-field{margin-bottom:.875rem}.field-config-panel .config-field:last-child{margin-bottom:0}.field-config-panel .config-field label{display:block;font-size:.8rem;font-weight:500;color:#4a5568;margin-bottom:.375rem}.field-config-panel .config-field input[type=text],.field-config-panel .config-field input[type=number],.field-config-panel .config-field input[type=email],.field-config-panel .config-field textarea,.field-config-panel .config-field select{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid #e2e8f0;border-radius:4px;transition:all .2s ease}.field-config-panel .config-field input[type=text]:focus,.field-config-panel .config-field input[type=number]:focus,.field-config-panel .config-field input[type=email]:focus,.field-config-panel .config-field textarea:focus,.field-config-panel .config-field select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.field-config-panel .config-field textarea{resize:vertical;min-height:80px}.field-config-panel .config-field small{display:block;font-size:.75rem;color:#a0aec0;margin-top:.25rem}.field-config-panel .config-field.checkbox-field label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.field-config-panel .config-field.checkbox-field label input[type=checkbox]{width:auto;margin:0}.field-config-panel .config-field-row{display:flex;gap:.75rem}.field-config-panel .config-field-row .config-field.half{flex:1}.field-config-panel .config-help-text{font-size:.75rem;color:#718096;margin:0 0 .75rem;line-height:1.4}.field-config-panel .field-hint{display:block;font-size:.7rem;color:#a0aec0;margin-top:.25rem;font-style:italic}.field-config-panel .row-fields-list{margin-top:.5rem}.field-config-panel .row-fields-list .no-fields-message{font-size:.8rem;color:#a0aec0;font-style:italic;margin:.5rem 0}.field-config-panel .row-fields-list ul{list-style:none;padding:0;margin:0}.field-config-panel .row-fields-list ul li{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-bottom:.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;font-size:.8rem;color:#2c3e50}.field-config-panel .row-fields-list ul li i{color:#718096;font-size:.75rem}.field-config-panel .row-fields-list ul li:last-child{margin-bottom:0}.no-selection-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;color:#a0aec0}.no-selection-panel i{font-size:2.5rem;margin-bottom:1rem}.no-selection-panel p{margin:0;font-size:.9rem}.template-metadata-panel{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.template-metadata-panel h3{margin:0 0 .75rem;font-size:1.1rem;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:.5rem}.template-metadata-panel h3 i{color:#3498db}.template-metadata-panel .settings-intro{font-size:.9rem;color:#64748b;margin:0 0 1.5rem;padding:.75rem;background:#f1f5f9;border-radius:6px;border-left:3px solid #3498db;line-height:1.5}.template-metadata-panel .metadata-section{margin-bottom:2rem}.template-metadata-panel .metadata-section:last-child{margin-bottom:0}.template-metadata-panel .metadata-section h4{font-size:.95rem;font-weight:600;color:#334155;margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:.5rem}.template-metadata-panel .metadata-section h4 i{color:#64748b;font-size:.85rem}.template-metadata-panel .metadata-section .section-description{font-size:.85rem;color:#64748b;margin:0 0 1rem;line-height:1.5}.template-metadata-panel .config-field{margin-bottom:1.25rem;position:relative}.template-metadata-panel .config-field:last-child{margin-bottom:0}.template-metadata-panel .config-field label{display:block;font-size:.875rem;font-weight:500;color:#4a5568;margin-bottom:.375rem}.template-metadata-panel .config-field input[type=text],.template-metadata-panel .config-field input[type=number],.template-metadata-panel .config-field textarea,.template-metadata-panel .config-field select{width:100%;padding:.625rem .875rem;font-size:.9rem;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s ease}.template-metadata-panel .config-field input[type=text]:focus,.template-metadata-panel .config-field input[type=number]:focus,.template-metadata-panel .config-field textarea:focus,.template-metadata-panel .config-field select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.template-metadata-panel .config-field textarea{resize:vertical;min-height:80px}.template-metadata-panel .config-field small{display:block;font-size:.8rem;color:#64748b;margin-top:.5rem;line-height:1.5;padding:.5rem;background:#f8fafc;border-radius:4px;border-left:2px solid #e2e8f0}.template-metadata-panel .config-field small strong{color:#475569}.template-metadata-panel .config-field .icon-picker{position:relative;z-index:100}.template-metadata-panel .config-field .color-input-group{display:flex;gap:.5rem}.template-metadata-panel .config-field .color-input-group input[type=color]{width:50px;height:38px;padding:2px;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer}.template-metadata-panel .config-field .color-input-group input[type=text]{flex:1}.template-preview{max-width:700px;margin:0 auto}.template-preview .preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.template-preview .preview-header h3{margin:0;font-size:1rem;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:.5rem}.template-preview .preview-header h3 svg{color:#3498db}.template-preview .preview-header .preview-controls{display:flex;align-items:center;gap:.75rem}.template-preview .preview-header .preview-controls .interactive-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.template-preview .preview-header .preview-controls .interactive-toggle input{display:none}.template-preview .preview-header .preview-controls .interactive-toggle .toggle-slider{width:36px;height:20px;background:#e2e8f0;border-radius:10px;position:relative;transition:all .2s ease}.template-preview .preview-header .preview-controls .interactive-toggle .toggle-slider:before{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.template-preview .preview-header .preview-controls .interactive-toggle input:checked+.toggle-slider{background:#3498db}.template-preview .preview-header .preview-controls .interactive-toggle input:checked+.toggle-slider:before{transform:translate(16px)}.template-preview .preview-header .preview-controls .interactive-toggle .toggle-text{font-size:.8rem;font-weight:500;color:#64748b}.template-preview .preview-header .preview-controls .reset-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;font-size:.75rem;cursor:pointer;transition:all .15s ease}.template-preview .preview-header .preview-controls .reset-btn:hover{background:#e2e8f0;color:#475569}.template-preview .preview-header .preview-controls .reset-btn svg{font-size:.65rem}.template-preview .preview-content{background:#f8fafc;border-radius:8px;padding:1.5rem}.template-preview .preview-card{background:#fff;border-radius:8px;border-left:4px solid #3498db;box-shadow:0 2px 4px #0000001a;overflow:hidden}.template-preview .preview-card .preview-card-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-bottom:1px solid #e2e8f0}.template-preview .preview-card .preview-card-header i{font-size:1.5rem}.template-preview .preview-card .preview-card-header .preview-card-title h4{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#2c3e50}.template-preview .preview-card .preview-card-header .preview-card-title .preview-department{font-size:.8rem;color:#718096}.template-preview .preview-card .preview-description{padding:1rem 1.25rem;margin:0;color:#718096;font-size:.9rem;border-bottom:1px solid #e2e8f0}.template-preview .preview-card .preview-form{padding:1.25rem}.template-preview .preview-card .preview-section{margin-bottom:1.5rem}.template-preview .preview-card .preview-section:last-child{margin-bottom:0}.template-preview .preview-card .preview-section h5{font-size:.9rem;font-weight:600;color:#34495e;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:.5rem}.template-preview .preview-card .preview-section h5 .column-indicator{font-size:.75rem;font-weight:400;color:#a0aec0}.template-preview .preview-card .preview-section .preview-fields{display:grid;gap:1rem}.template-preview .preview-card .preview-section .no-fields{color:#a0aec0;font-size:.875rem;font-style:italic}.template-preview .preview-card .preview-field label{display:block;font-size:.85rem;font-weight:500;color:#4a5568;margin-bottom:.375rem}.template-preview .preview-card .preview-field label .required{color:#e53e3e;margin-left:.25rem}.template-preview .preview-card .preview-field input,.template-preview .preview-card .preview-field textarea,.template-preview .preview-card .preview-field select{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid #e2e8f0;border-radius:4px;background:#f8fafc}.template-preview .preview-card .preview-field textarea{resize:none}.template-preview .preview-card .preview-field .help-text{display:block;font-size:.75rem;color:#a0aec0;margin-top:.25rem}.template-preview .preview-card .preview-field .checkbox-preview{display:flex;align-items:center;gap:.5rem;cursor:default}.template-preview .preview-card .preview-field .checkbox-preview input{width:auto}.template-preview .preview-card .preview-field .toggle-preview{display:flex;align-items:center;gap:.75rem;cursor:default}.template-preview .preview-card .preview-field .toggle-preview .toggle-input{display:none}.template-preview .preview-card .preview-field .toggle-preview .toggle-slider-preview{position:relative;width:42px;height:22px;background-color:#cbd5e0;border-radius:22px;transition:background-color .2s}.template-preview .preview-card .preview-field .toggle-preview .toggle-slider-preview:before{content:"";position:absolute;height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .2s}.template-preview .preview-card .preview-field .toggle-preview .toggle-label{font-size:.95rem}.template-preview .preview-card .preview-field .radio-preview{display:flex;flex-direction:column;gap:.5rem}.template-preview .preview-card .preview-field .radio-preview .radio-label{font-weight:500;margin-bottom:.25rem}.template-preview .preview-card .preview-field .radio-preview .radio-option{display:flex;align-items:center;gap:.5rem;cursor:default}.template-preview .preview-card .preview-field .radio-preview .radio-option input{width:auto}.template-preview .preview-card .preview-field-row{margin-bottom:1rem}.template-preview .preview-card .preview-field-row:last-child{margin-bottom:0}.template-preview .preview-card .preview-field-row .row-label{display:block;font-size:.9rem;font-weight:600;color:#2c3e50;margin-bottom:.75rem}.template-preview .preview-card .preview-field-row .preview-row-fields{display:flex;gap:1rem;flex-wrap:wrap}.template-preview .preview-card .preview-field-row .preview-row-fields.gap-sm{gap:.5rem}.template-preview .preview-card .preview-field-row .preview-row-fields.gap-md{gap:1rem}.template-preview .preview-card .preview-field-row .preview-row-fields.gap-lg{gap:1.5rem}.template-preview .preview-card .preview-field-row .preview-row-fields .preview-row-field-item{flex:1;min-width:150px}.template-preview .preview-card .preview-field-row .preview-row-fields .preview-row-field-item label{display:block;font-size:.85rem;font-weight:500;color:#4a5568;margin-bottom:.375rem}.template-preview .preview-card .preview-field-row .preview-row-fields .preview-row-field-item label .required{color:#e53e3e;margin-left:.25rem}.template-preview .preview-card .preview-field-row .preview-row-fields .preview-row-field-item input,.template-preview .preview-card .preview-field-row .preview-row-fields .preview-row-field-item textarea,.template-preview .preview-card .preview-field-row .preview-row-fields .preview-row-field-item select{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid #e2e8f0;border-radius:4px;background:#f8fafc}.template-preview .preview-card .preview-field-row .preview-row-fields .no-fields-in-row{color:#a0aec0;font-size:.85rem;font-style:italic;padding:.5rem}.template-preview .preview-card .no-sections{text-align:center;color:#a0aec0;font-style:italic;padding:2rem}.template-preview .preview-card .preview-defaults{display:flex;gap:1.5rem;padding:1rem 1.25rem;background:#f8fafc;border-top:1px solid #e2e8f0}.template-preview .preview-card .preview-defaults span{font-size:.8rem;color:#718096}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn.btn-primary{background:#3498db;border-color:#3498db;color:#fff}.btn.btn-primary:hover:not(:disabled){background:#2980b9;border-color:#2980b9}.btn.btn-secondary{background:#fff;border-color:#cbd5e0;color:#4a5568}.btn.btn-secondary:hover:not(:disabled){background:#f7fafc;border-color:#a0aec0}.btn.btn-outline-primary{background:transparent;border-color:#3498db;color:#3498db}.btn.btn-outline-primary:hover:not(:disabled){background:#3498db;color:#fff}.btn.btn-sm{padding:.375rem .75rem;font-size:.8rem}@media(max-width:1200px){.template-designer .designer-content .fields-tab{flex-wrap:wrap}.template-designer .designer-content .designer-left-panel{width:100%;border-right:none;border-bottom:1px solid #e2e8f0}.template-designer .designer-content .designer-canvas{width:100%}.template-designer .designer-content .designer-right-panel{width:100%;border-left:none;border-top:1px solid #e2e8f0}.field-palette .palette-fields{flex-direction:row;flex-wrap:wrap}.field-palette .palette-field-btn{width:auto;flex:1;min-width:150px}}@media(max-width:768px){.template-designer{min-height:auto}.template-designer .designer-header{flex-direction:column;gap:1rem;align-items:flex-start}.template-designer .designer-header .designer-actions{width:100%}.template-designer .designer-header .designer-actions .btn{flex:1}.template-designer .designer-tabs{overflow-x:auto;padding:0 1rem}.template-designer .designer-tabs .tab-btn{padding:.75rem 1rem;white-space:nowrap}.template-designer .designer-content .settings-tab,.template-designer .designer-content .preview-tab{padding:1rem}.template-preview .preview-card .preview-section .preview-fields{grid-template-columns:1fr}.template-preview .preview-card .preview-defaults{flex-wrap:wrap;gap:.75rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.dragging{animation:pulse .3s ease-in-out}.dragging-overlay{opacity:.9;box-shadow:0 8px 25px #00000026;border:2px solid #3498db;background:#fff;transform:rotate(2deg)}.dragging-overlay.designer-section{border-radius:8px;min-width:300px}.dragging-overlay.designer-section .section-header{background:#ebf8ff;border-bottom:none}.dragging-overlay.designer-field{border-radius:6px;min-width:250px;background:#ebf8ff}.dragging-overlay.designer-field-row{border-radius:6px;min-width:300px;background:#fff9f0;border-color:#f39c12}.dragging-overlay.designer-field-row .field-row-content .field-row-header{opacity:1}.designer-field{border:1px solid #e2e8f0;background:#fff;border-radius:6px;margin-bottom:8px;display:flex;align-items:stretch;position:relative;transition:box-shadow .15s ease,border-color .15s ease}.designer-field:hover{box-shadow:0 2px 6px #00000014;border-color:#cbd5e0}.field-drag-handle{width:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#f8fafc,#edf2f7);border-right:1px solid #e2e8f0;cursor:grab;color:#57565b;font-size:16px;-webkit-user-select:none;user-select:none;transition:background .15s ease,color .15s ease}.designer-field.dragging .field-drag-handle,.field-drag-handle:hover{background:#f63040;color:#fff}.section-drag-handle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#f8fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:6px;margin-right:12px;cursor:grab;color:#57565b;font-size:18px;transition:background .15s ease,color .15s ease,border-color .15s ease}.designer-section.dragging .section-drag-handle,.section-drag-handle:hover{background:#f63040;color:#fff;border-color:#f63040}.field-remove-btn,.section-remove-btn{background:#fff;border:1px solid #dc3545;color:#dc3545;border-radius:6px;padding:4px 8px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;height:32px;align-self:center;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.field-remove-btn i,.section-remove-btn i{pointer-events:none}.field-remove-btn:hover,.section-remove-btn:hover{background:#dc3545;color:#fff}.field-remove-btn:active,.section-remove-btn:active{box-shadow:inset 0 2px 4px #00000026}.designer-section{border:1px solid #e2e8f0;background:#fff;border-radius:8px;padding:12px 14px;margin-bottom:14px}.designer-section.dragging{box-shadow:0 2px 8px #00000026}.designer-section .section-header{display:flex;align-items:center;margin-bottom:10px}.designer-section .section-title{font-size:16px;font-weight:600;margin:0}.designer-row{position:relative;display:flex;align-items:stretch;gap:10px;padding:16px;margin:12px 0;background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:10px;min-height:120px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;overflow:hidden;max-width:100%;width:100%}.designer-row.selected{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#fff);box-shadow:0 0 0 4px #3b82f626,0 4px 12px #3b82f61a}.designer-row.dragging{opacity:.7;box-shadow:0 8px 24px #0003;transform:scale(1.02)}.designer-row:hover{border-color:#9ca3af;box-shadow:0 4px 12px #00000014}.designer-row:hover .row-hover-actions{opacity:1;visibility:visible}.row-hover-actions{position:absolute;top:-12px;right:12px;display:flex;gap:4px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10}.row-hover-actions button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.row-hover-actions button:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.row-hover-actions button.delete-btn:hover{background:#ef4444;border-color:#ef4444;box-shadow:0 4px 8px #ef44444d}.row-drag-handle{display:flex;align-items:center;justify-content:center;width:32px;padding:6px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:6px;color:#9ca3af;cursor:grab;flex-shrink:0;transition:all .2s ease;box-shadow:inset 0 1px 2px #0000000d}.row-drag-handle i{font-size:16px}.row-drag-handle:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#6b7280;box-shadow:inset 0 1px 3px #0000001a}.row-drag-handle:active{cursor:grabbing;transform:scale(.95)}.row-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden}.row-header{display:flex;align-items:center;gap:8px;padding:6px 10px 10px;border-bottom:1px solid #e5e7eb;background:#fafafa;border-radius:6px 6px 0 0;margin:-4px -4px 8px;flex-wrap:wrap}.row-header .row-icon{color:#3b82f6;font-size:14px}.row-header .row-label{font-weight:600;font-size:.75rem;color:#374151;letter-spacing:.2px}.row-header .add-column-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:.65rem;font-weight:600;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#374151;cursor:pointer;transition:all .15s ease;height:auto;min-width:auto}.row-header .add-column-btn svg{font-size:.6rem;color:#3b82f6}.row-header .add-column-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:none}.row-header .add-column-btn:hover svg{color:#fff}.row-layout-controls{display:flex;align-items:center;gap:4px;margin-left:auto}.row-layout-controls .layout-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;padding:0;background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;transition:all .15s ease}.row-layout-controls .layout-btn svg{font-size:.65rem}.row-layout-controls .layout-btn:hover{background:#f1f5f9;color:#334155;transform:none}.row-layout-controls .preset-dropdown{position:relative}.row-layout-controls .preset-dropdown .preset-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 10px 25px #00000026;z-index:100;min-width:140px;overflow:hidden}.row-layout-controls .preset-dropdown .preset-menu .preset-header{padding:.4rem .6rem;font-size:.6rem;font-weight:600;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.5px}.row-layout-controls .preset-dropdown .preset-menu .preset-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .6rem;background:#fff;border:none;text-align:left;cursor:pointer;transition:all .15s ease;height:auto;min-width:auto}.row-layout-controls .preset-dropdown .preset-menu .preset-item .preset-icon{font-family:monospace;font-size:.65rem;color:#94a3b8;letter-spacing:1px}.row-layout-controls .preset-dropdown .preset-menu .preset-item .preset-label{font-size:.7rem;color:#334155}.row-layout-controls .preset-dropdown .preset-menu .preset-item:hover{background:#f1f5f9;transform:none}.row-layout-controls .preset-dropdown .preset-menu .preset-item:hover .preset-label{color:#1e293b}.span-indicator{font-size:.6rem;font-weight:600;color:#64748b;background:#f1f5f9;padding:.15rem .4rem;border-radius:3px;margin-left:auto}.span-indicator.invalid{color:#ef4444;background:#fef2f2}.row-columns{display:flex;gap:8px;flex:1;overflow:hidden;min-width:0;width:100%;max-width:100%}.row-column{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px;background:#fff;border:2px dashed #d1d5db;border-radius:6px;min-height:80px;transition:all .2s ease;overflow:hidden;min-width:0;flex:1 1 0%}.row-column.drag-over{border-color:#3498db;border-style:solid;background:#eff6ff}.row-column:before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,#cbd5e0 0px,#cbd5e0 5px,transparent 5px,transparent 10px)}.row-column:first-child:before{display:none}.row-column:hover{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.row-column.drag-over{border-color:#3b82f6;border-style:solid;background:linear-gradient(135deg,#dbeafe,#eff6ff);box-shadow:0 0 0 4px #3b82f633,inset 0 0 20px #3b82f61a}.row-column.drag-over:after{content:"Drop Here";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:1px;pointer-events:none;z-index:10}.row-column-empty{justify-content:center;align-items:center;text-align:center;min-height:150px}.row-column-empty .empty-message{display:flex;flex-direction:column;align-items:center;gap:8px;color:#9ca3af}.row-column-empty .empty-message i{font-size:32px;opacity:.5}.row-column-empty .empty-message span{font-size:13px;font-weight:500}.column-header{display:flex;align-items:center;gap:4px;padding:4px 6px 6px;border-bottom:1px solid #e5e7eb;background:#fafafa}.column-header .column-label{font-size:.55rem;font-weight:700;color:#3b82f6;background:#dbeafe;padding:2px 5px;border-radius:3px;font-family:Courier New,monospace;text-transform:uppercase}.column-header .column-span-select{font-size:.6rem;padding:2px 4px;border:1px solid #d1d5db;border-radius:3px;background:#fff;color:#374151;cursor:pointer;min-width:45px;font-weight:500;transition:all .15s ease}.column-header .column-span-select:hover{border-color:#3b82f6}.column-header .column-span-select:focus{outline:none;border-color:#3b82f6}.column-header .remove-column-btn{margin-left:auto;display:flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;padding:0;background:#fff;border:1px solid #e5e7eb;border-radius:3px;color:#ef4444;cursor:pointer;transition:all .15s ease}.column-header .remove-column-btn svg{font-size:.55rem}.column-header .remove-column-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:none}.column-fields{display:flex;flex-direction:column;gap:4px;flex:1}.column-fields .empty-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;color:#9ca3af;font-size:.65rem;text-align:center}.column-fields .empty-message i{font-size:.9rem}.column-field-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border:2px solid #e9ecef;border-radius:6px;font-size:.75rem;color:#495057;transition:all .2s ease;cursor:pointer}.column-field-item:hover{background:#f8fafc;border-color:#3498db;box-shadow:0 2px 8px #3498db26}.column-field-item.selected{border-color:#3498db;background:linear-gradient(135deg,#ebf5ff,#fff);box-shadow:0 0 0 3px #3498db33}.column-field-item i{font-size:.85rem;flex-shrink:0}.column-field-item .column-field-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.column-field-item .column-field-info .column-field-label{font-weight:600;color:#2c3e50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-field-item .column-field-info .column-field-placeholder{font-size:.65rem;color:#94a3b8;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-field-item .remove-field-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;padding:0;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#ef4444;cursor:pointer;opacity:0;transition:all .15s ease;flex-shrink:0}.column-field-item .remove-field-btn svg{font-size:.6rem}.column-field-item .remove-field-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:none}.column-field-item:hover .remove-field-btn,.column-field-item.selected .remove-field-btn{opacity:1}.add-field-to-column-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px;font-size:11px;background:#fff;border:1px dashed #ced4da;border-radius:4px;color:#6c757d;cursor:pointer;transition:all .2s ease;margin-top:auto}.add-field-to-column-btn:hover{background:#f8f9fa;border-color:#adb5bd;color:#495057}.designer-row.dragging-overlay{box-shadow:0 8px 24px #0003;transform:rotate(2deg)}.column-resizer{position:relative;width:12px;margin:0 -6px;cursor:col-resize;z-index:10;display:flex;align-items:center;justify-content:center}.column-resizer .resizer-handle{width:12px;height:40px;background:#e2e8f0;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:0}.column-resizer .resizer-handle svg{color:#64748b;font-size:.7rem}.column-resizer:hover .resizer-handle,.column-resizer.dragging .resizer-handle{opacity:1;background:#f63040}.column-resizer:hover .resizer-handle svg,.column-resizer.dragging .resizer-handle svg{color:#fff}.column-resizer.dragging .resizer-handle{height:100%;background:#f63040;box-shadow:0 0 8px #f6304066}.conditional-logic-panel{margin-top:1rem;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff}.conditional-logic-panel .conditional-logic-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;background:#f8fafc;border:none;cursor:pointer;transition:all .15s ease}.conditional-logic-panel .conditional-logic-header .header-content{display:flex;align-items:center;gap:.5rem;color:#475569;font-weight:600;font-size:.85rem}.conditional-logic-panel .conditional-logic-header .header-content svg{color:#3498db}.conditional-logic-panel .conditional-logic-header .condition-badge{background:#f63040;color:#fff;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:10px;min-width:18px;text-align:center}.conditional-logic-panel .conditional-logic-header i{color:#94a3b8;font-size:.7rem}.conditional-logic-panel .conditional-logic-header:hover{background:#f1f5f9}.conditional-logic-panel .conditional-logic-header.expanded{background:#e2e8f0}.conditional-logic-panel .conditional-logic-content{padding:1rem;border-top:1px solid #e2e8f0}.conditional-logic-panel .conditional-logic-content .no-fields-message{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;color:#94a3b8;text-align:center}.conditional-logic-panel .conditional-logic-content .no-fields-message svg{font-size:1.5rem}.conditional-logic-panel .conditional-logic-content .no-fields-message p{margin:0;font-size:.8rem}.conditional-logic-panel .conditional-logic-content .condition-intro{font-size:.8rem;color:#64748b;margin:0 0 1rem}.conditional-logic-panel .conditional-logic-content .logic-toggle{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;color:#64748b}.conditional-logic-panel .conditional-logic-content .logic-toggle .logic-btn{padding:.25rem .5rem;background:#f63040;border:none;border-radius:4px;color:#fff;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .15s ease}.conditional-logic-panel .conditional-logic-content .logic-toggle .logic-btn:hover{background:#e90a1c}.conditional-logic-panel .conditional-logic-content .conditions-list{display:flex;flex-direction:column;gap:.5rem}.conditional-logic-panel .conditional-logic-content .conditions-list .condition-row .condition-connector{display:block;font-size:.7rem;font-weight:600;color:#94a3b8;margin:.25rem 0 .25rem .5rem}.conditional-logic-panel .conditional-logic-content .conditions-list .condition-row .condition-inputs{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;padding:.5rem;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.conditional-logic-panel .conditional-logic-content .conditions-list .condition-row .condition-inputs select,.conditional-logic-panel .conditional-logic-content .conditions-list .condition-row .condition-inputs input{padding:.4rem .5rem;font-size:.75rem;border:1px solid #e2e8f0;border-radius:4px;background:#fff}.conditional-logic-panel .conditional-logic-content .conditions-list .condition-row .condition-inputs select:focus,.conditional-logic-panel .conditional-logic-content .conditions-list .condition-row .condition-inputs input:focus{outline:none;border-color:#f63040}.conditional-logic-panel .conditional-logic-content .conditions-list .condition-row .condition-inputs .condition-field-select{flex:1;min-width:100px}.conditional-logic-panel .conditional-logic-content .conditions-list .condition-row .condition-inputs .condition-operator-select{min-width:100px}.conditional-logic-panel .conditional-logic-content .conditions-list .condition-row .condition-inputs .condition-value-input{flex:1;min-width:80px}.conditional-logic-panel .conditional-logic-content .conditions-list .condition-row .condition-inputs .remove-condition-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fef2f2;border:none;border-radius:4px;color:#ef4444;cursor:pointer;transition:all .15s ease}.conditional-logic-panel .conditional-logic-content .conditions-list .condition-row .condition-inputs .remove-condition-btn:hover{background:#ef4444;color:#fff}.conditional-logic-panel .conditional-logic-content .condition-actions{display:flex;gap:.5rem;margin-top:1rem}.conditional-logic-panel .conditional-logic-content .condition-actions .add-condition-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:#3498db;border:none;border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.conditional-logic-panel .conditional-logic-content .condition-actions .add-condition-btn:hover{background:#2980b9}.conditional-logic-panel .conditional-logic-content .condition-actions .clear-conditions-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.conditional-logic-panel .conditional-logic-content .condition-actions .clear-conditions-btn:hover{background:#e2e8f0;color:#334155}.conditional-logic-panel .conditional-logic-content .condition-preview{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.6rem .75rem;background:#fef3c7;border-radius:6px;border:1px solid #fcd34d}.conditional-logic-panel .conditional-logic-content .condition-preview svg{color:#f59e0b;font-size:.9rem}.conditional-logic-panel .conditional-logic-content .condition-preview span{font-size:.75rem;color:#92400e}.icon-picker{position:relative;width:100%}.icon-picker.disabled{opacity:.6;pointer-events:none}.icon-picker-trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:44px}.icon-picker-trigger:hover{border-color:#cbd5e0}.icon-picker-trigger:focus-within{border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.icon-picker-trigger .selected-icon{display:flex;align-items:center;gap:10px;flex:1}.icon-picker-trigger .selected-icon i:first-child{font-size:1.2rem}.icon-picker-trigger .selected-icon .icon-label{font-size:.9rem;color:#2d3748}.icon-picker-trigger .selected-icon .clear-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;transition:all .15s ease;margin-left:auto}.icon-picker-trigger .selected-icon .clear-btn i{font-size:.7rem;color:#718096}.icon-picker-trigger .selected-icon .clear-btn:hover{background:#fed7d7;border-color:#fc8181}.icon-picker-trigger .selected-icon .clear-btn:hover i{color:#c53030}.icon-picker-trigger .placeholder{display:flex;align-items:center;gap:8px;color:#a0aec0;font-size:.9rem}.icon-picker-trigger .placeholder i{font-size:1rem}.icon-picker-trigger .dropdown-arrow{color:#718096;font-size:.75rem;margin-left:8px}.icon-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;max-height:400px;display:flex;flex-direction:column;overflow:hidden}.icon-search{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #e2e8f0;background:#f7fafc}.icon-search i{color:#a0aec0;font-size:.9rem}.icon-search input{flex:1;border:none;background:transparent;font-size:.9rem;outline:none;color:#2d3748}.icon-search input::placeholder{color:#a0aec0}.icon-picker-content{flex:1;overflow-y:auto;max-height:320px}.icon-search-results{padding:12px}.icon-search-results .no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;color:#a0aec0}.icon-search-results .no-results i{font-size:2rem;margin-bottom:12px;opacity:.5}.icon-search-results .no-results p{margin:0;font-size:.9rem}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;padding:8px 0}.icon-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .15s ease}.icon-option i{font-size:1.25rem}.icon-option span{font-size:.7rem;color:#718096;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.icon-option:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.icon-option.selected{background:#f630401a;border-color:#f63040}.icon-option.selected span{color:#f63040;font-weight:600}.icon-categories{padding:8px}.icon-category{margin-bottom:4px}.icon-category:last-child{margin-bottom:0}.category-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:.85rem;font-weight:600;color:#4a5568}.category-header i{font-size:.7rem;color:#a0aec0;transition:transform .2s ease}.category-header:hover{background:#edf2f7}.category-header.expanded{background:#57565b;color:#fff;border-color:#57565b;border-radius:6px 6px 0 0}.category-header.expanded i{color:#fff}.icon-category .icon-grid{background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 6px 6px;padding:12px;margin-bottom:8px}@media(max-width:480px){.icon-picker-dropdown{max-height:350px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.icon-option{padding:10px 6px}.icon-option i{font-size:1.1rem}.icon-option span{font-size:.65rem}}.module-template-config-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-left{flex:1}.page-header h1{font-size:1.75rem;font-weight:700;color:#2d3748;margin:0 0 8px;display:flex;align-items:center;gap:12px}.page-header h1 i{color:#f63040}.page-description{color:#718096;font-size:.95rem;margin:0;max-width:700px}.header-actions{display:flex;gap:12px;align-items:center}.header-actions .btn{padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-outline-primary{background:#fff;color:#f63040;border:2px solid #F63040}.btn-outline-primary:hover{background:#f630400d}.btn-primary{background:#f63040;color:#fff;border:none}.btn-primary:hover:not(:disabled){background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary.has-changes{animation:pulse-save 2s ease-in-out infinite}@keyframes pulse-save{0%,to{box-shadow:0 0 #f6304066}50%{box-shadow:0 0 0 8px #f6304000}}.change-badge{background:#fff;color:#f63040;font-size:.75rem;padding:2px 8px;border-radius:12px;margin-left:4px}.filter-bar{display:flex;gap:24px;margin-bottom:24px;padding:16px 20px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;align-items:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{font-weight:600;font-size:.9rem;color:#4a5568;white-space:nowrap}.filter-group select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;background:#fff;min-width:200px;cursor:pointer;transition:border-color .2s}.filter-group select:focus{outline:none;border-color:#f63040}.checkbox-group{margin-left:auto}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#4a5568}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#F63040}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#718096;gap:12px}.loading-container i{color:#f63040}.no-modules{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#a0aec0;gap:12px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.modules-container{display:flex;flex-direction:column;gap:24px}.module-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;overflow:hidden}.module-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#57565b,#4a4a4e);border-bottom:3px solid #F63040}.module-header h2{font-size:1.1rem;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:10px}.module-header h2 i{opacity:.9}.context-count{background:#fff3;color:#fff;font-size:.8rem;padding:4px 12px;border-radius:20px;font-weight:500}.contexts-table-wrapper{overflow-x:auto}.contexts-table{width:100%;border-collapse:collapse}.contexts-table thead{background:#f7fafc}.contexts-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:.8rem;color:#718096;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.contexts-table tbody tr{transition:background .2s ease}.contexts-table tbody tr:hover{background:#f8fafc}.contexts-table tbody tr.inactive-row{opacity:.6;background:#fafafa}.contexts-table tbody tr.has-pending-change{background:#fffdf0}.contexts-table td{padding:14px 16px;font-size:.9rem;color:#4a5568;border-bottom:1px solid #edf2f7;vertical-align:middle}.icon-cell{width:40px;text-align:center}.icon-cell i{color:#718096;font-size:1rem}.contexts-table td strong{display:block;font-weight:600;color:#2d3748;margin-bottom:2px}.context-key{font-size:.75rem;color:#a0aec0;font-family:monospace}.description-cell{max-width:300px;font-size:.85rem;color:#718096}.text-muted{color:#cbd5e0;font-style:italic}.template-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;min-width:250px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}.template-select:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.template-select.changed{border-color:#f6ad55;background:#fffaf0}.template-select:disabled{background:#f7fafc;cursor:not-allowed;opacity:.6}.change-indicator{display:inline-block;margin-left:8px;color:#f6ad55;font-size:.6rem}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;margin-right:4px}.badge-success{background:#c6f6d5;color:#22543d}.badge-secondary{background:#e2e8f0;color:#4a5568}.badge-info{background:#bee3f8;color:#2c5282}.btn-sm{padding:6px 10px;font-size:.8rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-outline-warning{background:transparent;color:#dd6b20;border:1px solid #dd6b20}.btn-outline-warning:hover{background:#fffaf0}.btn-outline-success{background:transparent;color:#38a169;border:1px solid #38a169}.btn-outline-success:hover{background:#f0fff4}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:28px 32px;border-radius:16px;min-width:400px;max-width:550px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-content h2{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0 0 8px}.modal-description{color:#718096;font-size:.9rem;margin:0 0 24px}.modal-content .form-group{margin-bottom:16px}.modal-content .form-group label{display:block;font-weight:600;font-size:.9rem;color:#4a5568;margin-bottom:6px}.modal-content .form-control{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.modal-content .form-control:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.modal-content textarea.form-control{resize:vertical}.help-text{font-size:.8rem;color:#a0aec0;margin-top:4px}.help-text strong{color:#718096}.modal-actions .btn-secondary{background:#fff;color:#4a5568;border:1px solid #e2e8f0}.modal-actions .btn-secondary:hover{background:#f7fafc}.modal-actions .btn:disabled{opacity:.5;cursor:not-allowed}.new-context-modal{max-width:600px;min-width:500px}.new-context-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.new-context-modal .modal-header h2{display:flex;align-items:center;gap:10px;font-size:1.35rem;margin:0}.new-context-modal .modal-header h2 i{color:#f63040}.new-context-modal .close-btn{background:none;border:none;font-size:1.25rem;color:#a0aec0;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.new-context-modal .close-btn:hover{background:#f7fafc;color:#4a5568}.new-context-modal .modal-intro{margin-bottom:20px}.new-context-modal .info-box{display:flex;gap:12px;padding:14px 16px;background:#ebf8ff;border-radius:8px;border-left:4px solid #3182ce}.new-context-modal .info-box i{color:#3182ce;font-size:1.1rem;margin-top:2px}.new-context-modal .info-box strong{display:block;color:#2c5282;margin-bottom:4px;font-size:.9rem}.new-context-modal .info-box p{margin:0;color:#4a5568;font-size:.85rem;line-height:1.4}.new-context-modal .form-section{margin-bottom:24px;padding:16px;background:#f7fafc;border-radius:8px}.new-context-modal .form-section h3{font-size:1rem;font-weight:600;color:#2d3748;margin:0 0 4px}.new-context-modal .section-help{font-size:.85rem;color:#718096;margin:0 0 16px}.new-context-modal .required{color:#f63040;margin-left:2px}.new-context-modal .mt-2{margin-top:8px}@media(max-width:1024px){.module-template-config-page{padding:16px}.page-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-start}.filter-bar{flex-direction:column;align-items:stretch}.filter-group{flex-direction:column;align-items:flex-start;gap:6px}.filter-group select{width:100%;min-width:unset}.checkbox-group{margin-left:0}}@media(max-width:768px){.modal-content{min-width:unset;width:95vw;max-width:95vw;padding:20px}.new-context-modal{min-width:unset;max-width:95vw}.template-select{min-width:150px}.description-cell{max-width:150px}}.info-box{display:flex;gap:16px;padding:16px 20px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;margin-bottom:24px;align-items:flex-start}.info-box>i{color:#0284c7;font-size:1.25rem;flex-shrink:0;margin-top:2px}.info-box strong{display:block;color:#0369a1;font-size:.95rem;margin-bottom:4px}.info-box p{color:#4a5568;font-size:.9rem;margin:0;line-height:1.5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:#fff;border-radius:16px;border:2px dashed #e2e8f0;text-align:center}.empty-state i{color:#cbd5e0;margin-bottom:20px}.empty-state h2{font-size:1.5rem;font-weight:700;color:#4a5568;margin:0 0 12px}.empty-state p{color:#718096;font-size:1rem;margin:0 0 24px;max-width:400px;line-height:1.6}.empty-state .btn-lg{padding:14px 28px;font-size:1rem}.contexts-list{padding:0}.context-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #edf2f7;transition:background .2s ease;gap:20px}.context-row:last-child{border-bottom:none}.context-row:hover{background:#f8fafc}.context-row.has-pending-change{background:#fffdf0}.context-info{display:flex;align-items:flex-start;gap:14px;flex:1;min-width:0}.context-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f7fafc;border-radius:10px;color:#718096;font-size:1rem;flex-shrink:0}.context-details{flex:1;min-width:0}.context-details strong{display:block;font-weight:600;color:#2d3748;font-size:.95rem;margin-bottom:4px}.context-description{display:block;font-size:.85rem;color:#718096;line-height:1.4}.context-template{display:flex;align-items:center;gap:8px;flex-shrink:0}.context-template .template-select{min-width:280px}.btn-outline-secondary{background:#fff;color:#4a5568;border:2px solid #e2e8f0}.btn-outline-secondary:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.btn-outline-secondary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:900px){.context-row{flex-direction:column;align-items:stretch;gap:12px}.context-template{width:100%}.context-template .template-select{width:100%;min-width:unset}}.scheduled-tasks-page{padding:20px;max-width:1400px;margin:0 auto}.scheduled-tasks-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.scheduled-tasks-page .page-header .header-content h1{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:600;color:#343a40;margin:0}.scheduled-tasks-page .page-header .header-content h1 i{color:#dc3545}.scheduled-tasks-page .page-header .header-content .page-description{color:#6c757d;margin:8px 0 0;font-size:.95rem}.scheduled-tasks-page .page-header .header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.scheduled-tasks-page .page-header .header-actions .checkbox-label{display:flex;align-items:center;gap:6px;color:#495057;cursor:pointer;font-size:.9rem}.scheduled-tasks-page .page-header .header-actions .checkbox-label input{cursor:pointer}.scheduled-tasks-page .page-header .header-actions .filter-select{padding:8px 12px;border:1px solid #dee2e6;border-radius:8px;font-size:.9rem;color:#495057;background:#fff;cursor:pointer}.scheduled-tasks-page .page-header .header-actions .filter-select:focus{outline:none;border-color:#dc3545}.scheduled-tasks-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6c757d}.scheduled-tasks-page .loading-state i{color:#dc3545;margin-bottom:16px}.scheduled-tasks-page .loading-state p{font-size:1rem}.scheduled-tasks-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#f8f9fa;border-radius:8px;text-align:center}.scheduled-tasks-page .empty-state i{color:#ced4da;margin-bottom:16px}.scheduled-tasks-page .empty-state h3{font-size:1.25rem;color:#495057;margin:0 0 8px}.scheduled-tasks-page .empty-state p{color:#6c757d;margin:0 0 20px}.scheduled-tasks-page .scheduled-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.scheduled-tasks-page .scheduled-item-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s;border-left:4px solid #dc3545}.scheduled-tasks-page .scheduled-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.scheduled-tasks-page .scheduled-item-card.inactive{border-left-color:#ced4da;opacity:.7}.scheduled-tasks-page .scheduled-item-card.inactive .card-header{background:#e9ecef}.scheduled-tasks-page .scheduled-item-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.scheduled-tasks-page .scheduled-item-card .card-header .card-title{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.scheduled-tasks-page .scheduled-item-card .card-header .card-title i{color:#dc3545;font-size:1.1rem}.scheduled-tasks-page .scheduled-item-card .card-header .card-title h3{font-size:1rem;font-weight:600;color:#343a40;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scheduled-tasks-page .scheduled-item-card .card-header .card-title .badge{font-size:.7rem;padding:3px 8px;border-radius:12px;font-weight:500;white-space:nowrap}.scheduled-tasks-page .scheduled-item-card .card-header .card-title .badge.badge-inactive{background:#adb5bd;color:#fff}.scheduled-tasks-page .scheduled-item-card .card-header .card-title .badge.badge-error{background:#dc3545;color:#fff}.scheduled-tasks-page .scheduled-item-card .card-header .card-actions{display:flex;gap:4px}.scheduled-tasks-page .scheduled-item-card .card-body{padding:16px}.scheduled-tasks-page .scheduled-item-card .card-body .description{color:#6c757d;font-size:.9rem;margin:0 0 12px;line-height:1.4}.scheduled-tasks-page .scheduled-item-card .card-body .card-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.scheduled-tasks-page .scheduled-item-card .card-body .card-meta .meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#6c757d}.scheduled-tasks-page .scheduled-item-card .card-body .card-meta .meta-item i{color:#adb5bd;width:14px}.scheduled-tasks-page .scheduled-item-card .card-body .card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px;border-top:1px solid #e9ecef}.scheduled-tasks-page .scheduled-item-card .card-body .card-stats .stat{text-align:center}.scheduled-tasks-page .scheduled-item-card .card-body .card-stats .stat .stat-label{display:block;font-size:.75rem;color:#adb5bd;text-transform:uppercase;margin-bottom:4px}.scheduled-tasks-page .scheduled-item-card .card-body .card-stats .stat .stat-value{font-size:.85rem;color:#495057;font-weight:500}.scheduled-tasks-page .scheduled-item-card .card-body .card-stats .stat.success .stat-value{color:#28a745}.scheduled-tasks-page .scheduled-item-card .card-body .card-stats .stat.error .stat-value{color:#dc3545}.scheduled-tasks-page .scheduled-item-card .card-body .error-message{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:8px 12px;background:#dc35451a;border-radius:4px;font-size:.8rem;color:#dc3545}.scheduled-tasks-page .scheduled-item-card .card-body .error-message i{margin-top:2px}.scheduled-tasks-page .scheduled-item-card .card-body .error-message span{flex:1;word-break:break-word}.scheduled-tasks-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.scheduled-tasks-page .btn:disabled{opacity:.6;cursor:not-allowed}.scheduled-tasks-page .btn.btn-primary{background:#dc3545;color:#fff}.scheduled-tasks-page .btn.btn-primary:hover:not(:disabled){background:#c82333}.scheduled-tasks-page .btn.btn-secondary{background:#e9ecef;color:#495057}.scheduled-tasks-page .btn.btn-secondary:hover:not(:disabled){background:#dee2e6}.scheduled-tasks-page .btn.btn-success{background:#28a745;color:#fff}.scheduled-tasks-page .btn.btn-success:hover:not(:disabled){background:#1e7e34}.scheduled-tasks-page .btn.btn-warning{background:#ffc107;color:#343a40}.scheduled-tasks-page .btn.btn-warning:hover:not(:disabled){background:#d39e00}.scheduled-tasks-page .btn.btn-danger{background:#dc3545;color:#fff}.scheduled-tasks-page .btn.btn-danger:hover:not(:disabled){background:#bd2130}.scheduled-tasks-page .btn.btn-icon{padding:6px 8px;font-size:.85rem;background:transparent;color:#6c757d}.scheduled-tasks-page .btn.btn-icon:hover:not(:disabled){background:#e9ecef;color:#343a40}.scheduled-tasks-page .btn.btn-icon.btn-success:hover:not(:disabled){background:#28a7451a;color:#28a745}.scheduled-tasks-page .btn.btn-icon.btn-warning:hover:not(:disabled){background:#ffc10733;color:#a07800}.scheduled-tasks-page .btn.btn-icon.btn-danger:hover:not(:disabled){background:#dc35451a;color:#dc3545}.modal-backdrop .modal-content.large-modal{max-width:800px}.modal-backdrop .modal-body .task-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.modal-backdrop .modal-body .task-type-grid .task-type-card{display:flex;flex-direction:column;align-items:center;padding:24px 16px;background:#f8f9fa;border:2px solid transparent;border-radius:8px;cursor:pointer;text-align:center;transition:all .2s}.modal-backdrop .modal-body .task-type-grid .task-type-card:hover{border-color:#dc3545;background:#fff}.modal-backdrop .modal-body .task-type-grid .task-type-card i{color:#dc3545;margin-bottom:12px}.modal-backdrop .modal-body .task-type-grid .task-type-card h3{font-size:1rem;font-weight:600;color:#343a40;margin:0 0 8px}.modal-backdrop .modal-body .task-type-grid .task-type-card p{font-size:.85rem;color:#6c757d;margin:0 0 12px;line-height:1.4}.modal-backdrop .modal-body .task-type-grid .task-type-card .category-badge{font-size:.7rem;padding:4px 10px;background:#e9ecef;color:#6c757d;border-radius:12px}.modal-backdrop .modal-body .form-section{margin-bottom:24px}.modal-backdrop .modal-body .form-section:last-child{margin-bottom:0}.modal-backdrop .modal-body .form-section h3{font-size:1rem;font-weight:600;color:#495057;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.modal-backdrop .modal-body .form-row.checkbox-row{display:flex;flex-wrap:wrap;gap:20px}.modal-backdrop .modal-body .form-group input[type=text],.modal-backdrop .modal-body .form-group input[type=number],.modal-backdrop .modal-body .form-group input[type=email],.modal-backdrop .modal-body .form-group input[type=date],.modal-backdrop .modal-body .form-group select,.modal-backdrop .modal-body .form-group textarea{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;color:#343a40;transition:border-color .2s}.modal-backdrop .modal-body .form-group input[type=text]:focus,.modal-backdrop .modal-body .form-group input[type=number]:focus,.modal-backdrop .modal-body .form-group input[type=email]:focus,.modal-backdrop .modal-body .form-group input[type=date]:focus,.modal-backdrop .modal-body .form-group select:focus,.modal-backdrop .modal-body .form-group textarea:focus{outline:none;border-color:#dc3545}.modal-backdrop .modal-body .form-group input[type=text]::placeholder,.modal-backdrop .modal-body .form-group input[type=number]::placeholder,.modal-backdrop .modal-body .form-group input[type=email]::placeholder,.modal-backdrop .modal-body .form-group input[type=date]::placeholder,.modal-backdrop .modal-body .form-group select::placeholder,.modal-backdrop .modal-body .form-group textarea::placeholder{color:#ced4da}.modal-backdrop .modal-body .form-group .code-input{font-family:Monaco,Menlo,Consolas,monospace;font-size:.85rem;background:#f8f9fa}.modal-backdrop .modal-body .form-group small.warning-text{color:#ffc107}.modal-backdrop .modal-body .form-group small.warning-text i{margin-right:4px}.modal-backdrop .modal-body .form-group small.error-text{color:#dc3545}.modal-backdrop .modal-body .form-group small.error-text i{margin-right:4px}.modal-backdrop .modal-body .form-group small.success-text{color:#28a745}.modal-backdrop .modal-body .form-group small.success-text i{margin-right:4px}.modal-backdrop .modal-body .form-group .input-error{border-color:#dc3545!important;background-color:#dc35450d}.modal-backdrop .modal-body .form-group.checkbox-group{margin-bottom:8px}.modal-backdrop .modal-body .form-group.checkbox-group .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#495057}.modal-backdrop .modal-body .form-group.checkbox-group .checkbox-label input{cursor:pointer}@media(max-width:768px){.scheduled-tasks-page{padding:16px}.scheduled-tasks-page .page-header{flex-direction:column;align-items:stretch}.scheduled-tasks-page .page-header .header-actions{justify-content:flex-start}.scheduled-tasks-page .scheduled-items-grid{grid-template-columns:1fr}.scheduled-tasks-page .scheduled-item-card .card-body .card-stats{grid-template-columns:repeat(2,1fr)}.modal-backdrop .modal-content{max-height:95vh;margin:10px}}.schedule-builder{background:#f8f9fa;border-radius:8px;padding:16px;margin-top:12px}.schedule-builder .day-selector{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.schedule-builder .day-selector .day-btn{padding:8px 14px;border:2px solid #dee2e6;border-radius:6px;background:#fff;color:#495057;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.schedule-builder .day-selector .day-btn:hover{border-color:#dc3545;color:#dc3545}.schedule-builder .day-selector .day-btn.selected{background:#dc3545;border-color:#dc3545;color:#fff}.schedule-preview{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#e8f4fd;border:1px solid #b6d4fe;border-radius:6px;margin-top:12px;color:#0c63e4;font-size:.9rem}.schedule-preview i{font-size:1.1rem}.email-templates-page{padding:20px;max-width:1400px;margin:0 auto}.email-templates-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.email-templates-page .page-header .header-content h1{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:600;color:#343a40;margin:0}.email-templates-page .page-header .header-content h1 i{color:#dc3545}.email-templates-page .page-header .header-content .page-description{color:#6c757d;margin:8px 0 0;font-size:.95rem}.email-templates-page .page-header .header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.email-templates-page .page-header .header-actions .checkbox-label{display:flex;align-items:center;gap:6px;color:#495057;cursor:pointer;font-size:.9rem}.email-templates-page .page-header .header-actions .filter-select{padding:8px 12px;border:1px solid #dee2e6;border-radius:8px;font-size:.9rem;color:#495057;background:#fff;cursor:pointer}.email-templates-page .page-header .header-actions .filter-select:focus{outline:none;border-color:#dc3545}.email-templates-page .placeholders-info{margin-bottom:24px;background:#f8f9fa;border-radius:8px;overflow:hidden}.email-templates-page .placeholders-info .collapse-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;font-size:.9rem;color:#495057;text-align:left}.email-templates-page .placeholders-info .collapse-toggle i:first-child{color:#dc3545}.email-templates-page .placeholders-info .collapse-toggle i:last-child{margin-left:auto;transition:transform .2s}.email-templates-page .placeholders-info .collapse-toggle:hover{background:#e9ecef}.email-templates-page .placeholders-info .placeholders-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.email-templates-page .placeholders-info .placeholders-content.expanded{max-height:300px;overflow-y:auto}.email-templates-page .placeholders-info .placeholders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:16px}.email-templates-page .placeholders-info .placeholders-grid .placeholder-item{display:flex;flex-direction:column;gap:4px;padding:10px;background:#fff;border-radius:4px;font-size:.85rem}.email-templates-page .placeholders-info .placeholders-grid .placeholder-item code{color:#dc3545;font-weight:600}.email-templates-page .placeholders-info .placeholders-grid .placeholder-item .ph-desc{color:#495057}.email-templates-page .placeholders-info .placeholders-grid .placeholder-item .ph-example{color:#adb5bd;font-style:italic;font-size:.8rem}.email-templates-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6c757d}.email-templates-page .loading-state i{color:#dc3545;margin-bottom:16px}.email-templates-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#f8f9fa;border-radius:8px;text-align:center}.email-templates-page .empty-state i{color:#ced4da;margin-bottom:16px}.email-templates-page .empty-state h3{font-size:1.25rem;color:#495057;margin:0 0 8px}.email-templates-page .empty-state p{color:#6c757d;margin:0 0 20px}.email-templates-page .templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.email-templates-page .template-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s;border-left:4px solid #dc3545}.email-templates-page .template-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.email-templates-page .template-card.inactive{opacity:.7}.email-templates-page .template-card.inactive .card-header{background:#e9ecef}.email-templates-page .template-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.email-templates-page .template-card .card-header .card-title{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.email-templates-page .template-card .card-header .card-title .color-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.email-templates-page .template-card .card-header .card-title h3{font-size:1rem;font-weight:600;color:#343a40;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-templates-page .template-card .card-header .card-title .badge{font-size:.7rem;padding:3px 8px;border-radius:12px;font-weight:500;white-space:nowrap}.email-templates-page .template-card .card-header .card-title .badge.badge-default{background:#28a745;color:#fff}.email-templates-page .template-card .card-header .card-title .badge.badge-inactive{background:#adb5bd;color:#fff}.email-templates-page .template-card .card-header .card-actions{display:flex;gap:4px}.email-templates-page .template-card .card-body{padding:16px}.email-templates-page .template-card .card-body .description{color:#6c757d;font-size:.9rem;margin:0 0 12px;line-height:1.4}.email-templates-page .template-card .card-body .card-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.email-templates-page .template-card .card-body .card-meta .meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#6c757d}.email-templates-page .template-card .card-body .card-meta .meta-item i{color:#adb5bd;width:14px}.email-templates-page .template-card .card-body .card-meta .meta-item .template-key{font-family:monospace;background:#f8f9fa;padding:2px 6px;border-radius:4px;font-size:.8rem}.email-templates-page .template-card .card-body .subject-preview{font-size:.85rem;color:#495057;padding:10px;background:#f8f9fa;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-templates-page .template-card .card-body .subject-preview strong{color:#343a40}.email-templates-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.email-templates-page .btn:disabled{opacity:.6;cursor:not-allowed}.email-templates-page .btn.btn-primary{background:#dc3545;color:#fff}.email-templates-page .btn.btn-primary:hover:not(:disabled){background:#c82333}.email-templates-page .btn.btn-secondary{background:#e9ecef;color:#495057}.email-templates-page .btn.btn-secondary:hover:not(:disabled){background:#dee2e6}.email-templates-page .btn.btn-icon{padding:6px 8px;font-size:.85rem;background:transparent;color:#6c757d}.email-templates-page .btn.btn-icon:hover:not(:disabled){background:#e9ecef;color:#343a40}.email-templates-page .btn.btn-icon.btn-danger:hover:not(:disabled){background:#dc35451a;color:#dc3545}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-backdrop .modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 24px #0003;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-backdrop .modal-content.large-modal{max-width:900px}.modal-backdrop .modal-content.preview-modal{max-width:700px;height:80vh}.modal-backdrop .modal-content.preview-modal .preview-body{height:calc(100% - 60px);padding:0}.modal-backdrop .modal-content.preview-modal .preview-body iframe{width:100%;height:100%;border:none}.modal-backdrop .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef}.modal-backdrop .modal-header h2{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;color:#343a40;margin:0}.modal-backdrop .modal-header h2 i{color:#dc3545}.modal-backdrop .modal-header .close-btn{background:none;border:none;font-size:1.25rem;color:#adb5bd;cursor:pointer;padding:4px 8px}.modal-backdrop .modal-header .close-btn:hover{color:#495057}.modal-backdrop .modal-tabs{display:flex;border-bottom:1px solid #e9ecef;padding:0 20px}.modal-backdrop .modal-tabs .tab-btn{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;color:#6c757d;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.modal-backdrop .modal-tabs .tab-btn:hover{color:#343a40}.modal-backdrop .modal-tabs .tab-btn.active{color:#dc3545;border-bottom-color:#dc3545}.modal-backdrop .modal-body{padding:20px}.modal-backdrop .modal-body .tab-content{min-height:300px}.modal-backdrop .modal-body .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:600px){.modal-backdrop .modal-body .form-row{grid-template-columns:1fr}}.modal-backdrop .modal-body .form-group{margin-bottom:16px}.modal-backdrop .modal-body .form-group label{display:block;font-size:.85rem;font-weight:500;color:#495057;margin-bottom:6px}.modal-backdrop .modal-body .form-group input[type=text],.modal-backdrop .modal-body .form-group input[type=url],.modal-backdrop .modal-body .form-group select,.modal-backdrop .modal-body .form-group textarea{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;color:#343a40;transition:border-color .2s}.modal-backdrop .modal-body .form-group input[type=text]:focus,.modal-backdrop .modal-body .form-group input[type=url]:focus,.modal-backdrop .modal-body .form-group select:focus,.modal-backdrop .modal-body .form-group textarea:focus{outline:none;border-color:#dc3545}.modal-backdrop .modal-body .form-group input[type=text]::placeholder,.modal-backdrop .modal-body .form-group input[type=url]::placeholder,.modal-backdrop .modal-body .form-group select::placeholder,.modal-backdrop .modal-body .form-group textarea::placeholder{color:#ced4da}.modal-backdrop .modal-body .form-group textarea{resize:vertical;min-height:80px}.modal-backdrop .modal-body .form-group textarea.code-input{font-family:Monaco,Menlo,Consolas,monospace;font-size:.85rem;background:#f8f9fa}.modal-backdrop .modal-body .form-group small{display:block;font-size:.75rem;color:#adb5bd;margin-top:4px}.modal-backdrop .modal-body .form-group.checkbox-group-inline{display:flex;gap:20px;align-items:center;margin-top:24px}.modal-backdrop .modal-body .form-group.checkbox-group-inline .checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.9rem;color:#495057}.modal-backdrop .modal-body .input-with-placeholders .placeholder-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.modal-backdrop .modal-body .input-with-placeholders .placeholder-buttons .ph-btn{padding:4px 8px;font-size:.75rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-family:monospace}.modal-backdrop .modal-body .input-with-placeholders .placeholder-buttons .ph-btn:hover{background:#e9ecef;border-color:#dc3545;color:#dc3545}.modal-backdrop .modal-body .color-input-group{display:flex;gap:10px}.modal-backdrop .modal-body .color-input-group input[type=color]{width:50px;height:38px;padding:2px;border:1px solid #dee2e6;border-radius:4px;cursor:pointer}.modal-backdrop .modal-body .color-input-group input[type=text]{flex:1}.modal-backdrop .modal-body .color-preview{margin-top:20px;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.modal-backdrop .modal-body .color-preview h4{padding:10px;margin:0;background:#f8f9fa;font-size:.9rem;color:#495057}.modal-backdrop .modal-body .color-preview .preview-header{display:flex;align-items:center;gap:10px;padding:15px;color:#fff}.modal-backdrop .modal-body .color-preview .preview-header img{max-height:30px}.modal-backdrop .modal-body .color-preview .preview-header span{font-weight:600}.modal-backdrop .modal-body .color-preview .preview-content{padding:15px}.modal-backdrop .modal-body .color-preview .preview-content p{margin:0 0 10px;color:#495057}.modal-backdrop .modal-body .color-preview .preview-content button{padding:8px 16px;border:none;border-radius:4px;color:#fff;font-size:.85rem;cursor:default}.modal-backdrop .modal-body .color-preview .preview-footer{padding:10px 15px;background:#f8f9fa;font-size:.8rem;text-align:center}.modal-backdrop .modal-body .preview-tab .preview-info{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#e7f3ff;border:1px solid #b3d7ff;border-radius:6px;margin-bottom:16px;color:#0056b3;font-size:.9rem}.modal-backdrop .modal-body .preview-tab .preview-info i{font-size:1.1rem}.modal-backdrop .modal-body .preview-tab .email-preview-container{border:1px solid #dee2e6;border-radius:8px;overflow:hidden;height:400px;background:#f8f9fa}.modal-backdrop .modal-body .preview-tab .email-preview-container .email-preview-iframe{width:100%;height:100%;border:none;background:#fff}.modal-backdrop .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e9ecef;background:#f8f9fa}@media(max-width:768px){.email-templates-page{padding:16px}.email-templates-page .page-header{flex-direction:column;align-items:stretch}.email-templates-page .page-header .header-actions{justify-content:flex-start}.email-templates-page .templates-grid{grid-template-columns:1fr}}.checklist-reporting-page{padding:2rem;max-width:1400px;margin:0 auto}.checklist-reporting-page .page-header{margin-bottom:2rem}.checklist-reporting-page .page-header .header-title{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.checklist-reporting-page .page-header .header-title .title-icon{font-size:2rem;color:#3b82f6}.checklist-reporting-page .page-header .header-title h1{font-size:1.8rem;font-weight:600;color:#1f2937;margin:0}.checklist-reporting-page .page-header .subtitle{color:#6b7280;font-size:.95rem;margin:0;padding-left:3rem}.checklist-reporting-page .controls-section{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.checklist-reporting-page .controls-section .property-selector{flex:1;min-width:300px}.checklist-reporting-page .controls-section .property-selector label{display:block;font-weight:500;margin-bottom:.5rem;color:#374151}.checklist-reporting-page .controls-section .property-selector select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;background-color:#fff;cursor:pointer;transition:border-color .2s}.checklist-reporting-page .controls-section .property-selector select:hover{border-color:#3b82f6}.checklist-reporting-page .controls-section .property-selector select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checklist-reporting-page .controls-section .month-navigator{display:flex;align-items:center;gap:1rem}.checklist-reporting-page .controls-section .month-navigator .nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;cursor:pointer;transition:all .2s}.checklist-reporting-page .controls-section .month-navigator .nav-btn:hover{background-color:#f3f4f6;border-color:#3b82f6}.checklist-reporting-page .controls-section .month-navigator .nav-btn svg{font-size:1.2rem;color:#374151}.checklist-reporting-page .controls-section .month-navigator .current-month{font-size:1.1rem;font-weight:600;color:#1f2937;min-width:180px;text-align:center}.checklist-reporting-page .stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.checklist-reporting-page .stats-section .stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:.5rem;background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.checklist-reporting-page .stats-section .stat-card .stat-icon{font-size:2.5rem}.checklist-reporting-page .stats-section .stat-card .stat-content .stat-value{font-size:2rem;font-weight:700}.checklist-reporting-page .stats-section .stat-card .stat-content .stat-label{font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.checklist-reporting-page .stats-section .stat-card.submitted .stat-icon,.checklist-reporting-page .stats-section .stat-card.submitted .stat-value{color:#10b981}.checklist-reporting-page .stats-section .stat-card.missed .stat-icon,.checklist-reporting-page .stats-section .stat-card.missed .stat-value{color:#ef4444}.checklist-reporting-page .stats-section .stat-card.total .stat-icon,.checklist-reporting-page .stats-section .stat-card.total .stat-value{color:#3b82f6}.checklist-reporting-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#6b7280}.checklist-reporting-page .loading-container .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.checklist-reporting-page .calendar-container{background-color:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.checklist-reporting-page .calendar-container .calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:1rem}.checklist-reporting-page .calendar-container .calendar-header .calendar-header-day{text-align:center;font-weight:600;color:#374151;padding:.75rem;background-color:#f9fafb;border-radius:.375rem}.checklist-reporting-page .calendar-container .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day{aspect-ratio:1;border:2px solid #e5e7eb;border-radius:.375rem;padding:.5rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:all .2s}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.empty{border:none;background-color:transparent}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day .day-number{font-weight:600;font-size:1.1rem;margin-bottom:.25rem}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day .status-icon{font-size:1.5rem;margin-top:auto}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day .reason-icon{position:absolute;top:.25rem;right:.25rem;font-size:.875rem;color:#6b7280}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day .holiday-name{font-size:.625rem;color:#6b7280;text-align:center;margin-top:.25rem;line-height:1.2}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.submitted{background-color:#d1fae5;border-color:#10b981}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.submitted .day-number{color:#065f46}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.submitted .submitted-icon{color:#10b981}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.missed{background-color:#fee2e2;border-color:#ef4444}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.missed .day-number{color:#991b1b}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.missed .missed-icon{color:#ef4444}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.holiday{background-color:#f3f4f6;border-color:#d1d5db}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.holiday .day-number{color:#6b7280}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.holiday .holiday-icon{color:#3b82f6}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.future{background-color:#f9fafb;border-color:#e5e7eb}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.future .day-number{color:#9ca3af}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.clickable{cursor:pointer}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.excused{background-color:#ffe5b4;border-color:orange}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.excused .day-number{color:#7a5d2a}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.excused .excused-icon{color:orange}.checklist-reporting-page .calendar-container .legend{display:flex;justify-content:center;gap:2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.checklist-reporting-page .calendar-container .legend .legend-item{display:flex;align-items:center;gap:.5rem}.checklist-reporting-page .calendar-container .legend .legend-item .legend-color{width:24px;height:24px;border-radius:.25rem;border:2px solid}.checklist-reporting-page .calendar-container .legend .legend-item .legend-color.submitted{background-color:#d1fae5;border-color:#10b981}.checklist-reporting-page .calendar-container .legend .legend-item .legend-color.missed{background-color:#fee2e2;border-color:#ef4444}.checklist-reporting-page .calendar-container .legend .legend-item .legend-color.holiday{background-color:#f3f4f6;border-color:#d1d5db}.checklist-reporting-page .calendar-container .legend .legend-item .legend-color.future{background-color:#f9fafb;border-color:#e5e7eb}.checklist-reporting-page .calendar-container .legend .legend-item .legend-color.excused{background-color:#ffe5b4;border-color:orange}.checklist-reporting-page .calendar-container .legend .legend-item span{font-size:.875rem;color:#374151}.checklist-reporting-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#6b7280}.checklist-reporting-page .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;color:#d1d5db}.checklist-reporting-page .empty-state p{font-size:1.1rem}.checklist-reporting-page .modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.checklist-reporting-page .modal-overlay .modal-content{background-color:#fff;border-radius:.5rem;max-width:500px;width:90%;box-shadow:0 10px 25px #0003}.checklist-reporting-page .modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.checklist-reporting-page .modal-overlay .modal-content .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.checklist-reporting-page .modal-overlay .modal-content .modal-header .close-btn{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;line-height:1;transition:color .2s}.checklist-reporting-page .modal-overlay .modal-content .modal-header .close-btn:hover{color:#1f2937}.checklist-reporting-page .modal-overlay .modal-content .modal-body{padding:1.5rem}.checklist-reporting-page .modal-overlay .modal-content .modal-body p{margin:0 0 .75rem;color:#374151}.checklist-reporting-page .modal-overlay .modal-content .modal-body .reason-audit-info{background-color:#f3f4f6;border-left:3px solid #3b82f6;padding:.75rem 1rem;margin:0 0 1rem;border-radius:.25rem}.checklist-reporting-page .modal-overlay .modal-content .modal-body .reason-audit-info p{margin:.25rem 0;font-size:.875rem}.checklist-reporting-page .modal-overlay .modal-content .modal-body label{display:block;font-weight:500;margin-bottom:.5rem;color:#374151}.checklist-reporting-page .modal-overlay .modal-content .modal-body textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-family:inherit;font-size:1rem;resize:vertical;transition:border-color .2s}.checklist-reporting-page .modal-overlay .modal-content .modal-body textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checklist-reporting-page .modal-overlay .modal-content .modal-body textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.checklist-reporting-page .modal-overlay .modal-content .modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb}.checklist-reporting-page .modal-overlay .modal-content .modal-footer button{padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.checklist-reporting-page .modal-overlay .modal-content .modal-footer button:disabled{opacity:.5;cursor:not-allowed}.checklist-reporting-page .modal-overlay .modal-content .modal-footer button.btn-secondary{background-color:#f3f4f6;color:#374151}.checklist-reporting-page .modal-overlay .modal-content .modal-footer button.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.checklist-reporting-page .modal-overlay .modal-content .modal-footer button.btn-primary{background-color:#3b82f6;color:#fff}.checklist-reporting-page .modal-overlay .modal-content .modal-footer button.btn-primary:hover:not(:disabled){background-color:#2563eb}@media(max-width:768px){.checklist-reporting-page{padding:1rem}.checklist-reporting-page .page-header .header-title h1{font-size:1.5rem}.checklist-reporting-page .controls-section{flex-direction:column}.checklist-reporting-page .controls-section .property-selector,.checklist-reporting-page .controls-section .month-navigator{width:100%}.checklist-reporting-page .stats-section{grid-template-columns:1fr}.checklist-reporting-page .calendar-container{padding:1rem}.checklist-reporting-page .calendar-container .calendar-header .calendar-header-day{font-size:.875rem;padding:.5rem}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day .day-number{font-size:.875rem}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day .status-icon{font-size:1rem}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day .holiday-name{font-size:.5rem}}@font-face{font-family:Futura Bold;src:url(/assets/futura_bold-webfont-BaOGkSCx.woff2) format("woff2");font-weight:400;font-style:normal}input[type=checkbox],[type=checkbox].sipa-opt-input{width:18px;height:18px;cursor:pointer;accent-color:#F63040;border-radius:3px;transition:transform .3s ease-in-out}input[type=checkbox]:hover,[type=checkbox].sipa-opt-input:hover{transform:scale(1.1)}input[type=text],[type=text].sipa-opt-input,input[type=password],[type=password].sipa-opt-input,input[type=email],[type=email].sipa-opt-input{position:relative;padding:15px 10px;width:100%;border:1px solid #57565B;border-radius:6px;font-size:16px;box-sizing:border-box;color:#333;background-color:#fff;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}input[type=text]:focus,[type=text].sipa-opt-input:focus,input[type=password]:focus,[type=password].sipa-opt-input:focus,input[type=email]:focus,[type=email].sipa-opt-input:focus{border-color:#f63040;box-shadow:0 0 8px #f6304080;outline:none}.enquiry-only-container input[type=checkbox].read-only-input,.enquiry-only-container [type=checkbox].read-only-input.sipa-opt-input,.enquiry-only-container input[type=radio].read-only-input,.enquiry-only-container [type=radio].read-only-input.sipa-opt-input{opacity:.6}.read-only-input,.read-only-form-group input,.read-only-form-group .sipa-opt-input,.read-only-form-group select,.read-only-form-group textarea{background-color:#f8f8f8!important;border-color:#ddd!important;color:#666!important;cursor:not-allowed!important;pointer-events:none!important}.dashboard-card,.sipa-panel,.sipa-category-card{background:#fff;border-radius:6px;box-shadow:0 2px 8px #0000000f;margin-bottom:32px;padding:24px 24px 16px;border:1.5px solid #e0e0e0;box-sizing:border-box}@media print{.navbar,.navbar-logo,.mobile-logo-menu-btn,.burger-menu-btn,button,.button-secondary,.pdf-exclude{display:none!important}@page{size:A4 portrait;margin:8mm}html,body{width:100%;max-width:210mm;height:auto!important;min-height:auto!important;overflow-x:hidden!important;background:#fff!important;box-shadow:none!important;font-size:8px!important}body,table,th,td,.main-content,.dashboard-card,.sipa-panel,.sipa-category-card,.dashboard-section-header,.dashboard-gray-card,.section-title,.chart-label,.chart-legend,.chart-tooltip{font-size:7px!important;padding:0!important;line-height:1.3!important}h3,h4,h5,h6{font-size:8px!important;margin:0 0 2px!important}h1,h2{font-size:9px!important;margin:0 0 2px!important}.dashboard-section-header,.dashboard-gray-card{padding:3px 5px!important;font-size:8px!important}.dashboard-card,.sipa-panel,.sipa-category-card,.income-statement-container,.rre-ratios-container,.table-wrapper{margin-bottom:3px!important;padding:3px!important;border-width:1px!important}.dashboard-card,.sipa-panel,.sipa-category-card,.income-statement-container,.rre-ratios-container,.table-wrapper,.chart-container{box-shadow:none!important;background:#fff!important}.main-content,.financial-data-section{page-break-inside:auto!important}.dashboard-card,.sipa-panel,.sipa-category-card,.income-statement-container,.rre-ratios-container,.table-wrapper,table,.income-statement-table,.rre-ratios-table{page-break-inside:avoid!important}.main-content{padding:0!important;margin:0 auto!important;background:#fff!important;width:100%!important;max-width:190mm!important}.main-content,.financial-data-section{page-break-inside:auto!important;break-inside:auto!important}.main-content,.financial-data-section,.income-statement-container,.dashboard-card,.sipa-panel,.sipa-category-card,.dashboard-row,.arrears-box,.left-arrears,.right-arrears,.dashboard-table-wrapper,.rre-ratios-container,.table-wrapper{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;page-break-inside:avoid!important}.sharepoint-site-usage,.sharepoint-site-usage.dashboard-card,.sharepoint-site-usage .dashboard-card,.sharepoint-site-usage .sipa-panel,.sharepoint-site-usage .sipa-category-card,.sharepoint-site-usage .sharepoint-chart-card{page-break-inside:auto!important;break-inside:auto!important}.recharts-text,.recharts-label,.recharts-cartesian-axis-tick-value{font-size:10px!important}.recharts-legend-item-text{font-size:12px!important}table,.income-statement-table,.rre-ratios-table{width:100%!important;max-width:100%!important;margin:0!important;table-layout:auto!important;word-break:normal!important;page-break-inside:avoid!important}th,td{padding:1px 2px!important;font-size:10px!important;word-break:normal!important;white-space:normal!important;overflow:visible!important;-webkit-hyphens:auto!important;hyphens:auto!important}[style*=min-width],[style*=max-width],[style*=width]{min-width:0!important;max-width:100%!important;width:100%!important}.dashboard-card+.dashboard-card,.sipa-panel+.dashboard-card,.sipa-category-card+.dashboard-card,.dashboard-card+.sipa-panel,.sipa-panel+.sipa-panel,.sipa-category-card+.sipa-panel,.dashboard-card+.sipa-category-card,.sipa-panel+.sipa-category-card,.sipa-category-card+.sipa-category-card,.income-statement-container+.dashboard-card,.income-statement-container+.sipa-panel,.income-statement-container+.sipa-category-card,.dashboard-row+.dashboard-row{margin-top:4px!important}}.dashboard-grid .dashboard-card,.dashboard-grid .sipa-panel,.dashboard-grid .sipa-category-card{flex:1 1 320px}.sipa-page{padding:8px 12px 24px;display:flex;flex-direction:column;gap:18px}.sipa-force-break{page-break-before:always;break-before:page}.sipa-header-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.sipa-header-row h1,.sipa-header-row h2,.sipa-header-row h3{margin:0}.sipa-filters,.sipa-controls-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#fff;padding:12px 14px;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 6px #0000000a}.sipa-filters input,.sipa-filters .sipa-opt-input,.sipa-filters select,.sipa-controls-bar input,.sipa-controls-bar .sipa-opt-input,.sipa-controls-bar select{width:auto;min-width:140px}.sipa-grid-panels{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:16px;align-items:stretch}.sipa-column{display:flex;flex-direction:column;min-width:260px}.sipa-toolbar{width:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.sipa-toolbar>*{flex:1 1 160px;min-width:140px}.sipa-toolbar button{flex:0 0 auto}.sipa-toolbar input[type=number],.sipa-toolbar [type=number].sipa-opt-input{max-width:110px}.sipa-weight-usage{font-size:.65rem;margin:2px 4px 6px;line-height:1.2}.sipa-panel{padding:14px 14px 10px;display:flex;flex-direction:column;min-height:320px}.sipa-panel h3{font-size:1rem;margin:0 0 6px;background:var(--secondary-color);color:#fff;padding:6px 10px;border-radius:4px;letter-spacing:.5px}.sipa-list-box{list-style:none;padding:0;margin:0 0 8px;border:1px solid #d6d6d6;background:#fff;border-radius:4px;font-size:.78rem}.sipa-list-box li{padding:6px 8px;border-bottom:1px solid #eee;cursor:pointer;transition:background .15s}.sipa-list-box li:last-child{border-bottom:none}.sipa-list-box li:hover{background:#f3f3f5}.sipa-list-box li.sel{background:var(--primary-color);color:#fff}.sipa-list-scroll{max-height:200px;overflow-y:auto}.sipa-options-box{border:1px solid #ccc;background:#fafafa;padding:8px;border-radius:4px;margin-top:6px;display:flex;flex-direction:column;gap:4px}.sipa-option-row{display:flex;gap:6px}.sipa-option-row input[type=text],.sipa-option-row [type=text].sipa-opt-input{flex:1 1 0;padding:6px 8px;font-size:.75rem}.sipa-option-row-grid{display:grid;grid-template-columns:1fr 1fr auto auto;gap:6px;align-items:center}.sipa-opt-input{height:34px;padding:0 10px;font-size:.7rem}.sipa-opt-enf{display:flex;align-items:center;gap:4px;font-size:.6rem;background:#fff;border:1px solid #ccc;padding:0 8px;height:34px;border-radius:6px}.sipa-opt-enf input,.sipa-opt-enf .sipa-opt-input{margin:0}.sipa-opt-del{background:#e62639;color:#fff;border:none;height:34px;padding:0 14px;border-radius:6px;font-size:.65rem;cursor:pointer}.sipa-opt-del:hover{filter:brightness(.9)}.sipa-inline{display:flex;gap:8px;align-items:center}.sipa-answers-structure{display:flex;flex-direction:column;gap:12px}.sipa-category-card{padding:10px 12px}.sipa-category-title{font-weight:700;font-size:.95rem;margin:0 0 4px;color:var(--secondary-color)}.sipa-section-title{font-weight:600;margin:8px 0 4px;font-size:.85rem}.sipa-subsection-title{font-style:italic;margin:4px 0 4px 4px;font-size:.8rem}.sipa-controls-table{width:100%;border-collapse:separate;border-spacing:0 4px;font-size:.72rem}.sipa-controls-table td{padding:4px 6px;vertical-align:top}.sipa-controls-table textarea,.sipa-controls-table select,.sipa-controls-table input[type=text],.sipa-controls-table [type=text].sipa-opt-input,.sipa-controls-table input[type=number],.sipa-controls-table [type=number].sipa-opt-input,.sipa-controls-table input[type=date],.sipa-controls-table [type=date].sipa-opt-input{font-size:.7rem}.sipa-status-text{font-size:.75rem;font-weight:600;color:var(--secondary-color)}.sipa-panel button{min-width:100px;height:34px;font-size:.72rem}.sipa-panel input,.sipa-panel .sipa-opt-input,.sipa-panel select,.sipa-panel textarea{font-size:.72rem}@media(max-width:1400px){.sipa-grid-panels{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media(max-width:900px){.sipa-grid-panels{grid-template-columns:1fr}}@media(max-width:700px){.sipa-toolbar>*{flex:1 1 48%}.sipa-toolbar input[type=number],.sipa-toolbar [type=number].sipa-opt-input{flex:1 1 48%;max-width:100%}}@media(max-width:520px){.sipa-toolbar>*{flex:1 1 100%}.sipa-toolbar button{width:100%}}@media(max-width:640px){.sipa-option-row-grid{grid-template-columns:1fr 1fr 60px 60px}}@media print{.sipa-preview-section{page-break-inside:avoid;break-inside:avoid}.sipa-preview-section+.sipa-preview-section{page-break-before:always!important;break-before:page!important}.sipa-preview-subsection{page-break-inside:avoid;break-inside:avoid}.sipa-preview-subsection-title{page-break-after:avoid;break-after:avoid}}.sipa-config-page{padding:16px 24px}.sipa-config-page h1{margin:0 0 8px;font-size:1.5rem;color:var(--primary-color, #2c3e50)}.sipa-config-page .page-description{color:#666;margin-bottom:24px;font-size:.9rem}.sipa-config-page .config-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d}.sipa-config-page .config-section h2{margin:0 0 12px;font-size:1.1rem;color:var(--secondary-color, #34495e)}.sipa-config-page .config-section p{color:#666;margin-bottom:16px;font-size:.85rem;line-height:1.5}.sipa-config-page .config-section .warning-text{color:#e74c3c}.sipa-config-page .config-actions{display:flex;gap:12px;flex-wrap:wrap}.sipa-config-page .config-actions .btn{padding:10px 20px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.sipa-config-page .config-actions .btn:disabled{opacity:.6;cursor:not-allowed}.sipa-config-page .config-actions .btn-primary{background:var(--primary-color, #3498db);color:#fff}.sipa-config-page .config-actions .btn-primary:hover:not(:disabled){background:#217dbb}.sipa-config-page .config-actions .btn-secondary{background:var(--secondary-color, #2ecc71);color:#fff}.sipa-config-page .config-actions .btn-secondary:hover:not(:disabled){background:#25a25a}.sipa-config-page .config-actions .btn-outline{background:transparent;border:1px solid #ccc;color:#333}.sipa-config-page .config-actions .btn-outline:hover:not(:disabled){background:#f5f5f5}.sipa-config-page .config-actions .btn-warning{background:#f39c12;color:#fff}.sipa-config-page .config-actions .btn-warning:hover:not(:disabled){background:#c87f0a}.sipa-config-page .config-actions .btn-danger{background:#e74c3c;color:#fff}.sipa-config-page .config-actions .btn-danger:hover:not(:disabled){background:#d62c1a}.sipa-config-page .import-confirm-modal{max-width:500px}.sipa-config-page .import-confirm-modal h2{margin:0 0 16px;color:#e74c3c}.sipa-config-page .import-confirm-modal .warning-text{color:#e74c3c;margin-bottom:20px;line-height:1.6}.sipa-config-page .import-confirm-modal .import-preview{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:16px;margin-bottom:20px}.sipa-config-page .import-confirm-modal .import-preview h3{margin:0 0 12px;font-size:.95rem}.sipa-config-page .import-confirm-modal .import-preview .preview-table{width:100%;font-size:.85rem}.sipa-config-page .import-confirm-modal .import-preview .preview-table td{padding:6px 8px}.sipa-config-page .import-confirm-modal .import-preview .preview-table td:first-child{font-weight:600;color:#555;width:40%}.sipa-config-page .import-confirm-modal .import-preview .preview-table tr:nth-child(2n){background:#00000005}.sipa-config-page .import-confirm-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay .modal-content{background:#fff;border-radius:8px;padding:24px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.hexagon-loader-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.hexagon-loader{position:relative;width:120px;height:120px}.hexagon{position:absolute;width:30px;height:17.32px;margin:8.66px 0}.hexagon:before,.hexagon:after{content:"";position:absolute;width:0;border-left:15px solid transparent;border-right:15px solid transparent}.hexagon:before{bottom:100%;border-bottom:8.66px solid currentColor}.hexagon:after{top:100%;border-top:8.66px solid currentColor}.group1{background-color:#57565b;color:#57565b;box-shadow:0 0 10px #0000001a;animation:colorSwapGroup1 2.5s ease-in-out .5s infinite alternate}.group2{background-color:#f63040;color:#f63040;box-shadow:0 0 10px #f630404d;animation:colorSwapGroup2 2.5s ease-in-out .5s infinite alternate}@keyframes colorSwapGroup1{0%{background-color:#57565b;color:#57565b;box-shadow:0 0 10px #0000001a}to{background-color:#f63040;color:#f63040;box-shadow:0 0 10px #f630404d}}@keyframes colorSwapGroup2{0%{background-color:#f63040;color:#f63040;box-shadow:0 0 10px #f630404d}to{background-color:#57565b;color:#57565b;box-shadow:0 0 10px #0000001a}}.hex-1a{top:0;left:41px;transform:translateY(-50px);opacity:0;animation:slideFromTop .5s ease-out .4s forwards,pulseHex 1.5s ease-in-out 1s infinite alternate}.hex-2a{top:26px;left:25px;transform:translate(-50px);opacity:0;animation:slideFromLeft .5s ease-out .2s forwards,pulseHex 1.5s ease-in-out 1.2s infinite alternate}.hex-2b{top:26px;left:57px;transform:translate(50px);opacity:0;animation:slideFromRight .5s ease-out .2s forwards,pulseHex 1.5s ease-in-out 1.4s infinite alternate}.hex-3a{top:52px;left:8px;transform:translate(-50px);opacity:0;animation:slideFromLeft .5s ease-out 0s forwards,pulseHex 1.5s ease-in-out 1.6s infinite alternate}.hex-3b{top:52px;left:40px;transform:translateY(50px);opacity:0;animation:slideFromBottom .5s ease-out 0s forwards,pulseHex 1.5s ease-in-out 1.8s infinite alternate}.hex-3c{top:52px;left:72px;transform:translate(50px);opacity:0;animation:slideFromRight .5s ease-out 0s forwards,pulseHex 1.5s ease-in-out 2s infinite alternate}@keyframes slideFromLeft{to{transform:translate(0);opacity:1}}@keyframes slideFromRight{to{transform:translate(0);opacity:1}}@keyframes slideFromTop{to{transform:translateY(0);opacity:1}}@keyframes slideFromBottom{to{transform:translateY(0);opacity:1}}@keyframes pulseHex{0%{transform:scale(1);opacity:1}to{transform:scale(1.1);opacity:.85}}.loading-indicator{margin-top:30px;display:flex;align-items:baseline;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.loading-text{font-size:16px;font-weight:500;color:#57565b;letter-spacing:1px}.loading-dots{font-size:16px;font-weight:500;color:#f63040;width:24px;text-align:left;display:inline-block}.itreport .itreport-greeting{margin-bottom:8px;display:flex;align-items:center;gap:8px}.itreport .itreport-title{margin:0 0 16px;font-size:24px;font-weight:700}.itreport .itreport-content{padding:0 12px}.itreport .itreport-section{margin-bottom:32px}.itreport .itreport-section:last-of-type{margin-bottom:0}.itreport .dashboard-card,.itreport .dashboard-grid{margin-bottom:12px}.itreport .exec-banner{margin:0 0 16px;padding:16px;background:#f8f9fa}.itreport .exec-banner-layout{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.itreport .exec-banner-score{flex:0 0 auto}.itreport .exec-banner-value{font-size:48px;font-weight:700;line-height:1}.itreport .exec-banner-suffix{font-size:24px;font-weight:400;margin-left:4px}.itreport .exec-banner-label{font-size:14px;font-weight:600;margin-top:4px}.itreport .exec-banner-sublabel{font-size:11px;color:#666;margin-top:2px}.itreport .exec-banner-body{flex:1 1 auto;min-width:300px}.itreport .exec-banner-text{font-size:14px;line-height:1.6;color:#444}.itreport .metrics-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.itreport .metrics-row .metric-card{flex:1 1 24%;min-width:0}.itreport .metric-card{margin:0;padding:12px;flex:0 1 200px;background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box}.itreport .metric-card--sm{flex-basis:160px}.itreport .metric-card--md{flex-basis:180px}.itreport .metric-card--lg{flex-basis:240px}.itreport .metric-card--xl{flex-basis:440px;min-width:340px}.itreport .metric-card--fill{flex:1 1 320px;min-width:320px}.itreport .dashboard-grid.compact .metric-card--lg{flex:1 1 45%;min-width:0}.itreport .metric-label{font-size:11px;text-transform:uppercase;color:#555;font-weight:600}.itreport .metric-value{font-size:32px;font-weight:700;margin-top:4px}.itreport .metric-value--sm{font-size:26px}.itreport .metric-value--md{font-size:28px}.itreport .metric-value--text{font-size:16px}.itreport .metric-subtitle{font-size:10px;color:#666}.itreport .metric-delta{font-size:10px;margin-top:4px;font-weight:600}.itreport .charts-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.itreport .asset-lifecycle-row{display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:16px}.itreport .asset-lifecycle-row .asset-lifecycle-card{flex:1 1 50%;min-width:0}.itreport .chart-card{margin-bottom:12px;padding:14px;display:flex;flex-direction:column;flex:1 1 320px}.itreport .chart-card--wide{flex-basis:420px}.itreport .chart-title{margin:0 0 8px;font-size:14px}.itreport .chart-subtitle{font-size:11px;color:#666;margin-bottom:4px}.itreport .chart-wrap{width:100%;position:relative}.itreport .chart-wrap--sm{height:140px}.itreport .chart-wrap--150{height:150px}.itreport .chart-wrap--md{height:170px}.itreport .chart-wrap--180{height:180px}.itreport .chart-wrap--lg{height:200px}.itreport .chart-wrap--220{height:220px}.itreport .chart-wrap--xl{height:300px}.itreport .data-table{width:100%;border-collapse:collapse;font-size:11px;margin-bottom:0}.itreport .data-table th{text-align:left;padding:6px}.itreport .data-table td{padding:6px}.itreport .data-table thead tr{background:#f5f5f5}.itreport .data-table tbody tr{border-top:1px solid #eee}.itreport .sentry-issues-table{table-layout:auto}.itreport .sentry-issues-table th:not(:first-child),.itreport .sentry-issues-table td:not(:first-child){white-space:nowrap}.itreport .sentry-issues-table th:first-child,.itreport .sentry-issues-table td:first-child{width:100%}.itreport .data-table--dark-head thead tr{background:#333;color:#fff}.itreport .security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.itreport .security-grid>.dashboard-card{padding:14px;margin:0;display:flex;flex-direction:column;justify-content:space-between}.itreport .section-divider{font-size:18px;margin:32px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--primary-color, #F63040)}.itreport .explanation-box{font-size:12px;color:#666;margin-top:16px;padding:12px;background:#f8f9fa;border-radius:4px;line-height:1.6}.itreport .explanation-box ul{margin:8px 0 0 20px;padding-left:0}.itreport .action-callout{margin-top:8px;padding:8px;background:#fff3cd;border-left:3px solid #ffc107;font-size:11px}.itreport .action-callout--danger{border-left-color:#d32f2f}.itreport .data-source{margin-top:8px;font-size:10px;color:#999;line-height:1.4}.itreport .summary-box{font-size:12px;color:#666;padding:14px;background:#f5f5f5;border-radius:4px;line-height:1.7}.itreport .unavailable-card{background:#fff3e0}.itreport .inline-tag{padding:4px 8px;border-radius:4px;font-weight:600;font-size:11px}.itreport .overall-health-score .overall-health-flex{display:flex;gap:24px;flex-wrap:wrap}.itreport .overall-health-score .overall-health-gauge{flex:0 1 300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;text-align:center}.itreport .overall-health-score .overall-health-gauge svg{display:block;margin:0 auto}.itreport .overall-health-score .overall-health-table{flex:1 1 460px;min-width:360px}.itreport .overall-health-score .overall-health-table table td{vertical-align:middle}.itreport .overall-health-score .overall-health-table .col-category{width:140px;white-space:nowrap}.itreport .overall-health-score .overall-health-table .col-score{width:60px}.itreport .overall-health-score .overall-health-table .col-delta{width:42px;text-align:center}.itreport .overall-health-score .overall-health-table .col-metrics{width:auto}.itreport .overall-health-score .overall-health-table .col-conf{width:50px}.itreport .insight-card{font-size:13px;line-height:1.45}.itreport .insight-card .insight-title,.itreport .insight-card .insight-subtitle{font-weight:600}.itreport .insight-block h4{margin:16px 0 6px;font-size:13px;font-weight:600;text-transform:none}.itreport .insight-block h4:first-child{margin-top:4px}.itreport .insight-block p{margin:0 0 10px}.itreport .insight-block ul{margin:0 0 12px 18px;padding:0}.itreport .insight-block li{margin:0 0 4px}.itreport .insight-block li:last-child{margin-bottom:0}.itreport .insight-block p:last-child{margin-bottom:0}.itreport .ai-commentary-box{margin-top:16px;padding:16px;background:linear-gradient(135deg,#f5f7fa,#e8edf3);border-radius:8px;border-left:4px solid #1976d2}.itreport .ai-commentary-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;color:#1976d2}.itreport .ai-commentary-loading{text-align:center;color:#666;font-size:13px}.itreport .ai-commentary-content{font-size:14px;line-height:1.6;color:#333;white-space:pre-wrap}.itreport .two-col-header thead th:first-child{background:var(--primary-color)!important;color:#fff!important}.itreport .two-col-header thead th:last-child{background:var(--secondary-color)!important;color:#fff!important}.itreport .SharePointBar-card{position:relative}.itreport .heatmap-table{border-collapse:separate;border-spacing:2px;width:100%;margin-bottom:0}.itreport .heatmap-table th{font-size:10px;padding:4px 6px}.itreport .heatmap-table td{width:16px;height:16px;border-radius:2px;cursor:help}.itreport .heatmap-table th:first-child,.itreport .heatmap-table td:first-child{width:64px;min-width:64px;white-space:nowrap}.itreport .risk-register{border:none}.itreport .risk-register-table{width:100%;table-layout:auto;border-collapse:collapse}.itreport .risk-register-table th,.itreport .risk-register-table td{white-space:normal;overflow-wrap:break-word;padding:5px 7px;vertical-align:top;border:1px solid #d3d3d3;line-height:1.3}.itreport .risk-register-table thead th{font-weight:600;text-align:left}.itreport .risk-register-table thead th:first-child{background:var(--primary-color);color:#fff}.itreport .risk-register-table thead th:not(:first-child){background:#4a4a4a;color:#fff}.itreport .risk-register-table tbody tr:nth-child(2n){background:#fafafa}@media print{@page{size:A4 portrait;margin:12mm 10mm}.itreport,.itreport [style*=color],.itreport [style*=background]{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.itreport svg,.itreport svg *{padding:initial!important}.itreport :not(.recharts-wrapper):not(.recharts-surface)[style*=min-width],.itreport :not(.recharts-wrapper):not(.recharts-surface)[style*=max-width],.itreport :not(.recharts-wrapper):not(.recharts-surface)[style*=width]{min-width:unset!important;max-width:unset!important;width:unset!important}.itreport .recharts-responsive-container{width:100%!important}.itreport .recharts-print-container{margin:0 auto!important;display:block!important;align-self:center!important}.itreport .recharts-print-container .recharts-wrapper{margin:0 auto!important}.itreport table{width:100%!important}.itreport .itreport-greeting,.itreport .pdf-exclude,.itreport .itreport-download-btn{display:none!important}.itreport .ProgressBar{visibility:hidden}.itreport .itreport-section{break-before:page}.itreport .itreport-section:first-of-type{break-before:auto}.itreport .dashboard-card{break-inside:avoid!important;page-break-inside:avoid!important;box-shadow:none!important}.itreport .group-wrapper{break-inside:auto!important;page-break-inside:auto!important;border:none!important}.itreport .recharts-wrapper{break-inside:avoid!important;page-break-inside:avoid!important;overflow:hidden!important;max-width:100%!important}.itreport table{break-inside:avoid!important}.itreport h2,.itreport h3,.itreport h4{break-after:avoid!important;page-break-after:avoid!important}.itreport .risk-register-section{display:flex!important;flex-direction:column!important;min-height:100vh!important}.itreport .risk-register-section .risk-register{flex:1 1 auto!important;display:flex!important;flex-direction:column!important}.itreport .risk-register-body{flex:0 0 auto!important}.itreport .risk-register-signature{margin-top:auto!important;padding-top:12px!important;break-inside:avoid!important}.itreport .risk-register-signature .sig-approval-title{font-size:10px!important;margin-bottom:4px!important;margin-top:0!important}.itreport .risk-register-signature .sig-row{gap:16px!important;flex-wrap:nowrap!important}.itreport .risk-register-signature .sig-line{height:20px!important}.itreport .risk-register-signature .sig-label{font-size:9px!important;margin-top:2px!important}.itreport .risk-register-signature .sig-block+.sig-block{margin-top:8px!important}.itreport .sentry-issues-table{table-layout:fixed!important;font-size:9px!important}.itreport .sentry-issues-table th:first-child,.itreport .sentry-issues-table td:first-child{width:auto!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}.itreport .sentry-issues-table th:nth-child(2),.itreport .sentry-issues-table td:nth-child(2){width:70px!important;white-space:normal!important;overflow-wrap:break-word!important}.itreport .sentry-issues-table th:nth-child(3),.itreport .sentry-issues-table td:nth-child(3){width:60px!important;white-space:nowrap!important}.itreport .sentry-issues-table th:nth-child(4),.itreport .sentry-issues-table td:nth-child(4){width:65px!important;white-space:nowrap!important}.itreport .sentry-issues-table th:nth-child(5),.itreport .sentry-issues-table td:nth-child(5){width:85px!important;white-space:nowrap!important}.itreport .sentry-issues-table td,.itreport .sentry-issues-table th{padding:4px 5px!important;line-height:1.3!important;overflow:hidden!important;text-overflow:ellipsis!important}.itreport .risk-register-table tr{break-inside:avoid;page-break-inside:avoid}.itreport .risk-register-table{font-size:9px!important;table-layout:fixed!important}.itreport .risk-register-table th,.itreport .risk-register-table td{padding:3px 4px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}.itreport .risk-register-table th{font-size:9px!important}.itreport .insight-card,.itreport .insight-block{font-size:10px!important;line-height:1.35!important}.itreport .asset-lifecycle-row{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;break-inside:avoid!important;page-break-inside:avoid!important}.itreport .asset-lifecycle-row .asset-lifecycle-card{flex:1 1 48%!important;min-width:0!important;max-width:48%!important}.itreport .overall-health-score{break-inside:auto!important}.itreport .overall-health-flex{gap:12px!important;flex-direction:column!important;align-items:stretch!important}.itreport .overall-health-gauge{flex:0 0 auto!important;padding:0!important;order:0!important}.itreport .overall-health-gauge svg{width:160px!important;height:100px!important}.itreport .overall-health-gauge>div:nth-child(2){font-size:32px!important}.itreport .overall-health-table{flex:1 1 0!important;min-width:0!important;font-size:8px!important;order:1!important}.itreport .overall-health-table table{font-size:8px!important;table-layout:fixed!important}.itreport .overall-health-table td,.itreport .overall-health-table th{padding:3px 4px!important}.itreport .overall-health-table .col-category{width:110px!important}.itreport .overall-health-table .col-score{width:44px!important}.itreport .overall-health-table .col-delta{width:36px!important}.itreport .overall-health-table .col-conf{width:38px!important}.itreport .overall-health-table .col-metrics{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}.itreport .overall-health-table .chart-subtitle{font-size:7px!important;line-height:1.3!important}.itreport .ai-commentary-box{break-before:avoid!important}.itreport .ai-commentary-box .ai-commentary-content{font-size:10px!important;line-height:1.4!important}.itreport .exchange-email-stats-chart .line-legend-swatch{height:2px!important;border-top-width:2px!important}.itreport .dashboard-grid,.itreport .dashboard-grid.compact{gap:8px!important;margin-bottom:8px!important}.itreport .dashboard-grid>.dashboard-card,.itreport .dashboard-grid>.chart-card{flex:1 1 45%!important;min-width:0!important}.itreport .chart-card{margin-bottom:8px!important;padding:8px!important}.itreport .chart-card,.itreport .dashboard-card,.itreport .radar-card,.itreport .sharepoint-chart-card{overflow:hidden!important}.itreport .radar-card{break-inside:avoid!important}.itreport .metrics-row{gap:6px!important;margin-bottom:8px!important}.itreport .metric-card{padding:6px 8px!important;flex-basis:100px!important}.itreport .metric-card .metric-value{font-size:18px!important}.itreport .sharepoint-site-usage{break-inside:auto!important}.itreport .sharepoint-site-usage .sharepoint-chart-card{break-inside:avoid!important;overflow:hidden!important;max-height:none!important}.itreport .sharepoint-site-usage .chart-card,.itreport .sharepoint-site-usage .SharePointTrendChart,.itreport .sharepoint-site-usage .SharePointTrendChart .recharts-wrapper,.itreport .sharepoint-site-usage .SharePointTrendChart .recharts-responsive-container{break-inside:avoid!important;page-break-inside:avoid!important}.itreport .sharepoint-site-usage .SharePointTrendChart{overflow:hidden!important}.itreport .sharepoint-site-usage .metrics-row .sharepoint-recency-card{flex:1 1 100%!important;flex-basis:100%!important;width:100%!important;min-width:0!important;break-before:avoid!important;page-break-before:avoid!important}.itreport .explanation-box{font-size:9px!important;padding:8px!important;line-height:1.4!important;break-inside:avoid!important;page-break-inside:avoid!important}.itreport .explanation-box ul{margin:4px 0 0 16px!important}.itreport .explanation-box li{margin-bottom:2px!important}.itreport .data-source{font-size:8px!important;padding:4px 8px!important}.itreport .rubrik-metrics-explanation{break-before:page!important;page-break-before:always!important;break-inside:avoid!important;page-break-inside:avoid!important}.itreport .exec-banner{padding:8px 12px!important;margin-bottom:8px!important}.itreport .exec-banner-value{font-size:32px!important}.itreport .exec-banner-suffix{font-size:16px!important}.itreport .exec-banner-text{font-size:11px!important}.itreport .exec-banner-layout{gap:12px!important}.itreport .heatmap-table th:first-child,.itreport .heatmap-table td:first-child{width:50px!important}}.router-monitoring-settings .settings-section{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.router-monitoring-settings .settings-section h2{margin:0 0 10px;color:#333;display:flex;align-items:center;gap:10px;font-size:1.5rem}.router-monitoring-settings .settings-section .section-description{color:#666;margin-bottom:20px;line-height:1.5}.router-monitoring-settings .retention-grid,.router-monitoring-settings .alert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.router-monitoring-settings .setting-item{display:flex;flex-direction:column;gap:8px}.router-monitoring-settings .setting-item.full-width{grid-column:1/-1}.router-monitoring-settings .setting-item label{display:flex;flex-direction:column;gap:4px;font-size:.95rem}.router-monitoring-settings .setting-item label strong{color:#333}.router-monitoring-settings .setting-item label .setting-description{font-size:.85rem;color:#666;font-weight:400}.router-monitoring-settings .setting-item .input-with-unit{display:flex;align-items:center;gap:8px}.router-monitoring-settings .setting-item .input-with-unit input[type=number]{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem;max-width:150px}.router-monitoring-settings .setting-item .input-with-unit input[type=number]:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.router-monitoring-settings .setting-item .input-with-unit input[type=number]:disabled{background:#f5f5f5;cursor:not-allowed}.router-monitoring-settings .setting-item .input-with-unit .unit{font-weight:700;color:#666;min-width:60px}.router-monitoring-settings .setting-item select{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem;background:#fff;cursor:pointer}.router-monitoring-settings .setting-item select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.router-monitoring-settings .setting-item select:disabled{background:#f5f5f5;cursor:not-allowed}.router-monitoring-settings .setting-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin-right:8px}.router-monitoring-settings .setting-item input[type=checkbox]:disabled{cursor:not-allowed}.router-monitoring-settings .purge-info{display:flex;align-items:center;padding:15px;background:#f9f9f9;border-radius:4px;margin-bottom:15px;font-size:.9rem;color:#666}.router-monitoring-settings .purge-info strong{color:#333;margin-right:5px}.router-monitoring-settings .info-box{display:flex;align-items:flex-start;gap:10px;padding:15px;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;font-size:.9rem;line-height:1.5;color:#1565c0}.router-monitoring-settings .info-box svg{flex-shrink:0;margin-top:2px}.router-monitoring-settings .btn{padding:12px 24px;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.router-monitoring-settings .btn.btn-primary{background:#2196f3;color:#fff}.router-monitoring-settings .btn.btn-primary:hover:not(:disabled){background:#1976d2;box-shadow:0 2px 8px #2196f34d}.router-monitoring-settings .btn.btn-primary:disabled{background:#bbdefb;cursor:not-allowed}.router-monitoring-settings .btn.btn-secondary{background:#fff;color:#2196f3;border:1px solid #2196f3}.router-monitoring-settings .btn.btn-secondary:hover:not(:disabled){background:#e3f2fd}.router-monitoring-settings .btn.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.router-monitoring-settings .error-message{display:flex;align-items:center}@media(max-width:768px){.router-monitoring-settings .retention-grid,.router-monitoring-settings .alert-grid{grid-template-columns:1fr}.router-monitoring-settings .settings-section{padding:15px}}.router-provisioning-settings-page{max-width:1400px;margin:0 auto;padding:2rem}.router-provisioning-settings-page .page-header{margin-bottom:2rem}.router-provisioning-settings-page .page-header h1{font-size:2rem;font-weight:600;color:#333;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.router-provisioning-settings-page .page-header h1 svg{color:#007bff}.router-provisioning-settings-page .page-header .subtitle{color:#666;font-size:1rem;margin:0}.router-provisioning-settings-page .alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.router-provisioning-settings-page .alert svg{font-size:1.25rem;flex-shrink:0}.router-provisioning-settings-page .alert.alert-danger{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.router-provisioning-settings-page .settings-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem;margin-bottom:2rem}.router-provisioning-settings-page .settings-section .section-header{margin-bottom:2rem;border-bottom:2px solid #f0f0f0;padding-bottom:1rem}.router-provisioning-settings-page .settings-section .section-header h2{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.router-provisioning-settings-page .settings-section .section-header h2 svg{color:#007bff;font-size:1.25rem}.router-provisioning-settings-page .settings-section .section-header .section-description{color:#666;font-size:.95rem;margin:0}.router-provisioning-settings-page .settings-section .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}@media(min-width:1200px){.router-provisioning-settings-page .settings-section .form-grid{grid-template-columns:repeat(2,1fr)}}.router-provisioning-settings-page .settings-section .form-group{display:flex;flex-direction:column}.router-provisioning-settings-page .settings-section .form-group label{font-weight:500;color:#333;margin-bottom:.5rem;font-size:.95rem}.router-provisioning-settings-page .settings-section .form-group label .required{color:#dc3545;margin-left:.25rem}.router-provisioning-settings-page .settings-section .form-group .form-control{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:all .2s ease;background-color:#fff}.router-provisioning-settings-page .settings-section .form-group .form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.router-provisioning-settings-page .settings-section .form-group .form-control:disabled{background-color:#f5f5f5;cursor:not-allowed}.router-provisioning-settings-page .settings-section .form-group input[type=number]{width:100%}.router-provisioning-settings-page .settings-section .form-group select{cursor:pointer}.router-provisioning-settings-page .settings-section .form-group .input-with-icon{position:relative;display:flex;align-items:center}.router-provisioning-settings-page .settings-section .form-group .input-with-icon .form-control{flex:1;padding-right:3rem}.router-provisioning-settings-page .settings-section .form-group .input-with-icon .icon-button{position:absolute;right:.5rem;background:none;border:none;padding:.5rem;cursor:pointer;color:#666;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.router-provisioning-settings-page .settings-section .form-group .input-with-icon .icon-button:hover{color:#007bff}.router-provisioning-settings-page .settings-section .form-group .input-with-icon .icon-button svg{font-size:1.25rem}.router-provisioning-settings-page .settings-section .form-group .form-text{display:block;margin-top:.5rem;color:#6c757d;font-size:.875rem;line-height:1.4}.router-provisioning-settings-page .settings-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.router-provisioning-settings-page .settings-actions .btn{padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;display:inline-flex;align-items:center;gap:.75rem;border:none;cursor:pointer;transition:all .2s ease}.router-provisioning-settings-page .settings-actions .btn.btn-primary{background-color:#007bff;color:#fff}.router-provisioning-settings-page .settings-actions .btn.btn-primary:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.router-provisioning-settings-page .settings-actions .btn.btn-primary:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.router-provisioning-settings-page .settings-actions .btn.btn-lg{padding:1rem 2.5rem;font-size:1.1rem}.router-provisioning-settings-page .settings-actions .last-modified-info{color:#6c757d;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.router-provisioning-settings-page .settings-actions .last-modified-info svg{color:#007bff}.router-provisioning-settings-page .info-box{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px;padding:1.5rem;margin-top:2rem}.router-provisioning-settings-page .info-box h3{font-size:1.1rem;font-weight:600;color:#004085;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.router-provisioning-settings-page .info-box h3 svg{color:#0056b3}.router-provisioning-settings-page .info-box ul{margin:0;padding-left:1.5rem;color:#004085}.router-provisioning-settings-page .info-box ul li{margin-bottom:.5rem;line-height:1.6}.router-provisioning-settings-page .info-box ul li:last-child{margin-bottom:0}@media(max-width:768px){.router-provisioning-settings-page{padding:1rem}.router-provisioning-settings-page .page-header h1{font-size:1.5rem}.router-provisioning-settings-page .settings-section{padding:1.5rem}.router-provisioning-settings-page .settings-section .form-grid{grid-template-columns:1fr}.router-provisioning-settings-page .settings-actions{flex-direction:column;align-items:stretch}.router-provisioning-settings-page .settings-actions .btn{width:100%;justify-content:center}.router-provisioning-settings-page .settings-actions .last-modified-info{text-align:center;justify-content:center}}.firewall-templates-modern{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.firewall-templates-modern .templates-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.firewall-templates-modern .templates-header-actions .header-info{display:flex;gap:20px;align-items:center}.firewall-templates-modern .templates-header-actions .header-info .templates-count{font-weight:600;color:#333;font-size:16px}.firewall-templates-modern .templates-header-actions .header-info .last-fetched{color:#666;font-size:13px}.firewall-templates-modern .templates-header-actions .header-buttons{display:flex;gap:10px}.firewall-templates-modern .templates-table-container{overflow-x:auto;margin-bottom:15px}.firewall-templates-modern .templates-table-container .templates-table{width:100%;border-collapse:collapse;font-size:14px}.firewall-templates-modern .templates-table-container .templates-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.firewall-templates-modern .templates-table-container .templates-table thead th{padding:12px 8px;text-align:left;font-weight:600;font-size:13px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.2)}.firewall-templates-modern .templates-table-container .templates-table thead th:last-child{border-right:none}.firewall-templates-modern .templates-table-container .templates-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.firewall-templates-modern .templates-table-container .templates-table tbody tr:hover{background-color:#f8f9fa}.firewall-templates-modern .templates-table-container .templates-table tbody tr.editing{background-color:#fff3cd;box-shadow:inset 0 0 0 2px #ffc107}.firewall-templates-modern .templates-table-container .templates-table tbody tr td{padding:10px 8px;vertical-align:middle}.firewall-templates-modern .templates-table-container .templates-table tbody tr td.no-data{text-align:center;padding:40px;color:#999;font-style:italic}.firewall-templates-modern .templates-table-container .templates-table tbody tr td.no-data svg{margin-right:8px}.firewall-templates-modern .priority-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-align:center;min-width:30px}.firewall-templates-modern .priority-badge.priority-high{background-color:#dc3545;color:#fff}.firewall-templates-modern .priority-badge.priority-medium{background-color:#ffc107;color:#333}.firewall-templates-modern .priority-badge.priority-low{background-color:#28a745;color:#fff}.firewall-templates-modern .category-badge{display:flex;align-items:center;gap:4px;font-size:18px}.firewall-templates-modern .category-badge .mandatory-icon{color:#dc3545;font-size:12px}.firewall-templates-modern .status-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;border:none;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.firewall-templates-modern .status-toggle.enabled{background-color:#28a745;color:#fff}.firewall-templates-modern .status-toggle.enabled:hover{background-color:#218838}.firewall-templates-modern .status-toggle.disabled{background-color:#6c757d;color:#fff}.firewall-templates-modern .status-toggle.disabled:hover{background-color:#5a6268}.firewall-templates-modern .status-toggle:disabled{opacity:.5;cursor:not-allowed}.firewall-templates-modern .status-toggle svg{font-size:16px}.firewall-templates-modern .action-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.firewall-templates-modern .action-badge.action-accept{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.firewall-templates-modern .action-badge.action-drop,.firewall-templates-modern .action-badge.action-reject{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.firewall-templates-modern .action-badge.action-tarpit{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.firewall-templates-modern .action-badge.action-other{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.firewall-templates-modern .inline-edit-input,.firewall-templates-modern .inline-edit-select{width:100%;padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:13px;font-family:Courier New,monospace}.firewall-templates-modern .inline-edit-input:focus,.firewall-templates-modern .inline-edit-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.firewall-templates-modern .address-display{font-family:Courier New,monospace;font-size:12px;color:#495057}.firewall-templates-modern .port-display{font-family:Courier New,monospace;font-size:11px;color:#6c757d;margin-top:2px}.firewall-templates-modern .comment-text{font-size:12px;color:#6c757d;font-style:italic}.firewall-templates-modern .action-buttons{display:flex;gap:8px;justify-content:center}.firewall-templates-modern .action-buttons .btn-icon{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;transition:all .2s;font-size:14px}.firewall-templates-modern .action-buttons .btn-icon.btn-save{background-color:#28a745;color:#fff}.firewall-templates-modern .action-buttons .btn-icon.btn-save:hover{background-color:#218838}.firewall-templates-modern .action-buttons .btn-icon.btn-cancel{background-color:#6c757d;color:#fff}.firewall-templates-modern .action-buttons .btn-icon.btn-cancel:hover{background-color:#5a6268}.firewall-templates-modern .action-buttons .btn-icon.btn-edit{background-color:#007bff;color:#fff}.firewall-templates-modern .action-buttons .btn-icon.btn-edit:hover{background-color:#0069d9}.firewall-templates-modern .action-buttons .btn-icon.btn-delete{background-color:#dc3545;color:#fff}.firewall-templates-modern .action-buttons .btn-icon.btn-delete:hover:not(:disabled){background-color:#c82333}.firewall-templates-modern .action-buttons .btn-icon.btn-delete:disabled{opacity:.4;cursor:not-allowed}.firewall-templates-modern .templates-legend{display:flex;gap:20px;padding:12px;background-color:#f8f9fa;border-radius:4px;font-size:13px;color:#666;flex-wrap:wrap}.firewall-templates-modern .templates-legend svg{vertical-align:middle;margin-right:4px}.firewall-templates-modern .templates-legend .priority-badge{margin:0 4px}.add-template-modal{width:800px;max-width:90vw;max-height:85vh;overflow-y:auto}.add-template-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px 8px 0 0}.add-template-modal .modal-header h2{margin:0;font-size:20px;display:flex;align-items:center;gap:10px}.add-template-modal .modal-header h2 svg{font-size:18px}.add-template-modal .modal-header .modal-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.add-template-modal .modal-header .modal-close:hover{background-color:#fff3}.add-template-modal .modal-body{padding:24px}.add-template-modal .modal-body .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.add-template-modal .modal-body .form-grid .form-group{display:flex;flex-direction:column}.add-template-modal .modal-body .form-grid .form-group.full-width{grid-column:1/-1}.add-template-modal .modal-body .form-grid .form-group label{font-weight:600;margin-bottom:6px;color:#333;font-size:14px}.add-template-modal .modal-body .form-grid .form-group label.checkbox-label{flex-direction:row;align-items:center;gap:8px;cursor:pointer}.add-template-modal .modal-body .form-grid .form-group label.checkbox-label input[type=checkbox]{width:auto;margin:0}.add-template-modal .modal-body .form-grid .form-group label.checkbox-label span{font-weight:500}.add-template-modal .modal-body .form-grid .form-group input[type=text],.add-template-modal .modal-body .form-grid .form-group input[type=number],.add-template-modal .modal-body .form-grid .form-group select,.add-template-modal .modal-body .form-grid .form-group textarea{padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color .2s,box-shadow .2s}.add-template-modal .modal-body .form-grid .form-group input[type=text]:focus,.add-template-modal .modal-body .form-grid .form-group input[type=number]:focus,.add-template-modal .modal-body .form-grid .form-group select:focus,.add-template-modal .modal-body .form-grid .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.add-template-modal .modal-body .form-grid .form-group input[type=text]::placeholder,.add-template-modal .modal-body .form-grid .form-group input[type=number]::placeholder,.add-template-modal .modal-body .form-grid .form-group select::placeholder,.add-template-modal .modal-body .form-grid .form-group textarea::placeholder{color:#999}.add-template-modal .modal-body .form-grid .form-group textarea{resize:vertical;font-family:inherit}.add-template-modal .modal-body .form-grid .form-group small{margin-top:4px;color:#6c757d;font-size:12px}.add-template-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background-color:#f8f9fa;border-radius:0 0 8px 8px}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay .modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn.btn-primary{background-color:#667eea;color:#fff}.btn.btn-primary:hover{background-color:#5568d3}.btn.btn-primary:active{background-color:#4451b8}.btn.btn-secondary{background-color:#6c757d;color:#fff}.btn.btn-secondary:hover{background-color:#5a6268}.btn svg{font-size:16px}@media(max-width:1400px){.firewall-templates-modern .templates-table{font-size:13px}.firewall-templates-modern .templates-table thead th{padding:10px 6px;font-size:12px}.firewall-templates-modern .templates-table tbody td{padding:8px 6px}}@media(max-width:1200px){.add-template-modal{width:700px}.add-template-modal .modal-body .form-grid{grid-template-columns:1fr}.add-template-modal .modal-body .form-grid .form-group{grid-column:1}}@media(max-width:768px){.firewall-templates-modern{padding:15px}.firewall-templates-modern .templates-header-actions{flex-direction:column;align-items:stretch;gap:15px}.firewall-templates-modern .templates-header-actions .header-info{flex-direction:column;gap:8px}.firewall-templates-modern .templates-header-actions .header-buttons{justify-content:stretch}.firewall-templates-modern .templates-header-actions .header-buttons button{flex:1}.firewall-templates-modern .templates-table-container{overflow-x:scroll}.firewall-templates-modern .templates-legend{flex-direction:column;gap:8px}.add-template-modal{width:95vw;margin:20px}}.router-address-lists-page{padding:2rem;max-width:1400px;margin:0 auto}.router-address-lists-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e0e0e0}.router-address-lists-page .page-header .header-content h1{font-size:2rem;color:#2c3e50;margin-bottom:.5rem}.router-address-lists-page .page-header .header-content p{color:#7f8c8d;font-size:1rem}.router-address-lists-page .tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0}.router-address-lists-page .tabs .tab{padding:1rem 2rem;background:none;border:none;border-bottom:3px solid transparent;color:#7f8c8d;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.router-address-lists-page .tabs .tab:hover{color:#2c3e50;background:#f8f9fa}.router-address-lists-page .tabs .tab.active{color:#3498db;border-bottom-color:#3498db}.router-address-lists-page .address-list-content .content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.router-address-lists-page .address-list-content .content-header .header-info h3{font-size:1.5rem;color:#2c3e50;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.router-address-lists-page .address-list-content .content-header .header-info p{color:#7f8c8d;margin:0}.router-address-lists-page .address-list-content .content-header .header-actions{display:flex;gap:1rem}.router-address-lists-page .address-list-content .info-alert{padding:1rem 1.5rem;background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin-bottom:2rem}.router-address-lists-page .address-list-content .info-alert strong{color:#856404}.router-address-lists-page .address-list-content .add-entry-form{background:#fff;border:2px solid #3498db;border-radius:8px;padding:2rem;margin-bottom:2rem}.router-address-lists-page .address-list-content .add-entry-form h4{color:#2c3e50;margin-bottom:1.5rem}.router-address-lists-page .address-list-content .add-entry-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media(max-width:768px){.router-address-lists-page .address-list-content .add-entry-form .form-grid{grid-template-columns:1fr}}.router-address-lists-page .address-list-content .add-entry-form .form-group label{display:block;font-weight:500;color:#2c3e50;margin-bottom:.5rem}.router-address-lists-page .address-list-content .add-entry-form .form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.router-address-lists-page .address-list-content .add-entry-form .form-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.router-address-lists-page .address-list-content .add-entry-form .form-actions{display:flex;gap:1rem}.router-address-lists-page .address-list-content .entries-table{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.router-address-lists-page .address-list-content .entries-table .loading,.router-address-lists-page .address-list-content .entries-table .no-entries{padding:4rem 2rem;text-align:center;color:#7f8c8d}.router-address-lists-page .address-list-content .entries-table .no-entries svg{font-size:4rem;color:#ddd;margin-bottom:1rem}.router-address-lists-page .address-list-content .entries-table .no-entries p{font-size:1.2rem;margin-bottom:1.5rem}.router-address-lists-page .address-list-content .entries-table table{width:100%;border-collapse:collapse;border:none;box-shadow:none;margin-bottom:0}.router-address-lists-page .address-list-content .entries-table table thead{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.router-address-lists-page .address-list-content .entries-table table thead tr th{padding:.85rem 1.25rem;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#475569;background:transparent;border-bottom:2px solid #e2e8f0;height:auto;width:auto;white-space:normal}.router-address-lists-page .address-list-content .entries-table table thead tr th:first-child{background:transparent;color:#475569}.router-address-lists-page .address-list-content .entries-table table thead tr th:last-child{text-align:center}.router-address-lists-page .address-list-content .entries-table table thead tr th:not(:first-child){text-align:left}.router-address-lists-page .address-list-content .entries-table table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s ease;background:#fff}.router-address-lists-page .address-list-content .entries-table table tbody tr:nth-child(odd){background:#fff}.router-address-lists-page .address-list-content .entries-table table tbody tr:last-child{border-bottom:none}.router-address-lists-page .address-list-content .entries-table table tbody tr:hover{background:#f8fafc}.router-address-lists-page .address-list-content .entries-table table tbody tr td{padding:.9rem 1.25rem;font-size:.9rem;color:#334155;vertical-align:middle;text-align:left;border-bottom:none;font-weight:400}.router-address-lists-page .address-list-content .entries-table table tbody tr td:first-child{font-weight:400}.router-address-lists-page .address-list-content .entries-table table tbody tr td:not(:first-child){text-align:left}.router-address-lists-page .address-list-content .entries-table table tbody tr td code{background:#f1f5f9;padding:.3rem .6rem;border-radius:6px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.85rem;color:#1e293b;border:1px solid #e2e8f0}.router-address-lists-page .address-list-content .entries-table table tbody tr td code.danger{background:#fef2f2;color:#dc2626;border-color:#fecaca}.router-address-lists-page .address-list-content .entries-table table tbody tr td .inline-edit{width:100%;padding:.5rem;border:1px solid #3498db;border-radius:4px}.router-address-lists-page .address-list-content .entries-table table tbody tr td .sync-status .status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .85rem;border-radius:20px;font-size:.8rem;font-weight:600}.router-address-lists-page .address-list-content .entries-table table tbody tr td .sync-status .status-badge.success{background:#dcfce7;color:#166534}.router-address-lists-page .address-list-content .entries-table table tbody tr td .sync-status .status-badge.warning{background:#fef9c3;color:#854d0e}.router-address-lists-page .address-list-content .entries-table table tbody tr td .sync-status .status-badge.error{background:#fef2f2;color:#991b1b}.router-address-lists-page .address-list-content .entries-table table tbody tr td .router-count{display:inline-block;padding:.25rem .75rem;background:#e3f2fd;color:#1976d2;border-radius:20px;font-size:.875rem;font-weight:500}.router-address-lists-page .address-list-content .entries-table table tbody tr td .action-buttons{display:flex;gap:.5rem;justify-content:center}.btn-primary,.btn-secondary,.btn-sync{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:disabled,.btn-secondary:disabled,.btn-sync:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background:#2980b9;transform:translateY(-1px);box-shadow:0 4px 8px #3498db4d}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover:not(:disabled){background:#7f8c8d}.btn-sync{background:#27ae60;color:#fff}.btn-sync:hover:not(:disabled){background:#229954}.btn-sync .spinning{animation:spin 1s linear infinite}.btn-icon{padding:.5rem;border:none;background:none;cursor:pointer;border-radius:4px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-icon.primary{color:#3498db}.btn-icon.primary:hover{background:#e3f2fd}.btn-icon.success{color:#27ae60}.btn-icon.success:hover{background:#d4edda}.btn-icon.danger{color:#e74c3c}.btn-icon.danger:hover{background:#f8d7da}.btn-icon.secondary{color:#95a5a6}.btn-icon.secondary:hover{background:#f8f9fa}@media(max-width:768px){.router-address-lists-page{padding:1rem}.router-address-lists-page .page-header,.router-address-lists-page .address-list-content .content-header{flex-direction:column;align-items:flex-start;gap:1rem}.router-address-lists-page .address-list-content .entries-table table{font-size:.875rem}.router-address-lists-page .address-list-content .entries-table table thead th,.router-address-lists-page .address-list-content .entries-table table tbody td{padding:.5rem}}.graph-box{border:2px solid #484848;background:#fff;display:flex;flex-direction:column}.graph-heading{font-weight:600;font-size:16px!important;color:#fff;background:#57565b;margin-top:20px;width:fit-content;text-align:left!important;padding:5px!important;white-space:nowrap}.graph-heading-arrears{font-weight:600;font-size:1rem;color:#fff;background:#57565b;width:fit-content;margin-top:20px;padding:5px;white-space:nowrap}.graph-content{flex:1;display:flex;flex-direction:column}.custom-recharts-tooltip{background:#fff;border:1px solid #ccc;padding:8px 12px;border-radius:4px;font-size:14px}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.dashboard-row{display:flex;width:100%;gap:2rem}.dashboard-table-wrapper{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.dashboard-table-wrapper table{width:100%}.arrears-box{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:[row1-start] auto [row1-end row2-start] auto [row2-end row3-start] auto [row3-end row4-start] auto [row4-end row5-start] auto [row5-end];column-gap:2rem;row-gap:10px;width:100%}.left-arrears{grid-column:1;display:contents}.right-arrears{grid-column:2;display:contents}.left-arrears>.table-wrapper:nth-child(1){grid-column:1;grid-row:row1-start/row1-end}.left-arrears>.table-wrapper:nth-child(2){grid-column:1;grid-row:row2-start/row2-end}.left-arrears>.table-wrapper:nth-child(3){grid-column:1;grid-row:row3-start/row3-end}.left-arrears>.table-wrapper:nth-child(4){grid-column:1;grid-row:row4-start/row4-end}.left-arrears>.table-wrapper:nth-child(5){grid-column:1;grid-row:row5-start/row5-end}.right-arrears>.table-wrapper:nth-child(1){grid-column:2;grid-row:row1-start/row2-end}.right-arrears>.table-wrapper:nth-child(2){grid-column:2;grid-row:row3-start/row4-end}.right-arrears>.table-wrapper:nth-child(3){grid-column:2;grid-row:row5-start/row5-end}.table-wrapper{width:100%;box-sizing:border-box;margin:0;padding:0;display:flex;flex-direction:column;min-height:0}.table-wrapper>.graph-box{flex:1;min-height:0}.table-wrapper table{width:100%;table-layout:fixed;box-sizing:border-box;margin:0;padding:0}.bold-row{font-weight:700}.react-tooltip{background-color:#fff!important;color:#000!important;opacity:1!important;z-index:9999!important;padding:0!important;margin:0!important;min-height:0!important;min-width:0!important}.react-tooltip table{margin:0!important;padding:0!important;border-collapse:collapse}.income-statement-table tbody tr:nth-child(1),.income-statement-table tbody tr:nth-child(3),.income-statement-table tbody tr:nth-child(5),.income-statement-table tbody tr:nth-child(10){background:#e5e4e2!important}.income-statement-table tbody tr:nth-child(6) td,.income-statement-table tbody tr:nth-child(8) td,.income-statement-table tbody tr:nth-child(11) td{background:silver;border-top:2px solid #57565B;border-bottom:2px solid #57565B}.income-statement-table tbody tr:nth-child(11) td{border-bottom:none}.income-statement-table tbody tr:nth-child(2),.income-statement-table tbody tr:nth-child(4),.income-statement-table tbody tr:nth-child(7),.income-statement-table tbody tr:nth-child(9){background:#fff!important}.dashboard-greeting{display:flex;align-items:center;gap:.5rem;font-size:2rem;font-weight:600}.padding-col{padding-right:20px!important}.sharepoint-site-usage .SharePointBar-card{min-height:200px}@media print{.sharepoint-site-usage,.sharepoint-site-usage.dashboard-card,.sharepoint-site-usage.group-wrapper{page-break-inside:auto!important;break-inside:auto!important}.sharepoint-site-usage .sharepoint-chart-card{page-break-inside:auto!important;break-inside:auto!important;margin-bottom:4px!important}.sharepoint-site-usage .SharePointBar-card{height:400px!important;overflow:visible!important}.SharePointBar-Chart{margin-top:40px!important}.SharePointTrendChart{height:100px!important}.sharepoint-site-usage .recharts-responsive-container{height:auto!important;min-height:300px!important}.sharepoint-site-usage .recharts-wrapper{height:auto!important}.sharepoint-site-usage svg.recharts-surface{height:auto!important;overflow:visible!important}.sharepoint-site-usage .recharts-text,.sharepoint-site-usage .recharts-label,.sharepoint-site-usage .recharts-cartesian-axis-tick-value{font-size:12px!important}.sharepoint-site-usage>div:not(.dashboard-card)>.dashboard-card{page-break-inside:avoid!important;break-inside:avoid!important}}.dashboard-content{width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box}.graph-box{height:300px!important}.opsoperations-dashboard{width:100%;display:flex;flex-direction:column;gap:.3rem}.opsdashboard-row{display:flex;gap:1rem;width:100%}.opsdashboard-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.opsdash table{width:100%;box-sizing:border-box}.opsdashboard-row--full{padding-top:10px}.opsgraph-box{position:relative;width:100%;margin-bottom:20px;box-sizing:border-box;min-height:300px;overflow:hidden}@media screen and (max-width:1200px){.opsgraph-box{min-height:280px;height:280px}}@media screen and (max-width:768px){.opsgraph-box{min-height:260px;height:260px}}.bridge-graph{border:1px solid #D3D3D3;margin-bottom:20px}.graph-heading{padding-left:20px}.dark-gray{background-color:#71797e!important;color:#fff}.sustain-main-container{background:#f5f5f5;padding:24px}.sustain-top-row{display:flex;gap:24px;margin-bottom:32px}.sustain-left-block,.sustain-right-block{flex:1;display:flex;flex-direction:column}.sustain-left-block{flex:1.5}.sustain-right-block{flex:1}.sustain-block-header{font-weight:700;background:#4a4a4a;color:#fff;padding:10px 16px;font-size:1rem;margin:0;border-radius:4px 4px 0 0}.sustain-block-content{background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;padding:12px;flex:1}.sustain-left-block-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.sustain-right-block-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sustain-right-block-grid>.sustain-stat-block:nth-child(3){grid-column:1/span 2}.sustain-stat-block{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;min-height:120px;display:flex;align-items:flex-start;justify-content:flex-start;padding:16px;font-size:.9rem}.sustain-bottom-row{display:flex;gap:24px;margin-top:24px}.sustain-pie-block{background:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden;flex:1;display:flex;flex-direction:column;align-items:center}.sustain-pie-block .sustain-block-header{width:auto;align-self:center;margin-top:16px;margin-bottom:8px;border-radius:4px;padding:8px 24px;font-size:.95rem;position:relative;z-index:1}.sustain-pie-chart-placeholder{display:flex;justify-content:center;align-items:center;padding-bottom:16px}.sustain-solar-table-block{background:#fff;border:1px solid #ddd;border-radius:4px;padding:16px;margin-top:32px}.sustain-stat-content{display:flex;align-items:flex-start;gap:8px;width:100%}.sustain-stat-icon-wrapper{width:56px;height:56px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.sustain-stat-icon{width:90px;height:90px;flex-shrink:0;object-fit:contain;display:block;margin:-17px}.sustain-stat-text{display:flex;flex-direction:column;gap:2px;color:#333}.sustain-stat-value{font-size:1.6rem;font-weight:700;color:var(--primary-color);line-height:1.2}.sustain-stat-value.sustain-stat-percentage{color:var(--primary-color)}.sustain-stat-label{font-size:.85rem;color:#555;line-height:1.3}.sustain-stat-subtext{margin-top:8px;font-size:.85rem;color:#555;line-height:1.4}.sustain-stat-subvalue{font-weight:700;color:#333}.recharts-legend-wrapper{margin-top:8px}.recharts-legend-item-text{font-size:.85rem!important;color:#333!important}.donut-center-label{font-size:1.2rem;font-weight:700;fill:#333}.finance-dashboard{min-height:100vh;width:90vw;box-sizing:border-box;padding:0}.findashboard-header{font-size:1.2rem;font-weight:700;background:#f8f8f8}.findashboard-section{width:100%;min-height:0;box-sizing:border-box;display:flex;align-items:center;justify-content:stretch}.graph-heading{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;padding-left:5px;text-align:left;align-self:flex-start;padding-right:10px}.data-graph{display:flex;flex-direction:column;border:1px solid #D3D3D3;background-color:#fff;margin-bottom:30px}.dashboard-greeting{padding-bottom:10px}.arrears-dash-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;column-gap:24px;width:100%;box-sizing:border-box}.arrears-dash-header{grid-column:1/span 2;display:flex;flex-direction:column;align-items:flex-start}.dashboard-greeting{display:flex;align-items:center;gap:12px;font-size:1.6rem;font-weight:600}.arrears-dash-table{grid-column:1/2;grid-row:2/3;align-self:start}.arrears-dash-empty{grid-column:2/3;grid-row:2/3}.arrears-dash-graph-left{grid-column:1/2;grid-row:3/4}.arrears-dash-graph-right{grid-column:2/3;grid-row:3/4}.arrears-dash-table-bottom-left{grid-column:1/2;grid-row:4/5;margin-top:18px}.arrears-dash-table-bottom-right{grid-column:2/3;grid-row:4/5;margin-top:18px}.arrears-table-total-row,.arrears-table-total-row td,.arrears-table-total-row th{background-color:#57565b!important;color:#fff}.arrears-table th:nth-child(2),.arrears-table td:nth-child(2){text-align:left}.arrears-table th:nth-child(3),.arrears-table td:nth-child(3),.arrears-table th:nth-child(4),.arrears-table td:nth-child(4){white-space:nowrap}.arrears-table-total-row td:nth-child(3){padding-left:0;padding-right:0}.arrears-table{table-layout:fixed;width:100%}.arrears-table th:nth-child(1),.arrears-table td:nth-child(1){width:32%}.arrears-table th:nth-child(2),.arrears-table td:nth-child(2){width:28%}.arrears-table th:nth-child(3),.arrears-table td:nth-child(3){width:20%;text-align:right}.arrears-table th:nth-child(4),.arrears-table td:nth-child(4){width:20%;text-align:right}.arrears-dash-graph-right{border:2px solid #484848}.graph-heading-arrears-new{font-weight:600;font-size:16px!important;color:#fff;background:#57565b;margin-top:20px;width:fit-content;text-align:left!important;padding:5px!important;margin-bottom:13px}.graph-data-arrears{padding:0!important;margin:0!important}.leasing-dashboard-container{display:flex;flex-direction:column;align-items:stretch;background:#f7f7f7;min-height:100vh;width:100%;max-width:none;margin:0 auto;padding:1.5rem 20px;box-sizing:border-box}.leasing-dashboard-content{width:100%;display:flex;flex-direction:column;gap:1rem;align-items:stretch;box-sizing:border-box}.leasing-dashboard-top-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:1rem;align-items:stretch;grid-auto-rows:1fr}.leasing-dashboard-col{display:flex;flex-direction:column;gap:1rem;height:100%}.leasing-dashboard-col-left,.leasing-dashboard-col-right{min-width:0}.leasing-dashboard-col-left>.basic-graph,.leasing-dashboard-col-right>.basic-graph{flex:1}.leasing-dashboard-fullwidth-section{width:100%}.leasing-dashboard-section,.basic-graph{box-sizing:border-box;width:100%}.basic-graph{display:flex;flex-direction:column;height:100%;min-height:360px}.leasing-dashboard-section table{margin-bottom:0;padding-bottom:0}.basic-graph{border:2px solid black}.graph-heading{width:fit-content}.legal-container-row{display:flex;flex-direction:row;margin-bottom:8px}.legal-top-row{width:50%}.legal-top-row:first-child{padding-right:4px}.legal-top-row:last-child{padding-left:4px}.legal-middle-row{width:50%}.legal-middle-row:first-child{padding-right:4px}.legal-middle-row:last-child{padding-left:4px}.legal-bottom-row{width:50%}.legal-bottom-row:first-child{padding-right:4px}.legal-bottom-row:last-child{padding-left:4px}.left-side{padding-right:4px!important}.legal-middle-row{display:flex;flex-direction:column}.arrears-dash-graph-right{height:100%;display:flex;flex-direction:column}.graph-data{flex:1 1 auto;height:100%;min-height:0}.table-spacing{padding-right:4px}.fica-table-container{padding-left:0}.fica-table-container table{height:200px}.marketing-dashboard{min-height:100vh;width:80vw!important;box-sizing:border-box;padding:0}.grid-2x2{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:.7rem}.grid-2x2 .table-cell{grid-row:1;grid-column:1;height:100%}.grid-2x2 .empty-cell{grid-row:1;grid-column:2;height:100%}.grid-2x2 .chart-cell-1{grid-row:2;grid-column:1}.grid-2x2 .chart-cell-2{grid-row:2;grid-column:2}.marketing-dashboard__grid{display:flex;flex-direction:column;gap:10px;min-height:100vh;width:90vw;box-sizing:border-box;padding:0}.marketing-dashboard__row{display:flex;gap:24px}.marketing-dashboard__cell{flex:1}table{width:100%;border-spacing:0;border-collapse:collapse}.csi-milestones-table__category{background-color:#686868;color:#fff}.csi-milestones-table th,.csi-milestones-table td{border:none}.full-height table{height:100%}.csi-milestones-table__desc{color:#888}.inline-hexagon-loader-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:80px;padding:20px 0}.inline-hexagon-loader{position:relative;width:80px;height:80px}.inline-hexagon{position:absolute;width:20px;height:11.55px;margin:5.77px 0}.inline-hexagon:before,.inline-hexagon:after{content:"";position:absolute;width:0;border-left:10px solid transparent;border-right:10px solid transparent}.inline-hexagon:before{bottom:100%;border-bottom:5.77px solid currentColor}.inline-hexagon:after{top:100%;border-top:5.77px solid currentColor}.inline-hexagon-loader .group1{background-color:#57565b;color:#57565b;box-shadow:0 0 8px #0000001a;animation:colorSwapGroup1Inline 2.5s ease-in-out .5s infinite alternate}.inline-hexagon-loader .group2{background-color:#f63040;color:#f63040;box-shadow:0 0 8px #f630404d;animation:colorSwapGroup2Inline 2.5s ease-in-out .5s infinite alternate}@keyframes colorSwapGroup1Inline{0%{background-color:#57565b;color:#57565b;box-shadow:0 0 8px #0000001a}to{background-color:#f63040;color:#f63040;box-shadow:0 0 8px #f630404d}}@keyframes colorSwapGroup2Inline{0%{background-color:#f63040;color:#f63040;box-shadow:0 0 8px #f630404d}to{background-color:#57565b;color:#57565b;box-shadow:0 0 8px #0000001a}}.inline-hex-1a{top:0;left:27px;opacity:0;animation:slideFromTopInline .5s ease-out .2s forwards,pulseHexInline 1.5s ease-in-out .8s infinite alternate}.inline-hex-2a{top:17px;left:17px;opacity:0;animation:slideFromLeftInline .5s ease-out .1s forwards,pulseHexInline 1.5s ease-in-out 1s infinite alternate}.inline-hex-2b{top:17px;left:38px;opacity:0;animation:slideFromRightInline .5s ease-out .1s forwards,pulseHexInline 1.5s ease-in-out 1.2s infinite alternate}.inline-hex-3a{top:34px;left:5px;opacity:0;animation:slideFromLeftInline .5s ease-out 0s forwards,pulseHexInline 1.5s ease-in-out 1.4s infinite alternate}.inline-hex-3b{top:34px;left:27px;opacity:0;animation:slideFromBottomInline .5s ease-out 0s forwards,pulseHexInline 1.5s ease-in-out 1.6s infinite alternate}.inline-hex-3c{top:34px;left:48px;opacity:0;animation:slideFromRightInline .5s ease-out 0s forwards,pulseHexInline 1.5s ease-in-out 1.8s infinite alternate}@keyframes slideFromLeftInline{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideFromRightInline{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideFromTopInline{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideFromBottomInline{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulseHexInline{0%{transform:scale(1);opacity:1}to{transform:scale(1.1);opacity:.85}}.threat-hunting-header{margin-bottom:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;border-radius:12px;box-shadow:0 10px 30px #0003}.threat-hunting-header h1{color:#fff;margin-bottom:.5rem;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.threat-hunting-header .subtitle{color:#fffffff2;font-size:1.2rem;margin-bottom:1.5rem;font-weight:500}.threat-hunting-header .controls-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1.25rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(255,255,255,.2)}.threat-hunting-header .controls-bar .time-range-selector{display:flex;align-items:center;gap:.75rem}.threat-hunting-header .controls-bar .time-range-selector label{font-weight:600;color:#fff;font-size:1rem}.threat-hunting-header .controls-bar .time-range-selector select{padding:.625rem 1.25rem;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#fffffff2;color:#333;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.threat-hunting-header .controls-bar .time-range-selector select:hover{border-color:#fff9;background:#fff}.threat-hunting-header .controls-bar .time-range-selector select:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px #fff3}.threat-hunting-header .controls-bar .btn-refresh{padding:.75rem 1.75rem;background:#fff;color:#667eea;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.threat-hunting-header .controls-bar .btn-refresh:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040;background:#f8f9fa}.threat-hunting-header .controls-bar .btn-refresh:active{transform:translateY(0)}.summary-section{margin:2.5rem 0}.summary-section .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.summary-section .summary-cards .summary-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 8px 24px #00000014;text-align:center;border:none;position:relative;overflow:hidden;transition:all .3s ease}.summary-section .summary-cards .summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--card-accent-color, #667eea),var(--card-accent-color-light, #764ba2))}.summary-section .summary-cards .summary-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0000001f}.summary-section .summary-cards .summary-card.dlp-card{--card-accent-color: #e74c3c;--card-accent-color-light: #c0392b}.summary-section .summary-cards .summary-card.insider-risk-card{--card-accent-color: #f39c12;--card-accent-color-light: #e67e22}.summary-section .summary-cards .summary-card.intune-card{--card-accent-color: #0078d4;--card-accent-color-light: #106ebe}.summary-section .summary-cards .summary-card.entra-card{--card-accent-color: #00a4ef;--card-accent-color-light: #0090cf}.summary-section .summary-cards .summary-card.info-card{--card-accent-color: #3498db;--card-accent-color-light: #2980b9}.summary-section .summary-cards .summary-card h3{margin-bottom:1rem;color:#2c3e50;font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.summary-section .summary-cards .summary-card .summary-value{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,var(--card-accent-color, #667eea),var(--card-accent-color-light, #764ba2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:.75rem 0;line-height:1}.summary-section .summary-cards .summary-card .summary-value-small{font-size:1.1rem;font-weight:600;color:#34495e;margin:.75rem 0}.summary-section .summary-cards .summary-card p{color:#7f8c8d;font-size:.95rem;margin-top:.5rem}.threat-hunting-results .dlp-section,.threat-hunting-results .insider-risk-section{margin:2.5rem 0;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;border:none}.threat-hunting-results .dlp-section h2,.threat-hunting-results .insider-risk-section h2{color:#2c3e50;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid #ecf0f1;font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.threat-hunting-results .dlp-section h2:before,.threat-hunting-results .insider-risk-section h2:before{content:"🛡️";font-size:1.5rem}.threat-hunting-results .dlp-section h2:before{content:"🔒"}.threat-hunting-results .insider-risk-section h2:before{content:"👤"}.threat-hunting-results .query-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.threat-hunting-results .query-results-grid .query-result-section{padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:2px solid #dee2e6;transition:all .3s ease;position:relative;overflow:hidden}.threat-hunting-results .query-results-grid .query-result-section:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2);transition:width .3s ease}.threat-hunting-results .query-results-grid .query-result-section:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a;border-color:#667eea}.threat-hunting-results .query-results-grid .query-result-section:hover:after{width:6px}.threat-hunting-results .query-results-grid .query-result-section h4{color:#2c3e50;margin-bottom:1rem;font-size:1.1rem;font-weight:700}.threat-hunting-results .query-results-grid .query-result-section .result-count .alert-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border-radius:8px;font-weight:700;font-size:.95rem;box-shadow:0 4px 12px #e74c3c4d}.threat-hunting-results .query-results-grid .query-result-section .result-count .alert-badge:before{content:"⚠️";font-size:1.1rem}.threat-hunting-results .query-results-grid .query-result-section .result-count .no-incidents{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border-radius:8px;font-weight:700;font-size:.95rem;box-shadow:0 4px 12px #27ae604d}.threat-hunting-results .query-results-grid .query-result-section .result-count .no-incidents:before{content:"✓";font-size:1.2rem}.threat-hunting-results .query-results-grid .query-result-section .results-preview{margin-top:1.25rem;padding:1rem;background:#fff;border-radius:8px;border-left:3px solid #667eea}.threat-hunting-results .query-results-grid .query-result-section .results-preview .preview-note{color:#5a6c7d;font-size:.9rem;line-height:1.6}.threat-hunting-results .query-results-grid .query-result-error{padding:1.5rem;background:linear-gradient(135deg,#fff5f5,#ffe5e5);border:2px solid #e74c3c;border-radius:12px;box-shadow:0 4px 12px #e74c3c26}.threat-hunting-results .query-results-grid .query-result-error h4{color:#c0392b;margin-bottom:.75rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.threat-hunting-results .query-results-grid .query-result-error h4:before{content:"❌"}.threat-hunting-results .query-results-grid .query-result-error .error-message{color:#e74c3c;font-size:.95rem;line-height:1.5}.threat-hunting-results .report-metadata{margin:2.5rem 0;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014}.threat-hunting-results .report-metadata h3{color:#2c3e50;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.threat-hunting-results .report-metadata h3:before{content:"ℹ️";font-size:1.5rem}.threat-hunting-results .report-metadata .metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.threat-hunting-results .report-metadata .metadata-grid .metadata-item{padding:1.25rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border:2px solid #dee2e6;transition:all .3s ease}.threat-hunting-results .report-metadata .metadata-grid .metadata-item:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.threat-hunting-results .report-metadata .metadata-grid .metadata-item strong{color:#2c3e50;display:block;margin-bottom:.5rem;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.threat-hunting-results .report-footer{margin-top:2.5rem;padding:2rem;background:linear-gradient(135deg,#f0f4f8,#d9e2ec);border-radius:16px;border-left:6px solid #3498db;box-shadow:0 4px 12px #0000000d}.threat-hunting-results .report-footer .disclaimer{color:#2c3e50;line-height:1.8;margin-bottom:1rem;font-size:1rem}.threat-hunting-results .report-footer .disclaimer strong{color:#667eea;font-weight:700}.threat-hunting-results .report-footer .api-info{color:#5a6c7d;font-size:.9rem;font-style:italic;font-weight:500}.error-container{text-align:center;padding:4rem 3rem;background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001a;max-width:600px;margin:2rem auto}.error-container:before{content:"⚠️";display:block;font-size:4rem;margin-bottom:1.5rem}.error-container h2{color:#e74c3c;margin-bottom:1.25rem;font-size:2rem;font-weight:700}.error-container .error-message{color:#5a6c7d;margin-bottom:2rem;font-size:1.15rem;line-height:1.6}.error-container .btn-refresh{padding:.875rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:1.05rem;box-shadow:0 6px 16px #667eea66;transition:all .3s ease}.error-container .btn-refresh:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea80}.error-container .btn-refresh:active{transform:translateY(0)}.enhanced-mode-toggle{display:flex;align-items:center}.enhanced-mode-toggle label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:600;color:#fff;font-size:1rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:8px;transition:all .3s ease}.enhanced-mode-toggle label:hover{background:#fff3}.enhanced-mode-toggle label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:white}.soc-mode-toggle .btn-soc-mode{padding:.75rem 1.75rem;background:linear-gradient(135deg,#0078d4,#106ebe);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #0078d44d;display:flex;align-items:center;gap:.5rem}.soc-mode-toggle .btn-soc-mode:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0078d466;background:linear-gradient(135deg,#0090f5,#1280d5)}.soc-mode-toggle .btn-soc-mode:active{transform:translateY(0)}.graph-api-section{margin:2.5rem 0;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;border:none;position:relative}.graph-api-section:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;border-radius:16px 16px 0 0}.graph-api-section.intune-section:before{background:linear-gradient(90deg,#0078d4,#106ebe)}.graph-api-section.entra-section:before{background:linear-gradient(90deg,#00a4ef,#0090cf)}.graph-api-section.correlation-section:before{background:linear-gradient(90deg,#8661c5,#9b59b6)}.graph-api-section h2{color:#2c3e50;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid #ecf0f1;font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.graph-api-section.intune-section h2:before{content:"💻";font-size:1.5rem}.graph-api-section.entra-section h2:before{content:"🔐";font-size:1.5rem}.graph-api-section.correlation-section h2:before{content:"🔗";font-size:1.5rem}.graph-api-section .correlation-info{padding:1.5rem}.graph-api-section .correlation-info .correlation-details p{margin:.75rem 0;color:#2c3e50;font-size:1.05rem;line-height:1.6}.graph-api-section .correlation-info .correlation-details p strong{color:#667eea;font-weight:700}.graph-api-section .correlation-info .correlation-details .correlation-patterns{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:2px solid #dee2e6}.graph-api-section .correlation-info .correlation-details .correlation-patterns h4{color:#2c3e50;margin-bottom:1.25rem;font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.graph-api-section .correlation-info .correlation-details .correlation-patterns h4:before{content:"🎯";font-size:1.3rem}.graph-api-section .correlation-info .correlation-details .correlation-patterns ul{list-style:none;padding-left:0}.graph-api-section .correlation-info .correlation-details .correlation-patterns ul li{padding:1rem;margin:.75rem 0;background:#fff;border-left:4px solid #8661c5;border-radius:8px;color:#2c3e50;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.graph-api-section .correlation-info .correlation-details .correlation-patterns ul li:hover{transform:translate(5px);box-shadow:0 4px 12px #0000001a;border-left-width:6px}.graph-api-section .correlation-info .correlation-details .correlation-patterns ul li:before{content:"•";color:#8661c5;font-weight:700;display:inline-block;width:1em;margin-right:.5rem;font-size:1.5rem}.graph-api-result .graph-api-items{margin-top:1.5rem}.graph-api-result .graph-api-items .graph-api-item{padding:1.25rem;margin:1rem 0;background:#fff;border-radius:10px;border-left:4px solid #0078d4;box-shadow:0 3px 10px #00000014;transition:all .3s ease}.graph-api-result .graph-api-items .graph-api-item:hover{transform:translate(5px);box-shadow:0 5px 15px #0000001f;border-left-width:6px}.graph-api-result .graph-api-items .graph-api-item p{margin:.5rem 0;font-size:.95rem;color:#2c3e50;line-height:1.5}.graph-api-result .graph-api-items .graph-api-item p strong{font-weight:700;color:#1a252f}.graph-api-result .graph-api-items .graph-api-item p.threat-level,.graph-api-result .graph-api-items .graph-api-item p.risk-level{color:#e74c3c;font-weight:700}.graph-api-result .graph-api-items .graph-api-item p.threat-level:before,.graph-api-result .graph-api-items .graph-api-item p.risk-level:before{content:"⚠️ "}.graph-api-result .graph-api-items .graph-api-item p.compliance-state{color:#f39c12;font-weight:600}.graph-api-result .graph-api-items .graph-api-item p.compliance-state:before{content:"📋 "}.graph-api-result .graph-api-items .graph-api-item p.failed-attempts{color:#e67e22;font-weight:700}.graph-api-result .graph-api-items .graph-api-item p.failed-attempts:before{content:"🚫 "}.graph-api-result .graph-api-items .more-items{margin-top:1rem;font-style:italic;color:#7f8c8d;font-size:.95rem;font-weight:500;text-align:center}.graph-api-result .info-message{margin-top:1.5rem;padding:1.25rem;background:linear-gradient(135deg,#f0f8ff,#e6f2ff);border-radius:10px;border:2px solid #3498db}.graph-api-result .info-message:before{content:"ℹ️";font-size:1.5rem;display:block;margin-bottom:.75rem}.graph-api-result .info-message p{color:#2c3e50;font-size:.95rem;margin:.75rem 0;line-height:1.6}.graph-api-result .info-message p.recommendation{color:#667eea;font-weight:700;margin-top:1rem;padding-top:.75rem;border-top:2px solid rgba(102,126,234,.2)}.graph-api-result .info-message p.recommendation:before{content:"💡 ";font-size:1.2rem}@media(prefers-color-scheme:dark){.threat-hunting-header{background:linear-gradient(135deg,#4a5568,#2d3748)}.threat-hunting-header .controls-bar{background:#2d374880;border-color:#ffffff1a}.summary-section .summary-cards .summary-card,.threat-hunting-results .dlp-section,.threat-hunting-results .insider-risk-section,.threat-hunting-results .report-metadata,.graph-api-section{background:#2d3748;color:#e2e8f0}.summary-section .summary-cards .summary-card h2,.summary-section .summary-cards .summary-card h3,.summary-section .summary-cards .summary-card h4,.threat-hunting-results .dlp-section h2,.threat-hunting-results .dlp-section h3,.threat-hunting-results .dlp-section h4,.threat-hunting-results .insider-risk-section h2,.threat-hunting-results .insider-risk-section h3,.threat-hunting-results .insider-risk-section h4,.threat-hunting-results .report-metadata h2,.threat-hunting-results .report-metadata h3,.threat-hunting-results .report-metadata h4,.graph-api-section h2,.graph-api-section h3,.graph-api-section h4{color:#e2e8f0}.summary-section .summary-cards .summary-card p,.threat-hunting-results .dlp-section p,.threat-hunting-results .insider-risk-section p,.threat-hunting-results .report-metadata p,.graph-api-section p{color:#cbd5e0}.threat-hunting-results .query-results-grid .query-result-section{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#4a5568}.threat-hunting-results .query-results-grid .query-result-section h4{color:#e2e8f0}.threat-hunting-results .report-footer{background:linear-gradient(135deg,#2d3748,#1a202c)}.threat-hunting-results .report-footer .disclaimer,.threat-hunting-results .report-footer .api-info{color:#cbd5e0}.graph-api-section .correlation-info .correlation-details .correlation-patterns{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#4a5568}.graph-api-section .correlation-info .correlation-details .correlation-patterns ul li,.graph-api-result .graph-api-items .graph-api-item{background:#374151;color:#e2e8f0}.graph-api-result .graph-api-items .graph-api-item p{color:#cbd5e0}.graph-api-result .graph-api-items .graph-api-item p strong{color:#e2e8f0}.graph-api-result .info-message{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#4299e1}.graph-api-result .info-message p{color:#cbd5e0}.graph-api-result .info-message p.recommendation{color:#667eea}.error-container{background:#2d3748}.error-container h2{color:#fc8181}.error-container .error-message{color:#cbd5e0}.threat-hunting-results .report-metadata .metadata-grid .metadata-item{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#4a5568}.threat-hunting-results .report-metadata .metadata-grid .metadata-item strong{color:#e2e8f0}}.soc-carousel{display:flex;flex-direction:column;width:100%;min-height:100vh;background:#1a1d29;color:#fff;overflow:hidden}.soc-carousel.fullscreen{position:fixed;inset:0;z-index:9999}.soc-carousel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#242836;border-bottom:2px solid #3a3f51;box-shadow:0 4px 8px #0000004d}.soc-carousel-header .exit-soc-mode-btn{padding:.75rem 1.5rem;background:#dc354533;border:2px solid #dc3545;border-radius:8px;color:#dc3545;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.soc-carousel-header .exit-soc-mode-btn:hover{background:#dc3545;color:#fff;transform:scale(1.05)}.soc-carousel-header .exit-soc-mode-btn:active{transform:scale(.98)}.soc-title-section .soc-main-title{font-size:2.5rem;font-weight:700;margin:0 0 .25rem;letter-spacing:.5px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.soc-title-section .soc-subtitle{font-size:1.3rem;color:#b0b3c1;margin:0;font-weight:300}.connection-status{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;font-size:1rem}.connection-status .status-indicator-container{display:flex;align-items:center;gap:.5rem}.connection-status .status-indicator-container .status-icon{font-size:1.5rem}.connection-status .status-indicator-container .status-icon.pulse{animation:pulse 1.5s ease-in-out infinite}.connection-status .status-indicator-container .status-label{font-weight:600;font-size:1.1rem}.connection-status .refresh-info,.connection-status .last-refresh-time{font-size:.9rem;color:#b0b3c1}.connection-status .refresh-info strong,.connection-status .last-refresh-time strong{color:#fff}.connection-status .refresh-paused{color:#ffc107;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.soc-carousel-body{flex:1;overflow-y:auto;padding:2rem}.soc-carousel.fullscreen .soc-carousel-body{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.soc-carousel.fullscreen .soc-carousel-body::-webkit-scrollbar{display:none}.soc-view-container{max-width:1600px;margin:0 auto}.soc-view{animation:fadeIn .5s ease-in-out}.soc-view .view-title{font-size:3rem;font-weight:700;margin:0 0 2rem;text-align:center;text-shadow:2px 2px 6px rgba(0,0,0,.5);letter-spacing:1px}.soc-view .no-data-message{font-size:1.8rem;text-align:center;color:#b0b3c1;margin:4rem 0}.soc-view .view-header-with-refresh{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.soc-view .view-header-with-refresh .refresh-alerts-btn{padding:.75rem 1.5rem;font-size:1.1rem;background:#ffc107;border:none;border-radius:8px;color:#000;font-weight:600;cursor:pointer;transition:all .3s ease}.soc-view .view-header-with-refresh .refresh-alerts-btn:hover{background:#d39e00;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.view-summary-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.view-summary-header .summary-stat{background:#242836;padding:1.5rem;border-radius:12px;border-left:4px solid #6c757d;text-align:center;box-shadow:0 4px 8px #0000004d}.view-summary-header .summary-stat.critical{border-left-color:#dc3545}.view-summary-header .summary-stat.high{border-left-color:#fd7e14}.view-summary-header .summary-stat .summary-label{display:block;font-size:1rem;color:#b0b3c1;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.view-summary-header .summary-stat .summary-value{display:block;font-size:3rem;font-weight:700;line-height:1;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.view-summary-header .summary-stat .summary-value-small{display:block;font-size:1.2rem;font-weight:600}.overall-posture-card{background:#242836;padding:2rem;border-radius:16px;text-align:center;margin-bottom:2rem;box-shadow:0 6px 12px #0006}.overall-posture-card h3{font-size:1.5rem;margin:0 0 1rem;color:#b0b3c1;text-transform:uppercase;letter-spacing:2px}.overall-posture-card .posture-score{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.overall-posture-card .posture-score .score-value{font-size:6rem;font-weight:700;line-height:1;text-shadow:2px 2px 8px rgba(0,0,0,.7)}.overall-posture-card .posture-score .score-label{font-size:2rem;font-weight:600;letter-spacing:3px}.overall-posture-card .posture-timestamp{font-size:.9rem;color:#b0b3c1}.incident-cards-grid,.summary-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.incident-card{background:#242836;border-radius:12px;border-left:4px solid #6c757d;padding:1.5rem;box-shadow:0 4px 8px #0000004d;transition:all .3s ease}.incident-card.expandable{cursor:pointer}.incident-card.expandable:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000080}.incident-card.expanded .expand-icon{transform:rotate(180deg)}.incident-card .incident-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.incident-card .incident-card-header .incident-title{font-size:1.3rem;font-weight:600;margin:0;color:#fff}.incident-card .incident-card-header .expand-icon{font-size:1.5rem;font-weight:700;color:#b0b3c1;transition:transform .3s ease}.incident-card .incident-card-body .incident-metric{display:flex;align-items:baseline;gap:1rem;margin-bottom:1rem}.incident-card .incident-card-body .incident-metric .metric-value{font-size:4rem;font-weight:700;line-height:1;text-shadow:1px 1px 4px rgba(0,0,0,.5)}.incident-card .incident-card-body .incident-metric .trend-indicator{font-size:1.5rem;font-weight:600}.incident-card .incident-card-body .risk-score-badge{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-size:1rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);margin-bottom:1rem}.incident-card .incident-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #3a3f51}.incident-card .incident-details .detail-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:1rem}.incident-card .incident-details .detail-row .detail-label{color:#b0b3c1;font-weight:500}.incident-card .incident-details .detail-row .detail-value{color:#fff;font-weight:600}.incident-card .incident-details .portal-link-row{margin-top:1rem}.incident-card .incident-details .portal-link-row .defender-portal-link{color:#5dade2;text-decoration:none;font-weight:600;transition:color .2s ease}.incident-card .incident-details .portal-link-row .defender-portal-link:hover{color:#3498db;text-decoration:underline}.quick-stats-bar{display:flex;justify-content:space-around;background:#242836;padding:1.5rem;border-radius:12px;box-shadow:0 4px 8px #0000004d}.quick-stats-bar .stat-item{text-align:center}.quick-stats-bar .stat-item .stat-label{display:block;font-size:1rem;color:#b0b3c1;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.quick-stats-bar .stat-item .stat-value{display:block;font-size:2.5rem;font-weight:700;line-height:1}.quick-stats-bar .stat-item .stat-value.high-priority{color:#dc3545}.view-details-section{background:#242836;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 8px #0000004d}.view-details-section h3{font-size:1.8rem;margin:0 0 1.5rem;color:#fff}.view-details-section .no-data-message{font-size:1.2rem;color:#b0b3c1;text-align:center;margin:2rem 0}.policy-status-grid,.risk-detection-grid,.platform-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.policy-item,.detection-item,.platform-stat{background:#1e212d;padding:1rem;border-radius:8px;text-align:center}.policy-item .policy-label,.policy-item .detection-label,.policy-item .platform-label,.detection-item .policy-label,.detection-item .detection-label,.detection-item .platform-label,.platform-stat .policy-label,.platform-stat .detection-label,.platform-stat .platform-label{display:block;font-size:.9rem;color:#b0b3c1;margin-bottom:.5rem}.policy-item .policy-value,.policy-item .detection-value,.policy-item .platform-value,.detection-item .policy-value,.detection-item .detection-value,.detection-item .platform-value,.platform-stat .policy-value,.platform-stat .detection-value,.platform-stat .platform-value{display:block;font-size:2rem;font-weight:700}.policy-item .policy-value.violations,.policy-item .detection-value.violations,.policy-item .platform-value.violations,.detection-item .policy-value.violations,.detection-item .detection-value.violations,.detection-item .platform-value.violations,.platform-stat .policy-value.violations,.platform-stat .detection-value.violations,.platform-stat .platform-value.violations{color:#dc3545}.policy-item .platform-icon,.detection-item .platform-icon,.platform-stat .platform-icon{display:block;font-size:2rem;margin-bottom:.5rem}.policy-item .platform-issues,.detection-item .platform-issues,.platform-stat .platform-issues{display:block;font-size:.85rem;color:#fd7e14;margin-top:.5rem}.alert-feed-section .alert-feed{max-height:600px;overflow-y:auto}.alert-feed-section .alert-feed .alert-feed-list{display:flex;flex-direction:column;gap:1rem}.alert-feed-section .alert-feed .alert-feed-item{background:#1e212d;padding:1rem;border-radius:8px;border-left:4px solid #6c757d}.alert-feed-section .alert-feed .alert-feed-item .alert-header-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.alert-feed-section .alert-feed .alert-feed-item .alert-header-row .alert-severity{font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.alert-feed-section .alert-feed .alert-feed-item .alert-header-row .alert-timestamp{font-size:.9rem;color:#b0b3c1}.alert-feed-section .alert-feed .alert-feed-item .alert-title-row{margin-bottom:.5rem;font-size:1.1rem}.alert-feed-section .alert-feed .alert-feed-item .alert-details-row{display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem;color:#b0b3c1;margin-bottom:.5rem}.alert-feed-section .alert-feed .alert-feed-item .alert-details-row .alert-category,.alert-feed-section .alert-feed .alert-feed-item .alert-details-row .alert-source,.alert-feed-section .alert-feed .alert-feed-item .alert-details-row .alert-user{padding:.25rem .5rem;background:#ffffff0d;border-radius:4px}.alert-feed-section .alert-feed .alert-feed-item .alert-description{font-size:.9rem;color:#b0b3c1;margin-top:.5rem}.alert-feed-section .alert-feed .no-alerts-message{text-align:center;padding:4rem 2rem}.alert-feed-section .alert-feed .no-alerts-message p{font-size:2rem;color:#28a745;margin:0}.alert-feed-section .alert-feed .no-alerts-message p.sub-message{font-size:1.2rem;color:#b0b3c1;margin-top:.5rem}.soc-carousel-footer{padding:1.5rem 2rem;background:#242836;border-top:2px solid #3a3f51;box-shadow:0 -4px 8px #0000004d}.progress-indicator{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.progress-indicator .progress-dot{width:16px;height:16px;border-radius:50%;background:#3a3f51;border:none;cursor:pointer;transition:all .3s ease;padding:0}.progress-indicator .progress-dot.active{background:#ffc107;transform:scale(1.3);box-shadow:0 0 8px #ffc107}.progress-indicator .progress-dot:hover:not(.active){background:#4f566f;transform:scale(1.1)}.soc-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.soc-controls .controls-group{display:flex;gap:.75rem}.soc-controls .controls-group.action-controls{margin-left:auto}.soc-controls .control-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#2e3345;border:2px solid #3a3f51;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.soc-controls .control-btn .btn-icon{font-size:1.2rem}.soc-controls .control-btn:hover{background:#383f55;border-color:#4f566f;transform:translateY(-2px)}.soc-controls .control-btn:active{transform:translateY(0)}.soc-controls .control-btn.pause-btn.paused{background:#28a745;border-color:#1e7e34;color:#fff}.soc-controls .control-btn.pause-btn.playing{background:#ffc107;border-color:#d39e00;color:#000}.soc-controls .keyboard-shortcuts-hint{width:100%;text-align:center;margin-top:.5rem}.soc-controls .keyboard-shortcuts-hint small{color:#b0b3c1;font-size:.85rem}.auto-cycle-indicator{position:fixed;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#000000b3;border-radius:8px;font-size:.9rem;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auto-cycle-indicator .cycle-icon{font-size:1.2rem;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.risk-users-table{width:100%;border-collapse:collapse}.risk-users-table thead{background:#1a1d27}.risk-users-table thead th{padding:1rem;text-align:left;font-size:1rem;font-weight:600;color:#b0b3c1;text-transform:uppercase;letter-spacing:1px}.risk-users-table tbody tr{border-bottom:1px solid #3a3f51}.risk-users-table tbody tr:hover{background:#2a2f3f}.risk-users-table tbody tr td{padding:1rem;font-size:1rem}.risk-users-table tbody tr td.risk-score-cell{font-weight:700;font-size:1.2rem}@media(max-width:1200px){.soc-title-section .soc-main-title{font-size:2rem}.soc-view .view-title{font-size:2.5rem}.incident-card .incident-card-body .incident-metric .metric-value{font-size:3rem}.overall-posture-card .posture-score .score-value{font-size:4.5rem}}@media(max-width:768px){.soc-carousel-header{flex-direction:column;gap:1rem;text-align:center}.connection-status{align-items:center}.incident-cards-grid{grid-template-columns:1fr}.soc-controls{flex-direction:column}.soc-controls .controls-group{width:100%;justify-content:center}}@media print{.soc-carousel-footer,.auto-cycle-indicator{display:none}.soc-carousel-body{overflow:visible}}.soc-overview-dashboard{padding:2rem;max-width:1400px;margin:0 auto}.soc-overview-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.soc-overview-dashboard .dashboard-header h1{font-size:2rem;margin:0;color:var(--primary-color)}.soc-overview-dashboard .dashboard-header h1 i{margin-right:.5rem}.soc-overview-dashboard .dashboard-header .subtitle{color:var(--text-muted);margin:.5rem 0 0}.soc-overview-dashboard .dashboard-header .header-controls{display:flex;gap:1rem;align-items:center}.soc-overview-dashboard .dashboard-header .header-controls .enhanced-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer}.soc-overview-dashboard .dashboard-header .header-controls .enhanced-toggle input[type=checkbox]{cursor:pointer}.soc-overview-dashboard .dashboard-header .header-controls .btn-refresh{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.soc-overview-dashboard .dashboard-header .header-controls .btn-refresh:hover:not(:disabled){background:var(--primary-dark)}.soc-overview-dashboard .dashboard-header .header-controls .btn-refresh:disabled{opacity:.6;cursor:not-allowed}.soc-overview-dashboard .dashboard-header .header-controls .btn-refresh i.spinning{animation:spin 1s linear infinite}.soc-overview-dashboard .error-banner{background:#dc35451a;color:#dc3545;padding:1rem;border-radius:8px;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.soc-overview-dashboard .error-banner i{font-size:1.2rem}.soc-overview-dashboard .security-score-section{background:var(--card-bg);padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.soc-overview-dashboard .security-score-section h2{margin:0 0 2rem;font-size:1.8rem;text-align:center}.soc-overview-dashboard .security-score-section .score-display{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}.soc-overview-dashboard .security-score-section .score-display .score-circle{width:200px;height:200px;border-radius:50%;border:10px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-color);box-shadow:0 4px 8px #0000001a}.soc-overview-dashboard .security-score-section .score-display .score-circle .score-value{font-size:4rem;font-weight:700;line-height:1}.soc-overview-dashboard .security-score-section .score-display .score-circle .score-max{font-size:1.5rem;color:var(--text-muted)}.soc-overview-dashboard .security-score-section .score-display .score-details{text-align:left}.soc-overview-dashboard .security-score-section .score-display .score-details .score-status{font-size:2rem;font-weight:700;margin-bottom:1rem}.soc-overview-dashboard .security-score-section .score-display .score-details .score-status.status-excellent{color:#28a745}.soc-overview-dashboard .security-score-section .score-display .score-details .score-status.status-good{color:#17a2b8}.soc-overview-dashboard .security-score-section .score-display .score-details .score-status.status-moderate{color:#ffc107}.soc-overview-dashboard .security-score-section .score-display .score-details .score-status.status-concerning{color:#fd7e14}.soc-overview-dashboard .security-score-section .score-display .score-details .score-status.status-critical{color:#dc3545}.soc-overview-dashboard .security-score-section .score-display .score-details .score-description{color:var(--text-muted);max-width:400px;line-height:1.6}.soc-overview-dashboard .security-domains{background:var(--card-bg);padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.soc-overview-dashboard .security-domains h2{margin:0 0 1.5rem;font-size:1.8rem}.soc-overview-dashboard .security-domains .domains-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.soc-overview-dashboard .security-domains .domains-grid .domain-card{background:var(--bg-color);padding:1.5rem;border-radius:8px;border-top:4px solid var(--primary-color)}.soc-overview-dashboard .security-domains .domains-grid .domain-card .domain-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.soc-overview-dashboard .security-domains .domains-grid .domain-card .domain-header i{font-size:2rem;color:var(--primary-color)}.soc-overview-dashboard .security-domains .domains-grid .domain-card .domain-header h3{margin:0;font-size:1.3rem}.soc-overview-dashboard .security-domains .domains-grid .domain-card .domain-content{margin-bottom:1.5rem}.soc-overview-dashboard .security-domains .domains-grid .domain-card .domain-content .metric{display:flex;justify-content:space-between;padding:.75rem;background:var(--card-bg);border-radius:4px;margin-bottom:.5rem}.soc-overview-dashboard .security-domains .domains-grid .domain-card .domain-content .metric .metric-label{color:var(--text-muted)}.soc-overview-dashboard .security-domains .domains-grid .domain-card .domain-content .metric .metric-value{font-weight:700}.soc-overview-dashboard .security-domains .domains-grid .domain-card .domain-content .metric .metric-value.success{color:#28a745}.soc-overview-dashboard .security-domains .domains-grid .domain-card .domain-content .metric .metric-value.warning{color:#ffc107}.soc-overview-dashboard .security-domains .domains-grid .domain-card .domain-content .metric .metric-value.error{color:#dc3545}.soc-overview-dashboard .security-domains .domains-grid .domain-card .domain-content .no-data{text-align:center;padding:2rem;color:var(--text-muted);font-style:italic}.soc-overview-dashboard .security-domains .domains-grid .domain-card .domain-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:4px;transition:background .3s ease}.soc-overview-dashboard .security-domains .domains-grid .domain-card .domain-link:hover{background:var(--primary-dark)}.soc-overview-dashboard .quick-actions{background:var(--card-bg);padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.soc-overview-dashboard .quick-actions h2{margin:0 0 1.5rem;font-size:1.8rem}.soc-overview-dashboard .quick-actions .actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.soc-overview-dashboard .quick-actions .actions-grid .action-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--bg-color);border-radius:8px;text-decoration:none;color:var(--text-color);transition:all .3s ease;border:2px solid transparent}.soc-overview-dashboard .quick-actions .actions-grid .action-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.soc-overview-dashboard .quick-actions .actions-grid .action-card i{font-size:2.5rem;color:var(--primary-color)}.soc-overview-dashboard .quick-actions .actions-grid .action-card span{font-weight:500;text-align:center}.soc-overview-dashboard .features-section{background:var(--card-bg);padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.soc-overview-dashboard .features-section h2{margin:0 0 1.5rem;font-size:1.8rem}.soc-overview-dashboard .features-section .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.soc-overview-dashboard .features-section .features-grid .feature-item{padding:1.5rem;background:var(--bg-color);border-radius:8px}.soc-overview-dashboard .features-section .features-grid .feature-item i{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.soc-overview-dashboard .features-section .features-grid .feature-item h3{margin:0 0 .75rem;font-size:1.2rem}.soc-overview-dashboard .features-section .features-grid .feature-item p{color:var(--text-muted);line-height:1.6;margin:0}.soc-overview-dashboard .integration-status{background:var(--card-bg);padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.soc-overview-dashboard .integration-status h2{margin:0 0 1.5rem;font-size:1.8rem}.soc-overview-dashboard .integration-status .status-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.soc-overview-dashboard .integration-status .status-items .status-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-color);border-radius:8px;border-left:4px solid var(--border-color)}.soc-overview-dashboard .integration-status .status-items .status-item.active{border-left-color:#28a745}.soc-overview-dashboard .integration-status .status-items .status-item.inactive{border-left-color:#dc3545}.soc-overview-dashboard .integration-status .status-items .status-item i{font-size:2rem;color:var(--primary-color)}.soc-overview-dashboard .integration-status .status-items .status-item span{flex:1;font-weight:500}.soc-overview-dashboard .integration-status .status-items .status-item .status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.soc-overview-dashboard .integration-status .status-items .status-item .status-badge.active{background:#28a7451a;color:#28a745}.soc-overview-dashboard .integration-status .status-items .status-item .status-badge.inactive{background:#dc35451a;color:#dc3545}.soc-overview-dashboard .loading{text-align:center;padding:3rem}.soc-overview-dashboard .loading .spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.soc-overview-dashboard .loading p{color:var(--text-muted)}.network-security-dashboard{padding:2rem;max-width:1400px;margin:0 auto}.network-security-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.network-security-dashboard .dashboard-header h1{font-size:2rem;margin:0;color:var(--primary-color)}.network-security-dashboard .dashboard-header h1 i{margin-right:.5rem}.network-security-dashboard .dashboard-header .subtitle{color:var(--text-muted);margin:.5rem 0 0}.network-security-dashboard .dashboard-header .btn-refresh{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.network-security-dashboard .dashboard-header .btn-refresh:hover:not(:disabled){background:var(--primary-dark)}.network-security-dashboard .dashboard-header .btn-refresh:disabled{opacity:.6;cursor:not-allowed}.network-security-dashboard .dashboard-header .btn-refresh i.spinning{animation:spin 1s linear infinite}.network-security-dashboard .security-summary{background:var(--card-bg);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.network-security-dashboard .security-summary h2{margin:0 0 1.5rem;font-size:1.5rem}.network-security-dashboard .security-summary .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.network-security-dashboard .security-summary .summary-cards .summary-card{background:var(--bg-color);padding:1.5rem;border-radius:8px;display:flex;align-items:center;gap:1rem;border-left:4px solid var(--primary-color)}.network-security-dashboard .security-summary .summary-cards .summary-card.high-risk{border-left-color:#dc3545}.network-security-dashboard .security-summary .summary-cards .summary-card.warning{border-left-color:#ffc107}.network-security-dashboard .security-summary .summary-cards .summary-card .card-icon{font-size:2rem;color:var(--primary-color)}.network-security-dashboard .security-summary .summary-cards .summary-card .card-content{flex:1}.network-security-dashboard .security-summary .summary-cards .summary-card .card-content .card-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.network-security-dashboard .security-summary .summary-cards .summary-card .card-content .card-label{font-size:.9rem;color:var(--text-muted)}.network-security-dashboard .routers-section{background:var(--card-bg);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.network-security-dashboard .routers-section h2{margin:0 0 1.5rem;font-size:1.5rem}.network-security-dashboard .routers-section .routers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.network-security-dashboard .routers-section .routers-grid .router-card{background:var(--bg-color);padding:1.5rem;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.network-security-dashboard .routers-section .routers-grid .router-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.network-security-dashboard .routers-section .routers-grid .router-card.selected{border-color:var(--primary-color);background:var(--primary-light)}.network-security-dashboard .routers-section .routers-grid .router-card .router-header{margin-bottom:1rem}.network-security-dashboard .routers-section .routers-grid .router-card .router-header h3{margin:0 0 .5rem;font-size:1.2rem}.network-security-dashboard .routers-section .routers-grid .router-card .router-header .router-ip{color:var(--text-muted);font-size:.9rem}.network-security-dashboard .routers-section .routers-grid .router-card .router-details{margin-bottom:1rem}.network-security-dashboard .routers-section .routers-grid .router-card .router-details .detail-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.network-security-dashboard .routers-section .routers-grid .router-card .router-details .detail-item:last-child{border-bottom:none}.network-security-dashboard .routers-section .routers-grid .router-card .router-details .detail-item .label{color:var(--text-muted);font-size:.9rem}.network-security-dashboard .routers-section .routers-grid .router-card .router-details .detail-item .value{font-weight:500}.network-security-dashboard .routers-section .routers-grid .router-card .router-actions .btn-view{width:100%;padding:.75rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.network-security-dashboard .routers-section .routers-grid .router-card .router-actions .btn-view:hover{background:var(--primary-dark)}.network-security-dashboard .routers-section .routers-grid .router-card .router-actions .btn-view i{margin-right:.5rem}.network-security-dashboard .router-security-details{background:var(--card-bg);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.network-security-dashboard .router-security-details h2{margin:0 0 1.5rem;font-size:1.5rem}.network-security-dashboard .router-security-details .security-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.network-security-dashboard .router-security-details .security-metrics .metric-card{background:var(--bg-color);padding:1.5rem;border-radius:8px;text-align:center}.network-security-dashboard .router-security-details .security-metrics .metric-card h3{margin:0 0 1rem;font-size:1rem;color:var(--text-muted)}.network-security-dashboard .router-security-details .security-metrics .metric-card h3 i{margin-right:.5rem}.network-security-dashboard .router-security-details .security-metrics .metric-card .metric-value{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.network-security-dashboard .router-security-details .security-metrics .metric-card .metric-subtitle{font-size:.9rem;color:var(--text-muted)}.network-security-dashboard .router-security-details .risk-assessment{background:var(--bg-color);padding:1.5rem;border-radius:8px;text-align:center}.network-security-dashboard .router-security-details .risk-assessment h3{margin:0 0 1rem}.network-security-dashboard .router-security-details .risk-assessment .risk-score{display:inline-block;padding:2rem;border-radius:8px}.network-security-dashboard .router-security-details .risk-assessment .risk-score.risk-critical{background:#dc35451a;color:#dc3545}.network-security-dashboard .router-security-details .risk-assessment .risk-score.risk-high{background:#ffc1071a;color:#ffc107}.network-security-dashboard .router-security-details .risk-assessment .risk-score.risk-medium{background:#17a2b81a;color:#17a2b8}.network-security-dashboard .router-security-details .risk-assessment .risk-score.risk-low{background:#28a7451a;color:#28a745}.network-security-dashboard .router-security-details .risk-assessment .risk-score .score-value{font-size:3rem;font-weight:700}.network-security-dashboard .router-security-details .risk-assessment .risk-score .score-label{font-size:1.2rem;margin-top:.5rem}.network-security-dashboard .help-section{background:var(--card-bg);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.network-security-dashboard .help-section h3{margin:0 0 1rem;font-size:1.2rem}.network-security-dashboard .help-section h3 i{margin-right:.5rem;color:var(--primary-color)}.network-security-dashboard .help-section p{color:var(--text-muted);line-height:1.6;margin-bottom:1rem}.network-security-dashboard .help-section .help-links{display:flex;gap:1rem;flex-wrap:wrap}.network-security-dashboard .help-section .help-links .help-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:4px;transition:background .3s ease}.network-security-dashboard .help-section .help-links .help-link:hover{background:var(--primary-dark)}.network-security-dashboard .loading,.network-security-dashboard .error-message{text-align:center;padding:3rem}.network-security-dashboard .loading .spinner,.network-security-dashboard .error-message .spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.network-security-dashboard .loading i,.network-security-dashboard .error-message i{font-size:3rem;color:var(--primary-color);margin-bottom:1rem}.network-security-dashboard .loading .btn-retry,.network-security-dashboard .error-message .btn-retry{margin-top:1rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.network-security-dashboard .loading .btn-retry:hover,.network-security-dashboard .error-message .btn-retry:hover{background:var(--primary-dark)}.network-security-dashboard .no-data{text-align:center;padding:3rem;color:var(--text-muted)}.network-security-dashboard .no-data i{font-size:3rem;margin-bottom:1rem;opacity:.5}.network-security-dashboard .no-data p{margin:.5rem 0}.network-security-dashboard .no-data small{font-size:.85rem}.endpoint-security-dashboard{padding:2rem;max-width:1400px;margin:0 auto}.endpoint-security-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.endpoint-security-dashboard .dashboard-header h1{font-size:2rem;margin:0;color:var(--primary-color)}.endpoint-security-dashboard .dashboard-header h1 i{margin-right:.5rem}.endpoint-security-dashboard .dashboard-header .subtitle{color:var(--text-muted);margin:.5rem 0 0}.endpoint-security-dashboard .dashboard-header .header-controls{display:flex;gap:1rem;align-items:center}.endpoint-security-dashboard .dashboard-header .header-controls .days-selector{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-color);cursor:pointer}.endpoint-security-dashboard .dashboard-header .header-controls .btn-refresh{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.endpoint-security-dashboard .dashboard-header .header-controls .btn-refresh:hover:not(:disabled){background:var(--primary-dark)}.endpoint-security-dashboard .dashboard-header .header-controls .btn-refresh:disabled{opacity:.6;cursor:not-allowed}.endpoint-security-dashboard .dashboard-header .header-controls .btn-refresh i.spinning{animation:spin 1s linear infinite}.endpoint-security-dashboard .security-summary{background:var(--card-bg);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.endpoint-security-dashboard .security-summary h2{margin:0 0 1.5rem;font-size:1.5rem}.endpoint-security-dashboard .security-summary .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.endpoint-security-dashboard .security-summary .summary-cards .summary-card{background:var(--bg-color);padding:1.5rem;border-radius:8px;display:flex;align-items:center;gap:1rem;border-left:4px solid var(--border-color)}.endpoint-security-dashboard .security-summary .summary-cards .summary-card.online{border-left-color:#28a745}.endpoint-security-dashboard .security-summary .summary-cards .summary-card.warning{border-left-color:#ffc107}.endpoint-security-dashboard .security-summary .summary-cards .summary-card.error{border-left-color:#dc3545}.endpoint-security-dashboard .security-summary .summary-cards .summary-card .card-icon{font-size:2rem;color:var(--primary-color)}.endpoint-security-dashboard .security-summary .summary-cards .summary-card .card-content{flex:1}.endpoint-security-dashboard .security-summary .summary-cards .summary-card .card-content .card-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.endpoint-security-dashboard .security-summary .summary-cards .summary-card .card-content .card-label{font-size:.9rem;color:var(--text-muted)}.endpoint-security-dashboard .security-summary .alert-summary h3{margin:0 0 1rem;font-size:1.2rem}.endpoint-security-dashboard .security-summary .alert-summary .alert-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.endpoint-security-dashboard .security-summary .alert-summary .alert-cards .alert-card{background:var(--bg-color);padding:1.5rem;border-radius:8px;text-align:center;border-left:4px solid var(--border-color)}.endpoint-security-dashboard .security-summary .alert-summary .alert-cards .alert-card.error{border-left-color:#dc3545}.endpoint-security-dashboard .security-summary .alert-summary .alert-cards .alert-card.warning{border-left-color:#ffc107}.endpoint-security-dashboard .security-summary .alert-summary .alert-cards .alert-card.info{border-left-color:#17a2b8}.endpoint-security-dashboard .security-summary .alert-summary .alert-cards .alert-card .alert-count{font-size:2rem;font-weight:700;margin-bottom:.5rem}.endpoint-security-dashboard .security-summary .alert-summary .alert-cards .alert-card .alert-label{font-size:.9rem;color:var(--text-muted)}.endpoint-security-dashboard .security-summary .risk-indicator{margin-top:1.5rem;padding:1rem;background:#dc35451a;color:#dc3545;border-radius:4px;display:flex;align-items:center;gap:.5rem}.endpoint-security-dashboard .security-summary .risk-indicator i{font-size:1.2rem}.endpoint-security-dashboard .correlation-section{background:var(--card-bg);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.endpoint-security-dashboard .correlation-section h2{margin:0 0 1rem;font-size:1.5rem}.endpoint-security-dashboard .correlation-section h2 i{margin-right:.5rem}.endpoint-security-dashboard .correlation-section .correlation-warning{padding:1rem;background:#ffc1071a;color:#ffc107;border-radius:4px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.endpoint-security-dashboard .correlation-section .correlation-warning i{font-size:1.2rem}.endpoint-security-dashboard .correlation-section .gap-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem}.endpoint-security-dashboard .correlation-section .gap-list .gap-item{padding:.75rem;background:var(--bg-color);border-radius:4px;display:flex;align-items:center;gap:.5rem}.endpoint-security-dashboard .correlation-section .gap-list .gap-item i{color:var(--primary-color)}.endpoint-security-dashboard .correlation-section .gap-list .gap-item small{color:var(--text-muted)}.endpoint-security-dashboard .agents-section{background:var(--card-bg);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.endpoint-security-dashboard .agents-section h2{margin:0 0 1.5rem;font-size:1.5rem}.endpoint-security-dashboard .agents-section .agents-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.endpoint-security-dashboard .agents-section .agents-list .agent-item{display:flex;align-items:center;padding:1rem;background:var(--bg-color);border-radius:8px;border-left:4px solid var(--border-color);cursor:pointer;transition:all .3s ease}.endpoint-security-dashboard .agents-section .agents-list .agent-item:hover{transform:translate(4px);box-shadow:0 2px 8px #00000026}.endpoint-security-dashboard .agents-section .agents-list .agent-item.online{border-left-color:#28a745}.endpoint-security-dashboard .agents-section .agents-list .agent-item.offline{border-left-color:#dc3545}.endpoint-security-dashboard .agents-section .agents-list .agent-item.overdue{border-left-color:#ffc107}.endpoint-security-dashboard .agents-section .agents-list .agent-item .agent-icon{font-size:2rem;color:var(--primary-color);margin-right:1rem}.endpoint-security-dashboard .agents-section .agents-list .agent-item .agent-info{flex:1}.endpoint-security-dashboard .agents-section .agents-list .agent-item .agent-info .agent-name{font-weight:700;margin-bottom:.25rem}.endpoint-security-dashboard .agents-section .agents-list .agent-item .agent-info .agent-os{font-size:.85rem;color:var(--text-muted)}.endpoint-security-dashboard .agents-section .agents-list .agent-item .agent-status{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.endpoint-security-dashboard .agents-section .agents-list .agent-item .agent-status.status-online{background:#28a7451a;color:#28a745}.endpoint-security-dashboard .agents-section .agents-list .agent-item .agent-status.status-offline{background:#dc35451a;color:#dc3545}.endpoint-security-dashboard .agents-section .agents-list .agent-item .agent-status.status-overdue{background:#ffc1071a;color:#ffc107}.endpoint-security-dashboard .alerts-section{background:var(--card-bg);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.endpoint-security-dashboard .alerts-section h2{margin:0 0 1.5rem;font-size:1.5rem}.endpoint-security-dashboard .alerts-section .alerts-list{display:flex;flex-direction:column;gap:.75rem}.endpoint-security-dashboard .alerts-section .alerts-list .alert-item{display:flex;padding:1rem;background:var(--bg-color);border-radius:8px;border-left:4px solid var(--border-color)}.endpoint-security-dashboard .alerts-section .alerts-list .alert-item.error{border-left-color:#dc3545}.endpoint-security-dashboard .alerts-section .alerts-list .alert-item.warning{border-left-color:#ffc107}.endpoint-security-dashboard .alerts-section .alerts-list .alert-item.info{border-left-color:#17a2b8}.endpoint-security-dashboard .alerts-section .alerts-list .alert-item .alert-icon{font-size:1.5rem;margin-right:1rem}.endpoint-security-dashboard .alerts-section .alerts-list .alert-item .alert-icon i.fa-times-circle{color:#dc3545}.endpoint-security-dashboard .alerts-section .alerts-list .alert-item .alert-icon i.fa-exclamation-triangle{color:#ffc107}.endpoint-security-dashboard .alerts-section .alerts-list .alert-item .alert-icon i.fa-info-circle{color:#17a2b8}.endpoint-security-dashboard .alerts-section .alerts-list .alert-item .alert-content{flex:1}.endpoint-security-dashboard .alerts-section .alerts-list .alert-item .alert-content .alert-message{margin-bottom:.5rem}.endpoint-security-dashboard .alerts-section .alerts-list .alert-item .alert-content .alert-meta{font-size:.85rem;color:var(--text-muted);display:flex;gap:1rem}.endpoint-security-dashboard .agent-details-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.endpoint-security-dashboard .agent-details-modal .modal-content{background:var(--card-bg);border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-header h3{margin:0;font-size:1.5rem}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-header .btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted)}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-header .btn-close:hover{color:var(--text-color)}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-body{padding:1.5rem}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-body .detail-section{margin-bottom:2rem}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-body .detail-section:last-child{margin-bottom:0}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-body .detail-section h4{margin:0 0 1rem;font-size:1.2rem}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-body .detail-section .detail-grid{display:grid;gap:1rem}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-body .detail-section .detail-grid .detail-item{display:flex;justify-content:space-between;padding:.75rem;background:var(--bg-color);border-radius:4px}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-body .detail-section .detail-grid .detail-item .label{color:var(--text-muted)}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-body .detail-section .detail-grid .detail-item .value{font-weight:500}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-body .detail-section .services-list .service-item{display:flex;justify-content:space-between;padding:.75rem;background:var(--bg-color);border-radius:4px;margin-bottom:.5rem}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-body .detail-section .services-list .service-item .service-status{padding:.25rem .75rem;border-radius:12px;font-size:.85rem}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-body .detail-section .services-list .service-item .service-status.running{background:#28a7451a;color:#28a745}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-body .detail-section .services-list .service-item .service-status.stopped{background:#dc35451a;color:#dc3545}.endpoint-security-dashboard .help-section{background:var(--card-bg);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.endpoint-security-dashboard .help-section h3{margin:0 0 1rem;font-size:1.2rem}.endpoint-security-dashboard .help-section h3 i{margin-right:.5rem;color:var(--primary-color)}.endpoint-security-dashboard .help-section p{color:var(--text-muted);line-height:1.6;margin-bottom:1rem}.endpoint-security-dashboard .help-section .help-links{display:flex;gap:1rem;flex-wrap:wrap}.endpoint-security-dashboard .help-section .help-links .help-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:4px;transition:background .3s ease}.endpoint-security-dashboard .help-section .help-links .help-link:hover{background:var(--primary-dark)}.endpoint-security-dashboard .loading,.endpoint-security-dashboard .error-message{text-align:center;padding:3rem}.endpoint-security-dashboard .loading .spinner,.endpoint-security-dashboard .error-message .spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.endpoint-security-dashboard .loading i,.endpoint-security-dashboard .error-message i{font-size:3rem;color:var(--primary-color);margin-bottom:1rem}.endpoint-security-dashboard .loading .btn-retry,.endpoint-security-dashboard .error-message .btn-retry{margin-top:1rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.endpoint-security-dashboard .loading .btn-retry:hover,.endpoint-security-dashboard .error-message .btn-retry:hover{background:var(--primary-dark)}.endpoint-security-dashboard .no-data{text-align:center;padding:3rem;color:var(--text-muted)}.endpoint-security-dashboard .no-data i{font-size:3rem;margin-bottom:1rem;opacity:.5}.endpoint-security-dashboard .no-data p{margin:.5rem 0}.endpoint-security-dashboard .no-data small{font-size:.85rem}@keyframes spin{to{transform:rotate(360deg)}}.monitoring-config-panel{background:var(--panel-background, #fff);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.monitoring-config-panel.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.monitoring-config-panel.loading .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.monitoring-config-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.monitoring-config-panel .panel-header h3{margin:0;font-size:1.5em;color:#333}.monitoring-config-panel .panel-header .status-indicators{display:flex;gap:10px}.monitoring-config-panel .status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;font-size:.9em;font-weight:500}.monitoring-config-panel .status-badge.enabled{background:#d4edda;color:#155724}.monitoring-config-panel .status-badge.enabled svg{color:#28a745}.monitoring-config-panel .status-badge.disabled{background:#f8d7da;color:#721c24}.monitoring-config-panel .status-badge.disabled svg{color:#dc3545}.monitoring-config-panel .status-badge.online{background:#d4edda;color:#155724}.monitoring-config-panel .status-badge.online svg{color:#28a745}.monitoring-config-panel .status-badge.offline{background:#f8d7da;color:#721c24}.monitoring-config-panel .status-badge.offline svg{color:#dc3545}.monitoring-config-panel .error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-bottom:15px;display:flex;align-items:center;gap:8px;border-left:4px solid #dc3545}.monitoring-config-panel .current-status{background:#f8f9fa;padding:15px;border-radius:6px;margin-bottom:20px}.monitoring-config-panel .current-status .status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.monitoring-config-panel .current-status .status-item{display:flex;flex-direction:column;gap:4px}.monitoring-config-panel .current-status .status-item.full-width{grid-column:1/-1}.monitoring-config-panel .current-status .status-item label{font-weight:600;font-size:.9em;color:#666}.monitoring-config-panel .current-status .status-item span{font-size:1em;color:#333}.monitoring-config-panel .current-status .status-item span.text-success{color:#28a745;font-weight:600}.monitoring-config-panel .current-status .status-item span.text-danger{color:#dc3545;font-weight:600}.monitoring-config-panel .config-section{margin-bottom:25px;padding:15px;background:#f8f9fa;border-radius:6px}.monitoring-config-panel .config-section h4{margin:0 0 15px;font-size:1.2em;color:#444;padding-bottom:10px;border-bottom:1px solid #dee2e6}.monitoring-config-panel .config-section .form-group{margin-bottom:15px}.monitoring-config-panel .config-section .form-group label{display:block;margin-bottom:6px;font-weight:500;color:#555}.monitoring-config-panel .config-section .form-group label.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.monitoring-config-panel .config-section .form-group label.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.monitoring-config-panel .config-section .form-group input[type=text],.monitoring-config-panel .config-section .form-group input[type=password],.monitoring-config-panel .config-section .form-group select{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:1em;transition:border-color .2s}.monitoring-config-panel .config-section .form-group input[type=text]:focus,.monitoring-config-panel .config-section .form-group input[type=password]:focus,.monitoring-config-panel .config-section .form-group select:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.monitoring-config-panel .config-section .form-group input[type=text]:disabled,.monitoring-config-panel .config-section .form-group input[type=password]:disabled,.monitoring-config-panel .config-section .form-group select:disabled{background:#e9ecef;cursor:not-allowed}.monitoring-config-panel .config-section .form-group input[type=range]{width:100%;margin:8px 0}.monitoring-config-panel .config-section .form-group small{display:block;margin-top:4px;color:#6c757d;font-size:.875em}.monitoring-config-panel .config-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width:768px){.monitoring-config-panel .config-section .form-row{grid-template-columns:1fr}}.monitoring-config-panel .action-buttons{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:2px solid #e0e0e0}.monitoring-config-panel .action-buttons .btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:4px;font-size:1em;font-weight:500;cursor:pointer;transition:all .2s}.monitoring-config-panel .action-buttons .btn:disabled{opacity:.6;cursor:not-allowed}.monitoring-config-panel .action-buttons .btn.btn-primary{background:#007bff;color:#fff}.monitoring-config-panel .action-buttons .btn.btn-primary:hover:not(:disabled){background:#0056b3}.monitoring-config-panel .action-buttons .btn.btn-secondary{background:#6c757d;color:#fff}.monitoring-config-panel .action-buttons .btn.btn-secondary:hover:not(:disabled){background:#545b62}.monitoring-config-panel .action-buttons .btn.btn-danger{background:#dc3545;color:#fff}.monitoring-config-panel .action-buttons .btn.btn-danger:hover:not(:disabled){background:#c82333}.monitoring-config-panel .action-buttons .btn svg.spinning{animation:spin 1s linear infinite}.time-range-selector{position:relative}.time-range-selector .time-range-controls{display:flex;align-items:center;gap:4px}.time-range-selector .time-range-controls .nav-btn{padding:7px 10px;border:1px solid #ced4da;background:#fff;border-radius:4px;cursor:pointer;color:#555;font-size:.85em;transition:all .15s}.time-range-selector .time-range-controls .nav-btn:hover{background:#f0f0f0;color:#333}.time-range-selector .time-range-controls .range-display-btn{display:flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid #ced4da;background:#fff;border-radius:4px;cursor:pointer;font-size:.9em;color:#333;white-space:nowrap;transition:all .15s}.time-range-selector .time-range-controls .range-display-btn:hover,.time-range-selector .time-range-controls .range-display-btn.active{border-color:#80bdff;background:#f0f7ff}.time-range-selector .time-range-controls .range-display-btn.realtime{border-color:#28a745;background:#d4edda;color:#155724}.time-range-selector .time-range-controls .range-display-btn.realtime svg{color:#28a745}.time-range-selector .time-range-controls .range-display-btn svg{color:#888;font-size:.9em}.time-range-selector .time-range-panel{position:absolute;top:100%;right:0;margin-top:6px;background:#1e2128;border:1px solid #3a3f4b;border-radius:6px;box-shadow:0 8px 24px #00000059;z-index:1000;min-width:680px;padding:16px;color:#c7d0d9}.time-range-selector .time-range-panel .custom-range{display:flex;align-items:flex-end;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #3a3f4b}.time-range-selector .time-range-panel .custom-range .custom-inputs{display:flex;gap:12px;flex:1}.time-range-selector .time-range-panel .custom-range .custom-inputs label{display:flex;flex-direction:column;gap:4px;flex:1}.time-range-selector .time-range-panel .custom-range .custom-inputs label span{font-size:.8em;color:#8c949e;text-transform:uppercase;letter-spacing:.5px}.time-range-selector .time-range-panel .custom-range .custom-inputs label .input-wrapper{display:flex;align-items:center;gap:6px;background:#2a2e38;border:1px solid #3a3f4b;border-radius:4px;padding:0 8px}.time-range-selector .time-range-panel .custom-range .custom-inputs label .input-wrapper svg{color:#6c757d;font-size:.85em;flex-shrink:0}.time-range-selector .time-range-panel .custom-range .custom-inputs label .input-wrapper input{background:transparent;border:none;color:#c7d0d9;padding:7px 4px;font-size:.85em;width:100%;outline:none;font-family:inherit}.time-range-selector .time-range-panel .custom-range .custom-inputs label .input-wrapper input::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}.time-range-selector .time-range-panel .custom-range .apply-btn{padding:8px 20px;background:#3274d9;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85em;font-weight:600;white-space:nowrap;transition:background .15s}.time-range-selector .time-range-panel .custom-range .apply-btn:hover{background:#2563c9}.time-range-selector .time-range-panel .preset-groups{display:flex;gap:20px}.time-range-selector .time-range-panel .preset-groups .preset-group{flex:1;min-width:0}.time-range-selector .time-range-panel .preset-groups .preset-group .group-label{font-size:.75em;text-transform:uppercase;letter-spacing:.8px;color:#6c757d;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #2a2e38}.time-range-selector .time-range-panel .preset-groups .preset-group .group-presets{display:flex;flex-direction:column;gap:2px}.time-range-selector .time-range-panel .preset-groups .preset-group .group-presets .preset-btn{background:transparent;border:none;color:#8ab4f8;padding:5px 8px;text-align:left;cursor:pointer;border-radius:3px;font-size:.85em;transition:all .1s;white-space:nowrap}.time-range-selector .time-range-panel .preset-groups .preset-group .group-presets .preset-btn:hover{background:#2a2e38;color:#aecbfa}.time-range-selector .time-range-panel .preset-groups .preset-group .group-presets .preset-btn.selected{background:#3274d9;color:#fff}.time-range-selector .time-range-panel .preset-groups .preset-group:first-child{flex:0 0 auto}.time-range-selector .time-range-panel .preset-groups .preset-group:first-child .group-label{color:#28a745;border-bottom-color:#28a74544}.time-range-selector .time-range-panel .preset-groups .preset-group:first-child .preset-btn{color:#66d98e;font-weight:600}.time-range-selector .time-range-panel .preset-groups .preset-group:first-child .preset-btn:hover{background:#28a74522;color:#81e89e}.time-range-selector .time-range-panel .preset-groups .preset-group:first-child .preset-btn.selected{background:#28a745;color:#fff}.monitoring-charts{background:var(--panel-background, #fff);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.monitoring-charts.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.monitoring-charts.loading .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.monitoring-charts .charts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0;flex-wrap:wrap;gap:15px}.monitoring-charts .charts-header .header-left{display:flex;flex-direction:column;gap:8px}.monitoring-charts .charts-header .header-left h3{margin:0;font-size:1.5em;color:#333;display:flex;align-items:center;gap:10px}.monitoring-charts .charts-header .header-left .connection-status{display:flex;align-items:center;gap:10px;font-size:.9em;color:#666}.monitoring-charts .charts-header .header-left .connection-status .status-dot{width:10px;height:10px;border-radius:50%}.monitoring-charts .charts-header .header-left .connection-status .status-dot.connected{background:#28a745;animation:pulse 2s infinite}.monitoring-charts .charts-header .header-left .connection-status .status-dot.disconnected{background:#dc3545}.monitoring-charts .charts-header .header-left .connection-status .last-update{display:flex;align-items:center;gap:4px;font-size:.85em;color:#999}.monitoring-charts .charts-header .header-right{display:flex;align-items:center;gap:10px}.monitoring-charts .charts-header .header-right select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.9em;background:#fff;cursor:pointer}.monitoring-charts .charts-header .header-right select:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.monitoring-charts .charts-header .header-right .refresh-btn{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.monitoring-charts .charts-header .header-right .refresh-btn:hover:not(:disabled){background:#f8f9fa}.monitoring-charts .charts-header .header-right .refresh-btn:disabled{opacity:.6;cursor:not-allowed}.monitoring-charts .charts-header .header-right .refresh-btn svg{font-size:1.1em;color:#666}.monitoring-charts .charts-header .header-right .refresh-btn svg.spinning{animation:spin 1s linear infinite}.monitoring-charts .error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-bottom:15px;display:flex;align-items:center;gap:8px;border-left:4px solid #dc3545}.monitoring-charts .realtime-indicator{display:flex;align-items:center;gap:10px;padding:10px 16px;margin-bottom:15px;background:#d4edda;border-left:4px solid #28a745;border-radius:4px;font-size:.9em;color:#155724;font-weight:500}.monitoring-charts .realtime-indicator .realtime-dot{width:10px;height:10px;border-radius:50%;background:#28a745;animation:pulse 1.5s ease-in-out infinite;flex-shrink:0}.monitoring-charts .stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.monitoring-charts .stat-cards .stat-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;transition:all .2s}.monitoring-charts .stat-cards .stat-card:hover{box-shadow:0 2px 8px #00000014}.monitoring-charts .stat-cards .stat-card.success{border-left:4px solid #28a745}.monitoring-charts .stat-cards .stat-card.success .stat-icon,.monitoring-charts .stat-cards .stat-card.success .stat-value{color:#28a745}.monitoring-charts .stat-cards .stat-card.danger{border-left:4px solid #dc3545;background:#fff5f5}.monitoring-charts .stat-cards .stat-card.danger .stat-icon,.monitoring-charts .stat-cards .stat-card.danger .stat-value{color:#dc3545}.monitoring-charts .stat-cards .stat-card.warning{border-left:4px solid #ffc107}.monitoring-charts .stat-cards .stat-card.warning .stat-icon{color:#e0a800}.monitoring-charts .stat-cards .stat-card .stat-icon{font-size:1.5em;color:#6c757d;flex-shrink:0}.monitoring-charts .stat-cards .stat-card .stat-content{min-width:0}.monitoring-charts .stat-cards .stat-card .stat-content .stat-value{font-size:1.25em;font-weight:700;color:#333;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitoring-charts .stat-cards .stat-card .stat-content .stat-label{font-size:.8em;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.monitoring-charts .section-filters{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.monitoring-charts .section-filters .filter-label{font-size:.9em;color:#666;font-weight:600;display:flex;align-items:center;gap:6px}.monitoring-charts .section-filters .filter-btn{padding:6px 14px;border:1px solid #dee2e6;border-radius:20px;background:#fff;font-size:.85em;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:#6c757d;transition:all .2s}.monitoring-charts .section-filters .filter-btn:hover{background:#f8f9fa;border-color:#adb5bd}.monitoring-charts .section-filters .filter-btn.active{background:#007bff;color:#fff;border-color:#007bff}.monitoring-charts .section-filters .filter-btn.active:hover{background:#0056b3}.monitoring-charts .section-filters .interface-select{padding:6px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:.85em;background:#fff;cursor:pointer;margin-left:auto}.monitoring-charts .section-filters .interface-select:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 2px #007bff26}.monitoring-charts .charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:16px}@media(max-width:1100px){.monitoring-charts .charts-grid{grid-template-columns:1fr}}.monitoring-charts .charts-grid .chart-container{background:#f8f9fa;padding:16px;border-radius:8px;border:1px solid #e9ecef}.monitoring-charts .charts-grid .chart-container.chart-full-width{grid-column:1/-1}.monitoring-charts .charts-grid .chart-container h4{margin:0 0 12px;font-size:1em;color:#444;padding-bottom:8px;border-bottom:1px solid #dee2e6;display:flex;align-items:center;gap:8px}.monitoring-charts .charts-grid .chart-container h4 svg{color:#6c757d;font-size:.9em}.monitoring-charts .charts-grid .chart-container h4.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.monitoring-charts .charts-grid .chart-container h4.collapsible-header:hover{color:#007bff}.monitoring-charts .charts-grid .chart-container h4.collapsible-header .collapse-icon{margin-left:auto;font-size:.8em;color:#adb5bd}.monitoring-charts .charts-grid .chart-container .show-more-btn{width:100%;padding:10px 16px;background:transparent;border:1px dashed #ced4da;border-radius:6px;color:#007bff;font-size:.9em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.monitoring-charts .charts-grid .chart-container .show-more-btn:hover{background:#f0f7ff;border-color:#80bdff}.monitoring-charts .charts-grid .no-data{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.monitoring-charts .charts-grid .no-data svg{font-size:4em;color:#ccc;margin-bottom:20px}.monitoring-charts .charts-grid .no-data p{margin:5px 0;font-size:1.1em}.monitoring-charts .charts-grid .no-data p.hint{font-size:.9em;color:#999}.monitoring-charts .charts-grid .section-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px;text-align:center;color:#666}.monitoring-charts .charts-grid .section-empty-state p{margin:10px 0 4px;font-size:.95em;font-weight:600}.monitoring-charts .charts-grid .section-empty-state .hint{font-size:.82em;color:#999;max-width:360px}.monitoring-charts .custom-tooltip{background:#fffffff5;border:1px solid #dee2e6;border-radius:6px;padding:10px 14px;box-shadow:0 4px 12px #0000001f;font-size:.85em}.monitoring-charts .custom-tooltip .tooltip-label{font-weight:600;color:#333;margin:0 0 6px;border-bottom:1px solid #e9ecef;padding-bottom:4px}.monitoring-charts .custom-tooltip p{margin:2px 0}.monitoring-charts .interface-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.monitoring-charts .interface-summary .interface-card{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:14px 16px;transition:box-shadow .2s}.monitoring-charts .interface-summary .interface-card:hover{box-shadow:0 2px 8px #00000014}.monitoring-charts .interface-summary .interface-card .if-name{font-weight:600;font-size:.92em;color:#333;margin-bottom:8px;font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitoring-charts .interface-summary .interface-card .if-stats{display:flex;gap:16px}.monitoring-charts .interface-summary .interface-card .if-stats .if-in,.monitoring-charts .interface-summary .interface-card .if-stats .if-out{display:flex;align-items:center;gap:4px;font-size:.88em;font-weight:500;font-family:Courier New,monospace}.monitoring-charts .interface-summary .interface-card .if-stats .if-in{color:#17a2b8}.monitoring-charts .interface-summary .interface-card .if-stats .if-out{color:#fd7e14}.reporting-charts{background:var(--panel-background, #fff);border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.reporting-charts .charts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e0e0e0;flex-wrap:wrap;gap:15px}.reporting-charts .charts-header .header-left{display:flex;flex-direction:column;gap:6px}.reporting-charts .charts-header .header-left h3{margin:0;font-size:1.5em;color:#333;display:flex;align-items:center;gap:10px}.reporting-charts .charts-header .header-left .header-subtitle{font-size:.9em;color:#888}.reporting-charts .charts-header .header-right{display:flex;align-items:center;gap:10px}.reporting-charts .charts-header .header-right .refresh-btn{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.reporting-charts .charts-header .header-right .refresh-btn:hover:not(:disabled){background:#f8f9fa}.reporting-charts .charts-header .header-right .refresh-btn:disabled{opacity:.6;cursor:not-allowed}.reporting-charts .charts-header .header-right .refresh-btn svg{font-size:1.1em;color:#666}.reporting-charts .charts-header .header-right .refresh-btn svg.spinning{animation:reporting-spin 1s linear infinite}.reporting-charts .error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-bottom:15px;display:flex;align-items:center;gap:8px;border-left:4px solid #dc3545}.reporting-charts .stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin-bottom:24px}.reporting-charts .stat-cards .stat-card{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;transition:all .2s}.reporting-charts .stat-cards .stat-card:hover{box-shadow:0 3px 10px #00000014;transform:translateY(-1px)}.reporting-charts .stat-cards .stat-card.success{border-left:4px solid #28a745}.reporting-charts .stat-cards .stat-card.success .stat-icon,.reporting-charts .stat-cards .stat-card.success .stat-value{color:#28a745}.reporting-charts .stat-cards .stat-card.danger{border-left:4px solid #dc3545;background:#fff5f5}.reporting-charts .stat-cards .stat-card.danger .stat-icon,.reporting-charts .stat-cards .stat-card.danger .stat-value{color:#dc3545}.reporting-charts .stat-cards .stat-card.warning{border-left:4px solid #ffc107}.reporting-charts .stat-cards .stat-card.warning .stat-icon{color:#e0a800}.reporting-charts .stat-cards .stat-card .stat-icon{font-size:1.5em;color:#6c757d;flex-shrink:0}.reporting-charts .stat-cards .stat-card .stat-content{min-width:0}.reporting-charts .stat-cards .stat-card .stat-content .stat-value{font-size:1.25em;font-weight:700;color:#333;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reporting-charts .stat-cards .stat-card .stat-content .stat-label{font-size:.8em;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.reporting-charts .section-filters{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.reporting-charts .section-filters .filter-label{font-size:.9em;color:#666;font-weight:600;display:flex;align-items:center;gap:6px}.reporting-charts .section-filters .filter-btn{padding:6px 14px;border:1px solid #dee2e6;border-radius:20px;background:#fff;font-size:.85em;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:#6c757d;transition:all .2s}.reporting-charts .section-filters .filter-btn:hover{background:#f8f9fa;border-color:#adb5bd}.reporting-charts .section-filters .filter-btn.active{background:#007bff;color:#fff;border-color:#007bff}.reporting-charts .section-filters .filter-btn.active:hover{background:#0056b3}.reporting-charts .section-divider{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:1.1em;font-weight:700;color:#333;padding:10px 0 8px;margin-top:8px;border-bottom:2px solid #dee2e6}.reporting-charts .section-divider svg{color:#007bff;font-size:.95em}.reporting-charts .charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:18px}@media(max-width:1100px){.reporting-charts .charts-grid{grid-template-columns:1fr}}.reporting-charts .charts-grid .chart-container{background:#f8f9fa;padding:18px;border-radius:10px;border:1px solid #e9ecef;transition:box-shadow .2s}.reporting-charts .charts-grid .chart-container:hover{box-shadow:0 2px 8px #0000000f}.reporting-charts .charts-grid .chart-container.chart-full-width{grid-column:1/-1}.reporting-charts .charts-grid .chart-container h4{margin:0 0 14px;font-size:1em;font-weight:700;color:#333;padding-bottom:10px;border-bottom:1px solid #dee2e6;display:flex;align-items:center;gap:8px}.reporting-charts .charts-grid .chart-container h4 svg{color:#007bff;font-size:.9em}.reporting-charts .charts-grid .chart-container .show-more-btn{width:100%;padding:10px 16px;background:transparent;border:1px dashed #ced4da;border-radius:6px;color:#007bff;font-size:.9em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.reporting-charts .charts-grid .chart-container .show-more-btn:hover{background:#f0f7ff;border-color:#80bdff}.reporting-charts .charts-grid .public-ip-monitoring-container .recharts-responsive-container{min-height:320px}.reporting-charts .charts-grid .traffic-distribution-container .recharts-legend-wrapper{padding-top:8px}.reporting-charts .charts-grid .no-data{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.reporting-charts .charts-grid .no-data svg{font-size:4em;color:#ccc;margin-bottom:20px}.reporting-charts .charts-grid .no-data p{margin:5px 0;font-size:1.1em}.reporting-charts .charts-grid .no-data p.hint{font-size:.9em;color:#999}.reporting-charts .charts-grid .no-data .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:reporting-spin 1s linear infinite;margin-bottom:20px}.reporting-charts .charts-grid .section-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px;text-align:center;color:#666}.reporting-charts .charts-grid .section-empty-state p{margin:10px 0 4px;font-size:.95em;font-weight:600}.reporting-charts .charts-grid .section-empty-state .hint{font-size:.82em;color:#999;max-width:360px}.reporting-charts .custom-tooltip{background:#fffffff7;border:1px solid #dee2e6;border-radius:8px;padding:10px 14px;box-shadow:0 4px 16px #0000001f;font-size:.85em}.reporting-charts .custom-tooltip .tooltip-label{font-weight:600;color:#333;margin:0 0 6px;border-bottom:1px solid #e9ecef;padding-bottom:4px}.reporting-charts .custom-tooltip p{margin:2px 0}.reporting-charts .bandwidth-table{overflow-x:auto;width:100%}.reporting-charts .bandwidth-table table{width:100%;min-width:700px;border-collapse:separate;border-spacing:0;font-size:.88em;border-radius:8px;overflow:hidden}.reporting-charts .bandwidth-table table th,.reporting-charts .bandwidth-table table td{padding:10px 14px;text-align:left;border-bottom:1px solid #e9ecef}.reporting-charts .bandwidth-table table th{background:#495057;font-weight:600;color:#fff;font-size:.85em;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.reporting-charts .bandwidth-table table th:first-child{border-radius:6px 0 0}.reporting-charts .bandwidth-table table th:last-child{border-radius:0 6px 0 0}.reporting-charts .bandwidth-table table td{font-family:Courier New,monospace;font-size:.92em;white-space:nowrap}.reporting-charts .bandwidth-table table td.if-name{font-family:inherit;font-weight:600;color:#333}.reporting-charts .bandwidth-table table tbody tr{transition:background .15s}.reporting-charts .bandwidth-table table tbody tr:hover td{background:#e8f4fd}.reporting-charts .bandwidth-table table tbody tr:last-child td{border-bottom:1px solid #dee2e6}.reporting-charts .bandwidth-table table tfoot .total-row td{background:#f0f4f8;font-weight:700;border-top:2px solid #dee2e6;border-bottom:none;color:#333}.reporting-charts .bandwidth-table table tfoot .total-row td.if-name{font-weight:800;color:#007bff}.reporting-charts .uptime-summary{padding:10px 0}.reporting-charts .uptime-summary .uptime-gauge{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.reporting-charts .uptime-summary .uptime-gauge .uptime-circle{width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.reporting-charts .uptime-summary .uptime-gauge .uptime-circle .uptime-inner{width:100px;height:100px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.reporting-charts .uptime-summary .uptime-gauge .uptime-circle .uptime-inner .uptime-value{font-size:1.5em;font-weight:700;color:#333}.reporting-charts .uptime-summary .uptime-gauge .uptime-details{flex:1;min-width:200px}.reporting-charts .uptime-summary .uptime-gauge .uptime-details p{margin:6px 0;font-size:.92em;color:#555}.reporting-charts .uptime-summary .uptime-gauge .uptime-details .uptime-sla{margin-top:10px;padding:8px 14px;border-radius:6px;font-weight:600;font-size:.9em}.reporting-charts .uptime-summary .uptime-gauge .uptime-details .uptime-sla.excellent,.reporting-charts .uptime-summary .uptime-gauge .uptime-details .uptime-sla.good{background:#d4edda;color:#155724}.reporting-charts .uptime-summary .uptime-gauge .uptime-details .uptime-sla.poor{background:#f8d7da;color:#721c24}.reporting-charts .btest-performance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.reporting-charts .btest-performance-grid .btest-perf-card{background:#fff;border:1px solid #dee2e6;border-radius:10px;padding:18px;transition:box-shadow .2s}.reporting-charts .btest-performance-grid .btest-perf-card:hover{box-shadow:0 2px 8px #00000014}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-header{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #e9ecef;margin-bottom:12px;flex-wrap:wrap}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-header .perf-label{font-weight:700;font-size:.95em;color:#333}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-header .perf-ip{font-family:Courier New,monospace;font-size:.82em;color:#6c757d}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-header .perf-count{margin-left:auto;font-size:.78em;color:#6c757d;background:#f0f4f8;padding:3px 10px;border-radius:12px;font-weight:600}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-body .perf-metric{margin-bottom:14px}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-body .perf-metric:last-child{margin-bottom:0}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-body .perf-metric .perf-metric-header{font-size:.85em;font-weight:600;color:#495057;display:flex;align-items:center;gap:6px;margin-bottom:6px}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-body .perf-metric .perf-bar-container{height:10px;background:#e9ecef;border-radius:5px;overflow:hidden;margin-bottom:6px}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-body .perf-metric .perf-bar-container .perf-bar{height:100%;border-radius:5px;transition:width .5s ease}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-body .perf-metric .perf-values{display:flex;gap:12px;font-size:.78em;color:#6c757d;flex-wrap:wrap}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-body .perf-metric .perf-values .perf-percentage{font-weight:700;font-size:1em;margin-left:auto}.reporting-charts .public-ip-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;align-items:stretch}.reporting-charts .public-ip-summary .public-ip-card{width:100%;max-width:none;background:#fff;border:1px solid #dee2e6;border-radius:10px;padding:18px;transition:all .2s}.reporting-charts .public-ip-summary .public-ip-card:hover{box-shadow:0 3px 10px #00000014;transform:translateY(-1px)}.reporting-charts .public-ip-summary .public-ip-card .pip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e9ecef;gap:10px}.reporting-charts .public-ip-summary .public-ip-card .pip-header .pip-label{font-weight:700;font-size:.95em;color:#333;min-width:0}.reporting-charts .public-ip-summary .public-ip-card .pip-header .pip-ip{font-family:Courier New,monospace;font-size:.85em;color:#6c757d;text-align:right}.reporting-charts .public-ip-summary .public-ip-card .pip-stats{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.reporting-charts .public-ip-summary .public-ip-card .pip-stats .pip-stat{display:flex;flex-direction:column;gap:2px}.reporting-charts .public-ip-summary .public-ip-card .pip-stats .pip-stat .pip-stat-value{font-size:1.15em;font-weight:700;color:#333}.reporting-charts .public-ip-summary .public-ip-card .pip-stats .pip-stat .pip-stat-label{font-size:.75em;color:#999;text-transform:uppercase;letter-spacing:.05em}.reporting-charts .public-ip-summary .public-ip-card .pip-stats .pip-stat .pip-monitor-badge{padding:4px 10px;border-radius:12px;font-size:.78em;font-weight:600}.reporting-charts .public-ip-summary .public-ip-card .pip-stats .pip-stat .pip-monitor-badge.active{background:#d4edda;color:#155724}.reporting-charts .public-ip-summary .public-ip-card .pip-stats .pip-stat .pip-monitor-badge.inactive{background:#f8f9fa;color:#6c757d}.reporting-charts .charts-grid .chart-container .recharts-legend-wrapper .recharts-legend-item{margin-right:12px;margin-bottom:4px}.reporting-charts .charts-grid .chart-container .recharts-legend-wrapper .recharts-legend-item-text{font-size:.82em;color:#555}@keyframes reporting-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.router-backup-management{padding:20px}.router-backup-management .backup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.router-backup-management .backup-header h3{margin:0;color:#333}.router-backup-management .loading-message{display:flex;align-items:center;justify-content:center;padding:40px;color:#666;font-size:16px}.router-backup-management .loading-message svg{margin-right:10px;font-size:20px}.router-backup-management .alert{padding:12px 15px;margin-bottom:15px;border-radius:4px;display:flex;align-items:center;gap:10px}.router-backup-management .alert.alert-danger{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.router-backup-management .alert.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.router-backup-management .create-backup-section{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.router-backup-management .create-backup-section h4{margin-top:0;margin-bottom:15px;color:#333}.router-backup-management .create-backup-section .create-backup-form{display:flex;gap:10px;margin-bottom:10px}.router-backup-management .create-backup-section .create-backup-form input{flex:1}.router-backup-management .create-backup-section .create-backup-form button{white-space:nowrap}.router-backup-management .create-backup-section .help-text{margin:0;color:#666;font-size:.9em}.router-backup-management .restore-settings{background:#fff3cd;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #ffeaa7}.router-backup-management .restore-settings label{font-weight:600;display:block;margin-bottom:8px;color:#856404}.router-backup-management .restore-settings input{max-width:200px;margin-bottom:8px}.router-backup-management .restore-settings .help-text{margin:0;color:#856404;font-size:.85em}.router-backup-management .backups-list h4{margin-bottom:15px;color:#333}.router-backup-management .backups-list .no-backups{text-align:center;padding:60px 20px;color:#999}.router-backup-management .backups-list .no-backups svg{font-size:48px;margin-bottom:15px;opacity:.3}.router-backup-management .backups-list .no-backups p{margin:0;font-size:16px}.router-backup-management .backups-list .backups-table-container{overflow-x:auto}.router-backup-management .backups-list .backups-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 3px #0000001a}.router-backup-management .backups-list .backups-table thead{background:#f8f9fa}.router-backup-management .backups-list .backups-table thead th{padding:12px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap}.router-backup-management .backups-list .backups-table tbody tr{border-bottom:1px solid #dee2e6;transition:background-color .2s}.router-backup-management .backups-list .backups-table tbody tr:hover{background-color:#f8f9fa}.router-backup-management .backups-list .backups-table tbody tr.backup-failed{background-color:#fff5f5}.router-backup-management .backups-list .backups-table tbody tr td{padding:12px;vertical-align:middle}.router-backup-management .backups-list .backups-table tbody tr td small{display:block;color:#666;font-size:.85em}.router-backup-management .backups-list .backups-table .backup-type{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.85em;font-weight:600;text-transform:capitalize}.router-backup-management .backups-list .backups-table .backup-type.manual{background:#d1ecf1;color:#0c5460}.router-backup-management .backups-list .backups-table .backup-type.automatic{background:#d4edda;color:#155724}.router-backup-management .backups-list .backups-table .backup-type.prechange{background:#fff3cd;color:#856404}.router-backup-management .backups-list .backups-table .backup-type.prerestore{background:#f8d7da;color:#721c24}.router-backup-management .backups-list .backups-table .status-success{color:#28a745;display:flex;align-items:center;gap:5px}.router-backup-management .backups-list .backups-table .status-failed{color:#dc3545;display:flex;align-items:center;gap:5px}.router-backup-management .backups-list .backups-table .restore-count{color:#007bff;font-weight:600}.router-backup-management .backups-list .backups-table .actions{display:flex;gap:8px}.router-backup-management .backups-list .backups-table .actions button{min-width:36px}.router-bulk-operations{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.router-bulk-operations .operations-header{margin-bottom:30px}.router-bulk-operations .operations-header h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:1.5rem;color:#333}.router-bulk-operations .operations-header h3 svg{color:#007bff}.router-bulk-operations .operations-header .description{color:#666;margin:0}.router-bulk-operations .alert{padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.router-bulk-operations .alert.alert-error{background:#fee;border:1px solid #fcc;color:#c33}.router-bulk-operations .alert.alert-success{background:#e7f5e7;border:1px solid #4caf50;color:#2e7d32}.router-bulk-operations .alert .close-btn{margin-left:auto;background:none;border:none;cursor:pointer;font-size:1.2rem;opacity:.7}.router-bulk-operations .alert .close-btn:hover{opacity:1}.router-bulk-operations .operations-form{margin-bottom:40px}.router-bulk-operations .operations-form .form-group{margin-bottom:25px}.router-bulk-operations .operations-form .form-group label{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:8px;color:#333}.router-bulk-operations .operations-form .form-group label .required{color:#f44336}.router-bulk-operations .operations-form .form-group input[type=text],.router-bulk-operations .operations-form .form-group input[type=number],.router-bulk-operations .operations-form .form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.95rem}.router-bulk-operations .operations-form .form-group input[type=text]:focus,.router-bulk-operations .operations-form .form-group input[type=number]:focus,.router-bulk-operations .operations-form .form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.router-bulk-operations .operations-form .form-group input[type=text]:disabled,.router-bulk-operations .operations-form .form-group input[type=number]:disabled,.router-bulk-operations .operations-form .form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed}.router-bulk-operations .operations-form .form-group textarea{font-family:Consolas,Monaco,Courier New,monospace;resize:vertical}.router-bulk-operations .operations-form .form-group .help-text{display:block;margin-top:5px;color:#666;font-size:.85rem}.router-bulk-operations .operations-form .form-group .router-selection-actions{display:flex;gap:10px;margin-bottom:15px;align-items:center}.router-bulk-operations .operations-form .form-group .router-selection-actions .selection-count{margin-left:auto;color:#666;font-size:.9rem}.router-bulk-operations .operations-form .form-group .router-list{max-height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;padding:10px;background:#fafafa}.router-bulk-operations .operations-form .form-group .router-list .router-checkbox{display:flex;align-items:center;gap:10px;padding:8px;cursor:pointer;border-radius:4px}.router-bulk-operations .operations-form .form-group .router-list .router-checkbox:hover{background:#eee}.router-bulk-operations .operations-form .form-group .router-list .router-checkbox input[type=checkbox]{cursor:pointer}.router-bulk-operations .operations-form .form-group .router-list .router-checkbox .router-location{color:#999;font-size:.85rem;margin-left:5px}.router-bulk-operations .operations-form .form-group .checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400}.router-bulk-operations .operations-form .form-group .checkbox-label input[type=checkbox]{cursor:pointer}.router-bulk-operations .operations-form .form-group .safe-mode-options{margin-top:15px;padding:15px;background:#f9f9f9;border-radius:4px;border-left:3px solid #007bff}.router-bulk-operations .operations-form .form-group .safe-mode-options label{margin-bottom:5px}.router-bulk-operations .operations-form .form-group .safe-mode-options input[type=number]{width:150px}.router-bulk-operations .operations-form .form-actions{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid #eee}.router-bulk-operations .btn-primary,.router-bulk-operations .btn-secondary{padding:10px 20px;border-radius:4px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:700;transition:all .2s}.router-bulk-operations .btn-primary:disabled,.router-bulk-operations .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.router-bulk-operations .btn-primary{background:#007bff;color:#fff}.router-bulk-operations .btn-primary:hover:not(:disabled){background:#0056b3}.router-bulk-operations .btn-secondary{background:#6c757d;color:#fff}.router-bulk-operations .btn-secondary:hover:not(:disabled){background:#545b62}.router-bulk-operations .operations-history{margin-top:40px}.router-bulk-operations .operations-history h4{margin:0 0 20px;font-size:1.2rem;color:#333}.router-bulk-operations .operations-history .no-data{text-align:center;color:#999;padding:40px}.router-bulk-operations .operations-history .operations-table{overflow-x:auto}.router-bulk-operations .operations-history .operations-table table{width:100%;border-collapse:collapse}.router-bulk-operations .operations-history .operations-table table th,.router-bulk-operations .operations-history .operations-table table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.router-bulk-operations .operations-history .operations-table table th{background:#f5f5f5;font-weight:700;color:#333}.router-bulk-operations .operations-history .operations-table table tbody tr:hover{background:#f9f9f9}.router-bulk-operations .operations-history .operations-table table .status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:4px;font-size:.85rem;font-weight:700}.router-scheduled-scripts{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.router-scheduled-scripts .scripts-header{margin-bottom:30px;display:flex;flex-direction:column;gap:15px}.router-scheduled-scripts .scripts-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:1.5rem;color:#333}.router-scheduled-scripts .scripts-header h3 svg{color:#007bff}.router-scheduled-scripts .scripts-header .description{color:#666;margin:0}.router-scheduled-scripts .scripts-header .btn-primary{align-self:flex-start}.router-scheduled-scripts .alert{padding:12px 15px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.router-scheduled-scripts .alert.alert-error{background:#fee;border:1px solid #fcc;color:#c33}.router-scheduled-scripts .alert.alert-success{background:#e7f5e7;border:1px solid #4caf50;color:#2e7d32}.router-scheduled-scripts .alert .close-btn{margin-left:auto;background:none;border:none;cursor:pointer;font-size:1.2rem;opacity:.7}.router-scheduled-scripts .alert .close-btn:hover{opacity:1}.router-scheduled-scripts .script-form{background:#f9f9f9;padding:25px;border-radius:8px;margin-bottom:30px;border:1px solid #ddd}.router-scheduled-scripts .script-form h4{margin:0 0 20px;font-size:1.2rem;color:#333}.router-scheduled-scripts .script-form .form-group{margin-bottom:20px}.router-scheduled-scripts .script-form .form-group label{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:8px;color:#333}.router-scheduled-scripts .script-form .form-group label .required{color:#f44336}.router-scheduled-scripts .script-form .form-group input[type=text],.router-scheduled-scripts .script-form .form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.95rem}.router-scheduled-scripts .script-form .form-group input[type=text]:focus,.router-scheduled-scripts .script-form .form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.router-scheduled-scripts .script-form .form-group input[type=text]:disabled,.router-scheduled-scripts .script-form .form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed}.router-scheduled-scripts .script-form .form-group textarea{font-family:Consolas,Monaco,Courier New,monospace;resize:vertical}.router-scheduled-scripts .script-form .form-group .help-text{display:block;margin-top:5px;color:#666;font-size:.85rem}.router-scheduled-scripts .script-form .form-group .router-list{max-height:200px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;padding:10px;background:#fff}.router-scheduled-scripts .script-form .form-group .router-list .router-checkbox{display:flex;align-items:center;gap:10px;padding:8px;cursor:pointer;border-radius:4px}.router-scheduled-scripts .script-form .form-group .router-list .router-checkbox:hover{background:#eee}.router-scheduled-scripts .script-form .form-group .router-list .router-checkbox input[type=checkbox]{cursor:pointer}.router-scheduled-scripts .script-form .form-group .checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400}.router-scheduled-scripts .script-form .form-group .checkbox-label input[type=checkbox]{cursor:pointer}.router-scheduled-scripts .script-form .form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;border-top:1px solid #ddd;margin-top:20px}.router-scheduled-scripts .btn-primary,.router-scheduled-scripts .btn-secondary{padding:10px 20px;border-radius:4px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:700;transition:all .2s}.router-scheduled-scripts .btn-primary:disabled,.router-scheduled-scripts .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.router-scheduled-scripts .btn-primary{background:#007bff;color:#fff}.router-scheduled-scripts .btn-primary:hover:not(:disabled){background:#0056b3}.router-scheduled-scripts .btn-secondary{background:#6c757d;color:#fff}.router-scheduled-scripts .btn-secondary:hover:not(:disabled){background:#545b62}.router-scheduled-scripts .scripts-list{margin-top:40px}.router-scheduled-scripts .scripts-list h4{margin:0 0 20px;font-size:1.2rem;color:#333}.router-scheduled-scripts .scripts-list .loading-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:#666}.router-scheduled-scripts .scripts-list .loading-state svg{font-size:1.5rem;color:#007bff}.router-scheduled-scripts .scripts-list .no-data{text-align:center;color:#999;padding:40px}.router-scheduled-scripts .scripts-list .scripts-table{overflow-x:auto}.router-scheduled-scripts .scripts-list .scripts-table table{width:100%;border-collapse:collapse}.router-scheduled-scripts .scripts-list .scripts-table table th,.router-scheduled-scripts .scripts-list .scripts-table table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.router-scheduled-scripts .scripts-list .scripts-table table th{background:#f5f5f5;font-weight:700;color:#333}.router-scheduled-scripts .scripts-list .scripts-table table tbody tr:hover{background:#f9f9f9}.router-scheduled-scripts .scripts-list .scripts-table table .status-toggle{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:4px;border:none;cursor:pointer;font-weight:700;font-size:.85rem;transition:all .2s}.router-scheduled-scripts .scripts-list .scripts-table table .status-toggle.enabled{background:#e7f5e7;color:#4caf50}.router-scheduled-scripts .scripts-list .scripts-table table .status-toggle.enabled:hover{background:#d0f0d0}.router-scheduled-scripts .scripts-list .scripts-table table .status-toggle.disabled{background:#fee;color:#f44336}.router-scheduled-scripts .scripts-list .scripts-table table .status-toggle.disabled:hover{background:#fdd}.router-scheduled-scripts .scripts-list .scripts-table table .script-name{font-weight:700;color:#333}.router-scheduled-scripts .scripts-list .scripts-table table .script-description{font-size:.85rem;color:#666;margin-top:3px}.router-scheduled-scripts .scripts-list .scripts-table table .action-buttons{display:flex;gap:8px}.router-scheduled-scripts .scripts-list .scripts-table table .action-buttons .btn-icon{padding:6px 10px;border-radius:4px;border:1px solid #ddd;background:#fff;cursor:pointer;transition:all .2s}.router-scheduled-scripts .scripts-list .scripts-table table .action-buttons .btn-icon:hover{background:#f5f5f5;border-color:#007bff;color:#007bff}.router-scheduled-scripts .scripts-list .scripts-table table .action-buttons .btn-icon.btn-danger:hover{border-color:#f44336;color:#f44336}.router-firewall-editor{padding:0}.router-firewall-editor .firewall-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#fff;border-bottom:2px solid #dee2e6;margin-bottom:20px}.router-firewall-editor .firewall-header .header-title{display:flex;align-items:center;gap:12px}.router-firewall-editor .firewall-header .header-title h2{margin:0;font-size:1.5rem;color:#333}.router-firewall-editor .firewall-header .mode-toggle{display:flex;gap:8px;background:#f8f9fa;padding:4px;border-radius:8px}.router-firewall-editor .firewall-header .mode-toggle .mode-btn{padding:10px 20px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;color:#6c757d;display:flex;align-items:center;gap:8px;transition:all .2s}.router-firewall-editor .firewall-header .mode-toggle .mode-btn:hover{background:#e9ecef}.router-firewall-editor .firewall-header .mode-toggle .mode-btn.active{background:#007bff;color:#fff}.router-firewall-editor .firewall-header .btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.router-firewall-editor .firewall-header .btn-refresh:hover:not(:disabled){background:#f8f9fa;border-color:#007bff;color:#007bff}.router-firewall-editor .firewall-header .btn-refresh:disabled{opacity:.6;cursor:not-allowed}.router-firewall-editor .firewall-header .btn-refresh .spinning{animation:spin 1s linear infinite}.router-firewall-editor .alert{padding:12px 20px;margin:0 20px 20px;border-radius:6px;display:flex;align-items:center;gap:12px;position:relative}.router-firewall-editor .alert.alert-error{background:#fee;border:1px solid #f88;color:#c33}.router-firewall-editor .alert.alert-success{background:#efe;border:1px solid #8c8;color:#3a3}.router-firewall-editor .alert .alert-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;opacity:.7}.router-firewall-editor .alert .alert-close:hover{opacity:1}.router-firewall-editor .single-router-mode,.router-firewall-editor .multiple-router-mode{background:#fff;border-radius:8px;margin:0 20px 20px;padding:20px}.router-firewall-editor .router-info{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f8f9fa;border-radius:6px;margin-bottom:20px}.router-firewall-editor .router-info .fetch-time{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#666}.router-firewall-editor .firewall-tabs{display:flex;gap:4px;border-bottom:2px solid #dee2e6;margin-bottom:20px;overflow-x:auto;flex-wrap:nowrap}.router-firewall-editor .firewall-tabs .tab-btn{padding:10px 16px;border:none;background:transparent;border-bottom:3px solid transparent;cursor:pointer;font-size:.9rem;color:#6c757d;transition:all .2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.router-firewall-editor .firewall-tabs .tab-btn:hover{background:#f8f9fa;color:#495057}.router-firewall-editor .firewall-tabs .tab-btn.active{color:#007bff;border-bottom-color:#007bff;font-weight:600}.router-firewall-editor .tab-content .content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.router-firewall-editor .tab-content .content-header .legend{display:flex;gap:20px}.router-firewall-editor .tab-content .content-header .legend .legend-item{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#666}.router-firewall-editor .tab-content .content-header .legend .legend-item svg{flex-shrink:0}.router-firewall-editor .rules-table-container{overflow-x:auto;border:1px solid #dee2e6;border-radius:6px}.router-firewall-editor .rules-table-container .rules-table{width:100%;border-collapse:collapse;font-size:.9rem}.router-firewall-editor .rules-table-container .rules-table thead{background:#f8f9fa;font-weight:600}.router-firewall-editor .rules-table-container .rules-table thead th{padding:12px 8px;text-align:left;border-bottom:2px solid #dee2e6;white-space:nowrap}.router-firewall-editor .rules-table-container .rules-table tbody tr{border-bottom:1px solid #dee2e6;transition:background .15s}.router-firewall-editor .rules-table-container .rules-table tbody tr:hover:not(.editing){background:#f8f9fa}.router-firewall-editor .rules-table-container .rules-table tbody tr.disabled-rule{opacity:.5;background:#f9f9f9}.router-firewall-editor .rules-table-container .rules-table tbody tr.editing{background:#fff3cd}.router-firewall-editor .rules-table-container .rules-table tbody tr td{padding:10px 8px;vertical-align:middle}.router-firewall-editor .rules-table-container .rules-table tbody tr td input,.router-firewall-editor .rules-table-container .rules-table tbody tr td select{width:100%;padding:4px 8px;border:1px solid #ced4da;border-radius:4px;font-size:.85rem}.router-firewall-editor .drag-handle-cell{width:30px;text-align:center;padding:0 4px!important}.router-firewall-editor .drag-handle{display:inline-flex;align-items:center;justify-content:center;cursor:grab;color:#bbb;padding:4px;border-radius:3px;transition:all .15s}.router-firewall-editor .drag-handle:hover{color:#666;background:#e9ecef}.router-firewall-editor .drag-handle:active{cursor:grabbing;color:#007bff}.router-firewall-editor .rule-row.drag-over{border-top:3px solid #007bff;background:#e7f1ff!important}.router-firewall-editor .rule-row.dragging{opacity:.4;background:#f0f0f0}.router-firewall-editor .row-index{font-weight:600;color:#6c757d;font-size:.85rem;text-align:center}.router-firewall-editor .btn-toggle{border:none!important;background:transparent!important;padding:2px!important}.router-firewall-editor .rule-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.router-firewall-editor .rule-badge.global-badge{background:#e3f2fd;color:#2196f3}.router-firewall-editor .rule-badge.local-badge{background:#e8f5e9;color:#4caf50}.router-firewall-editor .chain-badge{display:inline-block;padding:4px 8px;background:#e9ecef;border-radius:4px;font-size:.85rem;font-weight:500}.router-firewall-editor .action-badge{display:inline-block;padding:4px 10px;color:#fff;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.router-firewall-editor .address-info,.router-firewall-editor .port-info,.router-firewall-editor .mark-info{display:block;font-family:Courier New,monospace;font-size:.85rem}.router-firewall-editor .mark-info{color:#795548;font-weight:500}.router-firewall-editor .comment-text{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.router-firewall-editor .rule-actions,.router-firewall-editor .edit-actions{display:flex;gap:6px;justify-content:center;flex-wrap:nowrap}.router-firewall-editor .btn-icon,.router-firewall-editor .btn-cancel,.router-firewall-editor .btn-save{padding:6px 10px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:4px;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}.router-firewall-editor .btn-icon svg,.router-firewall-editor .btn-cancel svg,.router-firewall-editor .btn-save svg{width:14px;height:14px}.router-firewall-editor .btn-icon:hover:not(:disabled),.router-firewall-editor .btn-cancel:hover:not(:disabled),.router-firewall-editor .btn-save:hover:not(:disabled){background:#f8f9fa;transform:translateY(-1px)}.router-firewall-editor .btn-icon:disabled,.router-firewall-editor .btn-cancel:disabled,.router-firewall-editor .btn-save:disabled{opacity:.5;cursor:not-allowed}.router-firewall-editor .btn-icon.btn-edit,.router-firewall-editor .btn-edit.btn-cancel,.router-firewall-editor .btn-edit.btn-save{color:#007bff;border-color:#b8daff}.router-firewall-editor .btn-icon.btn-edit:hover:not(:disabled),.router-firewall-editor .btn-edit.btn-cancel:hover:not(:disabled),.router-firewall-editor .btn-edit.btn-save:hover:not(:disabled){background:#e7f1ff;border-color:#007bff;color:#0056b3}.router-firewall-editor .btn-icon.btn-danger,.router-firewall-editor .btn-danger.btn-cancel,.router-firewall-editor .btn-danger.btn-save{color:#dc3545;border-color:#f5c6cb}.router-firewall-editor .btn-icon.btn-danger:hover:not(:disabled),.router-firewall-editor .btn-danger.btn-cancel:hover:not(:disabled),.router-firewall-editor .btn-danger.btn-save:hover:not(:disabled){background:#fee;border-color:#dc3545;color:#c82333}.router-firewall-editor .btn-save{background:#4caf50;color:#fff;border-color:#4caf50}.router-firewall-editor .btn-save:hover:not(:disabled){background:#45a049}.router-firewall-editor .btn-cancel{background:#f44336;color:#fff;border-color:#f44336}.router-firewall-editor .btn-cancel:hover:not(:disabled){background:#da190b}.router-firewall-editor .btn-primary,.router-firewall-editor .btn-secondary{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.router-firewall-editor .btn-primary:hover:not(:disabled),.router-firewall-editor .btn-secondary:hover:not(:disabled){background:#0056b3}.router-firewall-editor .btn-primary:disabled,.router-firewall-editor .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.router-firewall-editor .btn-secondary{background:#6c757d}.router-firewall-editor .btn-secondary:hover:not(:disabled){background:#545b62}.router-firewall-editor .no-rules{text-align:center;padding:60px 20px;color:#999}.router-firewall-editor .no-rules p{margin:20px 0}.router-firewall-editor .loading-state{text-align:center;padding:60px 20px}.router-firewall-editor .loading-state .spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.router-firewall-editor .tab-placeholder{text-align:center;padding:60px 20px;color:#666}.router-firewall-editor .tab-placeholder .note{margin-top:12px;font-size:.9rem;color:#999}.router-firewall-editor .info-banner{display:flex;gap:16px;padding:16px;background:#e3f2fd;border:1px solid #2196f3;border-radius:6px;margin-bottom:24px}.router-firewall-editor .info-banner svg{flex-shrink:0;color:#2196f3;font-size:24px}.router-firewall-editor .info-banner strong{display:block;margin-bottom:4px;color:#1976d2}.router-firewall-editor .info-banner p{margin:0;color:#424242;font-size:.9rem}.router-firewall-editor .coming-soon{text-align:center;padding:80px 40px;color:#666}.router-firewall-editor .coming-soon h3{color:#333;margin-bottom:16px}.router-firewall-editor .coming-soon p{margin-bottom:12px;font-size:1rem}.router-firewall-editor .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}.router-firewall-editor .modal-content{background:#fff;border-radius:8px;width:90%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s}.router-firewall-editor .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #dee2e6}.router-firewall-editor .modal-header h3{margin:0;display:flex;align-items:center;gap:10px}.router-firewall-editor .modal-header .btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.router-firewall-editor .modal-header .btn-close:hover{color:#333}.router-firewall-editor .modal-body{padding:20px;overflow-y:auto;flex:1}.router-firewall-editor .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #dee2e6;background:#f8f9fa}.router-firewall-editor .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.router-firewall-editor .form-grid .form-group{display:flex;flex-direction:column}.router-firewall-editor .form-grid .form-group.full-width{grid-column:1/-1}.router-firewall-editor .form-grid .form-group label{margin-bottom:6px;font-weight:500;font-size:.9rem;color:#495057}.router-firewall-editor .form-grid .form-group label input[type=checkbox]{margin-right:6px}.router-firewall-editor .form-grid .form-group input,.router-firewall-editor .form-grid .form-group select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.95rem}.router-firewall-editor .form-grid .form-group input:focus,.router-firewall-editor .form-grid .form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.multi-router-deployment .mrd-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:.9rem;animation:slideIn .2s ease}.multi-router-deployment .mrd-alert .alert-close{margin-left:auto;background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.6}.multi-router-deployment .mrd-alert .alert-close:hover{opacity:1}.multi-router-deployment .mrd-alert-error{background:#fce4ec;color:#c62828;border:1px solid #ef9a9a}.multi-router-deployment .mrd-alert-success{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.multi-router-deployment .mrd-tabs{display:flex;gap:4px;border-bottom:2px solid #dee2e6;margin-bottom:20px}.multi-router-deployment .mrd-tabs .mrd-tab{padding:10px 20px;border:none;background:transparent;border-bottom:3px solid transparent;cursor:pointer;font-size:.9rem;color:#6c757d;transition:all .2s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.multi-router-deployment .mrd-tabs .mrd-tab:hover{color:#495057;background:#f8f9fa}.multi-router-deployment .mrd-tabs .mrd-tab.active{color:#007bff;border-bottom-color:#007bff;font-weight:600}.multi-router-deployment .section-panel{animation:fadeIn .2s ease}.multi-router-deployment .section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.multi-router-deployment .section-header .section-info h4{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:1.1rem;color:#333}.multi-router-deployment .section-header .section-info p{margin:0;font-size:.85rem;color:#666}.multi-router-deployment .section-header .section-actions{display:flex;gap:8px;align-items:center}.multi-router-deployment .btn-primary-sm{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;display:inline-flex;align-items:center;gap:6px;transition:background .2s}.multi-router-deployment .btn-primary-sm:hover{background:#0056b3}.multi-router-deployment .btn-primary-sm:disabled{opacity:.5;cursor:not-allowed}.multi-router-deployment .btn-icon-text{padding:8px 14px;background:#f8f9fa;color:#495057;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:.85rem;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.multi-router-deployment .btn-icon-text:hover{background:#e9ecef}.multi-router-deployment .btn-icon-text:disabled{opacity:.5;cursor:not-allowed}.multi-router-deployment .btn-icon-sm{width:30px;height:30px;border:none;background:#f0f0f0;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#555;font-size:.8rem;transition:all .2s}.multi-router-deployment .btn-icon-sm:hover{background:#e0e0e0;color:#333}.multi-router-deployment .btn-danger-sm:hover{background:#fce4ec;color:#c62828}.multi-router-deployment .btn-link-sm{background:none;border:none;color:#007bff;cursor:pointer;font-size:.8rem;padding:2px 6px}.multi-router-deployment .btn-link-sm:hover{text-decoration:underline}.multi-router-deployment .empty-state{text-align:center;padding:60px 20px;color:#666}.multi-router-deployment .empty-state p{margin:12px 0 4px;font-size:1rem;font-weight:600}.multi-router-deployment .empty-state span{display:block;margin-bottom:16px;font-size:.85rem;color:#999}.multi-router-deployment .rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.multi-router-deployment .rule-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:box-shadow .2s}.multi-router-deployment .rule-card:hover{box-shadow:0 2px 8px #00000014}.multi-router-deployment .rule-card.disabled-card{opacity:.6}.multi-router-deployment .rule-card .rule-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.multi-router-deployment .rule-card .rule-card-header .rule-name-row{display:flex;align-items:center;gap:8px;font-size:.95rem;flex-wrap:wrap}.multi-router-deployment .rule-card .rule-card-header .rule-card-actions{display:flex;gap:4px}.multi-router-deployment .rule-card .rule-desc{font-size:.82rem;color:#666;margin:0 0 10px}.multi-router-deployment .rule-card .rule-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.multi-router-deployment .rule-card .meta-tag{display:inline-block;padding:2px 8px;background:#f0f0f0;border-radius:4px;font-size:.78rem;color:#444}.multi-router-deployment .rule-card .rule-footer{display:flex;align-items:center;gap:10px;font-size:.78rem}.multi-router-deployment .rule-type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.72rem;font-weight:600;text-transform:uppercase}.multi-router-deployment .rule-type-badge.blacklist{background:#fce4ec;color:#c62828}.multi-router-deployment .rule-type-badge.whitelist{background:#e8f5e9;color:#2e7d32}.multi-router-deployment .rule-type-badge.custom{background:#e3f2fd;color:#1565c0}.multi-router-deployment .priority-badge{background:#f5f5f5;padding:2px 8px;border-radius:4px;font-size:.75rem;color:#666}.multi-router-deployment .sync-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.multi-router-deployment .disabled-badge{display:inline-flex;align-items:center;gap:4px;color:#999;font-size:.75rem}.multi-router-deployment .status-success{color:#2e7d32}.multi-router-deployment .status-failed{color:#c62828}.multi-router-deployment .status-pending{color:#e65100}.multi-router-deployment .status-partial{color:#f57f17}.multi-router-deployment .status-unknown{color:#999}.multi-router-deployment .status-pill{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.multi-router-deployment .status-pill.status-success{background:#e8f5e9}.multi-router-deployment .status-pill.status-failed{background:#fce4ec}.multi-router-deployment .status-pill.status-pending{background:#fff3e0}.multi-router-deployment .status-pill.status-partial{background:#fffde7}.multi-router-deployment .status-pill-sm{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:.72rem;font-weight:600}.multi-router-deployment .status-pill-sm.status-success{background:#e8f5e9;color:#2e7d32}.multi-router-deployment .status-pill-sm.status-failed{background:#fce4ec;color:#c62828}.multi-router-deployment .status-pill-sm.status-pending{background:#fff3e0;color:#e65100}.multi-router-deployment .deploy-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-bottom:20px}@media(max-width:900px){.multi-router-deployment .deploy-layout{grid-template-columns:1fr}}.multi-router-deployment .deploy-command-panel,.multi-router-deployment .deploy-router-panel{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.multi-router-deployment .deploy-command-panel h5,.multi-router-deployment .deploy-router-panel h5{margin:0 0 14px;font-size:.95rem;color:#333}.multi-router-deployment .form-group-md{margin-bottom:14px}.multi-router-deployment .form-group-md label{display:block;font-size:.82rem;font-weight:600;color:#555;margin-bottom:4px}.multi-router-deployment .form-group-md input[type=text],.multi-router-deployment .form-group-md input[type=number],.multi-router-deployment .form-group-md select,.multi-router-deployment .form-group-md textarea{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:5px;font-size:.85rem;transition:border-color .2s;box-sizing:border-box}.multi-router-deployment .form-group-md input[type=text]:focus,.multi-router-deployment .form-group-md input[type=number]:focus,.multi-router-deployment .form-group-md select:focus,.multi-router-deployment .form-group-md textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff1a}.multi-router-deployment .form-group-md textarea{resize:vertical;font-family:Consolas,Monaco,monospace;font-size:.82rem;line-height:1.5}.multi-router-deployment .form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.multi-router-deployment .safe-mode-toggle{display:flex;align-items:center;gap:12px;margin-top:8px;padding:10px 14px;background:#f8f9fa;border-radius:6px}.multi-router-deployment .safe-mode-toggle .toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #ced4da;border-radius:6px;background:#fff;cursor:pointer;font-size:.85rem;color:#555;transition:all .2s}.multi-router-deployment .safe-mode-toggle .toggle-btn.active{border-color:#4caf50;color:#4caf50;background:#f1f8e9}.multi-router-deployment .safe-mode-toggle .toggle-btn:hover{background:#e9ecef}.multi-router-deployment .safe-mode-toggle .safe-mode-hint{font-size:.78rem;color:#888}.multi-router-deployment .router-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.multi-router-deployment .router-selector-header h5{margin:0;display:flex;align-items:center;gap:6px}.multi-router-deployment .router-selector-header .select-actions{display:flex;gap:6px}.multi-router-deployment .selected-count{font-size:.82rem;color:#555;margin-bottom:10px;padding:6px 12px;background:#f0f4ff;border-radius:4px}.multi-router-deployment .router-list{max-height:400px;overflow-y:auto;border:1px solid #eee;border-radius:6px}.multi-router-deployment .router-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .15s}.multi-router-deployment .router-item:last-child{border-bottom:none}.multi-router-deployment .router-item:hover{background:#f8f9fa}.multi-router-deployment .router-item.selected{background:#e3f2fd}.multi-router-deployment .router-item input[type=checkbox]{flex-shrink:0;width:16px;height:16px;accent-color:#007bff}.multi-router-deployment .router-item .router-item-info{display:flex;flex-direction:column}.multi-router-deployment .router-item .router-item-name{font-size:.85rem;font-weight:600;color:#333}.multi-router-deployment .router-item .router-item-ip{font-size:.75rem;color:#999}.multi-router-deployment .disabled-routers-note{display:flex;align-items:center;gap:6px;padding:10px 12px;font-size:.78rem;color:#999;background:#fafafa}.multi-router-deployment .deploy-action-bar{display:flex;justify-content:flex-end}.multi-router-deployment .btn-deploy{padding:12px 32px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 2px 8px #007bff4d}.multi-router-deployment .btn-deploy:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #007bff66}.multi-router-deployment .btn-deploy:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.multi-router-deployment .history-list{display:flex;flex-direction:column;gap:10px}.multi-router-deployment .history-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:box-shadow .2s}.multi-router-deployment .history-card:hover{box-shadow:0 2px 8px #0000000f}.multi-router-deployment .history-card .history-card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.multi-router-deployment .history-card .history-card-header:hover{background:#fafafa}.multi-router-deployment .history-card .history-card-header .history-title-row{display:flex;align-items:center;gap:10px;font-size:.92rem}.multi-router-deployment .history-card .history-card-header .history-meta{display:flex;align-items:center;gap:14px;font-size:.78rem;color:#888}.multi-router-deployment .history-card .history-card-header .history-meta .success-count{color:#4caf50}.multi-router-deployment .history-card .history-card-header .history-meta .failure-count{color:#f44336}.multi-router-deployment .history-card .history-card-header .history-meta .expand-icon{color:#aaa}.multi-router-deployment .history-card .history-detail{border-top:1px solid #eee;padding:16px 18px;animation:slideIn .2s ease}.multi-router-deployment .history-card .history-detail .op-desc{font-size:.85rem;color:#555;margin:0 0 12px}.multi-router-deployment .history-card .history-detail .op-command-preview{margin-bottom:14px}.multi-router-deployment .history-card .history-detail .op-command-preview label{display:block;font-size:.78rem;font-weight:600;color:#666;margin-bottom:4px}.multi-router-deployment .history-card .history-detail .op-command-preview pre{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:5px;padding:10px 14px;font-size:.8rem;overflow-x:auto;max-height:120px;margin:0;white-space:pre-wrap;word-break:break-word}.multi-router-deployment .history-card .history-detail .op-settings{display:flex;flex-wrap:wrap;gap:16px;font-size:.78rem;color:#888;margin-bottom:14px}.multi-router-deployment .results-table{width:100%;border-collapse:collapse;font-size:.82rem}.multi-router-deployment .results-table th,.multi-router-deployment .results-table td{padding:8px 12px;text-align:left;border-bottom:1px solid #eee}.multi-router-deployment .results-table th{background:#f8f9fa;font-weight:600;color:#555;font-size:.78rem}.multi-router-deployment .results-table tr:last-child td{border-bottom:none}.multi-router-deployment .results-table tr:hover td{background:#fafafa}.multi-router-deployment .results-table .msg-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-router-deployment .results-table .error-text{color:#c62828}.multi-router-deployment .no-items-note{font-size:.85rem;color:#999;text-align:center;padding:16px}.multi-router-deployment .loading-detail{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;font-size:.85rem;color:#999}.multi-router-deployment .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}.multi-router-deployment .modal-content{background:#fff;border-radius:8px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.multi-router-deployment .modal-content.modal-lg{max-width:680px}.multi-router-deployment .modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #eee}.multi-router-deployment .modal-header h3{margin:0;font-size:1.05rem;display:flex;align-items:center;gap:8px}.multi-router-deployment .modal-header .btn-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:4px}.multi-router-deployment .modal-header .btn-close:hover{color:#333}.multi-router-deployment .modal-body{padding:20px 24px}.multi-router-deployment .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #eee}.multi-router-deployment .form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.multi-router-deployment .form-grid-2 .full-width-md{grid-column:1/-1}.multi-router-deployment .btn-secondary{padding:8px 18px;background:#f8f9fa;border:1px solid #dee2e6;color:#495057;border-radius:6px;cursor:pointer;font-size:.85rem}.multi-router-deployment .btn-secondary:hover{background:#e9ecef}.multi-router-deployment .btn-primary{padding:8px 18px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem}.multi-router-deployment .btn-primary:hover{background:#0056b3}.multi-router-deployment .btn-primary:disabled{opacity:.5;cursor:not-allowed}.multi-router-deployment .spinning{animation:spin 1s linear infinite}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.router-llm-validator{padding:20px;max-width:1200px;margin:0 auto}.router-llm-validator .validator-header{margin-bottom:30px}.router-llm-validator .validator-header h3{margin:0 0 10px;color:#333;display:flex;align-items:center;gap:10px;font-size:24px}.router-llm-validator .validator-header .header-subtitle{color:#666;margin:0;font-size:14px}.router-llm-validator .alert{padding:12px 15px;margin-bottom:20px;border-radius:4px;display:flex;align-items:center;gap:10px}.router-llm-validator .alert.alert-danger{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.router-llm-validator .alert.alert-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffc107;align-items:flex-start}.router-llm-validator .alert.alert-warning>div{flex:1}.router-llm-validator .alert.alert-warning>div p{margin:4px 0 0;font-size:13px}.router-llm-validator .alert.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.router-llm-validator .input-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px}.router-llm-validator .input-section .input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.router-llm-validator .input-section .input-header label{font-weight:600;color:#333;font-size:16px}.router-llm-validator .input-section .input-header .input-actions{display:flex;gap:8px}.router-llm-validator .input-section .config-textarea{width:100%;padding:12px;border:1px solid #ced4da;border-radius:4px;font-family:Courier New,monospace;font-size:13px;resize:vertical;min-height:200px}.router-llm-validator .input-section .config-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.router-llm-validator .input-section .config-textarea:disabled{background-color:#e9ecef;cursor:not-allowed}.router-llm-validator .input-section .input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.router-llm-validator .input-section .input-footer .char-count{color:#666;font-size:13px}.router-llm-validator .results-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px}.router-llm-validator .results-section .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.router-llm-validator .results-section .results-header h4{margin:0;color:#333;font-size:20px}.router-llm-validator .results-section .results-header .validation-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.router-llm-validator .results-section .results-header .validation-badge.valid{background:#d4edda;color:#155724}.router-llm-validator .results-section .results-header .validation-badge.invalid{background:#f8d7da;color:#721c24}.router-llm-validator .results-section .summary-section{background:#f8f9fa;padding:15px;border-radius:6px;margin-bottom:20px}.router-llm-validator .results-section .summary-section h5{margin-top:0;margin-bottom:10px;color:#495057;font-size:16px}.router-llm-validator .results-section .summary-section p{margin:0;color:#333;line-height:1.6}.router-llm-validator .results-section h5{display:flex;align-items:center;gap:8px;margin-top:0;margin-bottom:15px;color:#333;font-size:18px}.router-llm-validator .results-section .issues-section{margin-bottom:25px}.router-llm-validator .results-section .issues-section .issues-list{display:flex;flex-direction:column;gap:12px}.router-llm-validator .results-section .issues-section .issue-card{padding:15px;border-radius:6px;border-left:4px solid}.router-llm-validator .results-section .issues-section .issue-card.severity-critical{background:#fff5f5;border-color:#dc3545}.router-llm-validator .results-section .issues-section .issue-card.severity-high{background:#fff8f0;border-color:#fd7e14}.router-llm-validator .results-section .issues-section .issue-card.severity-medium{background:#fffbf0;border-color:#ffc107}.router-llm-validator .results-section .issues-section .issue-card.severity-low{background:#f0f8ff;border-color:#17a2b8}.router-llm-validator .results-section .issues-section .issue-card.severity-info{background:#f8f9fa;border-color:#6c757d}.router-llm-validator .results-section .issues-section .issue-card .issue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.router-llm-validator .results-section .issues-section .issue-card .issue-header .issue-severity{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:12px;text-transform:uppercase;padding:4px 8px;border-radius:4px;background:#0000000d}.router-llm-validator .results-section .issues-section .issue-card .issue-header .issue-line{font-size:12px;color:#666;font-family:Courier New,monospace}.router-llm-validator .results-section .issues-section .issue-card .issue-title{font-weight:600;color:#333;margin-bottom:8px;font-size:15px}.router-llm-validator .results-section .issues-section .issue-card .issue-description{color:#555;margin-bottom:8px;line-height:1.5;font-size:14px}.router-llm-validator .results-section .issues-section .issue-card .issue-recommendation{color:#495057;font-size:14px;padding:10px;background:#ffffffb3;border-radius:4px;margin-top:8px}.router-llm-validator .results-section .issues-section .issue-card .issue-recommendation strong{color:#333}.router-llm-validator .results-section .issues-section .issue-card .issue-actions{margin-top:10px;display:flex;gap:8px}.router-llm-validator .results-section .recommendations-section{margin-bottom:25px}.router-llm-validator .results-section .recommendations-section .recommendations-list{display:flex;flex-direction:column;gap:12px}.router-llm-validator .results-section .recommendations-section .recommendation-card{display:flex;gap:12px;padding:15px;background:#f0f8ff;border-radius:6px;border:1px solid #b8daff}.router-llm-validator .results-section .recommendations-section .recommendation-card .recommendation-icon{color:#ffc107;font-size:20px;flex-shrink:0}.router-llm-validator .results-section .recommendations-section .recommendation-card .recommendation-content{flex:1}.router-llm-validator .results-section .recommendations-section .recommendation-card .recommendation-content .recommendation-title{font-weight:600;color:#333;margin-bottom:6px;font-size:15px}.router-llm-validator .results-section .recommendations-section .recommendation-card .recommendation-content .recommendation-description{color:#555;margin-bottom:8px;line-height:1.5;font-size:14px}.router-llm-validator .results-section .recommendations-section .recommendation-card .recommendation-content .recommendation-example{margin-top:10px}.router-llm-validator .results-section .recommendations-section .recommendation-card .recommendation-content .recommendation-example strong{display:block;margin-bottom:5px;color:#333;font-size:13px}.router-llm-validator .results-section .recommendations-section .recommendation-card .recommendation-content .recommendation-example pre{background:#fff;padding:10px;border-radius:4px;border:1px solid #dee2e6;font-family:Courier New,monospace;font-size:12px;overflow-x:auto;margin:0}.router-llm-validator .results-section .recommendations-section .recommendation-card .recommendation-content .recommendation-actions{margin-top:10px;display:flex;gap:8px}.router-llm-validator .results-section .best-practices-section{margin-bottom:25px}.router-llm-validator .results-section .best-practices-section .best-practices-list{list-style:none;padding:0;margin:0}.router-llm-validator .results-section .best-practices-section .best-practices-list li{display:flex;align-items:flex-start;gap:10px;padding:10px;margin-bottom:8px;background:#f0f9ff;border-radius:4px;color:#333;line-height:1.5;font-size:14px}.router-llm-validator .results-section .best-practices-section .best-practices-list li .check-icon{color:#28a745;flex-shrink:0;margin-top:2px}.router-llm-validator .results-section .security-section{margin-bottom:25px}.router-llm-validator .results-section .security-section .security-list{display:flex;flex-direction:column;gap:12px}.router-llm-validator .results-section .security-section .security-card{display:flex;gap:12px;padding:15px;background:#fff8f0;border-radius:6px;border:1px solid #ffeaa7}.router-llm-validator .results-section .security-section .security-card .security-icon{color:#fd7e14;font-size:20px;flex-shrink:0}.router-llm-validator .results-section .security-section .security-card .security-content{flex:1}.router-llm-validator .results-section .security-section .security-card .security-content .security-title{font-weight:600;color:#333;margin-bottom:6px;font-size:15px}.router-llm-validator .results-section .security-section .security-card .security-content .security-description{color:#555;margin-bottom:8px;line-height:1.5;font-size:14px}.router-llm-validator .results-section .security-section .security-card .security-content .security-mitigation{color:#495057;font-size:14px;padding:10px;background:#ffffffb3;border-radius:4px;margin-top:8px}.router-llm-validator .results-section .security-section .security-card .security-content .security-mitigation strong{color:#333}.router-llm-validator .results-section .provider-info{display:flex;align-items:center;gap:8px;padding:12px;background:#f8f9fa;border-radius:4px;color:#666;font-size:13px;margin-top:20px}.router-llm-validator .help-section{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #dee2e6}.router-llm-validator .help-section h5{margin-top:0;margin-bottom:12px;color:#333;font-size:16px;display:flex;align-items:center;gap:8px}.router-llm-validator .help-section ul{margin:0;padding-left:20px;color:#555}.router-llm-validator .help-section ul li{margin-bottom:8px;line-height:1.5;font-size:14px}@media(max-width:768px){.router-llm-validator{padding:10px}.router-llm-validator .validator-header h3{font-size:20px}.router-llm-validator .input-section{padding:15px}.router-llm-validator .input-section .input-header{flex-direction:column;align-items:flex-start;gap:10px}.router-llm-validator .input-section .input-header .input-actions{width:100%}.router-llm-validator .input-section .input-header .input-actions button{flex:1}.router-llm-validator .input-section .input-footer{flex-direction:column;align-items:stretch;gap:10px}.router-llm-validator .input-section .input-footer button{width:100%}.router-llm-validator .results-section{padding:15px}.router-llm-validator .results-section .results-header{flex-direction:column;align-items:flex-start;gap:10px}.router-llm-validator .results-section .results-header h4{font-size:18px}}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background:#007bff;color:#fff}.btn.btn-primary:hover:not(:disabled){background:#0056b3}.btn.btn-secondary{background:#6c757d;color:#fff}.btn.btn-secondary:hover:not(:disabled){background:#545b62}.btn.btn-warning{background:#ffc107;color:#212529}.btn.btn-warning:hover:not(:disabled){background:#e0a800}.btn.btn-sm{padding:6px 12px;font-size:12px}.fa-spin{animation:fa-spin 1s infinite linear}.fix-modal-overlay{position:fixed;inset:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.fix-modal{background:#fff;border-radius:8px;box-shadow:0 8px 32px #00000040;width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column}.fix-modal .fix-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #dee2e6}.fix-modal .fix-modal-header h4{margin:0;display:flex;align-items:center;gap:8px;font-size:18px;color:#333}.fix-modal .fix-modal-body{padding:20px;overflow-y:auto;flex:1}.fix-modal .fix-modal-body .fix-explanation{margin-bottom:16px}.fix-modal .fix-modal-body .fix-explanation h5{margin:0 0 8px;font-size:15px;color:#495057}.fix-modal .fix-modal-body .fix-explanation p{margin:0;color:#333;line-height:1.5}.fix-modal .fix-modal-body .fix-commands{margin-top:16px}.fix-modal .fix-modal-body .fix-commands h5{margin:0 0 8px;font-size:15px;color:#495057}.fix-modal .fix-modal-body .fix-commands .commands-block{background:#1e1e1e;color:#d4d4d4;padding:14px;border-radius:6px;font-family:Courier New,monospace;font-size:13px;overflow-x:auto;white-space:pre;margin:0}.fix-modal .fix-modal-body .fix-commands .no-commands{color:#6c757d;font-style:italic;font-size:14px}.fix-modal .fix-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #dee2e6}.router-knowledge-base{padding:20px}.router-knowledge-base .knowledge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.router-knowledge-base .knowledge-header h3{margin:0;color:#333;display:flex;align-items:center;gap:10px}.router-knowledge-base .knowledge-header .header-actions{display:flex;gap:10px}.router-knowledge-base .loading-message{display:flex;align-items:center;justify-content:center;padding:40px;color:#666;font-size:16px}.router-knowledge-base .loading-message svg{margin-right:10px;font-size:20px}.router-knowledge-base .alert{padding:12px 15px;margin-bottom:15px;border-radius:4px;display:flex;align-items:center;gap:10px}.router-knowledge-base .alert.alert-danger{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.router-knowledge-base .alert.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.router-knowledge-base .filter-search-bar{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px;display:flex;gap:15px;flex-wrap:wrap}.router-knowledge-base .filter-search-bar .filter-group,.router-knowledge-base .filter-search-bar .search-group{flex:1;min-width:200px;display:flex;align-items:center;gap:10px}.router-knowledge-base .filter-search-bar .filter-group svg,.router-knowledge-base .filter-search-bar .search-group svg{color:#666;font-size:18px}.router-knowledge-base .filter-search-bar .filter-group .form-control,.router-knowledge-base .filter-search-bar .search-group .form-control{flex:1}.router-knowledge-base .entries-list .no-entries{text-align:center;padding:60px 20px;color:#999}.router-knowledge-base .entries-list .no-entries svg{font-size:48px;margin-bottom:15px;opacity:.3}.router-knowledge-base .entries-list .no-entries p{margin:0;font-size:16px}.router-knowledge-base .entries-list .entries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.router-knowledge-base .entries-list .entry-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.router-knowledge-base .entries-list .entry-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.router-knowledge-base .entries-list .entry-card.inactive{opacity:.6;background:#f8f9fa}.router-knowledge-base .entries-list .entry-card .entry-header{margin-bottom:15px}.router-knowledge-base .entries-list .entry-card .entry-header .entry-title-row{display:flex;justify-content:space-between;align-items:start;margin-bottom:10px}.router-knowledge-base .entries-list .entry-card .entry-header .entry-title-row h4{margin:0;color:#333;font-size:1.1em;flex:1}.router-knowledge-base .entries-list .entry-card .entry-header .entry-title-row .entry-actions{display:flex;gap:8px}.router-knowledge-base .entries-list .entry-card .entry-header .entry-title-row .entry-actions .btn-icon{background:none;border:none;cursor:pointer;padding:5px;font-size:16px;color:#666;transition:color .2s}.router-knowledge-base .entries-list .entry-card .entry-header .entry-title-row .entry-actions .btn-icon:hover{color:#333}.router-knowledge-base .entries-list .entry-card .entry-header .entry-title-row .entry-actions .btn-icon.btn-edit:hover{color:#007bff}.router-knowledge-base .entries-list .entry-card .entry-header .entry-title-row .entry-actions .btn-icon.btn-delete:hover{color:#dc3545}.router-knowledge-base .entries-list .entry-card .entry-header .entry-title-row .entry-actions .btn-icon:disabled{cursor:not-allowed;opacity:.5}.router-knowledge-base .entries-list .entry-card .entry-header .entry-title-row .entry-actions .btn-icon .toggle-on{color:#28a745;font-size:20px}.router-knowledge-base .entries-list .entry-card .entry-header .entry-title-row .entry-actions .btn-icon .toggle-off{color:#6c757d;font-size:20px}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta{display:flex;align-items:center;gap:10px}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge.type-note{background:#d1ecf1;color:#0c5460}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge.type-pattern{background:#d4edda;color:#155724}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge.type-issue{background:#f8d7da;color:#721c24}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge.type-standard{background:#fff3cd;color:#856404}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge.type-security{background:#f5c6cb;color:#721c24}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge.type-network{background:#cce5ff;color:#004085}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge.type-best-practice{background:#d1f2eb;color:#0c5460}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge.type-default{background:#e2e3e5;color:#383d41}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .priority-stars{display:flex;gap:2px}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .priority-stars svg{font-size:14px}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .priority-stars svg.star-filled{color:#ffc107}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .priority-stars svg.star-empty{color:#e0e0e0}.router-knowledge-base .entries-list .entry-card .entry-content{margin-bottom:15px}.router-knowledge-base .entries-list .entry-card .entry-content p{margin:0;color:#555;font-size:.95em;line-height:1.5}.router-knowledge-base .entries-list .entry-card .entry-tags{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.router-knowledge-base .entries-list .entry-card .entry-tags svg{color:#666;font-size:14px}.router-knowledge-base .entries-list .entry-card .entry-tags .tag{background:#e9ecef;padding:3px 8px;border-radius:3px;font-size:.8em;color:#495057}.router-knowledge-base .entries-list .entry-card .entry-config,.router-knowledge-base .entries-list .entry-card .entry-external{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.9em;color:#666}.router-knowledge-base .entries-list .entry-card .entry-config svg,.router-knowledge-base .entries-list .entry-card .entry-external svg{font-size:14px}.router-knowledge-base .entries-list .entry-card .entry-config a,.router-knowledge-base .entries-list .entry-card .entry-external a{color:#007bff;text-decoration:none}.router-knowledge-base .entries-list .entry-card .entry-config a:hover,.router-knowledge-base .entries-list .entry-card .entry-external a:hover{text-decoration:underline}.router-knowledge-base .entries-list .entry-card .entry-stats{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid #e9ecef;font-size:.85em;color:#999}.router-knowledge-base .entries-list .entry-card .entry-stats span{display:block}.router-knowledge-base .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.router-knowledge-base .modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column}.router-knowledge-base .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #dee2e6}.router-knowledge-base .modal-content .modal-header h3{margin:0;color:#333;font-size:1.3em}.router-knowledge-base .modal-content .modal-header .btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.router-knowledge-base .modal-content .modal-header .btn-close:hover{color:#333}.router-knowledge-base .modal-content .modal-body{padding:20px;overflow-y:auto}.router-knowledge-base .modal-content .modal-body .form-group{margin-bottom:20px}.router-knowledge-base .modal-content .modal-body .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:.95em}.router-knowledge-base .modal-content .modal-body .form-group label .required{color:#dc3545;margin-left:3px}.router-knowledge-base .modal-content .modal-body .form-group .form-control{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:.95em}.router-knowledge-base .modal-content .modal-body .form-group .form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.router-knowledge-base .modal-content .modal-body .form-group textarea.form-control{resize:vertical;font-family:inherit}.router-knowledge-base .modal-content .modal-body .form-group .checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400}.router-knowledge-base .modal-content .modal-body .form-group .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.router-knowledge-base .modal-content .modal-body .form-group .checkbox-label span{font-size:.95em}.router-knowledge-base .modal-content .modal-body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.router-knowledge-base .modal-content .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #dee2e6}.router-knowledge-base .modal-content .modal-footer .btn{padding:10px 20px;border-radius:4px;border:none;cursor:pointer;font-size:.95em;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s}.router-knowledge-base .modal-content .modal-footer .btn:disabled{cursor:not-allowed;opacity:.6}.router-knowledge-base .modal-content .modal-footer .btn.btn-secondary{background:#6c757d;color:#fff}.router-knowledge-base .modal-content .modal-footer .btn.btn-secondary:hover:not(:disabled){background:#5a6268}.router-knowledge-base .modal-content .modal-footer .btn.btn-primary{background:#007bff;color:#fff}.router-knowledge-base .modal-content .modal-footer .btn.btn-primary:hover:not(:disabled){background:#0056b3}.router-knowledge-base .btn{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-size:.95em;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.router-knowledge-base .btn:disabled{cursor:not-allowed;opacity:.6}.router-knowledge-base .btn.btn-primary{background:#007bff;color:#fff}.router-knowledge-base .btn.btn-primary:hover:not(:disabled){background:#0056b3}.router-knowledge-base .btn.btn-success{background:#28a745;color:#fff}.router-knowledge-base .btn.btn-success:hover:not(:disabled){background:#218838}.router-knowledge-base .fa-spin{animation:fa-spin 1s infinite linear}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.router-knowledge-base{padding:15px}.router-knowledge-base .knowledge-header{flex-direction:column;align-items:stretch;gap:15px}.router-knowledge-base .knowledge-header .header-actions{justify-content:space-between}.router-knowledge-base .filter-search-bar{flex-direction:column}.router-knowledge-base .filter-search-bar .filter-group,.router-knowledge-base .filter-search-bar .search-group{width:100%}.router-knowledge-base .entries-grid{grid-template-columns:1fr!important}.router-knowledge-base .modal-content{max-width:100%}.router-knowledge-base .modal-content .modal-body .form-row{grid-template-columns:1fr}}.router-interface-mgmt .alert{padding:10px 14px;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:8px;margin-bottom:12px}.router-interface-mgmt .alert.alert-danger{background:#d32f2f14;color:#d32f2f;border:1px solid rgba(211,47,47,.2)}.router-interface-mgmt .alert.alert-success{background:#2e7d3214;color:#2e7d32;border:1px solid rgba(46,125,50,.2)}.router-interface-mgmt .alert .btn-icon{margin-left:auto}.router-interface-mgmt .sub-tabs{display:flex;gap:0;border-bottom:2px solid #dee2e6;margin-bottom:16px}.router-interface-mgmt .sub-tab{display:flex;align-items:center;gap:6px;padding:10px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:13px;font-weight:500;color:#6c757d;transition:all .2s}.router-interface-mgmt .sub-tab:hover{color:#495057;background:#f8f9fa}.router-interface-mgmt .sub-tab.active{color:#0d6efd;font-weight:600;border-bottom-color:#0d6efd;background:#fff}.router-interface-mgmt .panel{background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.router-interface-mgmt .panel-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #eee;background:#fafbfc}.router-interface-mgmt .panel-toolbar--section{border-top:1px solid #dee2e6;margin-top:0}.router-interface-mgmt .panel-section-title{font-size:13px;font-weight:600;color:#495057;display:flex;align-items:center}.router-interface-mgmt .toolbar-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.router-interface-mgmt .panel-footer{padding:12px 16px;border-top:1px solid #eee;background:#fafbfc;display:flex;justify-content:flex-end}.router-interface-mgmt .search-input{flex:0 1 280px;padding:6px 12px;border:1px solid #ced4da;border-radius:4px;font-size:13px}.router-interface-mgmt .search-input:focus{outline:none;border-color:#86b7fe;box-shadow:0 0 0 2px #0d6efd26}.router-interface-mgmt .btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s}.router-interface-mgmt .btn:disabled{opacity:.5;cursor:not-allowed}.router-interface-mgmt .btn-primary{background:#0d6efd;color:#fff}.router-interface-mgmt .btn-primary:hover:not(:disabled){background:#0b5ed7}.router-interface-mgmt .btn-outline{background:#fff;color:#495057;border-color:#ced4da}.router-interface-mgmt .btn-outline:hover:not(:disabled){background:#f8f9fa}.router-interface-mgmt .btn-sm{padding:5px 10px;font-size:12px}.router-interface-mgmt .btn-xs{padding:3px 8px;font-size:11px}.router-interface-mgmt .btn-icon{background:none;border:none;cursor:pointer;padding:3px 5px;border-radius:3px;color:#6c757d;transition:color .15s}.router-interface-mgmt .btn-icon:hover{color:#0d6efd}.router-interface-mgmt .btn-icon:disabled{opacity:.4;cursor:not-allowed}.router-interface-mgmt .btn-edit-inline{opacity:0;font-size:11px;transition:opacity .15s}.router-interface-mgmt .btn-icon.btn-danger:hover,.router-interface-mgmt .btn-danger{color:#dc3545}.router-interface-mgmt .if-tree{font-size:13px}.router-interface-mgmt .if-tree__header{display:grid;grid-template-columns:32px 1fr 80px 150px 60px 1fr 90px;padding:0 12px;background:#f5f6f8;border-bottom:1px solid #dee2e6;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6c757d}.router-interface-mgmt .if-tree__header .if-col{padding:8px 4px}.router-interface-mgmt .if-tree__group{border-bottom:1px solid #eee}.router-interface-mgmt .if-tree__group:last-child{border-bottom:none}.router-interface-mgmt .if-tree__row{display:grid;grid-template-columns:32px 1fr 80px 150px 60px 1fr 90px;padding:0 12px;align-items:center;min-height:40px;border-bottom:1px solid #f5f5f5;transition:background .1s}.router-interface-mgmt .if-tree__row:last-child{border-bottom:none}.router-interface-mgmt .if-tree__row:hover{background:#f8f9fa}.router-interface-mgmt .if-tree__row:hover .btn-edit-inline{opacity:1}.router-interface-mgmt .if-tree__row--bridge{cursor:pointer;background:#fafbfc;font-weight:500;border-bottom:1px solid #eee}.router-interface-mgmt .if-tree__row--bridge:hover{background:#f0f4f8}.router-interface-mgmt .if-tree__row--port{background:#fff;border-left:3px solid #0d6efd}.router-interface-mgmt .if-tree__row--disabled .if-col{opacity:.45}.router-interface-mgmt .if-tree__row--disabled .if-col--actions{opacity:1}.router-interface-mgmt .if-col{padding:6px 4px;display:flex;align-items:center;gap:6px;overflow:hidden}.router-interface-mgmt .if-col--status{justify-content:center}.router-interface-mgmt .if-col--actions{justify-content:flex-end;gap:2px}.router-interface-mgmt .if-col--indented{padding-left:28px}.router-interface-mgmt .if-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.router-interface-mgmt .if-dot--up{background:#28a745;box-shadow:0 0 4px #28a74566}.router-interface-mgmt .if-dot--down{background:#dc3545}.router-interface-mgmt .if-dot--disabled{background:#adb5bd}.router-interface-mgmt .if-icon{color:#6c757d;font-size:13px;flex-shrink:0}.router-interface-mgmt .if-icon--bridge{color:#0d6efd;font-size:14px}.router-interface-mgmt .if-tree__expand{display:inline-flex;align-items:center;justify-content:center;width:16px;font-size:10px;color:#6c757d;flex-shrink:0}.router-interface-mgmt .if-port-count{font-size:11px;color:#999;font-weight:400;margin-left:2px}.router-interface-mgmt .data-table{width:100%;border-collapse:collapse;font-size:13px}.router-interface-mgmt .data-table th{text-align:left;padding:8px 12px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:#6c757d;background:#f5f6f8;border-bottom:1px solid #dee2e6}.router-interface-mgmt .data-table td{padding:8px 12px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.router-interface-mgmt .data-table tbody tr:hover{background:#f8f9fa}.router-interface-mgmt .data-table tbody tr:hover .btn-edit-inline{opacity:1}.router-interface-mgmt .data-table .row-disabled td{opacity:.5}.router-interface-mgmt .badge{display:inline-block;font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;letter-spacing:.02em}.router-interface-mgmt .badge.badge-type{background:#e9ecef;color:#495057}.router-interface-mgmt .badge.badge-info{background:#cff4fc;color:#055160}.router-interface-mgmt .badge.badge-success{background:#d1e7dd;color:#0f5132}.router-interface-mgmt .badge.badge-muted{background:#f0f0f0;color:#999}.router-interface-mgmt .badge.badge-public{background:#e8f5e9;color:#2e7d32;display:inline-flex;align-items:center}.router-interface-mgmt .public-ip-hint{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:11px;color:#2e7d32}.router-interface-mgmt .inline-edit{display:inline-flex;align-items:center;gap:4px}.router-interface-mgmt .inline-edit input{padding:3px 8px;border:1px solid #86b7fe;border-radius:3px;font-size:13px;min-width:120px;outline:none}.router-interface-mgmt .name-cell{display:flex;align-items:center;gap:6px}.router-interface-mgmt .comment-cell{cursor:pointer}.router-interface-mgmt .comment-cell:hover{text-decoration:underline dotted #adb5bd}.router-interface-mgmt .editable-cell{cursor:pointer}.router-interface-mgmt .editable-cell:hover{text-decoration:underline dotted #adb5bd}.router-interface-mgmt .editable-cell:hover .fa-edit,.router-interface-mgmt .editable-cell:hover svg{opacity:.8!important}.router-interface-mgmt .toggle-on{color:#28a745;font-size:18px}.router-interface-mgmt .toggle-off{color:#adb5bd;font-size:18px}.router-interface-mgmt .toggle-label{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.router-interface-mgmt .mono{font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.router-interface-mgmt .muted{color:#999;font-size:12px}.router-interface-mgmt .fw{font-weight:600}.router-interface-mgmt .empty{padding:24px;text-align:center;color:#999;font-size:13px}.router-interface-mgmt .spin{animation:spin .8s linear infinite}.router-interface-mgmt .add-form{padding:14px 16px;border-bottom:1px solid #eee;background:#f0f7ff}.router-interface-mgmt .form-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.router-interface-mgmt .form-group{flex:1;min-width:160px}.router-interface-mgmt .form-group label{display:block;font-size:11px;font-weight:600;color:#666;margin-bottom:4px}.router-interface-mgmt .form-group input,.router-interface-mgmt .form-group select,.router-interface-mgmt .form-group textarea{width:100%;padding:6px 10px;border:1px solid #ced4da;border-radius:4px;font-size:13px}.router-interface-mgmt .form-group input:focus,.router-interface-mgmt .form-group select:focus,.router-interface-mgmt .form-group textarea:focus{outline:none;border-color:#86b7fe;box-shadow:0 0 0 2px #0d6efd26}.router-interface-mgmt .form-actions{display:flex;gap:6px;align-items:center;padding-bottom:1px}.router-interface-mgmt .port-add-row{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 44px;background:#f0f7ff;border-bottom:1px solid #eee}.router-interface-mgmt .port-add-row select{flex:1;max-width:300px;padding:5px 10px;border:1px solid #ced4da;border-radius:4px;font-size:13px}.router-interface-mgmt .settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px}.router-interface-mgmt .settings-card{background:#fafbfc;border:1px solid #eee;border-radius:6px;padding:16px}.router-interface-mgmt .settings-card.full-width{grid-column:1/-1}.router-interface-mgmt .settings-card h5{margin:0 0 6px;font-size:14px;display:flex;align-items:center;gap:8px;color:#333}.router-interface-mgmt .settings-card .help-text{font-size:12px;color:#999;margin:0 0 10px;line-height:1.4}.router-interface-mgmt .settings-card select,.router-interface-mgmt .settings-card input[type=text],.router-interface-mgmt .settings-card textarea{width:100%;padding:6px 10px;border:1px solid #ced4da;border-radius:4px;font-size:13px}.router-interface-mgmt .settings-card select:focus,.router-interface-mgmt .settings-card input[type=text]:focus,.router-interface-mgmt .settings-card textarea:focus{outline:none;border-color:#86b7fe;box-shadow:0 0 0 2px #0d6efd26}.router-interface-mgmt .settings-card textarea{resize:vertical;min-height:60px}.router-interface-mgmt .sub-tabs__spacer{flex:1}.router-interface-mgmt .cli-open-btn{display:flex;align-items:center;gap:6px;margin-left:auto}.router-interface-mgmt .topic-select{padding:5px 10px;border:1px solid #ced4da;border-radius:4px;font-size:13px;max-width:200px;background:#fff}.router-interface-mgmt .auto-refresh-toggle{font-size:12px;display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap}.router-interface-mgmt .log-container{max-height:600px;overflow-y:auto}.router-interface-mgmt .log-entries{font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;line-height:1.5}.router-interface-mgmt .log-entry{display:flex;gap:10px;padding:3px 16px;border-bottom:1px solid #f5f5f5}.router-interface-mgmt .log-entry:hover{background:#f8f9fa}.router-interface-mgmt .log-entry.log-error{background:#d32f2f0f;color:#c62828}.router-interface-mgmt .log-entry.log-warning{background:#ff98000f;color:#e65100}.router-interface-mgmt .log-entry.log-info{color:#1565c0}.router-interface-mgmt .log-entry.log-system{color:#6a1b9a}.router-interface-mgmt .log-time{flex-shrink:0;width:140px;color:#999}.router-interface-mgmt .log-topics{flex-shrink:0;width:140px;font-weight:500;color:#546e7a}.router-interface-mgmt .log-message{flex:1;word-break:break-word}.router-interface-mgmt .audit-table th,.router-interface-mgmt .audit-table .nowrap{white-space:nowrap}.router-interface-mgmt .audit-table .text-danger{color:#d32f2f}.router-interface-mgmt .audit-table .badge-danger{background:#d32f2f1f;color:#c62828}.router-interface-mgmt .audit-table .badge-success{background:#2e7d321f;color:#2e7d32}.router-interface-mgmt .row-failed{background:#d32f2f0a}.router-interface-mgmt .pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border-top:1px solid #eee;font-size:13px}.router-interface-mgmt .pagination .page-info{color:#6c757d}.cli-modal-overlay{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.cli-modal-overlay.cli-modal--fullscreen{padding:10px}.cli-modal-overlay.cli-modal--fullscreen .cli-modal{width:100%;height:100%;border-radius:8px}.cli-modal{background:#1e1e2e;border-radius:12px;width:90%;height:80%;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;overflow:hidden}.cli-modal__header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#181825;border-bottom:1px solid #313244}.cli-modal__header .btn-icon{color:#a6adc8}.cli-modal__header .btn-icon:hover{color:#fff}.cli-modal__title{color:#cdd6f4;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.cli-modal__controls{display:flex;gap:8px}.cli-modal__body{flex:1;overflow-y:auto;padding:16px;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;color:#cdd6f4}.cli-modal__input-area{position:relative;background:#181825;border-top:1px solid #313244}.cli-modal__input{display:flex;align-items:center;gap:8px;padding:10px 16px}.cli-modal__input .cli-prompt{color:#a6e3a1;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;white-space:nowrap}.cli-modal__input input{flex:1;background:transparent;border:none;color:#cdd6f4;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;outline:none}.cli-modal__input input::placeholder{color:#585b70}.cli-welcome{color:#a6adc8;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #313244;line-height:1.6}.cli-welcome kbd{background:#313244;color:#cdd6f4;padding:1px 5px;border-radius:3px;font-size:11px;border:1px solid #45475a}.cli-line{white-space:pre-wrap;word-break:break-word;margin-bottom:2px}.cli-line--input{color:#cdd6f4;margin-top:10px}.cli-line--input .cli-prompt{color:#a6e3a1}.cli-line--output{color:#bac2de;padding-left:4px}.cli-line--error{color:#f38ba8;padding-left:4px}.cli-line--running{color:#89b4fa;display:flex;align-items:center;gap:8px}.cli-prompt{color:#a6e3a1;font-weight:500}.cli-text{display:inline}.cli-records-block{margin:6px 0 12px;display:flex;flex-direction:column;gap:6px}.cli-record{background:#1e1e30;border:1px solid #313244;border-radius:6px;overflow:hidden}.cli-record__header{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;background:#262637;border-bottom:1px solid #313244;font-size:11px;color:#6c7086}.cli-record__id{color:#89b4fa;font-weight:600}.cli-record__num{color:#585b70}.cli-record__body{padding:6px 12px}.cli-kv{display:flex;align-items:baseline;gap:0;padding:1px 0;font-size:12.5px;line-height:1.5}.cli-kv:hover{background:#ffffff08;border-radius:2px}.cli-kv__key{color:#89b4fa;min-width:180px;flex-shrink:0;padding-right:4px;font-weight:500}.cli-kv__sep{color:#585b70;margin-right:8px;flex-shrink:0}.cli-kv__val{color:#cdd6f4;word-break:break-word}.cli-kv__val--true{color:#a6e3a1}.cli-kv__val--false{color:#f38ba8}.cli-kv__empty{color:#45475a;font-style:italic}.cli-suggestions{position:absolute;bottom:100%;left:0;right:0;max-height:240px;overflow-y:auto;background:#1e1e2e;border-top:1px solid #313244;box-shadow:0 -4px 16px #0006;z-index:10}.cli-suggestion{padding:6px 16px;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;color:#bac2de;cursor:pointer}.cli-suggestion:hover,.cli-suggestion--active{background:#313244;color:#cdd6f4}.cli-suggestion--active{border-left:3px solid #89b4fa;padding-left:13px}.btest-panel{background:var(--panel-background, #fff);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.btest-panel .btest-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.btest-panel .btest-header h3{margin:0;font-size:1.4em;color:#333;display:flex;align-items:center;gap:10px}.btest-panel .btest-header .refresh-btn{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.btest-panel .btest-header .refresh-btn:hover{background:#f8f9fa}.btest-panel .btest-header .refresh-btn svg{font-size:1.1em;color:#666}.btest-panel .btest-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:#666;font-size:.95em}.btest-panel .btest-error{background:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-bottom:15px;display:flex;align-items:center;gap:8px;border-left:4px solid #dc3545}.btest-panel .btest-section{margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.btest-panel .btest-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.btest-panel .btest-section .section-header h4{margin:0;font-size:1.05em;color:#333;display:flex;align-items:center;gap:8px}.btest-panel .btest-section .section-header h4 svg{color:#6c757d}.btest-panel .btest-section .section-header .add-btn{padding:6px 14px;border:1px solid #007bff;border-radius:4px;background:#fff;color:#007bff;font-size:.85em;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.btest-panel .btest-section .section-header .add-btn:hover{background:#007bff;color:#fff}.btest-panel .btest-server-toggle .toggle-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.btest-panel .btest-server-toggle .toggle-row .toggle-label{font-size:.95em;color:#333}.btest-panel .btest-server-toggle .toggle-row .toggle-btn{padding:8px 16px;border:1px solid #ced4da;border-radius:20px;background:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:.9em;transition:all .2s}.btest-panel .btest-server-toggle .toggle-row .toggle-btn.active{background:#28a745;color:#fff;border-color:#28a745}.btest-panel .btest-server-toggle .toggle-row .toggle-btn:not(.active):hover{background:#f8f9fa}.btest-panel .btest-server-toggle .toggle-hint{font-size:.82em;color:#888;margin-top:6px}.btest-panel .throughput-table{overflow-x:auto}.btest-panel .throughput-table table{width:100%;border-collapse:collapse;font-size:.9em}.btest-panel .throughput-table table th,.btest-panel .throughput-table table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e9ecef}.btest-panel .throughput-table table th{background:#e9ecef;font-weight:600;color:#495057;font-size:.85em;text-transform:uppercase;letter-spacing:.03em}.btest-panel .throughput-table table .label-cell{font-weight:600;color:#333}.btest-panel .throughput-table table .ip-cell{font-family:Courier New,monospace;font-size:.9em;color:#6c757d}.btest-panel .throughput-table table .speed-cell{font-weight:600}.btest-panel .throughput-table table .not-set{color:#adb5bd;font-style:italic;font-weight:400}.btest-panel .throughput-table table .throughput-input{width:120px;padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:.9em}.btest-panel .throughput-table table .throughput-input:focus{border-color:#80bdff;outline:none;box-shadow:0 0 0 .2rem #007bff40}.btest-panel .throughput-table table tr:hover td{background:#f0f7ff}.btest-panel .throughput-table table tr:last-child td{border-bottom:none}.btest-panel .action-btns{display:flex;gap:6px}.btest-panel .action-btns button{padding:5px 8px;border:1px solid #ced4da;border-radius:4px;background:#fff;cursor:pointer;font-size:.85em;transition:all .2s}.btest-panel .action-btns button:hover{background:#f8f9fa}.btest-panel .action-btns .save-btn{color:#28a745;border-color:#28a745}.btest-panel .action-btns .save-btn:hover{background:#28a745;color:#fff}.btest-panel .action-btns .cancel-btn{color:#6c757d}.btest-panel .action-btns .cancel-btn:hover{background:#6c757d;color:#fff}.btest-panel .action-btns .edit-btn{color:#007bff;border-color:#007bff}.btest-panel .action-btns .edit-btn:hover{background:#007bff;color:#fff}.btest-panel .action-btns .enable-btn{color:#28a745;border-color:#28a745}.btest-panel .action-btns .enable-btn:hover{background:#28a745;color:#fff}.btest-panel .action-btns .disable-btn{color:#ffc107;border-color:#ffc107}.btest-panel .action-btns .disable-btn:hover{background:#ffc107;color:#333}.btest-panel .action-btns .delete-btn{color:#dc3545;border-color:#dc3545}.btest-panel .action-btns .delete-btn:hover{background:#dc3545;color:#fff}.btest-panel .summary-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.btest-panel .summary-cards .summary-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:16px;transition:box-shadow .2s}.btest-panel .summary-cards .summary-card:hover{box-shadow:0 2px 8px #00000014}.btest-panel .summary-cards .summary-card .card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #e9ecef;margin-bottom:12px}.btest-panel .summary-cards .summary-card .card-header .card-label{font-weight:700;font-size:.95em;color:#333}.btest-panel .summary-cards .summary-card .card-header .card-ip{font-family:Courier New,monospace;font-size:.82em;color:#6c757d}.btest-panel .summary-cards .summary-card .card-body .speed-metric{display:flex;align-items:flex-start;gap:10px;padding:6px 0}.btest-panel .summary-cards .summary-card .card-body .speed-metric svg{margin-top:2px;flex-shrink:0}.btest-panel .summary-cards .summary-card .card-body .speed-metric .metric-detail{display:flex;flex-direction:column;gap:2px}.btest-panel .summary-cards .summary-card .card-body .speed-metric .metric-detail .metric-value{font-weight:700;font-size:1.05em;color:#333}.btest-panel .summary-cards .summary-card .card-body .speed-metric .metric-detail .metric-expected{font-size:.8em;color:#888}.btest-panel .summary-cards .summary-card .card-body .speed-metric .metric-detail .metric-performance{font-size:.85em;font-weight:600}.btest-panel .summary-cards .summary-card .card-footer{margin-top:10px;padding-top:8px;border-top:1px solid #e9ecef;font-size:.78em;color:#999;display:flex;align-items:center;gap:6px}.btest-panel .manual-test-form,.btest-panel .schedule-form{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:16px;margin-bottom:14px}.btest-panel .manual-test-form .form-row,.btest-panel .schedule-form .form-row{display:flex;gap:14px;margin-bottom:12px;flex-wrap:wrap}.btest-panel .manual-test-form .form-row:last-child,.btest-panel .schedule-form .form-row:last-child{margin-bottom:0}.btest-panel .manual-test-form .form-row .form-group,.btest-panel .schedule-form .form-row .form-group{flex:1;min-width:180px}.btest-panel .manual-test-form .form-row .form-group label,.btest-panel .schedule-form .form-row .form-group label{display:block;font-size:.85em;font-weight:600;color:#495057;margin-bottom:4px}.btest-panel .manual-test-form .form-row .form-group select,.btest-panel .manual-test-form .form-row .form-group input[type=text],.btest-panel .manual-test-form .form-row .form-group input[type=number],.btest-panel .schedule-form .form-row .form-group select,.btest-panel .schedule-form .form-row .form-group input[type=text],.btest-panel .schedule-form .form-row .form-group input[type=number]{width:100%;padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:.9em}.btest-panel .manual-test-form .form-row .form-group select:focus,.btest-panel .manual-test-form .form-row .form-group input[type=text]:focus,.btest-panel .manual-test-form .form-row .form-group input[type=number]:focus,.btest-panel .schedule-form .form-row .form-group select:focus,.btest-panel .schedule-form .form-row .form-group input[type=text]:focus,.btest-panel .schedule-form .form-row .form-group input[type=number]:focus{border-color:#80bdff;outline:none;box-shadow:0 0 0 .2rem #007bff40}.btest-panel .manual-test-form .form-row .form-group .form-hint,.btest-panel .schedule-form .form-row .form-group .form-hint{display:block;font-size:.78em;color:#888;margin-top:4px}.btest-panel .manual-test-form .form-row .form-group.form-actions,.btest-panel .schedule-form .form-row .form-group.form-actions{display:flex;align-items:flex-end}.btest-panel .manual-test-form .run-test-btn,.btest-panel .schedule-form .run-test-btn{padding:8px 20px;border:none;border-radius:4px;background:#007bff;color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s;white-space:nowrap}.btest-panel .manual-test-form .run-test-btn:hover:not(:disabled),.btest-panel .schedule-form .run-test-btn:hover:not(:disabled){background:#0056b3}.btest-panel .manual-test-form .run-test-btn:disabled,.btest-panel .schedule-form .run-test-btn:disabled{opacity:.6;cursor:not-allowed}.btest-panel .manual-test-form .save-btn,.btest-panel .schedule-form .save-btn{padding:8px 20px;border:none;border-radius:4px;background:#28a745;color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btest-panel .manual-test-form .save-btn:hover,.btest-panel .schedule-form .save-btn:hover{background:#218838}.btest-panel .schedules-table,.btest-panel .results-table{overflow-x:auto}.btest-panel .schedules-table table,.btest-panel .results-table table{width:100%;border-collapse:collapse;font-size:.88em}.btest-panel .schedules-table table th,.btest-panel .schedules-table table td,.btest-panel .results-table table th,.btest-panel .results-table table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e9ecef}.btest-panel .schedules-table table th,.btest-panel .results-table table th{background:#e9ecef;font-weight:600;color:#495057;font-size:.85em;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.btest-panel .schedules-table table td,.btest-panel .results-table table td{white-space:nowrap}.btest-panel .schedules-table table .cron-cell,.btest-panel .results-table table .cron-cell{font-family:Courier New,monospace;font-size:.9em}.btest-panel .schedules-table table .speed-cell,.btest-panel .results-table table .speed-cell{font-family:Courier New,monospace;font-weight:600}.btest-panel .schedules-table table .status-badge,.btest-panel .results-table table .status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:.82em;font-weight:600}.btest-panel .schedules-table table .status-badge.enabled,.btest-panel .schedules-table table .status-badge.completed,.btest-panel .results-table table .status-badge.enabled,.btest-panel .results-table table .status-badge.completed{background:#d4edda;color:#155724}.btest-panel .schedules-table table .status-badge.disabled,.btest-panel .results-table table .status-badge.disabled{background:#f8f9fa;color:#6c757d}.btest-panel .schedules-table table .status-badge.failed,.btest-panel .results-table table .status-badge.failed{background:#f8d7da;color:#721c24}.btest-panel .schedules-table table .status-badge.running,.btest-panel .results-table table .status-badge.running{background:#cce5ff;color:#004085}.btest-panel .schedules-table table .status-badge.scheduled,.btest-panel .results-table table .status-badge.scheduled{background:#fff3cd;color:#856404}.btest-panel .schedules-table table .disabled-row td,.btest-panel .results-table table .disabled-row td{opacity:.5}.btest-panel .schedules-table table .failed-row td,.btest-panel .results-table table .failed-row td{background:#fff5f5}.btest-panel .schedules-table table tr:hover td,.btest-panel .results-table table tr:hover td{background:#f0f7ff}.btest-panel .schedules-table table tr:last-child td,.btest-panel .results-table table tr:last-child td{border-bottom:none}.btest-panel .empty-state{padding:20px;text-align:center;color:#888;font-size:.9em}.btest-panel .empty-state.warning{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;display:flex;align-items:center;gap:8px;text-align:left}.btest-panel .empty-state p{margin:4px 0}.spinning{animation:btest-spin 1s linear infinite}@keyframes btest-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.connectivity-monitoring-page{min-height:100vh;background:#0d1117;color:#e6edf3;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.connectivity-monitoring-page.fullscreen{padding:24px 32px;background:#010409}.cm-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #21262d}.cm-header-left{display:flex;align-items:center;gap:12px}.cm-header-left h1{font-size:1.5rem;font-weight:600;margin:0;color:#e6edf3}.cm-header-left .cm-header-icon{font-size:1.4rem;color:#58a6ff}.cm-header-stats{display:flex;gap:20px}.cm-stat{text-align:center;padding:6px 16px;border-radius:8px;background:#161b22;border:1px solid #21262d;min-width:70px}.cm-stat .cm-stat-value{display:block;font-size:1.6rem;font-weight:700;line-height:1.2}.cm-stat .cm-stat-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#8b949e;margin-top:2px}.cm-stat.critical{border-color:#f85149;background:#f851491a}.cm-stat.critical .cm-stat-value{color:#f85149}.cm-stat.warning{border-color:#d29922;background:#d299221a}.cm-stat.warning .cm-stat-value{color:#d29922}.cm-stat.healthy .cm-stat-value{color:#3fb950}.cm-header-right{display:flex;align-items:center;gap:10px}.cm-toggle{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#8b949e;cursor:pointer}.cm-toggle input{accent-color:#58a6ff}.cm-btn{background:#21262d;border:1px solid #30363d;color:#e6edf3;padding:6px 10px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:.85rem;transition:background .15s}.cm-btn:hover{background:#30363d}.cm-btn-link{background:none;border:none;color:#58a6ff;cursor:pointer;font-size:.9rem;text-decoration:underline;margin-top:8px}.cm-last-refresh{font-size:.75rem;color:#8b949e;display:flex;align-items:center;gap:4px}.cm-error{background:#f851491a;border:1px solid #f85149;color:#f85149;padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.cm-empty{grid-column:1/-1;text-align:center;padding:80px 20px;color:#3fb950}.cm-empty h2{margin:16px 0 8px;font-size:1.5rem}.cm-empty p{color:#8b949e;margin:0}.cm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px}.cm-card{background:#161b22;border:1px solid #21262d;border-radius:10px;padding:16px;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.cm-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0006}.cm-card.critical{border-left:4px solid #f85149}.cm-card.critical:hover{border-color:#f85149}.cm-card.warning{border-left:4px solid #d29922}.cm-card.warning:hover{border-color:#d29922}.cm-card.healthy{border-left:4px solid #3fb950}.cm-card.healthy:hover{border-color:#3fb950}.cm-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.cm-card-title{display:flex;align-items:center;gap:8px}.cm-card-title h3{margin:0;font-size:1.05rem;font-weight:600;color:#e6edf3}.cm-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cm-status-dot.critical{background:#f85149;box-shadow:0 0 8px #f8514980;animation:cm-pulse 2s ease-in-out infinite}.cm-status-dot.warning{background:#d29922;box-shadow:0 0 6px #d2992266}.cm-status-dot.healthy{background:#3fb950}@keyframes cm-pulse{0%,to{opacity:1}50%{opacity:.4}}.cm-card-location{font-size:.75rem;color:#8b949e;display:flex;align-items:center;gap:4px}.cm-card-tunnel{font-size:.8rem;color:#8b949e;display:flex;align-items:center;gap:6px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #21262d}.cm-card-tunnel .up{color:#3fb950;font-weight:600}.cm-card-tunnel .down{color:#f85149;font-weight:600}.cm-card-tunnel .cm-card-ago{margin-left:auto;font-size:.7rem;color:#6e7681}.cm-card-ips{display:flex;flex-direction:column;gap:6px}.cm-ip-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:.82rem;background:#0d1117}.cm-ip-row.down{background:#f851490f}.cm-ip-row.no-monitoring{color:#6e7681;justify-content:center}.cm-ip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cm-ip-dot.up{background:#3fb950}.cm-ip-dot.down{background:#f85149}.cm-ip-label{font-weight:600;min-width:80px;color:#c9d1d9}.cm-ip-addr{color:#8b949e;font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem}.cm-ip-rtt{margin-left:auto;color:#3fb950;font-weight:500;font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem}.cm-ip-error{margin-left:auto;color:#f85149;font-size:.75rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-ip-nodata{margin-left:auto;color:#6e7681;font-style:italic;font-size:.75rem}.cm-sparkline{width:100px;height:20px;margin-left:auto;flex-shrink:0}.cm-spark-line{fill:none;stroke:#58a6ff;stroke-width:1.2;vector-effect:non-scaling-stroke}.cm-spark-down{fill:#f8514940}.cm-card-trouble{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 10px;border-radius:6px;font-size:.8rem;font-weight:500}.critical .cm-card-trouble{background:#f851491a;color:#f85149}.warning .cm-card-trouble{background:#d299221a;color:#d29922}.cm-card-trouble .cm-card-arrow{margin-left:auto;opacity:.5}.cm-outage-duration{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:11px;font-weight:600;color:#f85149;background:#f851491a;padding:2px 6px;border-radius:4px}.cm-card-alerts{display:flex;gap:4px;flex-wrap:wrap;padding:6px 12px 8px;border-top:1px solid rgba(255,255,255,.06)}.cm-alert-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;background:#f8514926;color:#f85149;text-transform:uppercase;letter-spacing:.3px}.cm-ip-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.5;margin-bottom:2px;display:flex;align-items:center;gap:4px}@media(max-width:900px){.cm-grid{grid-template-columns:1fr}.cm-header{flex-direction:column;align-items:flex-start}}@media(max-width:500px){.connectivity-monitoring-page{padding:12px}.cm-header-stats{flex-wrap:wrap;gap:8px}.cm-sparkline{display:none}}.email-mailboxes-page{padding:24px;max-width:1400px;margin:0 auto}.email-mailboxes-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.email-mailboxes-page .page-header .header-content h1{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.email-mailboxes-page .page-header .header-content .subtitle{font-size:14px;color:#666;margin:0}.email-mailboxes-page .page-header .btn-create{display:flex;align-items:center;gap:8px;background:#f63040;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.email-mailboxes-page .page-header .btn-create:hover{background:#d42636;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.email-mailboxes-page .page-header .btn-create:active{transform:translateY(0)}.email-mailboxes-page .loading{text-align:center;padding:64px;color:#666;font-size:16px}.email-mailboxes-page .empty-state{text-align:center;padding:80px 24px;background:#f9f9f9;border-radius:12px;border:2px dashed #ddd}.email-mailboxes-page .empty-state svg{color:#ccc;margin-bottom:24px}.email-mailboxes-page .empty-state h3{font-size:20px;color:#333;margin:0 0 12px}.email-mailboxes-page .empty-state p{font-size:14px;color:#666;margin-bottom:24px;max-width:400px;margin-left:auto;margin-right:auto}.email-mailboxes-page .mailboxes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.email-mailboxes-page .mailboxes-grid .mailbox-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .2s;cursor:pointer}.email-mailboxes-page .mailboxes-grid .mailbox-card:hover{border-color:#f63040;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.email-mailboxes-page .mailboxes-grid .mailbox-card.inactive{opacity:.7;background:#fafafa}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #eee}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-header .mailbox-info h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 6px}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-header .mailbox-info .email-address{font-size:13px;color:#666}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-header .status-badge .badge{display:flex;align-items:center;gap:4px;font-size:12px;padding:4px 10px;border-radius:20px;font-weight:500}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-header .status-badge .badge.active{background:#e8f5e9;color:#2e7d32}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-header .status-badge .badge.inactive{background:#ffebee;color:#c62828}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-body{padding:16px 20px}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-body .info-row{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;border-bottom:1px solid #f0f0f0}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-body .info-row:last-of-type{border-bottom:none}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-body .info-row .label{color:#777}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-body .info-row .value{color:#333;font-weight:500}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-body .error-row{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px;background:#ffebee;border-radius:6px;font-size:12px;color:#c62828;line-height:1.4}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-body .error-row svg{flex-shrink:0;margin-top:2px}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-actions{display:flex;gap:8px;padding:12px 20px;background:#f8f9fa;border-top:1px solid #eee}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-actions .btn-action{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#666;cursor:pointer;transition:all .2s}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-actions .btn-action:hover{background:#f5f5f5;color:#333}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-actions .btn-action.pause:hover{background:#fff3e0;border-color:#ffb74d;color:#f57c00}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-actions .btn-action.play:hover{background:#e8f5e9;border-color:#81c784;color:#388e3c}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-actions .btn-action.settings:hover{background:#e3f2fd;border-color:#64b5f6;color:#1976d2}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-actions .btn-action.delete:hover{background:#ffebee;border-color:#ef9a9a;color:#c62828}.email-mailboxes-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.email-mailboxes-page .modal-overlay .modal-content{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.email-mailboxes-page .modal-overlay .modal-content.small{max-width:500px}.email-mailboxes-page .modal-overlay .modal-content.large{max-width:1000px}.email-mailboxes-page .modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #e0e0e0}.email-mailboxes-page .modal-overlay .modal-content .modal-header h2{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:600;color:#1a1a1a;margin:0}.email-mailboxes-page .modal-overlay .modal-content .modal-header .close-btn{background:none;border:none;font-size:32px;color:#999;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.email-mailboxes-page .modal-overlay .modal-content .modal-header .close-btn:hover{background:#ffebee;color:#f44336}.email-mailboxes-page .modal-overlay .modal-content .modal-body{flex:1;overflow-y:auto;padding:28px}.email-mailboxes-page .modal-overlay .modal-content .modal-body .warning{color:#f44336;font-size:14px;margin-top:8px}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section h3{font-size:16px;font-weight:600;color:#333;margin:0 0 20px}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-row.checkboxes{display:flex;flex-direction:column;gap:12px}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-row:last-child{margin-bottom:0}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field{display:flex;flex-direction:column}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field.full-width{grid-column:1/-1}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field label{font-size:13px;font-weight:500;color:#555;margin-bottom:6px}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field .field-help{display:block;font-size:12px;color:#777;margin-top:4px;font-style:italic;line-height:1.3}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field input[type=text],.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field input[type=email],.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field input[type=password],.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field input[type=number],.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field select,.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field textarea{padding:10px 12px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;color:#333;transition:all .2s;font-family:inherit}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field input[type=text]:focus,.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field input[type=email]:focus,.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field input[type=password]:focus,.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field input[type=number]:focus,.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field select:focus,.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field textarea:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field input[type=text]::placeholder,.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field input[type=email]::placeholder,.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field input[type=password]::placeholder,.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field input[type=number]::placeholder,.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field select::placeholder,.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field textarea::placeholder{color:#999}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field textarea{resize:vertical;min-height:60px}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#555;cursor:pointer}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid .stat-card{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center;border:1px solid #e0e0e0}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid .stat-card .stat-value{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid .stat-card .stat-label{font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid .stat-card.success{background:#e8f5e9;border-color:#a5d6a7}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid .stat-card.success .stat-value{color:#2e7d32}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid .stat-card.info{background:#e3f2fd;border-color:#90caf9}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid .stat-card.info .stat-value{color:#1565c0}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid .stat-card.error{background:#ffebee;border-color:#ef9a9a}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid .stat-card.error .stat-value{color:#c62828}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .status-info{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:24px}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .status-info .info-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#555;margin-bottom:8px}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .status-info .info-item:last-child{margin-bottom:0}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .status-info .info-item.error{color:#c62828;background:#ffebee;padding:10px;border-radius:6px;margin-top:8px}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .status-info .info-item svg{flex-shrink:0}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .section-header{display:flex;align-items:center;gap:8px;padding:12px 0;cursor:pointer;border-bottom:1px solid #e0e0e0;margin-bottom:16px}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .section-header h3{font-size:15px;font-weight:600;color:#333;margin:0}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .section-header:hover{color:#f63040}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table .no-data{text-align:center;color:#666;padding:24px}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table{width:100%;border-collapse:collapse;font-size:13px}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table th{text-align:left;padding:12px 8px;background:#f5f5f5;border-bottom:2px solid #ddd;font-weight:600;color:#555}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table td{padding:10px 8px;border-bottom:1px solid #eee;vertical-align:middle}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .email-from{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .email-subject{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .email-date{white-space:nowrap;font-size:12px;color:#666}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .result-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .result-badge.success{background:#e8f5e9;color:#2e7d32}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .result-badge.info{background:#e3f2fd;color:#1565c0}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .result-badge.error{background:#ffebee;color:#c62828}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .result-badge.default{background:#f5f5f5;color:#666}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .action-item-id a{color:#1976d2;text-decoration:none;font-weight:500}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .action-item-id a:hover{text-decoration:underline}.email-mailboxes-page .modal-overlay .modal-content .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid #e0e0e0;background:#f9f9f9}.email-mailboxes-page .modal-overlay .modal-content .modal-footer button{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;gap:8px}.email-mailboxes-page .modal-overlay .modal-content .modal-footer button.btn-cancel{background:#f5f5f5;color:#555}.email-mailboxes-page .modal-overlay .modal-content .modal-footer button.btn-cancel:hover{background:#e0e0e0}.email-mailboxes-page .modal-overlay .modal-content .modal-footer button.btn-save{background:#4caf50;color:#fff}.email-mailboxes-page .modal-overlay .modal-content .modal-footer button.btn-save:hover:not(:disabled){background:#43a047;box-shadow:0 2px 8px #4caf504d}.email-mailboxes-page .modal-overlay .modal-content .modal-footer button.btn-save:disabled{background:#ccc;cursor:not-allowed}.email-mailboxes-page .modal-overlay .modal-content .modal-footer button.btn-delete{background:#f44336;color:#fff}.email-mailboxes-page .modal-overlay .modal-content .modal-footer button.btn-delete:hover{background:#d32f2f;box-shadow:0 2px 8px #f443364d}.email-mailboxes-page .modal-overlay .modal-content .modal-footer button.btn-refresh{background:#2196f3;color:#fff}.email-mailboxes-page .modal-overlay .modal-content .modal-footer button.btn-refresh:hover{background:#1976d2;box-shadow:0 2px 8px #2196f34d}@media(max-width:768px){.email-mailboxes-page{padding:16px}.email-mailboxes-page .page-header{flex-direction:column;align-items:flex-start;gap:16px}.email-mailboxes-page .page-header .header-content h1{font-size:24px}.email-mailboxes-page .mailboxes-grid{grid-template-columns:1fr}.email-mailboxes-page .modal-overlay .modal-content,.email-mailboxes-page .modal-overlay .modal-content.large{max-width:100%}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-row{grid-template-columns:1fr}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid{grid-template-columns:1fr}}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors:active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.pdf-annotation-modal{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;margin:0!important;padding:0!important;z-index:99999!important;overflow:hidden!important;animation:fadeIn .2s ease-in-out}.pdf-annotation-modal.saving{pointer-events:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdf-annotation-modal .modal-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#000000b3;z-index:1}.pdf-annotation-modal .modal-content{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;margin:0!important;padding:0!important;background:#fff;border-radius:0;display:flex;flex-direction:column;box-shadow:none;z-index:2;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.pdf-annotation-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1em 1.5em;border-bottom:2px solid #e0e0e0;background:#f8f9fa;border-radius:0;flex-shrink:0}.pdf-annotation-modal .modal-header .header-title{display:flex;align-items:center;gap:1em}.pdf-annotation-modal .modal-header .header-title h2{margin:0;font-size:1.3em;color:#333}.pdf-annotation-modal .modal-header .header-title .filename-editable{cursor:pointer;padding:.25em .5em;border-radius:4px;transition:background-color .2s ease}.pdf-annotation-modal .modal-header .header-title .filename-editable:hover{background-color:#e3f2fd}.pdf-annotation-modal .modal-header .header-title .filename-rename{display:flex;align-items:center;gap:0}.pdf-annotation-modal .modal-header .header-title .filename-rename .rename-input{font-size:1.3em;font-weight:600;color:#333;padding:.2em .4em;border:2px solid #1976d2;border-radius:4px;outline:none;background:#fff;min-width:200px;max-width:400px}.pdf-annotation-modal .modal-header .header-title .filename-rename .rename-input:focus{box-shadow:0 0 0 3px #1976d233}.pdf-annotation-modal .modal-header .header-title .filename-rename .file-extension{font-size:1.3em;font-weight:600;color:#666;padding-left:0}.pdf-annotation-modal .modal-header .version-selector{position:relative}.pdf-annotation-modal .modal-header .version-selector .version-btn{padding:.5em .75em;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;gap:.5em;font-size:.85em;color:#666;transition:all .2s ease}.pdf-annotation-modal .modal-header .version-selector .version-btn:hover{background:#f0f0f0;border-color:#1976d2;color:#1976d2}.pdf-annotation-modal .modal-header .version-selector .version-dropdown{position:absolute;top:100%;left:0;margin-top:.5em;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:250px;max-height:300px;overflow-y:auto;z-index:100}.pdf-annotation-modal .modal-header .version-selector .version-dropdown button{width:100%;padding:.75em 1em;border:none;background:transparent;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease;text-align:left}.pdf-annotation-modal .modal-header .version-selector .version-dropdown button:hover{background:#f5f5f5}.pdf-annotation-modal .modal-header .version-selector .version-dropdown button.active{background:#e3f2fd;color:#1976d2}.pdf-annotation-modal .modal-header .version-selector .version-dropdown button .version-name{font-weight:500;color:#333}.pdf-annotation-modal .modal-header .version-selector .version-dropdown button .version-date{font-size:.8em;color:#999}.pdf-annotation-modal .modal-header .header-actions{display:flex;gap:.75em}.pdf-annotation-modal .modal-header .header-actions button{padding:.6em 1em;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;gap:.5em;font-size:.9em;font-weight:500;color:#333;transition:all .2s ease}.pdf-annotation-modal .modal-header .header-actions button svg{width:16px;height:16px}.pdf-annotation-modal .modal-header .header-actions button:hover{background:#f0f0f0;border-color:#1976d2;color:#1976d2}.pdf-annotation-modal .modal-header .header-actions button.active{background:#e3f2fd;border-color:#1976d2;color:#1976d2}.pdf-annotation-modal .modal-header .header-actions button.close-btn{background:#f44336;color:#fff;border-color:#f44336}.pdf-annotation-modal .modal-header .header-actions button.close-btn:hover{background:#d32f2f;border-color:#d32f2f}.pdf-annotation-modal .annotation-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.4em 1em;border-bottom:1px solid #e0e0e0;background:#fafafa;flex-wrap:nowrap;gap:.75em;min-height:44px}.pdf-annotation-modal .annotation-toolbar .tool-group{display:flex;gap:.25em;align-items:center;flex-wrap:nowrap}.pdf-annotation-modal .annotation-toolbar .tool-group label{font-size:.8em;color:#666;font-weight:500;margin-right:.25em}.pdf-annotation-modal .annotation-toolbar .tool-group button{min-width:32px;height:32px;padding:.35em;border:1px solid #e0e0e0;border-radius:4px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-size:.9em;color:#333;gap:.25em}.pdf-annotation-modal .annotation-toolbar .tool-group button svg{width:14px;height:14px}.pdf-annotation-modal .annotation-toolbar .tool-group button:hover:not(:disabled){background:#f0f0f0;border-color:#1976d2;color:#1976d2}.pdf-annotation-modal .annotation-toolbar .tool-group button.active{background:#1976d2;color:#fff;border-color:#1976d2}.pdf-annotation-modal .annotation-toolbar .tool-group button:disabled{opacity:.4;cursor:not-allowed}.pdf-annotation-modal .annotation-toolbar .tool-group input[type=color]{width:28px;height:28px;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;padding:1px}.pdf-annotation-modal .annotation-toolbar .tool-group input[type=number]{width:45px;padding:.3em;border:1px solid #e0e0e0;border-radius:4px;font-size:.85em;height:28px}.pdf-annotation-modal .annotation-toolbar .tool-group.nav-controls{border-left:1px solid #e0e0e0;padding-left:.5em}.pdf-annotation-modal .annotation-toolbar .tool-group.nav-controls .page-info,.pdf-annotation-modal .annotation-toolbar .tool-group.nav-controls .zoom-info{font-size:.75em;color:#666;min-width:40px;text-align:center}.pdf-annotation-modal .annotation-toolbar .tool-group.nav-controls .zoom-info{min-width:35px}.pdf-annotation-modal .annotation-toolbar .tool-group.actions{margin-left:auto}.pdf-annotation-modal .annotation-toolbar .tool-group.actions button{min-width:auto;padding:.35em .6em;font-size:.8em}.pdf-annotation-modal .annotation-toolbar .tool-group.actions button.delete-btn{background:#ffebee;color:#c62828;border-color:#ef9a9a}.pdf-annotation-modal .annotation-toolbar .tool-group.actions button.delete-btn:hover{background:#ffcdd2;border-color:#c62828}.pdf-annotation-modal .annotation-toolbar .tool-group button.primary{background:#1976d2;color:#fff;border-color:#1976d2}.pdf-annotation-modal .annotation-toolbar .tool-group button.primary:hover:not(:disabled){background:#1565c0;border-color:#1565c0}.pdf-annotation-modal .modal-body{display:flex;flex:1;overflow:hidden}.pdf-annotation-modal .modal-body .pdf-viewer-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container{flex:1;overflow:auto;background:#525659;padding:2em;display:flex;justify-content:center;align-items:flex-start;position:relative}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container.tool-active{cursor:crosshair}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .react-pdf__Page__textContent,.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .textLayer{position:absolute;inset:0;overflow:hidden;opacity:0;line-height:1;pointer-events:none;-webkit-user-select:text;user-select:text;z-index:2;text-size-adjust:none;forced-color-adjust:none}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .react-pdf__Page__textContent span,.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .react-pdf__Page__textContent br,.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .textLayer span,.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .textLayer br{color:transparent;position:absolute;white-space:pre;transform-origin:0% 0%;pointer-events:auto;-webkit-user-select:text;user-select:text;cursor:text}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .react-pdf__Page__textContent.textLayer--test,.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .textLayer.textLayer--test{display:none}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .react-pdf__Page__textContent .endOfContent,.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .react-pdf__Page__textContent ::selection,.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .textLayer ::selection{background:#1976d24d}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container.dragging{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container.resizing{cursor:nwse-resize!important;-webkit-user-select:none;user-select:none}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .pdf-page-wrapper{position:relative;display:inline-block}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .react-pdf__Document{display:flex;justify-content:center}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .react-pdf__Page{box-shadow:0 4px 20px #0000004d;background:#fff;position:relative}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .text-selection-toolbar{position:absolute;transform:translate(-50%,-100%);z-index:1000;display:flex;gap:4px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:4px;box-shadow:0 2px 12px #0003;animation:fadeInUp .15s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .text-selection-toolbar button{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.85em;font-weight:500;transition:all .15s ease}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .text-selection-toolbar button.highlight-btn{background:#fff3cd;color:#856404}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .text-selection-toolbar button.highlight-btn:hover{background:#ffe69c}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .text-selection-toolbar button.redact-btn{background:#f8d7da;color:#721c24}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .text-selection-toolbar button.redact-btn:hover{background:#f5c6cb}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .text-selection-toolbar button svg{flex-shrink:0}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .loading{color:#fff;font-size:1.2em;display:flex;flex-direction:column;align-items:center;gap:1em}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .error-message{color:#ef5350;background:#ffffffe6;padding:2em;border-radius:8px;font-size:1.1em}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:3}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item{position:absolute;pointer-events:auto;transition:box-shadow .2s ease,opacity .1s ease;-webkit-user-select:none;user-select:none}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item.dragging{opacity:.8;z-index:10000!important;cursor:grabbing!important}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item.resizing{opacity:.9;z-index:10000!important;box-shadow:0 0 0 2px #1976d2,0 0 0 4px #1976d24d}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item.selected{box-shadow:0 0 0 3px #1976d2,0 0 0 5px #1976d24d;z-index:1000!important}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item.highlighted{box-shadow:0 0 0 3px #ff9800,0 0 0 6px #ff980066;z-index:999!important;animation:highlightPulse 1s ease-in-out infinite}@keyframes highlightPulse{0%,to{box-shadow:0 0 0 3px #ff9800,0 0 0 6px #ff980066}50%{box-shadow:0 0 0 4px #ff9800,0 0 0 10px #ff980033}}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item:hover{box-shadow:0 0 0 2px #1976d280}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item.drawing svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item.circle{border:2px solid currentColor}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item img{width:100%;height:100%;object-fit:contain}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item.checkmark,.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item.cross,.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item.caret{display:flex;align-items:center;justify-content:center}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item.highlight{pointer-events:auto}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item.redaction{pointer-events:auto;background:#000;border-radius:1px}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item .resize-handle{width:8px;height:8px;background:#1976d2;border:1px solid white;border-radius:50%;z-index:1001}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item .resize-handle:hover{background:#1565c0;transform:scale(1.2)}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu{position:absolute;transform:translate(-50%,-100%);z-index:2000;pointer-events:auto}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:6px 8px;box-shadow:0 2px 12px #00000026;white-space:nowrap}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .edit-menu-item{display:flex;align-items:center}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .edit-menu-item label{display:flex;align-items:center;gap:4px;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .edit-menu-item label:hover{background:#f5f5f5}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .edit-menu-item label input[type=color]{width:20px;height:20px;border:none;border-radius:4px;cursor:pointer;padding:0}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .edit-menu-divider{width:1px;height:20px;background:#e0e0e0;margin:0 4px}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .edit-menu-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;cursor:pointer;color:#666;transition:all .2s}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .edit-menu-btn:hover{background:#f0f0f0;color:#1976d2}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .edit-menu-btn.active{background:#e3f2fd;color:#1976d2}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .edit-menu-btn.delete{color:#c62828}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .edit-menu-btn.delete:hover{background:#ffebee;color:#b71c1c}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .font-size-display{font-size:11px;color:#666;min-width:20px;text-align:center;font-weight:500}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .temp-annotation{position:absolute;background:#1976d21a}.pdf-annotation-modal .modal-body .sidebar{width:350px;border-left:2px solid #e0e0e0;background:#f8f9fa;display:flex;flex-direction:column;overflow:hidden}.pdf-annotation-modal .modal-body .sidebar h3{margin:0;padding:1em;border-bottom:1px solid #e0e0e0;font-size:1.1em;color:#333}.pdf-annotation-modal .modal-body .sidebar .audit-list{flex:1;overflow-y:auto;padding:1em}.pdf-annotation-modal .modal-body .sidebar .audit-list .empty-state{text-align:center;padding:2em;color:#999;font-style:italic}.pdf-annotation-modal .modal-body .sidebar .audit-list .audit-entry{padding:.75em;margin-bottom:.75em;background:#fff;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s ease}.pdf-annotation-modal .modal-body .sidebar .audit-list .audit-entry.clickable{cursor:pointer}.pdf-annotation-modal .modal-body .sidebar .audit-list .audit-entry.clickable:hover{background:#f0f7ff;border-color:#1976d2;box-shadow:0 2px 8px #1976d226;transform:translateY(-1px)}.pdf-annotation-modal .modal-body .sidebar .audit-list .audit-entry.clickable:active{transform:translateY(0)}.pdf-annotation-modal .modal-body .sidebar .audit-list .audit-entry.deleted{opacity:.7;background:#f9f9f9}.pdf-annotation-modal .modal-body .sidebar .audit-list .audit-entry.deleted.clickable{cursor:not-allowed}.pdf-annotation-modal .modal-body .sidebar .audit-list .audit-entry.deleted.clickable:hover{background:#f9f9f9;border-color:#e0e0e0;box-shadow:none;transform:none}.pdf-annotation-modal .modal-body .sidebar .audit-list .audit-entry .audit-user{font-weight:600;color:#1976d2;margin-bottom:.25em}.pdf-annotation-modal .modal-body .sidebar .audit-list .audit-entry .audit-action{font-size:.9em;color:#666;margin-bottom:.25em;display:flex;align-items:center;gap:.5em;flex-wrap:wrap}.pdf-annotation-modal .modal-body .sidebar .audit-list .audit-entry .audit-action .deleted-badge{display:inline-block;padding:.15em .5em;background:#f44336;color:#fff;border-radius:12px;font-size:.85em;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.pdf-annotation-modal .modal-body .sidebar .audit-list .audit-entry .audit-time{font-size:.8em;color:#999}.pdf-annotation-modal .input-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.pdf-annotation-modal .input-modal-overlay .input-modal{background:#fff;padding:2em;border-radius:8px;min-width:400px;max-width:500px;box-shadow:0 4px 20px #0000004d}.pdf-annotation-modal .input-modal-overlay .input-modal h3{margin:0 0 .5em;font-size:1.2em;color:#333}.pdf-annotation-modal .input-modal-overlay .input-modal .modal-description{margin:0 0 1em;font-size:.9em;color:#666}.pdf-annotation-modal .input-modal-overlay .input-modal input{width:100%;padding:.75em;border:1px solid #e0e0e0;border-radius:6px;font-size:1em;margin-bottom:1em;box-sizing:border-box}.pdf-annotation-modal .input-modal-overlay .input-modal input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.pdf-annotation-modal .input-modal-overlay .input-modal .input-modal-actions{display:flex;gap:.75em;justify-content:flex-end}.pdf-annotation-modal .input-modal-overlay .input-modal .input-modal-actions button{padding:.65em 1.25em;border:none;border-radius:6px;cursor:pointer;font-size:.95em;font-weight:500;transition:all .2s ease}.pdf-annotation-modal .input-modal-overlay .input-modal .input-modal-actions button.cancel-btn{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.pdf-annotation-modal .input-modal-overlay .input-modal .input-modal-actions button.cancel-btn:hover{background:#e0e0e0;color:#333}.pdf-annotation-modal .input-modal-overlay .input-modal .input-modal-actions button.primary-btn{background:#1976d2;color:#fff}.pdf-annotation-modal .input-modal-overlay .input-modal .input-modal-actions button.primary-btn:hover:not(:disabled){background:#1565c0}.pdf-annotation-modal .input-modal-overlay .input-modal .input-modal-actions button.primary-btn:disabled{opacity:.5;cursor:not-allowed}.pdf-annotation-modal .input-modal-overlay .signature-modal{background:#fff;padding:1.5em;border-radius:12px;width:450px;max-width:95vw;box-shadow:0 8px 32px #0000004d}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5em}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-modal-header h3{margin:0;font-size:1.2em;color:#333}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-modal-header .close-btn{background:none;border:none;cursor:pointer;color:#999;padding:.25em;border-radius:4px;transition:all .2s ease}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-modal-header .close-btn:hover{background:#f0f0f0;color:#333}.pdf-annotation-modal .input-modal-overlay .signature-modal .modal-description{margin:0 0 1em;font-size:.85em;color:#666;line-height:1.4}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-canvas-container{position:relative;border:2px dashed #d0d0d0;border-radius:8px;background:#fafafa;margin-bottom:1em;overflow:hidden}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-canvas-container .signature-canvas{display:block;cursor:crosshair;background:transparent;width:100%;height:150px}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-canvas-container .signature-canvas-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#bbb;font-size:.9em;pointer-events:none;-webkit-user-select:none;user-select:none}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-actions{display:flex;gap:.5em;margin-bottom:1em}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-actions .secondary-btn{display:flex;align-items:center;gap:.4em;padding:.5em .75em;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:.85em;color:#555;transition:all .2s ease}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-actions .secondary-btn:hover{background:#e8e8e8;border-color:#ccc}.pdf-annotation-modal .input-modal-overlay .signature-modal .input-modal-actions{display:flex;gap:.75em;justify-content:flex-end}.pdf-annotation-modal .input-modal-overlay .signature-modal .input-modal-actions button{display:flex;align-items:center;gap:.4em;padding:.65em 1.25em;border:none;border-radius:6px;cursor:pointer;font-size:.95em;font-weight:500;transition:all .2s ease}.pdf-annotation-modal .input-modal-overlay .signature-modal .input-modal-actions button.cancel-btn{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.pdf-annotation-modal .input-modal-overlay .signature-modal .input-modal-actions button.cancel-btn:hover{background:#e0e0e0;color:#333}.pdf-annotation-modal .input-modal-overlay .signature-modal .input-modal-actions button.primary-btn{background:#1976d2;color:#fff}.pdf-annotation-modal .input-modal-overlay .signature-modal .input-modal-actions button.primary-btn:hover:not(:disabled){background:#1565c0}.pdf-annotation-modal .input-modal-overlay .signature-modal .input-modal-actions button.primary-btn:disabled{opacity:.5;cursor:not-allowed}.pdf-annotation-modal .saving-overlay{position:fixed;inset:0;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10001;gap:1em;color:#fff;font-size:1.1em}.pdf-annotation-modal .saving-overlay .saving-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.template-renderer{background:#fff;border-radius:8px;padding:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;border:1px solid #e2e8f0}.template-renderer form{padding:0}.template-renderer .template-section{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;overflow:hidden}.template-renderer .template-section:last-of-type{border-bottom:none}.template-renderer .template-section .section-title{font-size:1.1rem;font-weight:700;color:#333;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:3px solid #F63040;display:flex;align-items:center;gap:.5rem;letter-spacing:-.01em}.template-renderer .template-section .section-title:before{content:"";display:inline-block;width:4px;height:1.25rem;background:#f63040;border-radius:2px;margin-right:.25rem}.template-renderer .template-section .section-fields{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:100%}.template-renderer .field-group{margin-bottom:0;position:relative}.template-renderer .field-group .form-label{font-weight:600;font-size:.875rem;color:#475569;margin-bottom:.5rem;display:block;letter-spacing:.01em}.template-renderer .field-group .form-label .required-indicator{color:#f63040;margin-left:.25rem;font-weight:700}.template-renderer .field-group .form-control{width:100%;border:2px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;color:#333;background:#fff;transition:all .2s ease;line-height:1.5}.template-renderer .field-group .form-control::placeholder{color:#94a3b8}.template-renderer .field-group .form-control:hover{border-color:#c0cddf}.template-renderer .field-group .form-control:focus{border-color:#f63040;box-shadow:0 0 0 4px #f630401a;outline:none;background:#fefefe}.template-renderer .field-group .form-control.is-invalid{border-color:#f63040}.template-renderer .field-group .form-control.is-invalid:focus{box-shadow:0 0 0 4px #f6304026}.template-renderer .field-group .form-control:disabled{background-color:#f9f9f9;cursor:not-allowed;opacity:.7}.template-renderer .field-group textarea.form-control{resize:vertical;min-height:120px}.template-renderer .field-group select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2357565B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px 10px;padding-right:2.5rem;cursor:pointer}.template-renderer .field-group .form-text{font-size:.8rem;color:#94a3b8;margin-top:.5rem;display:block;font-style:italic}.template-renderer .field-group .invalid-feedback{color:#f63040;font-size:.8rem;font-weight:500;margin-top:.5rem;display:block;animation:shake .4s ease-in-out}.template-renderer .checkbox-field .checkbox-wrapper{background:#fff;border-radius:8px;border:2px solid #e2e8f0;padding:1rem 1.25rem;transition:all .2s ease}.template-renderer .checkbox-field .checkbox-wrapper:hover{border-color:#fa929a;background:#fff}.template-renderer .checkbox-field .checkbox-wrapper .form-check{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;padding:0;background:transparent;border:none}.template-renderer .checkbox-field .checkbox-wrapper .form-check .form-check-input{width:1.25rem;height:1.25rem;min-width:1.25rem;margin:0;margin-top:.125rem;cursor:pointer;accent-color:#F63040;flex-shrink:0;border:2px solid #e2e8f0;border-radius:4px;transition:all .2s ease}.template-renderer .checkbox-field .checkbox-wrapper .form-check .form-check-input:checked{background-color:#f63040;border-color:#f63040}.template-renderer .checkbox-field .checkbox-wrapper .form-check .form-check-input:focus{box-shadow:0 0 0 3px #f6304033}.template-renderer .checkbox-field .checkbox-wrapper .form-check .form-check-input:disabled{cursor:not-allowed;opacity:.6}.template-renderer .checkbox-field .checkbox-wrapper .form-check .form-check-label{cursor:pointer;font-weight:600;font-size:.95rem;color:#333;line-height:1.4;flex:1}.template-renderer .checkbox-field .checkbox-wrapper .form-text{margin-top:.75rem;padding-left:2rem;font-size:.8rem;color:#94a3b8;font-style:italic;display:block}.template-renderer .checkbox-field .invalid-feedback{margin-top:.5rem}.template-renderer .form-actions{padding:1.25rem 2rem;background:linear-gradient(to top,#f8fafc,#fff);border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;position:sticky;bottom:0}.template-renderer .form-actions .btn{padding:.75rem 2rem;font-weight:600;font-size:.95rem;border-radius:8px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:160px;border:2px solid transparent;cursor:pointer}.template-renderer .form-actions .btn svg{font-size:.9rem}.template-renderer .form-actions .btn.btn-primary{background:#f63040;border-color:#f63040;color:#fff}.template-renderer .form-actions .btn.btn-primary:hover:not(:disabled){background:#f30b1d;border-color:#f30b1d;transform:translateY(-2px);box-shadow:0 6px 20px #f6304059}.template-renderer .form-actions .btn.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #f6304040}.template-renderer .form-actions .btn.btn-secondary{background:#fff;border-color:#e2e8f0;color:#333}.template-renderer .form-actions .btn.btn-secondary:hover:not(:disabled){background:#f9f9f9;border-color:#c0cddf}.template-renderer .form-actions .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.template-renderer.read-only .form-control,.template-renderer.read-only .form-check-input{background-color:#f9f9f9;border-color:#e2e8f0;cursor:not-allowed}.template-renderer.read-only .checkbox-field .checkbox-wrapper{cursor:default}.template-renderer.read-only .checkbox-field .checkbox-wrapper:hover{background:#fff;border-color:#e2e8f0}.field-row-container{margin-bottom:0;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.field-row-container .field-row-label{display:block;font-size:.9rem;font-weight:600;color:#475569;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px dashed #e2e8f0}.field-row-container .field-row-columns{display:flex;gap:1.5rem;flex-wrap:nowrap;align-items:stretch;width:100%;box-sizing:border-box}.field-row-container .row-column-wrapper{display:flex;flex-direction:column;gap:1rem;min-width:0;overflow:hidden;box-sizing:border-box}.field-row-container .row-column-wrapper .field-group{margin-bottom:0;width:100%;box-sizing:border-box}.field-row-container .row-column-wrapper .form-control{width:100%;max-width:100%;box-sizing:border-box}.field-row-container .row-column-wrapper textarea.form-control{width:100%;max-width:100%}.field-row-container .row-column-wrapper .checkbox-field{display:flex;flex-direction:column}.field-row-container .row-column-wrapper .checkbox-field .checkbox-wrapper{display:flex;flex-direction:column;justify-content:flex-start}@media(max-width:992px){.field-row-container .field-row-columns{flex-wrap:wrap;gap:1rem}.field-row-container .field-row-columns .row-column-wrapper{flex:1 1 100%!important;max-width:100%!important;min-width:100%}}@media(max-width:768px){.template-renderer{border-radius:0}.template-renderer .template-section{padding:1.25rem 1rem}.template-renderer .form-actions{padding:1rem;flex-direction:column-reverse}.template-renderer .form-actions .btn{width:100%}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.toggle-switch-container{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#f9f9f9,#fff);border:2px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.toggle-switch-container:hover{border-color:#fa929a}.toggle-switch-container .toggle-switch{position:relative;display:inline-block;width:52px;height:28px;margin:0;cursor:pointer;flex-shrink:0}.toggle-switch-container .toggle-switch input{opacity:0;width:0;height:0}.toggle-switch-container .toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#f63040,#e90a1c)}.toggle-switch-container .toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch-container .toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 4px #f6304033}.toggle-switch-container .toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-switch-container .toggle-switch .toggle-slider{position:absolute;cursor:pointer;inset:0;background:#e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:28px}.toggle-switch-container .toggle-switch .toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 6px #0003}.toggle-switch-container .toggle-label{font-weight:600;color:#333;font-size:.95rem;min-width:40px}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-group .form-check{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fff;border-radius:8px;border:2px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.radio-group .form-check:hover{border-color:#fa929a;background:linear-gradient(135deg,#fff 0% 100%)}.radio-group .form-check .form-check-input{width:1.25rem;height:1.25rem;margin:0;accent-color:#F63040;cursor:pointer;flex-shrink:0}.radio-group .form-check .form-check-input:checked{background-color:#f63040;border-color:#f63040}.radio-group .form-check .form-check-label{cursor:pointer;font-weight:500;color:#333;flex:1}.radio-group .form-check:has(.form-check-input:checked){border-color:#f63040;background:linear-gradient(135deg,#f630400d,#f630401a)}.rating-field{display:flex;align-items:center;gap:.25rem}.rating-field .rating-star{background:transparent;border:none;font-size:1.5rem;color:#8a888f;cursor:pointer;padding:.25rem;min-width:auto;height:auto;transition:all .2s ease}.rating-field .rating-star:hover,.rating-field .rating-star.active{color:#f4c150;transform:scale(1.1)}.rating-field .rating-star:disabled{cursor:not-allowed;opacity:.6}.rating-field .rating-value{margin-left:.75rem;font-weight:500;color:#57565b}.slider-field{display:flex;align-items:center;gap:1rem}.slider-field .form-range{flex:1;height:6px;background:#a3a2a8;border-radius:3px;outline:none;-webkit-appearance:none}.slider-field .form-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#f63040;border-radius:50%;cursor:pointer;transition:all .2s ease}.slider-field .form-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-field .form-range::-moz-range-thumb{width:20px;height:20px;background:#f63040;border-radius:50%;cursor:pointer;border:none}.slider-field .slider-value{min-width:40px;text-align:center;font-weight:600;color:#f63040}.signature-field .signature-pad{border:2px dashed rgb(137.5423728814,136.2372881356,142.7627118644);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#f9f9f9}.signature-field .signature-pad:hover{border-color:#f63040;background:#f4f4f4}.signature-field .signature-pad .signature-placeholder,.signature-field .signature-pad .signature-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#57565b}.signature-field .signature-pad .signature-placeholder i,.signature-field .signature-pad .signature-content i{font-size:2rem}.signature-field .signature-pad .signature-content{color:#f63040}.checklist-item-field{display:grid;grid-template-columns:1fr 200px auto;gap:1rem;align-items:start;padding:1rem;background:#f9f9f9;border:1px solid rgb(163.4745762712,162.4576271186,167.5423728814);border-radius:8px}.checklist-item-field .checklist-description{font-weight:500;color:#333;line-height:1.5}.checklist-item-field .checklist-comments textarea{resize:vertical;min-height:60px}.checklist-item-field .checklist-toggle{display:flex;flex-direction:column;align-items:center;gap:.25rem}.checklist-item-wrapper.full-width{grid-column:1/-1}.checklist-group-field{border:1px solid rgb(137.5423728814,136.2372881356,142.7627118644);border-radius:8px;overflow:hidden}.checklist-group-field .checklist-group-header{background:#57565b;color:#fff;padding:.75rem 1rem;font-weight:600}.checklist-group-field .checklist-group-items{padding:.5rem}.checklist-group-field .checklist-sub-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-bottom:1px solid rgb(176.4406779661,175.5677966102,179.9322033898)}.checklist-group-field .checklist-sub-item:last-child{border-bottom:none}.checklist-group-field .checklist-sub-item .sub-item-number{font-weight:600;color:#f63040;min-width:24px}.checklist-group-field .checklist-sub-item .sub-item-label{flex:1;color:#333}.checklist-group-field .checklist-sub-item .toggle-switch.small{width:40px;height:22px}.checklist-group-field .checklist-sub-item .toggle-switch.small .toggle-slider:before{height:16px;width:16px}.checklist-group-field .checklist-sub-item .toggle-switch.small input:checked+.toggle-slider:before{transform:translate(18px)}.checklist-group-field .checklist-group-comments{padding:.75rem 1rem;border-top:1px solid rgb(163.4745762712,162.4576271186,167.5423728814);background:#f9f9f9}.checklist-group-wrapper.full-width{grid-column:1/-1}.heading-field h4{color:#333;font-weight:700;margin:0;padding-bottom:.5rem;border-bottom:2px solid #F63040}.heading-wrapper.full-width{grid-column:1/-1;margin-top:1rem}.divider-field hr{border:none;border-top:1px solid rgb(150.5084745763,149.3474576271,155.1525423729);margin:0}.divider-wrapper.full-width{grid-column:1/-1;padding:.5rem 0}.paragraph-field p{color:#57565b;font-size:.95rem;line-height:1.6;margin:0;padding:.75rem;background:#f4f4f4;border-left:3px solid #F63040;border-radius:0 8px 8px 0}.paragraph-wrapper.full-width,.spacer-wrapper.full-width{grid-column:1/-1}@media(max-width:768px){.checklist-item-field{grid-template-columns:1fr;gap:.75rem}.checklist-item-field .checklist-toggle{flex-direction:row;justify-content:flex-end}.rating-field{flex-wrap:wrap}.rating-field .rating-star{font-size:1.25rem}}.main-content.left-align{margin-left:0!important;margin-right:auto!important}.main-content{min-width:90vw!important}.daily-checklist-container .daily-checklist-select{margin-bottom:24px!important}.daily-checklist-actions{display:flex;justify-content:flex-end;margin-top:16px}.daily-checklist-table td,.daily-checklist-table th{text-align:left}.daily-checklist-table th:nth-child(2),.daily-checklist-table td:nth-child(2){text-align:left!important;padding-left:8px}.daily-checklist-table th:first-child,.daily-checklist-table td:first-child{width:40px;min-width:32px;max-width:48px;text-align:center;padding-left:0;padding-right:0}@media(max-width:900px){.main-content{margin-top:32px!important}}.non-compliance-form-container{max-width:700px;margin:40px auto;padding:32px 24px;background:var(--white, #fff);border-radius:var(--border-radius, 8px);box-shadow:0 2px 16px #00000014}.non-compliance-form-container .form-header{margin-bottom:24px;text-align:center}.non-compliance-form-container .form-header h2{font-size:1.6rem;color:var(--secondary-color, #57565B);font-family:Lato,Arial,sans-serif;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:10px}.non-compliance-form-container .form-header h2 i{color:#f63040}.non-compliance-form-container .form-description{color:#718096;font-size:.95rem;margin:0}.non-compliance-form-container .property-selection{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.non-compliance-form-container .property-selection label{display:block;font-weight:600;margin-bottom:6px;color:var(--text-color, #333)}.non-compliance-form-container .property-selection .form-control{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.non-compliance-form-container .property-selection .form-control:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.non-compliance-form-container .required-indicator{color:#f63040;margin-left:2px}.non-compliance-form.loading-state{max-width:700px;margin:40px auto;padding:60px 24px;background:var(--white, #fff);border-radius:var(--border-radius, 8px);box-shadow:0 2px 16px #00000014;text-align:center}.non-compliance-form .loading-spinner{display:flex;flex-direction:column;align-items:center;gap:12px;color:#718096}.non-compliance-form .loading-spinner i{font-size:2rem;color:#f63040}.non-compliance-form{min-width:80vw!important;max-width:600px;margin:40px auto;padding:32px 24px;background:var(--white);border-radius:var(--border-radius, 6px);box-shadow:0 2px 16px #00000014}.non-compliance-form h2{text-align:center;margin-bottom:24px;font-size:1.6rem;color:var(--secondary-color, #57565B);font-family:Lato,Arial,sans-serif}.non-compliance-form input{height:30px}.non-compliance-form div{display:flex;flex-direction:column;margin-bottom:18px}.non-compliance-form label{font-weight:500;margin-bottom:6px;color:var(--text-color, #333);letter-spacing:.01em}.non-compliance-form .error{color:#f63040;font-size:.92em;margin-top:2px;margin-left:2px}.non-compliance-form button[type=submit]{margin-top:12px;width:100%}.non-compliance-form-container .template-renderer .template-section{margin-bottom:24px}.non-compliance-form-container .template-renderer .section-title{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #F63040}.non-compliance-form-container .template-renderer .field-group{margin-bottom:16px}.non-compliance-form-container .template-renderer .form-label{font-weight:600;font-size:.9rem;color:#4a5568;margin-bottom:6px}.non-compliance-form-container .template-renderer .form-control{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.non-compliance-form-container .template-renderer .form-control:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.non-compliance-form-container .template-renderer .form-control.is-invalid{border-color:#f63040}.non-compliance-form-container .template-renderer textarea.form-control{resize:vertical;min-height:80px}.non-compliance-form-container .template-renderer .invalid-feedback{color:#f63040;font-size:.85rem;margin-top:4px}.non-compliance-form-container .template-renderer .form-text{font-size:.8rem;color:#a0aec0;margin-top:4px}.non-compliance-form-container .template-renderer .form-actions{display:flex;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e2e8f0}.non-compliance-form-container .template-renderer .btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.non-compliance-form-container .template-renderer .btn-primary{background:#f63040;color:#fff;border:none;flex:1}.non-compliance-form-container .template-renderer .btn-primary:hover:not(:disabled){background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.non-compliance-form-container .template-renderer .btn-primary:disabled{opacity:.6;cursor:not-allowed}.non-compliance-form-container .template-renderer .btn-secondary{background:#fff;color:#4a5568;border:1px solid #e2e8f0}.non-compliance-form-container .template-renderer .btn-secondary:hover{background:#f7fafc}@media(max-width:768px){.non-compliance-form-container{margin:20px;padding:20px 16px}.non-compliance-form-container .form-header h2{font-size:1.3rem}.non-compliance-form-container .template-renderer .form-actions{flex-direction:column}.non-compliance-form-container .template-renderer .btn{width:100%;justify-content:center}}.action-items-page{padding:0 16px;max-width:100%;overflow-y:visible;transition:margin-left .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1)}.action-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.action-items-header .header-left{display:flex;align-items:center;gap:16px;flex:1}.action-items-header h1{margin:0;font-size:1.75rem;font-weight:700;color:#2d3748}.header-actions{display:flex;gap:12px}.btn-primary{background:#f63040;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary:hover{background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.search-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.search-container{flex:1;min-width:200px;max-width:400px}.search-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .2s ease;background:#fff}.search-input:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.search-input::placeholder{color:#a0aec0}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn-filter{background:#fff;color:#4a5568;border:2px solid #e2e8f0;padding:10px 16px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn-filter:hover{border-color:#f63040;color:#f63040}.btn-filter.active{background:#f63040;color:#fff;border-color:#f63040}.filter-icon{font-size:1rem}.btn-export{background:#57565b;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-export:hover{background:#4a4a4e;transform:translateY(-1px)}.btn-view-toggle{background:#fff;color:#4a5568;border:2px solid #e2e8f0;padding:10px 16px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-view-toggle:hover{border-color:#f63040;color:#f63040}.btn-view-toggle.list{background:#e8f4fd;border-color:#3182ce;color:#2b6cb0}.btn-view-toggle.kanban{background:#f0fff4;border-color:#48bb78;color:#2f855a}.filter-panel-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;margin-bottom:16px;box-shadow:0 2px 8px #0000000a}.quick-toggles{display:flex;gap:24px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.toggle-switch{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input{display:none}.toggle-slider{position:relative;width:44px;height:24px;background:#cbd5e0;border-radius:24px;transition:background .2s ease}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background:#f63040}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-size:.9rem;font-weight:500;color:#4a5568}.advanced-filters{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:150px;flex:1;max-width:200px}.filter-group.filter-checkbox{flex-direction:row;align-items:center;justify-content:flex-start;min-width:auto;max-width:none}.filter-group .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#4a5568;font-weight:500}.filter-group .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#F63040}.filter-group label{font-size:.8rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.filter-group select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;background:#fff;color:#2d3748;cursor:pointer;transition:all .2s ease}.filter-group select option{color:#2d3748!important;background:#fff!important;background-color:#fff!important;padding:8px}.filter-group select option:not(:disabled){color:#2d3748!important}.filter-group select:hover{border-color:#f63040}.filter-group select:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.filter-actions{display:flex;align-items:flex-end;padding-bottom:2px}.btn-clear{background:transparent;color:#718096;border:1px solid #e2e8f0;padding:10px 16px;border-radius:6px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-clear:hover{border-color:#f63040;color:#f63040}.results-count{margin-top:16px;padding-top:12px;border-top:1px solid #e2e8f0;font-size:.85rem;color:#718096}.action-items-list{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px}.action-item-card{background:linear-gradient(180deg,#fff,#fafbfc);border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;border:1px solid #e8e8e8;border-left:4px solid #F63040;padding:16px 16px 12px;min-width:200px;max-width:280px;flex:1 1 280px;display:flex;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer}.action-item-card:hover{box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014;border-color:#f63040;transform:translateY(-2px)}.action-item-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;border-radius:12px 12px 0 0;transition:background .2s ease}.action-item-card:hover:before{background:linear-gradient(90deg,#f63040,#ff6b7a)}.action-item-header{font-size:1rem;font-weight:700;color:#2d3748;margin-bottom:12px;display:flex;align-items:flex-start;gap:8px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.status-badge{background:#f63040;color:#fff;font-size:.75rem;font-weight:600;border-radius:20px;padding:4px 12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;display:inline-block}.action-item-field{margin-bottom:8px;font-size:.875rem;color:#4a5568;display:flex;flex-direction:column;gap:2px}.action-item-label{font-weight:600;color:#718096;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-right:0}.action-item-footer{margin-top:auto;padding-top:12px;font-size:.75rem;color:#a0aec0;border-top:1px solid #edf2f7;font-weight:500;letter-spacing:.3px}.status-open{background:linear-gradient(135deg,#1976d2,#2196f3)}.status-on-hold{background:linear-gradient(135deg,#f57c00,#ff9800)}.status-pending{background:linear-gradient(135deg,#f9a825,#fbc02d);color:#2d3748}.status-solved{background:linear-gradient(135deg,#2e7d32,#388e3c)}.status-cancelled{background:linear-gradient(135deg,#c62828,#d32f2f)}.status-closed{background:linear-gradient(135deg,#5e35b1,#6e00b3)}@media(max-width:1800px){.kanban-column{min-width:180px!important;max-width:250px!important}.action-item-card{min-width:160px;max-width:230px;padding:12px 12px 10px}}@media(max-width:1400px){.kanban-column{min-width:150px!important;max-width:200px!important}}.kanban-column-header{padding:12px 16px;margin-bottom:16px;border-radius:8px;color:#fff;text-align:center;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 4px #0000001a}.kanban-header-open{background:linear-gradient(135deg,#1565c0,#1976d2)}.kanban-header-on-hold{background:linear-gradient(135deg,#ef6c00,#ff9800)}.kanban-header-pending{background:linear-gradient(135deg,#f9a825,#fbc02d);color:#2d3748}.kanban-header-solved{background:linear-gradient(135deg,#2e7d32,#43a047)}.kanban-header-cancelled{background:linear-gradient(135deg,#c62828,#e53935)}.kanban-header-closed{background:linear-gradient(135deg,#5e35b1,#7c4dff)}.priority-critical{color:#f63040;font-weight:700;animation:pulse-critical 2s ease-in-out infinite}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}.switch{margin-bottom:5px;display:flex;align-items:center;gap:8px}.table-bold{font-weight:700;color:#2d3748}.btn-space{display:flex;justify-content:space-between!important;align-items:center;gap:12px;flex-wrap:wrap}.space-flex{display:flex;flex-direction:column;gap:6px}.space-flex label{font-weight:600;font-size:.9rem;color:#4a5568}.space-flex input,.space-flex select,.space-flex textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem;transition:all .2s ease;background:#fff}.space-flex input:focus,.space-flex select:focus,.space-flex textarea:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.space-flex input::placeholder,.space-flex textarea::placeholder{color:#a0aec0}.advanced-filter-panel{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000000d}.filter-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.filter-group{display:flex;flex-direction:column;min-width:150px;flex:1}.filter-group label{font-size:.85rem;font-weight:600;color:#57565b;margin-bottom:4px}.filter-group select,.filter-group input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.95rem;background:#fff;transition:border-color .2s}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#f63040}.filter-actions{display:flex;gap:8px;align-items:flex-end}.filter-btn{padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.filter-btn-primary{background:#f63040;color:#fff;border:none}.filter-btn-primary:hover{background:#d42a38}.filter-btn-secondary{background:#fff;color:#57565b;border:1px solid #ddd}.filter-btn-secondary:hover{background:#f5f5f5}.quick-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.quick-filter-pill{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid #ddd;background:#fff;color:#57565b}.quick-filter-pill:hover{border-color:#f63040;color:#f63040}.quick-filter-pill.active{background:#f63040;color:#fff;border-color:#f63040}.card-attachment-count,.card-collaborator-count{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;color:#888}.card-metadata{display:flex;gap:12px;margin-top:8px;padding-top:8px;border-top:1px solid #eee}.overdue-badge{background:#f63040;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:4px;font-weight:600}.priority-indicator{width:4px;height:100%;position:absolute;left:0;top:0;border-radius:12px 0 0 12px}.priority-indicator.low{background:#4caf50}.priority-indicator.medium{background:#ff9800}.priority-indicator.high{background:#f44336}.priority-indicator.critical{background:#f63040;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stats-bar{display:flex;gap:24px;padding:12px 16px;background:#f8f8f8;border-radius:8px;margin-bottom:16px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.5rem;font-weight:700;color:#f63040}.stat-label{font-size:.8rem;color:#888;text-transform:uppercase}.action-items-list-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.action-items-list-table thead{background:linear-gradient(135deg,#57565b,#4a4a4e)}.action-items-list-table th{padding:14px 16px;text-align:left;font-weight:700;font-size:.85rem;color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #F63040}.action-items-list-table th:first-child{background:#f63040;color:#fff}.action-items-list-table tbody tr{transition:all .2s ease;border-bottom:1px solid #edf2f7}.action-items-list-table tbody tr:hover{background:linear-gradient(90deg,#f630400a,#f6304005)}.action-items-list-table tbody tr:last-child{border-bottom:none}.action-items-list-table td{padding:14px 16px;font-size:.9rem;color:#4a5568;vertical-align:middle}.action-items-list-table td:first-child{border-left:3px solid transparent;transition:border-color .2s ease}.action-items-list-table tbody tr:hover td:first-child{border-left-color:#f63040}.action-items-list-table select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;background:#fff;color:#4a5568;cursor:pointer;transition:all .2s ease;min-width:130px}.action-items-list-table select:hover{border-color:#f63040}.action-items-list-table select:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.kanban-board{display:flex;gap:12px;overflow-x:auto;overflow-y:visible;padding-bottom:16px;min-height:0}.kanban-column{flex:1;min-width:200px;background:linear-gradient(180deg,#f7fafc,#edf2f7);border-radius:12px;padding:0 12px 16px;border:1px solid #e2e8f0;height:auto}.action-items-search-bar{width:100%;max-width:400px;padding:12px 16px!important;border:2px solid #e2e8f0!important;border-radius:8px!important;font-size:.95rem!important;transition:all .2s ease;background:#fff}.action-items-search-bar:focus{outline:none;border-color:#f63040!important;box-shadow:0 0 0 3px #f630401a}.action-items-search-bar::placeholder{color:#a0aec0}.filter-toggle-btn{background:#f63040!important;color:#fff!important;border:none!important;padding:10px 20px!important;border-radius:6px!important;font-weight:600!important;font-size:.9rem!important;cursor:pointer;transition:all .2s ease}.filter-toggle-btn:hover{background:#d42a38!important;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.filter-panel{background:linear-gradient(180deg,#fff,#f8fafc)!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:16px 20px!important;box-shadow:0 2px 8px #0000000a}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#fff;padding:28px 32px;border-radius:16px;min-width:400px;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:slideIn .3s ease}.modal-content h2{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #F63040}.modal-content>div{margin-bottom:16px}.modal-content label{display:block;font-weight:600;font-size:.9rem;color:#4a5568;margin-bottom:6px}.modal-content select,.modal-content input,.modal-content textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .2s ease;background:#fff;box-sizing:border-box}.modal-content select:focus,.modal-content input:focus,.modal-content textarea:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.modal-content button{padding:10px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.modal-content button:first-of-type{background:#fff;color:#f63040;border:2px solid #F63040}.modal-content button:first-of-type:hover:not(:disabled){background:#f630400d}.modal-content button:last-of-type{background:#f63040;color:#fff;border:none}.modal-content button:last-of-type:hover:not(:disabled){background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.modal-content button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e2e8f0}.help-text{display:block;font-size:.8rem;color:#718096;margin-top:4px;font-style:italic}.checkbox-field{flex-direction:row!important;align-items:center;gap:8px}.checkbox-field input[type=checkbox]{width:auto;margin-right:8px}.checkbox-field label{display:inline-flex;align-items:center;margin-bottom:0}.template-info{margin-bottom:16px;padding:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px}.template-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#f63040;color:#fff;border-radius:6px;font-weight:600;font-size:.9rem}.template-badge i{font-size:1rem}.template-loading{text-align:center;padding:20px;color:#718096}.file-upload-field{flex-direction:column!important}.file-upload-container{display:flex;flex-direction:column;gap:8px}.file-upload-input-group{display:flex;gap:8px}.file-upload-input-group .file-name-display{flex:1;background:#f7fafc;color:#4a5568;cursor:default}.file-browse-btn{padding:8px 16px;background:#f63040;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.file-browse-btn:hover{background:#d42a38;transform:translateY(-1px)}.file-clear-btn{padding:6px 12px;background:#e2e8f0;color:#4a5568;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;align-self:flex-start;transition:all .2s ease}.file-clear-btn:hover{background:#cbd5e0}.file-note{font-size:.75rem;color:#a0aec0;font-style:italic}.list-view-container{overflow-x:auto;border-radius:12px}.clickable-row{cursor:pointer}.clickable-row:hover{background:linear-gradient(90deg,#f630400f,#f6304005)!important}.item-title{font-weight:600;color:#2d3748;display:block;margin-bottom:4px}.item-id{color:#a0aec0;font-size:.85em;font-weight:500}@media(max-width:1024px)and (min-width:768px){.action-items-page{padding:0 12px}.action-items-header{flex-direction:column;align-items:flex-start}.action-items-header h1{font-size:1.5rem}.header-actions{width:100%}.search-filter-bar{flex-direction:column;align-items:stretch}.search-container{max-width:100%}.filter-buttons{justify-content:space-between}.filter-panel-container{padding:16px}.quick-toggles{flex-wrap:wrap;gap:16px}.advanced-filters{flex-direction:column}.filter-group{max-width:100%}.kanban-board{gap:8px}.kanban-column{min-width:180px}.action-item-card{min-width:160px;max-width:200px;padding:12px}.action-items-list-table{font-size:.85rem}.action-items-list-table th,.action-items-list-table td{padding:10px 12px}.action-items-list-table select{min-width:100px;padding:6px 8px;font-size:.8rem}}@media(max-width:767px){.action-items-page{padding:0 8px}.action-items-header{flex-direction:column;align-items:stretch;gap:12px}.action-items-header h1{font-size:1.35rem}.header-actions{width:100%}.btn-primary{width:100%;text-align:center;justify-content:center}.search-filter-bar{flex-direction:column;gap:12px}.search-container{max-width:100%}.filter-buttons{flex-direction:column;width:100%}.btn-filter,.btn-export{width:100%;justify-content:center}.filter-panel-container{padding:12px}.quick-toggles{flex-direction:column;gap:12px}.toggle-switch{justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf2f7}.toggle-switch:last-child{border-bottom:none}.advanced-filters{flex-direction:column;gap:12px}.filter-group{max-width:100%}.kanban-board{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px}.kanban-column{min-width:250px;flex-shrink:0}.list-view-container{margin:0 -8px;border-radius:0}.action-items-list-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.action-items-list-table th,.action-items-list-table td{white-space:nowrap}.modal-content{min-width:unset;width:95vw;max-width:95vw;padding:20px;margin:10px}}@media(max-width:1200px){.kanban-column-header{font-size:.85rem;padding:10px 12px}}.observer-picker{position:relative}.selected-observers{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;min-height:32px}.observer-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(135deg,#f0f4f8,#e8eef4);border:1px solid #d1dce8;border-radius:16px;font-size:.85rem;color:#4a5568;font-weight:500}.observer-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#e2e8f0;border:none;border-radius:50%;cursor:pointer;padding:0;color:#718096;transition:all .2s ease}.observer-remove-btn:hover{background:#f63040;color:#fff}.observer-search-container{position:relative}.observer-search-input-wrapper{position:relative;display:flex;align-items:center}.observer-search-icon{position:absolute;left:12px;color:#a0aec0;font-size:.9rem;pointer-events:none}.observer-search-input{width:100%;padding:10px 12px 10px 36px!important;border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem;transition:all .2s ease;background:#fff}.observer-search-input:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.observer-search-input::placeholder{color:#a0aec0}.observer-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:1100;max-height:240px;overflow-y:auto}.observer-dropdown-item{display:flex;flex-direction:column;padding:10px 14px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid #f0f4f8}.observer-dropdown-item:last-child{border-bottom:none}.observer-dropdown-item:hover{background:linear-gradient(135deg,#f630400f,#f6304005)}.observer-name{font-weight:600;color:#2d3748;font-size:.9rem}.observer-email{font-size:.8rem;color:#718096;margin-top:2px}.observer-dropdown-empty{padding:16px;text-align:center;color:#a0aec0;font-size:.9rem}.action-item-card.needs-attention{border-left-color:#f59e0b;animation:attention-pulse 2s ease-in-out infinite}@keyframes attention-pulse{0%,to{box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a}50%{box-shadow:0 2px 8px #f59e0b4d,0 1px 2px #f59e0b33}}.attention-indicator{position:absolute;top:8px;right:8px;color:#f59e0b;font-size:1rem;animation:attention-bell 1s ease-in-out infinite}@keyframes attention-bell{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.attention-badge{display:inline-flex;align-items:center;margin-right:6px;color:#f59e0b}.action-item-card.department-assigned{border-left-color:#3b82f6;background:linear-gradient(to right,#3b82f60d,#fff)}.department-indicator{position:absolute;top:8px;right:8px;color:#3b82f6;font-size:1rem;animation:department-pulse 2s ease-in-out infinite}@keyframes department-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.department-badge{display:inline-flex;align-items:center;margin-right:6px;color:#3b82f6}.department-assignment{display:inline-flex;align-items:center;color:#3b82f6;font-weight:600}.action-item-icon{color:#718096;font-size:.9rem;margin-right:6px;flex-shrink:0}.project-link-field{margin-top:4px}.project-link{display:inline-flex;align-items:center;gap:4px;color:#3182ce;font-size:.85rem;cursor:pointer;transition:color .2s ease}.project-link:hover{color:#2b6cb0;text-decoration:underline}.project-link-badge{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;background:#ebf8ff;color:#3182ce;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.project-link-badge:hover{background:#bee3f8}.clickable-row.needs-attention{background:linear-gradient(90deg,#f59e0b14,#f59e0b05)}.clickable-row.needs-attention:hover{background:linear-gradient(90deg,#f59e0b1f,#f59e0b0a)!important}.clickable-row.department-assigned{background:linear-gradient(90deg,#3b82f614,#3b82f605)}.clickable-row.department-assigned:hover{background:linear-gradient(90deg,#3b82f61f,#3b82f60a)!important}.clickable-row.selected-row{background:linear-gradient(90deg,#f630401a,#f630400a)}.clickable-row.selected-row:hover{background:linear-gradient(90deg,#f6304024,#f630400f)!important}.selection-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px}.selection-count{font-weight:600;color:#4a5568}.btn-merge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#3182ce;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-merge:hover:not(:disabled){background:#2b6cb0}.btn-merge:disabled{opacity:.5;cursor:not-allowed}.btn-clear-selection{padding:8px 14px;background:transparent;color:#718096;border:1px solid #e2e8f0;border-radius:6px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-clear-selection:hover{border-color:#f63040;color:#f63040}.merge-modal{max-width:550px}.merge-info{margin-bottom:16px;color:#4a5568}.merge-info p{margin:0 0 8px}.merge-target-selection{margin-bottom:20px}.merge-target-selection label{display:block;font-weight:600;margin-bottom:6px;color:#4a5568}.merge-target-selection select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem}.merge-preview{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px;margin-bottom:16px}.merge-preview h4{margin:0 0 12px;font-size:.9rem;color:#4a5568}.merge-preview ul{list-style:none;margin:0;padding:0}.merge-preview li{padding:8px 0;border-bottom:1px solid #e2e8f0;font-size:.9rem;display:flex;justify-content:space-between;align-items:center}.merge-preview li:last-child{border-bottom:none}.merge-action{color:#718096;font-size:.8rem;font-style:italic}.btn-merge-confirm{background:#3182ce!important}.btn-merge-confirm:hover:not(:disabled){background:#2b6cb0!important}.board-selector{position:relative;margin-bottom:20px;max-width:500px}.board-selector-current{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.board-selector-current:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d}.board-info{display:flex;align-items:center;gap:10px;flex:1}.board-icon{font-size:1.25rem}.board-name{font-weight:600;color:#2d3748;font-size:1rem}.board-stats{font-size:.85rem;color:#718096;margin-left:8px}.board-actions{display:flex;gap:8px}.dropdown-arrow{transition:transform .2s ease;display:inline-block;font-size:.75rem}.dropdown-arrow.open{transform:rotate(180deg)}.board-selector-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:400px;overflow-y:auto;z-index:1000}.dropdown-header{padding:12px 16px;border-bottom:1px solid #e2e8f0;font-weight:600;color:#2d3748;font-size:.875rem}.dropdown-list{padding:8px 0}.board-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:background .15s ease}.board-item:hover{background:#f7fafc}.board-item.active{background:#ebf8ff;border-left:3px solid #3182ce}.board-item-content{display:flex;justify-content:space-between;align-items:center;flex:1}.board-item-info{display:flex;align-items:center;gap:10px}.board-details{display:flex;flex-direction:column;gap:2px}.board-meta{font-size:.75rem;color:#718096}.board-color-indicator{width:4px;height:24px;border-radius:2px;margin-left:8px}.board-item-actions{position:relative;margin-left:8px}.board-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 8px #0000001a;min-width:160px;z-index:1001;padding:4px 0}.board-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;text-align:left;cursor:pointer;transition:background .15s ease;font-size:.875rem;color:#2d3748}.board-menu button:hover{background:#f7fafc}.settings-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.settings-section:last-child{border-bottom:none}.settings-section h3{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:#2d3748}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.color-picker{display:flex;flex-direction:column;gap:8px}.color-picker input[type=color]{width:100%;height:40px;border-radius:4px;border:1px solid #e2e8f0;cursor:pointer}.color-presets{display:flex;gap:6px;flex-wrap:wrap}.color-preset{width:28px;height:28px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.color-preset:hover{transform:scale(1.1);box-shadow:0 2px 4px #0003}.color-preset.active{border-color:#2d3748;box-shadow:0 0 0 2px #fff,0 0 0 4px #2d3748}.columns-list{display:flex;flex-direction:column;gap:12px}.column-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s ease}.column-item:hover{box-shadow:0 2px 4px #0000000d}.column-display{display:flex;align-items:center;gap:12px;flex:1}.column-color-indicator{width:4px;height:32px;border-radius:2px}.column-info{display:flex;flex-direction:column;gap:2px}.column-name{font-weight:600;color:#2d3748;font-size:.95rem}.column-status{font-size:.75rem;color:#718096}.column-actions{display:flex;gap:6px}.column-edit-form{display:flex;gap:8px;flex:1;align-items:center}.column-edit-form input,.column-edit-form select{flex:1;padding:8px;border:1px solid #cbd5e0;border-radius:4px;font-size:.875rem}.column-edit-form input[type=color]{flex:0 0 60px;height:38px}.board-info-section{padding:16px;background:#f7fafc;border-radius:8px;margin-bottom:24px}.board-display{display:flex;align-items:center;gap:12px}.board-description{margin:8px 0 0;color:#718096;font-size:.875rem}.access-section{margin-bottom:24px}.access-section h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:#2d3748}.grant-access-form{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.user-search{position:relative;margin-bottom:12px}.user-search input{width:100%;padding:10px 10px 10px 36px;border:1px solid #cbd5e0;border-radius:6px;font-size:.875rem}.user-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#a0aec0}.user-suggestions{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-top:8px;box-shadow:0 2px 4px #0000000d;max-height:200px;overflow-y:auto}.user-suggestion{padding:10px 12px;cursor:pointer;transition:background .15s ease}.user-suggestion:hover{background:#f7fafc}.user-suggestion.selected{background:#ebf8ff;border-left:3px solid #3182ce}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-weight:600;color:#2d3748;font-size:.875rem}.user-email{font-size:.75rem;color:#718096}.selected-user-form{display:flex;flex-direction:column;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.selected-user-display{display:flex;flex-direction:column;gap:4px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px}.permission-selector label{display:block;font-weight:600;margin-bottom:8px;font-size:.875rem;color:#2d3748}.permission-options{display:flex;flex-direction:column;gap:8px}.permission-option{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease}.permission-option:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d}.permission-option.selected{border-color:#3182ce;background:#ebf8ff}.permission-option input[type=radio]{margin-top:2px}.permission-details{display:flex;flex-direction:column;gap:4px}.permission-label{font-weight:600;color:#2d3748;font-size:.875rem}.permission-description{font-size:.75rem;color:#718096}.form-actions{display:flex;gap:10px}.access-list{display:flex;flex-direction:column;gap:8px}.access-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px}.access-controls{display:flex;gap:10px;align-items:center}.permission-dropdown{padding:6px 10px;border:1px solid #cbd5e0;border-radius:4px;font-size:.875rem;background:#fff;cursor:pointer}.empty-state{text-align:center;padding:32px 16px;color:#718096}.empty-state p{margin:0 0 16px}.info-box{padding:12px;background:#ebf8ff;border-left:4px solid #3182ce;border-radius:4px;font-size:.875rem;color:#2c5282}.info-box p{margin:0}.btn-icon-small{padding:6px;font-size:.75rem}.btn-primary-small{padding:6px 12px;font-size:.875rem}.btn-secondary-small{padding:6px 12px;font-size:.875rem;background:#e2e8f0;color:#2d3748;border:none;border-radius:4px;cursor:pointer}.btn-secondary-small:hover{background:#cbd5e0}.btn-danger-small{padding:6px;font-size:.75rem;background:#fc8181;color:#fff}.btn-danger-small:hover{background:#f56565}.modal-large{max-width:900px;max-height:90vh;overflow-y:auto}.modal-medium{max-width:600px}.modal-small{max-width:450px}.footer-left{flex:1}.footer-right{display:flex;gap:10px}.action-item-board-selector{display:flex;flex-direction:column;gap:8px}.action-item-board-selector label{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.875rem;color:#2d3748}.action-item-board-selector .form-select{padding:8px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;transition:border-color .2s ease}.action-item-board-selector .form-select:hover:not(:disabled){border-color:#a0aec0}.action-item-board-selector .form-select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.action-item-board-selector .form-select:disabled{background:#f7fafc;cursor:not-allowed;opacity:.6}.action-item-board-selector .board-info{font-size:.75rem;color:#718096;padding-left:4px}.action-item-board-selector .board-info strong{color:#2d3748}.board-selector-loading,.board-selector-empty{padding:8px 12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#718096}.toggle-group{display:flex;gap:0;margin-bottom:20px;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.toggle-button{flex:1;padding:10px 20px;border:none;background:#f7fafc;color:#4a5568;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-button:hover{background:#edf2f7}.toggle-button.active{background:#3182ce;color:#fff}.board-template-select{width:100%;padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer}.template-description{margin-top:8px;padding:10px;background:#f7fafc;border-left:3px solid #3182ce;border-radius:4px;font-size:.875rem;color:#4a5568;display:flex;align-items:flex-start;gap:8px}.template-columns-preview{margin-top:15px;padding:15px;background:#f7fafc;border-radius:6px}.template-columns-preview label{display:flex;align-items:center;gap:6px;font-weight:600;margin-bottom:10px;color:#2d3748}.columns-list{display:flex;flex-direction:column;gap:8px}.column-preview-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:4px;font-size:.875rem}.column-icon{font-size:1rem}.column-name{flex:1;font-weight:500}.wip-badge{padding:2px 8px;background:#fed7d7;color:#c53030;font-size:.75rem;font-weight:600;border-radius:4px}.board-activity-feed{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.activity-header h3{display:flex;align-items:center;gap:8px;font-size:1.1rem;margin:0}.filter-toggle-btn{padding:8px 12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease}.filter-toggle-btn:hover{background:#edf2f7}.activity-filters{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:12px;background:#f7fafc;border-radius:6px}.activity-filters label{font-weight:600;font-size:.875rem}.activity-filters select{flex:1;padding:6px 10px;border:1px solid #cbd5e0;border-radius:4px;font-size:.875rem}.activity-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.activity-item{display:flex;gap:12px;padding:12px;background:#f7fafc;border-radius:6px;transition:background .2s ease}.activity-item:hover{background:#edf2f7}.activity-icon{font-size:1.5rem;flex-shrink:0}.activity-content{flex:1}.activity-description{font-size:.875rem;color:#2d3748;margin-bottom:4px}.activity-meta{display:flex;align-items:center;gap:12px;font-size:.75rem;color:#718096}.activity-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:15px;border-top:1px solid #e2e8f0}.pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #cbd5e0;border-radius:6px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#a0aec0}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.875rem;color:#4a5568}.board-statistics{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.board-statistics h3{display:flex;align-items:center;gap:8px;font-size:1.1rem;margin:0 0 20px}.board-statistics h4{font-size:.95rem;margin:0 0 12px;color:#2d3748}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.stat-card{display:flex;align-items:center;gap:12px;padding:15px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px}.stat-icon{font-size:2rem;color:#3182ce}.stat-content{flex:1}.stat-value{font-size:1.5rem;font-weight:700;color:#2d3748}.stat-label{font-size:.75rem;color:#718096;text-transform:uppercase;letter-spacing:.5px}.stats-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.stats-section:last-child{border-bottom:none;padding-bottom:0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.metric-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f7fafc;border-radius:6px}.metric-icon{font-size:1.5rem;color:#3182ce}.metric-info{flex:1}.metric-value{font-size:1.25rem;font-weight:600;color:#2d3748}.metric-label{font-size:.75rem;color:#718096}.column-breakdown{display:flex;flex-direction:column;gap:8px}.column-stat-item{position:relative}.column-stat-bar{height:30px;border-radius:4px;transition:width .3s ease}.column-stat-label{position:absolute;top:0;left:0;right:0;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:.875rem;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.assignee-list{display:flex;flex-direction:column;gap:8px}.assignee-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f7fafc;border-radius:6px}.assignee-name{font-weight:500;color:#2d3748}.assignee-count{font-size:.875rem;color:#718096}.warning-section{background:#fffaf0;padding:15px;border:1px solid #fed7aa;border-radius:8px}.warning-section h4{display:flex;align-items:center;gap:8px;color:#c05621}.violations-list{display:flex;flex-direction:column;gap:8px}.violation-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border:1px solid #fed7aa;border-radius:4px}.violation-column{font-weight:600;color:#2d3748}.violation-details{font-size:.875rem;color:#c05621}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-hint{display:block;margin-top:4px;font-size:.75rem;color:#718096;font-style:italic}.duplication-summary{margin-top:20px;padding:15px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px}.duplication-summary h4{font-size:.9rem;margin:0 0 10px;color:#2d3748}.duplication-summary ul{list-style:none;padding:0;margin:0}.duplication-summary li{padding:6px 0;font-size:.875rem;color:#4a5568}.settings-tabs{display:flex;gap:0;border-bottom:2px solid #e2e8f0;margin-bottom:24px;background:#f7fafc;border-radius:8px 8px 0 0;padding:0 16px}.tab-button{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;font-size:.9rem;color:#718096;transition:all .2s ease;display:flex;align-items:center;gap:8px;margin-bottom:-2px}.tab-button:hover{color:#2d3748;background:#f630400d}.tab-button.active{color:#f63040;border-bottom-color:#f63040;background:#fff}.automation-rules-modal .modal-body{padding:24px}.automation-info{text-align:center;padding:40px 20px}.automation-info h3{font-size:1.5rem;margin-bottom:16px;color:#2d3748}.automation-info p{font-size:1rem;color:#718096;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.automation-rule-form{border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff}.automation-rule-form .form-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f7fafc;border-bottom:1px solid #e2e8f0}.automation-rule-form .form-header h3{margin:0;font-size:1.1rem;color:#2d3748}.automation-rule-form .form-body{padding:24px;max-height:60vh;overflow-y:auto}.automation-rule-form .form-footer{padding:16px 20px;background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.automation-rules-list{background:#fff;border-radius:12px;padding:24px}.rules-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.rules-list-header h3{margin:0;font-size:1.25rem;color:#2d3748}.rules-list{display:flex;flex-direction:column;gap:16px}.rule-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s ease}.rule-item:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000000d}.rule-item.inactive{opacity:.6;background:#f7fafc}.rule-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.rule-info h4{margin:0 0 4px;font-size:1rem;font-weight:600;color:#2d3748}.rule-description{margin:0;font-size:.875rem;color:#718096}.rule-actions{display:flex;gap:8px}.btn-icon-small.active{color:#48bb78}.btn-icon-small.inactive{color:#cbd5e0}.rule-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:12px;background:#f7fafc;border-radius:8px}.rule-detail-item{display:flex;flex-direction:column;gap:4px}.rule-detail-item .label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#a0aec0;letter-spacing:.5px}.rule-detail-item .value{font-size:.875rem;color:#2d3748;font-weight:500}.rule-meta{margin-top:12px;font-size:.75rem;color:#a0aec0;font-style:italic}.empty-state{text-align:center;padding:60px 20px}.empty-state svg{margin-bottom:16px}.empty-state p{font-size:1rem;color:#718096;margin-bottom:24px}.loading-state{text-align:center;padding:40px 20px;font-size:1rem;color:#718096}.form-hint{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:.75rem;color:#718096;font-style:italic}.form-hint svg{flex-shrink:0}.close-button-small{background:transparent;border:none;cursor:pointer;color:#a0aec0;padding:4px;transition:color .2s ease}.close-button-small:hover{color:#f63040}.board-sidebar-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:998;animation:fadeIn .2s ease}.board-sidebar{position:fixed;top:0;left:-320px;width:320px;height:100vh;background:#fff;box-shadow:2px 0 12px #0000001a;z-index:999;display:flex;flex-direction:column;transition:left .3s ease;overflow:hidden}.board-sidebar.open{left:0}.board-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e2e8f0;background:#57565b}.board-sidebar-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#fff}.btn-icon-close{background:transparent;border:none;cursor:pointer;color:#fffc;font-size:1.2rem;padding:4px 8px;border-radius:4px;transition:all .2s ease}.btn-icon-close:hover{background:#ffffff1a;color:#fff}.board-sidebar-create{padding:16px;border-bottom:1px solid #e2e8f0}.btn-create-board{width:100%;background:#f63040;color:#fff;border:none;padding:12px 16px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-create-board:hover{background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.board-sidebar-search{padding:16px;border-bottom:1px solid #e2e8f0}.board-search-input{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:.9rem;transition:all .2s ease;background:#fff}.board-search-input:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.board-sidebar-content{flex:1;overflow-y:auto;padding:16px}.board-section{margin-bottom:24px}.board-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#718096;margin:0 0 12px;padding:0 4px}.board-list{display:flex;flex-direction:column;gap:8px}.board-sidebar-item{background:#fff;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s ease;overflow:hidden}.board-sidebar-item:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #00000014}.board-sidebar-item.active{border-color:#f63040;background:#fff5f5;box-shadow:0 2px 8px #f6304026}.board-sidebar-item.drag-over{border-color:#4299e1;background:#ebf8ff;box-shadow:0 4px 12px #4299e14d;transform:scale(1.02)}.board-sidebar-item.preview-active{border-color:#48bb78;background:#f0fff4;box-shadow:0 4px 12px #48bb784d}.board-sidebar-item.not-droppable{opacity:.6;cursor:not-allowed}.board-sidebar-item.not-droppable:hover{background:transparent;border-color:#e2e8f0}.board-sidebar-item-content{display:flex;align-items:center;padding:12px;cursor:pointer;position:relative;transition:background .2s ease}.board-sidebar-item-content:hover{background:#f7fafc}.board-color-bar{width:4px;height:100%;position:absolute;left:0;top:0;bottom:0}.board-info-container{flex:1;min-width:0;padding-left:8px}.board-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.board-sidebar-item .board-icon{font-size:1rem;flex-shrink:0}.board-sidebar-item .board-name{font-weight:600;font-size:.95rem;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-meta{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#718096}.board-permission{font-weight:500;color:#a0aec0}.board-task-count{color:#a0aec0}.btn-expand{background:transparent;border:none;cursor:pointer;color:#a0aec0;padding:4px;transition:all .2s ease;border-radius:4px;display:flex;align-items:center;justify-content:center}.btn-expand:hover{background:#e2e8f0;color:#2d3748}.btn-expand svg.rotated{transform:rotate(90deg)}.board-actions-menu{display:flex;flex-direction:column;gap:4px;padding:8px;background:#f7fafc;border-top:1px solid #e2e8f0;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.board-action-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;border-radius:6px;font-size:.875rem;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s ease;text-align:left}.board-action-btn:hover{background:#e2e8f0;color:#2d3748}.board-action-btn.danger{color:#e53e3e}.board-action-btn.danger:hover{background:#fff5f5;color:#c53030}.board-sidebar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.board-sidebar-empty p{color:#718096;font-size:.9rem;margin-bottom:16px}.btn-clear-search,.btn-create-board-empty{background:#f63040;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-clear-search:hover,.btn-create-board-empty:hover{background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.btn-toggle-sidebar{position:fixed;left:0;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#f63040,#d42a38);color:#fff;border:none;border-radius:0 8px 8px 0;padding:100px 0;width:22px;min-width:22px;max-width:22px;font-weight:600;font-size:.6rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:990;box-shadow:3px 0 15px #f6304066;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:1px;text-transform:uppercase;border-left:2px solid rgba(255,255,255,.3);overflow:hidden}.btn-toggle-sidebar:hover{background:linear-gradient(135deg,#d42a38,#b8232f);width:26px;min-width:26px;max-width:26px;box-shadow:4px 0 20px #f6304099;transform:translateY(-50%) translate(2px)}.btn-toggle-sidebar:active{transform:translateY(-50%) translate(0);box-shadow:2px 0 10px #f6304080}.btn-toggle-sidebar svg{display:none}@media(max-width:768px){.board-sidebar{width:280px;left:-280px}.btn-toggle-sidebar{top:45%;padding:80px 0;width:18px;min-width:18px;max-width:18px;font-size:.55rem;letter-spacing:1px}.btn-toggle-sidebar:hover{width:22px;min-width:22px;max-width:22px}}.swimlanes-container{display:flex;flex-direction:column;gap:2rem;padding:1rem;overflow-x:auto}.swimlanes-container .swimlane{border:1px solid #e2e8f0;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease}.swimlanes-container .swimlane:hover{box-shadow:0 4px 6px #00000026}.swimlanes-container .swimlane .swimlane-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#f7fafc;border-left:6px solid #3498db;border-bottom:2px solid #e2e8f0;transition:background .2s ease}.swimlanes-container .swimlane .swimlane-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.swimlanes-container .swimlane .swimlane-header:hover{background:#edf2f7}.swimlanes-container .swimlane .swimlane-header .swimlane-toggle-btn{background:none;border:none;padding:.25rem;cursor:pointer;color:#718096;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px}.swimlanes-container .swimlane .swimlane-header .swimlane-toggle-btn:hover{background:#e2e8f0;color:#2d3748}.swimlanes-container .swimlane .swimlane-header .swimlane-toggle-btn svg{width:16px;height:16px}.swimlanes-container .swimlane .swimlane-header .swimlane-indicator{width:8px;height:40px;border-radius:4px;background-color:#3498db;flex-shrink:0}.swimlanes-container .swimlane .swimlane-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#2d3748;flex:1}.swimlanes-container .swimlane .swimlane-header .swimlane-count{font-size:.9rem;color:#718096;background:#fff;padding:.25rem .75rem;border-radius:12px;border:1px solid #e2e8f0;font-weight:500;white-space:nowrap}.swimlanes-container .swimlane .swimlane-columns{display:flex!important;flex-direction:row!important;gap:1rem;padding:1rem;overflow-x:auto;min-height:400px;background:#f7fafc;scroll-behavior:smooth}.swimlanes-container .swimlane .swimlane-columns::-webkit-scrollbar{height:8px}.swimlanes-container .swimlane .swimlane-columns::-webkit-scrollbar-track{background:#edf2f7;border-radius:4px}.swimlanes-container .swimlane .swimlane-columns::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.swimlanes-container .swimlane .swimlane-columns::-webkit-scrollbar-thumb:hover{background:#a0aec0}.swimlanes-container .swimlane .swimlane-columns .kanban-column{flex:1 1 0;min-width:280px;max-width:350px}.swimlanes-container .swimlane.orphaned-swimlane .swimlane-header{background:#f7fafc;border-left-color:#95a5a6}.swimlanes-container .swimlane.orphaned-swimlane .swimlane-header .swimlane-indicator{background-color:#95a5a6}.swimlanes-container .swimlane.orphaned-swimlane .swimlane-header h3{color:#718096;font-style:italic}.empty-state{text-align:center;padding:4rem 2rem;color:#718096;background:#fff;border-radius:8px;border:2px dashed #e2e8f0}.empty-state p{margin:.5rem 0;font-size:1rem;line-height:1.5}.empty-state p:first-child{font-size:1.1rem;font-weight:600;color:#2d3748}.loading-state{text-align:center;padding:2rem;color:#718096;font-size:1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.swimlane{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1400px){.swimlanes-container .swimlane .swimlane-columns .kanban-column{min-width:260px;max-width:320px}}@media(max-width:1024px){.swimlanes-container{padding:.5rem;gap:1.5rem}.swimlanes-container .swimlane .swimlane-header{padding:.75rem 1rem}.swimlanes-container .swimlane .swimlane-header h3{font-size:1rem}.swimlanes-container .swimlane .swimlane-header .swimlane-count{font-size:.8rem;padding:.2rem .6rem}.swimlanes-container .swimlane .swimlane-columns{padding:.75rem;gap:.75rem}.swimlanes-container .swimlane .swimlane-columns .kanban-column{min-width:240px}}@media(max-width:768px){.swimlanes-container .swimlane .swimlane-header{flex-wrap:wrap}.swimlanes-container .swimlane .swimlane-header .swimlane-count{width:100%;margin-top:.5rem;text-align:center}.swimlanes-container .swimlane .swimlane-columns .kanban-column{min-width:220px}}.function-swimlanes{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.swimlane{display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000001a;overflow:hidden}.swimlane-header{padding:1rem 1.5rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-left:4px solid #3498db;border-bottom:1px solid #e2e8f0}.swimlane-label{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:#2d3748}.swimlane-label i{font-size:1.2rem;color:#4a5568}.swimlane-label .swimlane-count{margin-left:auto;font-size:.9rem;font-weight:500;color:#718096;background:#fff;padding:.25rem .75rem;border-radius:12px;box-shadow:0 1px 2px #0000000d}.swimlane-description{margin-top:.5rem;font-size:.875rem;color:#718096;font-style:italic}.swimlane-body{display:flex;gap:1rem;padding:1rem;background:#f7fafc;overflow-x:auto}.swimlane-body .kanban-column{min-width:280px;max-width:320px}.swimlane-spacer{min-width:0;width:0}.swimlane-empty-state{padding:3rem 2rem;text-align:center;color:#718096;background:#f7fafc;border-radius:8px;margin:2rem 0}.swimlane-empty-state p{margin:.5rem 0}.swimlane-empty-state p:first-child{font-size:1.1rem;font-weight:600;color:#4a5568}.function-swimlanes-loading,.function-swimlanes-error{padding:3rem 2rem;text-align:center;color:#718096;background:#f7fafc;border-radius:8px;margin:2rem 0}.function-swimlanes-loading p,.function-swimlanes-error p{font-size:1.1rem}.function-swimlanes-error{background:#fff5f5;color:#c53030;border:1px solid #feb2b2}@media(max-width:1200px){.swimlane-body .kanban-column{min-width:240px;max-width:280px}}@media(max-width:768px){.function-swimlanes{gap:1rem}.swimlane-header{padding:.75rem 1rem}.swimlane-label{font-size:1rem;gap:.5rem}.swimlane-label i{font-size:1rem}.swimlane-label .swimlane-count{font-size:.85rem;padding:.2rem .5rem}.swimlane-body{padding:.75rem;gap:.75rem}.swimlane-body .kanban-column{min-width:220px;max-width:260px}}.action-item-heading{display:flex;justify-content:space-between;align-items:center;width:100%;border-bottom:2px solid #f63040;margin-bottom:10px;padding-bottom:12px}.action-item-heading h1{margin:0;font-size:1.5rem;font-weight:700;color:#2d3748;display:flex;align-items:center;gap:12px}.action-item-title-icon{color:#dc3545;font-size:1.2rem}.action-item-heading button{background:#f63040;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.action-item-heading button:hover{background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.action-item-detail-layout{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:1.5rem 3vw;gap:1.5rem;min-height:calc(100vh - 200px);background:#f8fafc}.action-item-main{flex:2 1 0;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;padding:1.5rem 2rem;min-width:0;border:1px solid #e2e8f0}.action-item-main h2{font-size:1.25rem;font-weight:700;color:#2d3748;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #F63040}.action-item-sidebar{flex:0 0 340px;background:linear-gradient(180deg,#fff,#fafbfc);border-radius:12px;box-shadow:0 4px 16px #00000014;padding:0;min-width:300px;max-width:380px;border:1px solid #e2e8f0;position:sticky;top:100px;overflow:hidden}.sidebar-header{background:linear-gradient(135deg,#57565b,#3d3d40);color:#fff;padding:16px 20px;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.sidebar-content{padding:20px}.sidebar-label-row{display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer;padding:8px 12px;margin:-8px -12px;border-radius:6px;transition:background .15s ease}.sidebar-label-row h4,.sidebar-label-row .sidebar-label{margin:0;padding:0}.sidebar-label-row .sidebar-label{margin:0;padding:0;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#718096;line-height:1.2}.sidebar-label-row .sidebar-gear{display:flex;align-items:center;margin-left:.5em;color:#a0aec0;transition:color .15s ease}.sidebar-label-row:hover{background:#f630400f}.sidebar-label-row:hover .sidebar-gear{color:#f63040}.assign-yourself-btn{background:#f63040;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;margin-left:.75em;transition:all .2s ease}.assign-yourself-btn:hover{background:#d42a38;transform:translateY(-1px)}.sidebar-value{display:flex;align-items:center;margin-top:6px;margin-bottom:0;font-size:1rem;color:#2d3748;font-weight:500}.sidebar-value .sidebar-assigned-label{font-weight:600}.sidebar-field-group{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.sidebar-field-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.space-above{margin-top:20px}.sidebar-label-row.sidebar-label-static{cursor:default;background:none!important}.sidebar-label-row.sidebar-label-static:hover{background:none!important}.sidebar-assigned-user,.sidebar-priority,.sidebar-noncom,.sidebar-property,.sidebar-comment,.sidebar-status{font-size:1rem;color:#2d3748;font-weight:500}.sidebar-status{padding-bottom:2px}.sidebar-unassigned{color:#a0aec0;font-style:italic}.action-item-log-list{margin-top:1rem;border-left:2px solid #e2e8f0;padding-left:1.5rem}.action-item-log-row{display:flex;align-items:center;margin-bottom:1rem;position:relative;padding:8px 0}.action-item-log-icon{margin-right:.75rem;color:#718096;flex-shrink:0;display:flex;align-items:center;height:100%}.action-item-log-details{font-size:.9rem;color:#4a5568;display:flex;flex-wrap:wrap;align-items:center;gap:.3em}.action-item-log-details .log-username,.action-item-log-details .log-date{font-weight:600;color:#2d3748}.action-item-log-comment-row{background:#f8fafc;border-radius:8px;margin:12px 0 8px;padding:12px 16px;border:1px solid #e2e8f0;box-shadow:0 1px 4px #0000000a}.action-item-log-comment-row.escalated{background:#fef3e8;border-color:#fbbf24}.action-item-log-comment-row .comment-header{display:flex;align-items:center;margin-bottom:6px;gap:8px;flex-wrap:wrap}.action-item-log-comment-row .comment-header .comment-username{font-weight:600;color:#2d3748}.action-item-log-comment-row .comment-header .comment-date{font-size:.85em;color:#a0aec0}.action-item-log-comment-row .comment-header .escalated-badge{display:inline-flex;align-items:center;gap:6px;background:#f59e0b;color:#fff;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;margin-left:auto;cursor:pointer;transition:background-color .2s ease}.action-item-log-comment-row .comment-header .escalated-badge:hover{background:#d97706}.action-item-log-comment-row .comment-body{font-size:.95em;color:#4a5568;white-space:pre-wrap;line-height:1.5}.action-item-comment-box{margin-top:20px;display:flex;flex-direction:column;gap:10px;position:relative}.action-item-comment-box textarea{width:100%;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#2d3748;padding:12px;font-size:.95rem;resize:vertical;min-height:80px;transition:border-color .2s ease,box-shadow .2s ease}.action-item-comment-box textarea:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.action-item-comment-box textarea::placeholder{color:#a0aec0}.action-item-comment-box .comment-btn-row{display:flex;justify-content:flex-end;width:100%}.action-item-comment-box button{width:auto;padding:10px 24px;background:#f63040;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.action-item-comment-box button:hover:not(:disabled){background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.action-item-comment-box button:disabled{background:#cbd5e0;cursor:not-allowed}.sidebar-value.sidebar-comment{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;max-width:100%}.tenant-details{margin-top:8px}.tenant-details h2{color:#f63040;margin-bottom:12px!important;padding-bottom:8px;border-bottom:2px solid #F63040;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.tenant-details input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;background:#fff;color:#2d3748;transition:border-color .2s ease,box-shadow .2s ease}.tenant-details input:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.sidebar-section{padding:16px 20px;border-bottom:1px solid #e2e8f0}.sidebar-section:last-child{border-bottom:none}@media(max-width:1024px)and (min-width:768px){.action-item-detail-layout{padding:1rem 2vw;gap:1rem}.action-item-sidebar{flex:0 0 280px;min-width:250px;max-width:300px}.sidebar-label,.sidebar-value{font-size:1em!important}}@media(max-width:767px){.action-item-detail-layout{flex-direction:column;padding:1rem;gap:1rem}.action-item-main{padding:1.5rem;order:2}.action-item-sidebar{flex:none;width:100%;max-width:100%;min-width:auto;order:1;position:static;padding:16px}.sidebar-label-row{padding:8px 0}.sidebar-value{margin-bottom:12px}.tenant-details h2{font-size:1.1rem}.action-item-comment-box textarea{min-height:80px}}.sidebar-field-group{margin-bottom:16px}.sidebar-field-label{font-size:.75rem;font-weight:700;color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.sidebar-field-value{font-size:1rem;color:#2d3748;font-weight:500}.sidebar-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.open{background:#1976d2}.status-dot.on-hold{background:#ff9800}.status-dot.pending{background:#fbc02d}.status-dot.solved{background:#388e3c}.status-dot.cancelled{background:#d32f2f}.status-dot.closed{background:#6e00b3}.department-editor-wrapper{margin-bottom:8px}.department-help-text{font-size:.7rem;color:#718096;margin-top:4px;margin-bottom:0}.sidebar-department-select{width:100%;padding:8px 12px;font-size:.85rem;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#2d3748;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.sidebar-department-select:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.escalate-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #f59e0b4d}.escalate-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #d9770666}.escalate-btn:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;box-shadow:none}.de-escalate-btn{display:inline-block;background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.de-escalate-btn:hover{background:#e5e7eb;border-color:#d1d5db}.escalation-status{margin-top:8px}.escalation-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.escalation-badge.escalated{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24}.escalation-info{font-size:.75rem;color:#4b5563;margin:6px 0 0}.escalation-reason{font-size:.7rem;color:#6b7280;font-style:italic;margin:4px 0 0}.escalate-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.escalate-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:480px;width:90%;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.escalate-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.escalate-modal-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#2d3748}.escalate-modal-close{background:none;border:none;font-size:1.5rem;color:#718096;cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.escalate-modal-close:hover{color:#f63040}.escalate-modal-body{padding:20px}.escalate-modal-body p{margin:0 0 16px;color:#4a5568;font-size:.9rem;line-height:1.5}.escalate-modal-body label{display:block;font-size:.85rem;font-weight:600;color:#4a5568;margin-bottom:8px}.escalate-modal-body textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;resize:vertical;min-height:80px;transition:border-color .2s ease,box-shadow .2s ease}.escalate-modal-body textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.escalate-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 12px 12px}.escalate-modal-footer .btn-cancel{background:#fff;border:1px solid #e2e8f0;color:#4a5568;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.escalate-modal-footer .btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db}.escalate-modal-footer .btn-escalate{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.escalate-modal-footer .btn-escalate:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}.escalate-modal-footer .btn-escalate:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed}.submitted-form-section{background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.submitted-form-section h2{font-size:1.1rem;font-weight:700;color:#2d3748;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #F63040}.form-data-display{display:flex;flex-direction:column;gap:.75rem}.form-data-row{display:flex;flex-direction:row;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.form-data-row:last-child{border-bottom:none}.form-data-label{font-weight:600;color:#4a5568;min-width:150px;font-size:.85rem}.form-data-value{color:#2d3748;font-size:.9rem;flex:1}.form-data-value.priority-low{color:#38a169}.form-data-value.priority-medium{color:#d69e2e}.form-data-value.priority-high{color:#dd6b20}.form-data-value.priority-critical{color:#e53e3e;font-weight:600}.formatted-description{display:flex;flex-direction:column;gap:.15rem}.formatted-desc-line{line-height:1.6}.formatted-desc-spacer{height:.35rem}.formatted-desc-list{margin:.15rem 0 .15rem 1.25rem;padding:0;list-style-type:disc}.formatted-desc-list li{line-height:1.6;color:#2d3748}@media(max-width:768px){.form-data-row{flex-direction:column;gap:.25rem}.form-data-label{min-width:auto;font-size:.8rem}.submitted-form-section{padding:1rem}}.attachments-section{background:#f8fafc;border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.5rem;border:1px solid #e2e8f0}.attachments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.attachments-header h2{font-size:1rem;font-weight:600;color:#2d3748;margin:0;display:flex;align-items:center;gap:8px}.attachments-header .upload-btn{display:inline-flex;align-items:center;gap:6px;background:#f63040;color:#fff;padding:8px 14px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.attachments-header .upload-btn:hover{background:#d42a38}.attachments-loading,.no-attachments{color:#718096;font-size:.9rem;padding:1rem;text-align:center}.attachments-list{display:flex;flex-direction:column;gap:8px}.attachment-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .15s ease}.attachment-item:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #0000000a}.attachment-item .attachment-info{flex:1;min-width:0}.attachment-item .attachment-info .attachment-name{display:block;font-weight:600;color:#2d3748;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-item .attachment-info .attachment-meta{display:block;font-size:.75rem;color:#718096;margin-top:2px}.attachment-item .attachment-actions{display:flex;gap:8px;margin-left:12px}.attachment-item .attachment-actions .download-btn,.attachment-item .attachment-actions .delete-btn,.attachment-item .attachment-actions .annotate-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;cursor:pointer;transition:all .15s ease}.attachment-item .attachment-actions .annotate-btn{background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.attachment-item .attachment-actions .annotate-btn:hover{background:#bbdefb;color:#0d47a1}.attachment-item .attachment-actions .download-btn{background:#edf2f7;color:#4a5568;border:none;text-decoration:none}.attachment-item .attachment-actions .download-btn:hover{background:#e2e8f0;color:#2d3748}.attachment-item .attachment-actions .delete-btn{background:transparent;border:1px solid #fed7d7;color:#e53e3e}.attachment-item .attachment-actions .delete-btn:hover{background:#fed7d7}.escalate-comment-btn{margin-left:auto;display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid #e2e8f0;color:#718096;padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s ease}.escalate-comment-btn:hover{background:#fef3c7;border-color:#fbbf24;color:#92400e}.comment-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;margin-top:12px}.comment-preview strong{display:block;font-size:.85rem;color:#4a5568;margin-bottom:8px}.comment-preview blockquote{margin:0;padding:10px 14px;background:#fff;border-left:3px solid #F63040;border-radius:4px;font-size:.9rem;color:#2d3748;white-space:pre-wrap}.comment-preview small{display:block;margin-top:8px;color:#718096;font-size:.75rem}@media(max-width:768px){.attachments-header{flex-direction:column;align-items:flex-start;gap:10px}.attachments-header .upload-btn{width:100%;justify-content:center}.attachment-item{flex-direction:column;align-items:flex-start}.attachment-item .attachment-actions{margin-left:0;margin-top:10px;align-self:flex-end}}.mention-suggestions-dropdown{background:#fff;border:1px solid #cbd5e0;border-radius:8px;box-shadow:0 4px 16px #0000001f;max-height:280px;overflow-y:auto;margin-top:4px}.mention-suggestions-dropdown .mention-suggestion-item{padding:10px 14px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column}.mention-suggestions-dropdown .mention-suggestion-item:last-child{border-bottom:none}.mention-suggestions-dropdown .mention-suggestion-item:hover{background-color:#f3f4f6}.mention-suggestions-dropdown .mention-suggestion-item .mention-suggestion-name{font-weight:600;color:#2d3748;font-size:.9rem}.mention-suggestions-dropdown .mention-suggestion-item .mention-suggestion-email{font-size:.75rem;color:#718096;margin-top:2px}.comment-body .comment-link{color:#3182ce;text-decoration:underline;cursor:pointer;transition:color .2s ease;word-break:break-all}.comment-body .comment-link:hover{color:#2c5282;text-decoration:underline}.comment-body .comment-link:visited{color:#805ad5}.comment-body .comment-mention{background-color:#ebf4ff;color:#2c5282;padding:2px 6px;border-radius:4px;font-weight:600;transition:background-color .2s ease}.comment-body .comment-mention.valid{background-color:#bee3f8;cursor:pointer}.comment-body .comment-mention.valid:hover{background-color:#90cdf4}.parent-action-item-reference{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:10px;padding:16px 20px;margin-bottom:24px;box-shadow:0 2px 8px #f59e0b33}.parent-action-item-reference .reference-header{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.95rem;color:#92400e;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.parent-action-item-reference .reference-header svg{color:#d97706}.parent-action-item-reference .reference-link{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#2563eb;border:1px solid #d97706;padding:10px 18px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.parent-action-item-reference .reference-link:hover{background:#f59e0b;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.projects-page{padding:2rem;max-width:1600px;margin:0 auto;background:#f9f9f9}.projects-page .page-header{margin-bottom:2rem}.projects-page .page-header h1{font-size:2rem;font-weight:600;color:#333;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.projects-page .page-header h1 i{color:#f63040}.projects-page .page-header .page-description{color:#57565b;font-size:1rem;margin:0}.projects-page .page-controls{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.projects-page .page-controls .filter-controls{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}.projects-page .page-controls .filter-controls .form-group{margin-bottom:0}.projects-page .page-controls .filter-controls .form-group label{font-weight:500;margin-bottom:.25rem;display:block;font-size:.85rem;color:#333}.projects-page .page-controls .filter-controls .form-group select,.projects-page .page-controls .filter-controls .form-group input{min-width:150px;padding:.5rem .75rem;border:1px solid #57565B;border-radius:6px;font-size:.9rem;background:#fff}.projects-page .page-controls .filter-controls .form-group select:focus,.projects-page .page-controls .filter-controls .form-group input:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.projects-page .page-controls .filter-controls .form-check{display:flex;align-items:center;gap:.5rem;cursor:pointer}.projects-page .page-controls .filter-controls .form-check input{width:18px;height:18px;cursor:pointer;accent-color:#F63040}.projects-page .page-controls .filter-controls .form-check label{cursor:pointer;font-size:.9rem;color:#333}.projects-page .page-controls .view-controls{display:flex;gap:1rem;align-items:center}.projects-page .page-controls .view-controls .view-toggle{display:flex;border:1px solid #57565B;border-radius:6px;overflow:hidden}.projects-page .page-controls .view-controls .view-toggle .view-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;min-width:auto;height:auto;background:#fff;border:none;cursor:pointer;transition:all .3s ease;color:#57565b;font-size:.9rem;font-weight:500}.projects-page .page-controls .view-controls .view-toggle .view-btn i{font-size:.9rem}.projects-page .page-controls .view-controls .view-toggle .view-btn span{font-size:.85rem}.projects-page .page-controls .view-controls .view-toggle .view-btn:hover{background:#ececec;transform:none}.projects-page .page-controls .view-controls .view-toggle .view-btn.active{background:#f63040;color:#fff}.projects-page .page-controls .view-controls .view-toggle .view-btn:not(:last-child){border-right:1px solid #57565B}.projects-page .page-controls .view-controls .btn-primary{height:40px;min-width:120px;background-color:#f63040;border:none;border-radius:6px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease-in-out,transform .3s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.projects-page .page-controls .view-controls .btn-primary:hover{background-color:#e90a1c;transform:translateY(-2px)}.projects-page .page-controls .view-controls .btn-primary:active{background-color:#d00919;transform:translateY(0)}.projects-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#57565b}.projects-page .loading-container i{margin-bottom:1rem;color:#f63040}.projects-page .loading-container p{font-size:1.1rem}.projects-page .empty-state{text-align:center;padding:4rem;color:#57565b}.projects-page .empty-state i{margin-bottom:1.5rem;opacity:.5;color:#f63040}.projects-page .empty-state h3{font-size:1.5rem;color:#333;margin-bottom:.5rem}.projects-page .empty-state p{margin-bottom:1.5rem}.projects-page .empty-state .btn-primary{height:40px;min-width:120px;background-color:#f63040;border:none;border-radius:6px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease-in-out,transform .3s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.projects-page .empty-state .btn-primary:hover{background-color:#e90a1c;transform:translateY(-2px)}.projects-page .projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.projects-page .project-card{background:#fff;border-radius:6px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;overflow:hidden;border:1.5px solid #e0e0e0}.projects-page .project-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px);border-color:#f63040}.projects-page .project-card.inactive{opacity:.7;background:#f9f9f9}.projects-page .project-card .project-card-header{display:flex;gap:1rem;padding:1.25rem;border-bottom:1px solid #e2e8f0}.projects-page .project-card .project-card-header .project-color-bar{width:4px;min-height:50px;border-radius:2px;flex-shrink:0}.projects-page .project-card .project-card-header .project-info{flex:1}.projects-page .project-card .project-card-header .project-info .project-name{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#2c3e50}.projects-page .project-card .project-card-header .project-info .project-meta{display:flex;gap:.5rem;flex-wrap:wrap}.projects-page .project-card .project-card-body{padding:1.25rem}.projects-page .project-card .project-card-body .project-description{color:#718096;font-size:.9rem;margin:0 0 1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.projects-page .project-card .project-card-body .project-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.projects-page .project-card .project-card-body .project-details .detail-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#718096}.projects-page .project-card .project-card-body .project-details .detail-item i{color:#a0aec0;width:16px}.projects-page .project-card .project-card-body .project-progress{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.projects-page .project-card .project-card-body .project-progress .progress-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.projects-page .project-card .project-card-body .project-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:4px;transition:width .3s ease}.projects-page .project-card .project-card-body .project-progress .progress-text{font-size:.8rem;font-weight:600;color:#4a5568;min-width:35px}.projects-page .project-card .project-card-body .project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.projects-page .project-card .project-card-body .project-tags .tag{background:#e8f4f8;color:#2980b9;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.projects-page .project-card .project-card-actions{display:flex;gap:.5rem;padding:1rem 1.25rem;background:#f8fafc;border-top:1px solid #e2e8f0}.projects-page .project-card .project-card-actions .btn{flex:1;padding:.5rem;font-size:.8rem}.projects-page .status-badge{padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.projects-page .status-badge.status-planning{background:#e8f4f8;color:#3498db}.projects-page .status-badge.status-active{background:#d4edda;color:#28a745}.projects-page .status-badge.status-on-hold{background:#fff3cd;color:#856404}.projects-page .status-badge.status-completed{background:#d1ecf1;color:#0c5460}.projects-page .status-badge.status-cancelled{background:#f8d7da;color:#721c24}.projects-page .priority-badge{padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.projects-page .priority-badge.priority-low{background:#e2e8f0;color:#718096}.projects-page .priority-badge.priority-medium{background:#fed7e2;color:#97266d}.projects-page .priority-badge.priority-high{background:#feebc8;color:#c05621}.projects-page .priority-badge.priority-critical{background:#fed7d7;color:#c53030}.projects-page .department-badge{padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;background:#f0fff4;color:#22543d}.projects-page .gantt-container{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden}.projects-page .gantt-container .gantt-header{display:flex;border-bottom:2px solid #e2e8f0;background:#f8fafc}.projects-page .gantt-container .gantt-header .gantt-project-column{width:250px;flex-shrink:0;padding:1rem;font-weight:600;color:#4a5568;border-right:1px solid #e2e8f0}.projects-page .gantt-container .gantt-header .gantt-timeline{flex:1;display:flex;overflow-x:auto}.projects-page .gantt-container .gantt-header .gantt-timeline .gantt-date-label{flex:1;min-width:80px;padding:1rem .5rem;text-align:center;font-size:.8rem;color:#718096;border-right:1px solid #e2e8f0}.projects-page .gantt-container .gantt-header .gantt-timeline .gantt-date-label:last-child{border-right:none}.projects-page .gantt-container .gantt-body{max-height:600px;overflow-y:auto}.projects-page .gantt-container .gantt-body .gantt-row{display:flex;border-bottom:1px solid #e2e8f0;min-height:50px}.projects-page .gantt-container .gantt-body .gantt-row:hover{background:#f7fafc}.projects-page .gantt-container .gantt-body .gantt-row.gantt-project-row{background:#fafbfc;font-weight:500}.projects-page .gantt-container .gantt-body .gantt-row.gantt-task-row{background:#fff}.projects-page .gantt-container .gantt-body .gantt-row.gantt-task-row .gantt-task-info{padding-left:2.5rem}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info{width:300px;flex-shrink:0;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-right:1px solid #e2e8f0}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .gantt-expand-btn{background:none;border:none;padding:.25rem;cursor:pointer;color:#57565b;width:20px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .gantt-expand-btn:hover{background:#e2e8f0;color:#f63040}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .gantt-expand-btn i{font-size:.7rem}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .task-indent{width:20px;min-width:20px;display:inline-block}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .project-name{font-size:.9rem;font-weight:500;color:#2c3e50;cursor:pointer;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .project-name:hover{color:#3498db}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .task-name{font-size:.85rem;font-weight:400;color:#4a5568;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .task-count-badge{background:#e8f4f8;color:#2980b9;padding:.15rem .5rem;border-radius:10px;font-size:.7rem;font-weight:500;white-space:nowrap}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .priority-indicator{padding:.1rem .4rem;border-radius:8px;font-size:.65rem;font-weight:500}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .priority-indicator.priority-low{background:#e2e8f0;color:#718096}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .priority-indicator.priority-medium{background:#fed7e2;color:#97266d}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .priority-indicator.priority-high{background:#feebc8;color:#c05621}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .priority-indicator.priority-critical{background:#fed7d7;color:#c53030}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .status-indicator.status-planning{background:#3498db}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .status-indicator.status-active{background:#2ecc71}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .status-indicator.status-on-hold{background:#f39c12}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .status-indicator.status-completed{background:#95a5a6}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .status-indicator.status-cancelled{background:#e74c3c}.projects-page .gantt-container .gantt-body .gantt-row .gantt-bar-container{flex:1;position:relative;padding:.5rem 0}.projects-page .gantt-container .gantt-body .gantt-row .gantt-bar-container .gantt-bar{position:absolute;height:28px;top:50%;transform:translateY(-50%);border-radius:4px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0003;overflow:hidden}.projects-page .gantt-container .gantt-body .gantt-row .gantt-bar-container .gantt-bar:hover{box-shadow:0 2px 6px #0000004d;transform:translateY(-50%) scale(1.02)}.projects-page .gantt-container .gantt-body .gantt-row .gantt-bar-container .gantt-bar.gantt-bar-project{height:28px}.projects-page .gantt-container .gantt-body .gantt-row .gantt-bar-container .gantt-bar.gantt-bar-task{height:20px;opacity:.85}.projects-page .gantt-container .gantt-body .gantt-row .gantt-bar-container .gantt-bar.gantt-bar-subtask{height:14px;opacity:.75}.projects-page .gantt-container .gantt-body .gantt-row .gantt-bar-container .gantt-bar.gantt-bar-milestone{height:24px;width:24px!important;border-radius:50%;transform:translateY(-50%) rotate(45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d}.projects-page .gantt-container .gantt-body .gantt-row .gantt-bar-container .gantt-bar.gantt-bar-milestone.achieved{border:2px solid #27ae60}.projects-page .gantt-container .gantt-body .gantt-row .gantt-bar-container .gantt-bar.gantt-bar-milestone i{transform:rotate(-45deg);color:#fff;font-size:.6rem}.projects-page .gantt-container .gantt-body .gantt-row .gantt-bar-container .gantt-bar .gantt-progress{height:100%;background:#0003;border-radius:4px 0 0 4px}.projects-page .gantt-container .gantt-body .gantt-milestone-row{background:#fffbf0!important;border-left:3px solid #f39c12}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info{padding-left:2.5rem!important}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .milestone-indent{width:16px;min-width:16px;display:inline-block}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .gantt-expand-btn-sm{background:none;border:none;padding:.15rem;cursor:pointer;color:#57565b;width:16px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s ease}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .gantt-expand-btn-sm:hover{background:#e2e8f0;color:#f63040}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .gantt-expand-btn-sm i{font-size:.6rem}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .milestone-icon{font-size:.8rem;margin-right:.25rem}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .milestone-name{font-size:.85rem;font-weight:500;color:#2c3e50;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .critical-badge{background:#f63040;color:#fff;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .milestone-status-indicator{padding:.1rem .4rem;border-radius:8px;font-size:.6rem;font-weight:500}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .milestone-status-indicator.status-pending{background:#e2e8f0;color:#718096}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .milestone-status-indicator.status-in-progress{background:#bee3f8;color:#2b6cb0}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .milestone-status-indicator.status-achieved{background:#c6f6d5;color:#276749}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .milestone-status-indicator.status-overdue{background:#fed7d7;color:#c53030}.projects-page .gantt-container .gantt-body .gantt-subtask-row{background:#f8f9fa!important}.projects-page .gantt-container .gantt-body .gantt-subtask-row .gantt-subtask-info{padding-left:4rem!important}.projects-page .gantt-container .gantt-body .gantt-subtask-row .gantt-subtask-info .subtask-indent{width:24px;min-width:24px;display:inline-block}.projects-page .gantt-container .gantt-body .gantt-subtask-row .gantt-subtask-info .subtask-name{font-size:.8rem;font-weight:400;color:#718096;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-page .gantt-container .gantt-body .gantt-subtask-row .gantt-subtask-info .subtask-name i{color:#a0aec0;margin-right:.25rem;font-size:.65rem}.projects-page .gantt-container .gantt-body .gantt-task-row .expand-placeholder{width:16px;min-width:16px;display:inline-block}.projects-page .gantt-container .gantt-body .gantt-task-row .gantt-expand-btn-sm{background:none;border:none;padding:.15rem;cursor:pointer;color:#57565b;width:16px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s ease}.projects-page .gantt-container .gantt-body .gantt-task-row .gantt-expand-btn-sm:hover{background:#e2e8f0;color:#f63040}.projects-page .gantt-container .gantt-body .gantt-task-row .gantt-expand-btn-sm i{font-size:.6rem}.projects-page .gantt-container .gantt-body .gantt-task-row .subtask-count-badge{background:#e9d8fd;color:#6b46c1;padding:.1rem .4rem;border-radius:8px;font-size:.6rem;font-weight:500;margin-left:.25rem}.projects-page .gantt-container .gantt-body .project-icon{color:#f63040;font-size:.85rem;margin-right:.25rem}.projects-page .modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.projects-page .modal-backdrop .modal-content{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.projects-page .modal-backdrop .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.projects-page .modal-backdrop .modal-content .modal-header h3{margin:0;font-size:1.25rem;color:#2c3e50}.projects-page .modal-backdrop .modal-content .modal-header .close-btn{background:none;border:none;font-size:1.25rem;color:#a0aec0;cursor:pointer;padding:.25rem .5rem;transition:color .2s ease}.projects-page .modal-backdrop .modal-content .modal-header .close-btn:hover{color:#e74c3c}.projects-page .modal-backdrop .modal-content .modal-body{padding:1.5rem;overflow-y:auto}.projects-page .modal-backdrop .modal-content .modal-body .form-row{margin-bottom:1rem}.projects-page .modal-backdrop .modal-content .modal-body .form-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.projects-page .modal-backdrop .modal-content .modal-body .form-row.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.projects-page .modal-backdrop .modal-content .modal-body .form-group label{display:block;font-weight:500;color:#4a5568;margin-bottom:.375rem;font-size:.9rem}.projects-page .modal-backdrop .modal-content .modal-body .form-group input,.projects-page .modal-backdrop .modal-content .modal-body .form-group select,.projects-page .modal-backdrop .modal-content .modal-body .form-group textarea{width:100%;padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;transition:all .2s ease}.projects-page .modal-backdrop .modal-content .modal-body .form-group input:focus,.projects-page .modal-backdrop .modal-content .modal-body .form-group select:focus,.projects-page .modal-backdrop .modal-content .modal-body .form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.projects-page .modal-backdrop .modal-content .modal-body .form-group textarea{resize:vertical;min-height:80px}.projects-page .modal-backdrop .modal-content .modal-body .form-group .color-picker{display:flex;align-items:center;gap:.75rem}.projects-page .modal-backdrop .modal-content .modal-body .form-group .color-picker input[type=color]{width:40px;height:40px;padding:2px;border-radius:6px;cursor:pointer}.projects-page .modal-backdrop .modal-content .modal-body .form-group .color-picker .color-presets{display:flex;gap:.375rem;flex-wrap:wrap}.projects-page .modal-backdrop .modal-content .modal-body .form-group .color-picker .color-presets .color-preset{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.projects-page .modal-backdrop .modal-content .modal-body .form-group .color-picker .color-presets .color-preset:hover{transform:scale(1.15)}.projects-page .modal-backdrop .modal-content .modal-body .form-group .color-picker .color-presets .color-preset.selected{border-color:#2c3e50;box-shadow:0 0 0 2px #fff,0 0 0 4px #2c3e50}.projects-page .modal-backdrop .modal-content .modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;margin-top:.5rem}.projects-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;border:1px solid transparent;font-size:.9rem;min-width:auto;height:auto}.projects-page .btn.btn-primary{background:#f63040;border-color:#f63040;color:#fff}.projects-page .btn.btn-primary:hover{background:#e90a1c;border-color:#e90a1c;transform:translateY(-2px)}.projects-page .btn.btn-secondary{background:#57565b;border-color:#57565b;color:#fff}.projects-page .btn.btn-secondary:hover{background:#706f75;border-color:#706f75;transform:translateY(-2px)}.projects-page .btn.btn-outline-primary{background:transparent;border-color:#f63040;color:#f63040}.projects-page .btn.btn-outline-primary:hover{background:#f63040;color:#fff;transform:translateY(-2px)}.projects-page .btn.btn-outline-info{background:transparent;border-color:#57565b;color:#57565b}.projects-page .btn.btn-outline-info:hover{background:#57565b;color:#fff;transform:translateY(-2px)}.projects-page .btn.btn-outline-danger{background:transparent;border-color:#f63040;color:#f63040}.projects-page .btn.btn-outline-danger:hover{background:#f63040;color:#fff;transform:translateY(-2px)}.projects-page .btn.btn-sm{padding:.375rem .75rem;font-size:.8rem;min-width:auto;height:auto}@media(max-width:1024px){.projects-page .gantt-container .gantt-header .gantt-project-column,.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info{width:180px}.projects-page .modal-backdrop .modal-content .modal-body .form-row.two-col,.projects-page .modal-backdrop .modal-content .modal-body .form-row.three-col{grid-template-columns:1fr}}@media(max-width:768px){.projects-page{padding:1rem}.projects-page .page-controls{flex-direction:column;align-items:stretch}.projects-page .page-controls .filter-controls{flex-direction:column;width:100%}.projects-page .page-controls .filter-controls .form-group,.projects-page .page-controls .filter-controls .form-group select,.projects-page .page-controls .filter-controls .form-group input{width:100%}.projects-page .page-controls .view-controls{justify-content:space-between}.projects-page .projects-grid{grid-template-columns:1fr}.projects-page .gantt-container .gantt-header .gantt-project-column,.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info{width:120px}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .project-name{font-size:.8rem}.projects-page .modal-backdrop{padding:1rem}.projects-page .modal-backdrop .modal-content{max-height:95vh}}.project-detail-page{padding:2rem;max-width:1400px;margin:0 auto;background:#f9f9f9;min-height:100vh}.project-detail-page .loading-container,.project-detail-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#57565b}.project-detail-page .loading-container i,.project-detail-page .error-container i{margin-bottom:1rem;color:#f63040}.project-detail-page .loading-container p,.project-detail-page .error-container p{font-size:1.1rem;margin-bottom:1.5rem}.project-detail-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.project-detail-page .page-header .header-left{display:flex;align-items:flex-start;gap:1rem}.project-detail-page .page-header .header-left .back-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.project-detail-page .page-header .header-left .back-btn:hover{background:#f63040;color:#fff;border-color:#f63040;transform:translate(-2px)}.project-detail-page .page-header .header-left .project-title-section{display:flex;gap:1rem;align-items:flex-start}.project-detail-page .page-header .header-left .project-title-section .project-color-indicator{width:6px;height:100%;min-height:50px;border-radius:3px;flex-shrink:0}.project-detail-page .page-header .header-left .project-title-section h1{margin:0 0 .5rem;font-size:1.75rem;color:#333}.project-detail-page .page-header .header-left .project-title-section .project-meta{display:flex;gap:.5rem;flex-wrap:wrap}.project-detail-page .page-header .header-right .btn-primary{height:40px;min-width:120px;background-color:#f63040;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.project-detail-page .page-header .header-right .btn-primary:hover{background-color:#e90a1c;transform:translateY(-2px)}.project-detail-page .project-info-section{background:#fff;border-radius:6px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014;border:1.5px solid #e0e0e0}.project-detail-page .project-info-section .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.project-detail-page .project-info-section .info-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9f9f9;border-radius:6px}.project-detail-page .project-info-section .info-card .info-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;color:#f63040;flex-shrink:0}.project-detail-page .project-info-section .info-card .info-content .label{display:block;font-size:.8rem;color:#57565b;margin-bottom:.25rem}.project-detail-page .project-info-section .info-card .info-content .value{font-weight:600;color:#333}.project-detail-page .project-info-section .info-card .info-content .progress-bar-container{display:flex;align-items:center;gap:.75rem}.project-detail-page .project-info-section .info-card .info-content .progress-bar-container .progress-bar{width:100px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.project-detail-page .project-info-section .info-card .info-content .progress-bar-container .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#f63040,#2ecc71);border-radius:4px;transition:width .3s ease}.project-detail-page .project-info-section .info-card .info-content .progress-bar-container .progress-text{font-weight:600;color:#333}.project-detail-page .project-info-section .project-description{padding-top:1rem;border-top:1px solid #e2e8f0}.project-detail-page .project-info-section .project-description h3{font-size:1rem;color:#57565b;margin-bottom:.5rem}.project-detail-page .project-info-section .project-description p{color:#333;line-height:1.6;margin:0}.project-detail-page .stats-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.project-detail-page .stats-section .stat-card{background:#fff;border-radius:6px;padding:1.25rem 1.5rem;min-width:120px;text-align:center;box-shadow:0 2px 8px #00000014;border:1.5px solid #e0e0e0;transition:all .3s ease}.project-detail-page .stats-section .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.project-detail-page .stats-section .stat-card .stat-value{display:block;font-size:1.75rem;font-weight:700;color:#333;margin-bottom:.25rem}.project-detail-page .stats-section .stat-card .stat-label{font-size:.85rem;color:#57565b}.project-detail-page .stats-section .stat-card.completed{border-color:#2ecc71}.project-detail-page .stats-section .stat-card.completed .stat-value{color:#27ae60}.project-detail-page .stats-section .stat-card.in-progress{border-color:#3498db}.project-detail-page .stats-section .stat-card.in-progress .stat-value{color:#2980b9}.project-detail-page .stats-section .stat-card.open{border-color:#f39c12}.project-detail-page .stats-section .stat-card.open .stat-value{color:#e67e22}.project-detail-page .stats-section .stat-card.overdue{border-color:#f63040;background:#fef2f2}.project-detail-page .stats-section .stat-card.overdue .stat-value{color:#f63040}.project-detail-page .tasks-section{background:#fff;border-radius:6px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1.5px solid #e0e0e0}.project-detail-page .tasks-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.project-detail-page .tasks-section .section-header h2{margin:0;font-size:1.25rem;color:#333;display:flex;align-items:center;gap:.5rem}.project-detail-page .tasks-section .section-header h2 i{color:#f63040}.project-detail-page .tasks-section .section-header .task-count{color:#57565b;font-size:.9rem}.project-detail-page .tasks-section .empty-tasks{text-align:center;padding:3rem;color:#57565b}.project-detail-page .tasks-section .empty-tasks i{margin-bottom:1rem;opacity:.5;color:#f63040}.project-detail-page .tasks-section .empty-tasks h3{margin-bottom:.5rem;color:#333}.project-detail-page .tasks-section .empty-tasks p{margin-bottom:1.5rem}.project-detail-page .tasks-table .tasks-header{display:grid;grid-template-columns:40px 1fr 120px 100px 150px 130px 100px;gap:.5rem;padding:.75rem 1rem;background:#f9f9f9;border-radius:6px 6px 0 0;font-weight:600;color:#57565b;font-size:.85rem;border-bottom:2px solid #e2e8f0}.project-detail-page .tasks-table .tasks-header>div{display:flex;align-items:center}.project-detail-page .tasks-table .tasks-body .task-row{display:grid;grid-template-columns:40px 1fr 120px 100px 150px 130px 100px;gap:.5rem;padding:.875rem 1rem;border-bottom:1px solid #e2e8f0;align-items:center;transition:all .3s ease}.project-detail-page .tasks-table .tasks-body .task-row:hover{background:#f7fafc}.project-detail-page .tasks-table .tasks-body .task-row.completed{opacity:.7;background:#fafafa}.project-detail-page .tasks-table .tasks-body .task-row.level-1{background:#00000005}.project-detail-page .tasks-table .tasks-body .task-row.level-2{background:#0000000a}.project-detail-page .tasks-table .tasks-body .task-row.level-3{background:#0000000f}.project-detail-page .tasks-table .task-expand{display:flex;align-items:center}.project-detail-page .tasks-table .task-expand .expand-btn{background:none;border:none;padding:.25rem;cursor:pointer;color:#57565b;min-width:auto;height:auto}.project-detail-page .tasks-table .task-expand .expand-btn:hover{color:#f63040;transform:none}.project-detail-page .tasks-table .task-expand .no-expand{width:16px}.project-detail-page .tasks-table .task-info{min-width:0}.project-detail-page .tasks-table .task-info .task-title{font-weight:500;color:#333;display:flex;align-items:center;gap:.5rem}.project-detail-page .tasks-table .task-info .task-title .strikethrough{text-decoration:line-through;color:#57565b}.project-detail-page .tasks-table .task-info .task-title .subtask-badge{font-size:.7rem;background:#e8f4f8;color:#2980b9;padding:.1rem .4rem;border-radius:4px;font-weight:500}.project-detail-page .tasks-table .task-info .task-description{font-size:.8rem;color:#57565b;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-detail-page .tasks-table .task-status .status-select{width:100%;padding:.375rem .5rem;border-radius:6px;border:1px solid #e2e8f0;font-size:.8rem;cursor:pointer;background:#fff}.project-detail-page .tasks-table .task-status .status-select:focus{outline:none;border-color:#f63040}.project-detail-page .tasks-table .task-status .status-select.status-open{border-color:#f39c12;color:#e67e22}.project-detail-page .tasks-table .task-status .status-select.status-in-progress{border-color:#3498db;color:#2980b9}.project-detail-page .tasks-table .task-status .status-select.status-pending{border-color:#9b59b6;color:#8e44ad}.project-detail-page .tasks-table .task-status .status-select.status-closed,.project-detail-page .tasks-table .task-status .status-select.status-completed{border-color:#2ecc71;color:#27ae60}.project-detail-page .tasks-table .task-assignee{font-size:.85rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-detail-page .tasks-table .task-dates{font-size:.85rem;color:#57565b}.project-detail-page .tasks-table .task-dates .overdue{color:#f63040;font-weight:600}.project-detail-page .tasks-table .task-actions{display:flex;gap:.375rem}.project-detail-page .tasks-table .task-actions .btn-icon{background:#f8fafc;border:1px solid #cbd5e1;padding:.5rem .625rem;border-radius:6px;cursor:pointer;color:#475569;transition:all .3s ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.875rem}.project-detail-page .tasks-table .task-actions .btn-icon:hover{background:#f63040;border-color:#f63040;color:#fff;transform:scale(1.05);box-shadow:0 2px 4px #00000026}.project-detail-page .tasks-table .task-actions .btn-icon.btn-edit{background:#e0f2fe;border-color:#7dd3fc;color:#0369a1}.project-detail-page .tasks-table .task-actions .btn-icon.btn-edit:hover{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.project-detail-page .tasks-table .task-actions .btn-icon.btn-add{background:#dcfce7;border-color:#86efac;color:#15803d}.project-detail-page .tasks-table .task-actions .btn-icon.btn-add:hover{background:#22c55e;border-color:#22c55e;color:#fff}.project-detail-page .tasks-table .task-actions .btn-icon.btn-danger{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.project-detail-page .tasks-table .task-actions .btn-icon.btn-danger:hover{background:#ef4444;border-color:#ef4444;color:#fff}.project-detail-page .status-badge{padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.project-detail-page .status-badge.status-planning{background:#e8f4f8;color:#3498db}.project-detail-page .status-badge.status-active{background:#d4edda;color:#28a745}.project-detail-page .status-badge.status-on-hold{background:#fff3cd;color:#856404}.project-detail-page .status-badge.status-completed{background:#d1ecf1;color:#0c5460}.project-detail-page .status-badge.status-cancelled{background:#f8d7da;color:#721c24}.project-detail-page .priority-badge{padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.project-detail-page .priority-badge.priority-low{background:#e2e8f0;color:#718096}.project-detail-page .priority-badge.priority-medium{background:#fed7e2;color:#97266d}.project-detail-page .priority-badge.priority-high{background:#feebc8;color:#c05621}.project-detail-page .priority-badge.priority-critical{background:#fed7d7;color:#c53030}.project-detail-page .department-badge{padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;background:#f0fff4;color:#22543d}.project-detail-page .modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.project-detail-page .modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.project-detail-page .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.project-detail-page .modal-content .modal-header h3{margin:0;font-size:1.25rem;color:#333}.project-detail-page .modal-content .modal-header .close-btn{background:none;border:none;font-size:1.25rem;color:#a0aec0;cursor:pointer;padding:.25rem .5rem;min-width:auto;height:auto}.project-detail-page .modal-content .modal-header .close-btn:hover{color:#f63040;transform:none}.project-detail-page .modal-content .modal-body{padding:1.5rem;overflow-y:auto}.project-detail-page .modal-content .modal-body .form-group{margin-bottom:1rem}.project-detail-page .modal-content .modal-body .form-group label{display:block;font-weight:500;color:#4a5568;margin-bottom:.375rem;font-size:.9rem}.project-detail-page .modal-content .modal-body .form-group input,.project-detail-page .modal-content .modal-body .form-group select,.project-detail-page .modal-content .modal-body .form-group textarea{width:100%;padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;transition:all .2s ease}.project-detail-page .modal-content .modal-body .form-group input:focus,.project-detail-page .modal-content .modal-body .form-group select:focus,.project-detail-page .modal-content .modal-body .form-group textarea:focus{outline:none;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.project-detail-page .modal-content .modal-body .form-group textarea{resize:vertical;min-height:80px}.project-detail-page .modal-content .modal-body .form-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.project-detail-page .modal-content .modal-body .modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;margin-top:.5rem}.project-detail-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;border:1px solid transparent;font-size:.9rem;min-width:auto;height:auto}.project-detail-page .btn.btn-primary{background:#f63040;border-color:#f63040;color:#fff}.project-detail-page .btn.btn-primary:hover{background:#e90a1c;border-color:#e90a1c;transform:translateY(-2px)}.project-detail-page .btn.btn-secondary{background:#57565b;border-color:#57565b;color:#fff}.project-detail-page .btn.btn-secondary:hover{background:#706f75;border-color:#706f75;transform:translateY(-2px)}.project-detail-page .view-toggle-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.project-detail-page .view-toggle-tabs .tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.95rem;font-weight:500;color:#57565b;transition:all .3s ease;margin-bottom:-2px}.project-detail-page .view-toggle-tabs .tab-btn i{font-size:.9rem}.project-detail-page .view-toggle-tabs .tab-btn .tab-badge{background:#e2e8f0;color:#57565b;padding:.1rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600}.project-detail-page .view-toggle-tabs .tab-btn:hover{color:#f63040;border-bottom-color:#f630404d}.project-detail-page .view-toggle-tabs .tab-btn.active{color:#f63040;border-bottom-color:#f63040}.project-detail-page .view-toggle-tabs .tab-btn.active .tab-badge{background:#f63040;color:#fff}.project-detail-page .milestones-section{background:#fff;border-radius:6px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1.5px solid #e0e0e0}.project-detail-page .milestones-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.project-detail-page .milestones-section .section-header h2{margin:0;font-size:1.25rem;color:#333;display:flex;align-items:center;gap:.5rem}.project-detail-page .milestones-section .section-header h2 i{color:#f63040}.project-detail-page .milestones-section .empty-milestones{text-align:center;padding:3rem;color:#57565b}.project-detail-page .milestones-section .empty-milestones i{margin-bottom:1rem;opacity:.5;color:#f63040}.project-detail-page .milestones-section .empty-milestones h3{margin-bottom:.5rem;color:#333}.project-detail-page .milestones-section .empty-milestones p{margin-bottom:1.5rem}.project-detail-page .milestones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}.project-detail-page .milestones-grid .milestone-card{display:flex;gap:1rem;padding:1.25rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0;transition:all .3s ease}.project-detail-page .milestones-grid .milestone-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.project-detail-page .milestones-grid .milestone-card.achieved{background:#f0fff4;border-color:#68d391}.project-detail-page .milestones-grid .milestone-card.achieved .milestone-icon{box-shadow:0 0 0 4px #68d39133}.project-detail-page .milestones-grid .milestone-card.critical{border-left:4px solid #F63040}.project-detail-page .milestones-grid .milestone-card .milestone-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0}.project-detail-page .milestones-grid .milestone-card .milestone-content{flex:1;min-width:0}.project-detail-page .milestones-grid .milestone-card .milestone-content h4{margin:0 0 .25rem;font-size:1rem;color:#333}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-description{color:#57565b;font-size:.85rem;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta .milestone-status{padding:.2rem .5rem;border-radius:10px;font-weight:500}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta .milestone-status.status-pending{background:#e2e8f0;color:#718096}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta .milestone-status.status-in-progress{background:#bee3f8;color:#2b6cb0}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta .milestone-status.status-achieved{background:#c6f6d5;color:#276749}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta .milestone-status.status-overdue{background:#fed7d7;color:#c53030}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta .milestone-status.status-cancelled{background:#faf5ff;color:#6b46c1}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta .milestone-date{color:#57565b;display:flex;align-items:center;gap:.25rem}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta .critical-badge{color:#f63040;font-weight:600;display:flex;align-items:center;gap:.25rem}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta .notify-badge{color:#f6ad55}.project-detail-page .milestones-grid .milestone-card .milestone-content .achieved-info{margin-top:.5rem;color:#2f855a;font-size:.8rem;display:flex;align-items:center;gap:.25rem}.project-detail-page .milestones-grid .milestone-card .milestone-actions{display:flex;flex-direction:column;gap:.25rem}.project-detail-page .milestones-grid .milestone-card .milestone-actions .btn-icon{background:none;border:1px solid #e2e8f0;padding:.375rem;border-radius:6px;cursor:pointer;color:#57565b;transition:all .3s ease;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.75rem}.project-detail-page .milestones-grid .milestone-card .milestone-actions .btn-icon.btn-achieve{background:#c6f6d5;border-color:#68d391;color:#276749}.project-detail-page .milestones-grid .milestone-card .milestone-actions .btn-icon.btn-achieve:hover{background:#48bb78;color:#fff}.project-detail-page .milestones-grid .milestone-card .milestone-actions .btn-icon.btn-edit:hover{background:#3498db;border-color:#3498db;color:#fff}.project-detail-page .milestones-grid .milestone-card .milestone-actions .btn-icon.btn-danger:hover{background:#f63040;border-color:#f63040;color:#fff}.project-detail-page .form-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.project-detail-page .form-section h4{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#333;margin:0 0 .75rem}.project-detail-page .form-section h4 i{color:#f6ad55}.project-detail-page .form-section .form-check-group{display:flex;flex-direction:column;gap:.5rem}.project-detail-page .form-check{display:flex;align-items:center;gap:.5rem;cursor:pointer}.project-detail-page .form-check input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#F63040}.project-detail-page .form-check span{font-size:.9rem;color:#333}.project-detail-page .form-hint{display:block;margin-top:.25rem;font-size:.8rem;color:#57565b}.project-detail-page .modal-content .color-picker{display:flex;align-items:center;gap:.75rem}.project-detail-page .modal-content .color-picker input[type=color]{width:40px;height:40px;padding:2px;border-radius:6px;cursor:pointer;border:1px solid #e2e8f0}.project-detail-page .modal-content .color-picker .color-presets{display:flex;gap:.25rem;flex-wrap:wrap}.project-detail-page .modal-content .color-picker .color-presets .color-preset{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.project-detail-page .modal-content .color-picker .color-presets .color-preset:hover{transform:scale(1.15)}.project-detail-page .modal-content .color-picker .color-presets .color-preset.selected{border-color:#2c3e50;box-shadow:0 0 0 2px #fff,0 0 0 4px #2c3e50}.project-detail-page .milestone-modal{max-width:600px}.project-detail-page .kanban-section{background:#fff;border-radius:6px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1.5px solid #e0e0e0}.project-detail-page .kanban-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.project-detail-page .kanban-section .section-header h2{margin:0;font-size:1.25rem;color:#333;display:flex;align-items:center;gap:.5rem}.project-detail-page .kanban-section .section-header h2 i{color:#f63040}.project-detail-page .kanban-board{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;min-height:400px;overflow-x:auto;padding-bottom:1rem}@media(max-width:1400px){.project-detail-page .kanban-board{grid-template-columns:repeat(5,minmax(220px,1fr))}}@media(max-width:1024px){.project-detail-page .kanban-board{grid-template-columns:repeat(5,250px)}}.project-detail-page .kanban-column{background:#f8f9fa;border-radius:6px;min-height:300px;display:flex;flex-direction:column;transition:all .3s ease}.project-detail-page .kanban-column.drop-target{background:#e8f4fd;box-shadow:0 0 0 2px #3498db inset}.project-detail-page .kanban-column .column-header{padding:.75rem 1rem;border-top:3px solid #e2e8f0;border-radius:6px 6px 0 0;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e2e8f0}.project-detail-page .kanban-column .column-header .column-title{font-weight:600;font-size:.9rem;color:#333}.project-detail-page .kanban-column .column-header .column-count{background:#e2e8f0;padding:.15rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600;color:#57565b}.project-detail-page .kanban-column .column-body{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;max-height:600px}.project-detail-page .kanban-card{background:#fff;border-radius:6px;padding:.875rem;box-shadow:0 1px 3px #0000001a;cursor:grab;transition:all .3s ease;border-left:3px solid transparent}.project-detail-page .kanban-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.project-detail-page .kanban-card:active{cursor:grabbing}.project-detail-page .kanban-card.completed{opacity:.7;background:#f8f9fa}.project-detail-page .kanban-card.completed .card-title{text-decoration:line-through;color:#57565b}.project-detail-page .kanban-card.has-subtasks{border-left-color:#9b59b6}.project-detail-page .kanban-card .card-header{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.project-detail-page .kanban-card .card-header .priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.project-detail-page .kanban-card .card-header .priority-dot.priority-low{background:#27ae60}.project-detail-page .kanban-card .card-header .priority-dot.priority-medium{background:#f39c12}.project-detail-page .kanban-card .card-header .priority-dot.priority-high{background:#e67e22}.project-detail-page .kanban-card .card-header .priority-dot.priority-critical{background:#f63040}.project-detail-page .kanban-card .card-header .card-title{font-weight:500;font-size:.9rem;color:#333;line-height:1.3}.project-detail-page .kanban-card .card-description{font-size:.8rem;color:#57565b;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-detail-page .kanban-card .card-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:#57565b;margin-bottom:.5rem}.project-detail-page .kanban-card .card-meta .due-date,.project-detail-page .kanban-card .card-meta .assignee{display:flex;align-items:center;gap:.25rem}.project-detail-page .kanban-card .card-meta .due-date i,.project-detail-page .kanban-card .card-meta .assignee i{font-size:.7rem}.project-detail-page .kanban-card .card-meta .due-date.overdue{color:#f63040;font-weight:600}.project-detail-page .kanban-card .card-subtasks{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.project-detail-page .kanban-card .card-subtasks .subtasks-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#9b59b6;font-weight:600;margin-bottom:.5rem}.project-detail-page .kanban-card .card-subtasks .subtasks-header i{font-size:.7rem}.project-detail-page .kanban-card .card-subtasks .subtasks-list{display:flex;flex-direction:column;gap:.25rem}.project-detail-page .kanban-card .card-subtasks .subtask-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;background:#f8f9fa;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.8rem;color:#333}.project-detail-page .kanban-card .card-subtasks .subtask-item:hover{background:#e2e8f0}.project-detail-page .kanban-card .card-subtasks .subtask-item.completed span{text-decoration:line-through;color:#57565b}.project-detail-page .kanban-card .card-subtasks .subtask-item.completed i{color:#27ae60}.project-detail-page .kanban-card .card-subtasks .subtask-item i{font-size:.7rem;color:#57565b}.project-detail-page .kanban-card .card-actions{display:flex;justify-content:flex-end;gap:.25rem;margin-top:.5rem;opacity:0;transition:opacity .2s ease}.project-detail-page .kanban-card .card-actions .btn-icon{padding:.25rem .4rem;font-size:.7rem;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;color:#57565b;transition:all .2s ease}.project-detail-page .kanban-card .card-actions .btn-icon.btn-add:hover{background:#27ae60;border-color:#27ae60;color:#fff}.project-detail-page .kanban-card .card-actions .btn-icon.btn-edit:hover{background:#3498db;border-color:#3498db;color:#fff}.project-detail-page .kanban-card:hover .card-actions{opacity:1}.project-detail-page .kanban-card.drop-zone{position:relative}.project-detail-page .kanban-card.drop-zone:before{content:"";position:absolute;inset:0;border:2px dashed transparent;border-radius:6px;pointer-events:none;transition:all .2s ease}.project-detail-page .kanban-card.drop-zone:hover:before{border-color:#3498db;background:#3498db0d}.project-detail-page .subtask-item.draggable{cursor:grab}.project-detail-page .subtask-item.draggable:active{cursor:grabbing}.project-detail-page .subtask-item.draggable .drag-handle{color:#cbd5e0;font-size:.6rem;margin-right:.25rem;opacity:0;transition:opacity .2s ease}.project-detail-page .subtask-item.draggable:hover .drag-handle{opacity:1}.project-detail-page .kanban-column.wip-exceeded .column-header{background:#fff5f5}.project-detail-page .kanban-column.wip-exceeded .column-header .column-count{background:#e74c3c;color:#fff}.project-detail-page .kanban-column .column-header .column-header-right{display:flex;align-items:center;gap:.5rem}.project-detail-page .kanban-column .column-header .column-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.project-detail-page .kanban-column .column-header:hover .column-actions{opacity:1}.project-detail-page .kanban-column .column-header .btn-icon-sm{padding:.2rem .35rem;font-size:.7rem;background:transparent;border:none;cursor:pointer;color:#57565b;border-radius:3px;transition:all .2s ease}.project-detail-page .kanban-column .column-header .btn-icon-sm:hover{background:#e2e8f0;color:#3498db}.project-detail-page .kanban-column .column-header .btn-icon-sm.btn-danger-sm:hover{background:#fee2e2;color:#f63040}.project-detail-page .column-modal{max-width:500px}.project-detail-page .section-header .header-actions{display:flex;gap:.5rem;align-items:center}.project-detail-page .section-header .btn-outline{background:transparent;border:1px solid #e2e8f0;color:#57565b;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.project-detail-page .section-header .btn-outline:hover{border-color:#3498db;color:#3498db;background:#f0f7ff}.project-detail-page .section-header .btn-outline-secondary{background:transparent;border:1px solid #e2e8f0;color:#57565b;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.project-detail-page .section-header .btn-outline-secondary:hover{border-color:#e74c3c;color:#e74c3c;background:#fef2f2}.project-detail-page .subtask-count{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:#9b59b6;background:#f3e8ff;padding:.15rem .5rem;border-radius:10px;margin-left:.5rem}.project-detail-page .subtask-count i{font-size:.65rem}.project-detail-page .kanban-with-swimlanes{display:flex;flex-direction:column;gap:0;overflow-x:auto}.project-detail-page .kanban-column-headers{display:grid;gap:0;background:#f8f9fa;border-bottom:2px solid #e2e8f0;position:sticky;top:0;z-index:10}.project-detail-page .kanban-column-headers .swimlane-label-header{padding:.75rem 1rem;font-weight:600;color:#57565b;font-size:.85rem;background:#f0f4f8;border-right:1px solid #e2e8f0}.project-detail-page .kanban-column-headers .column-header-cell{padding:.75rem 1rem;font-weight:600;color:#333;text-align:center;border-top:3px solid #3498db;display:flex;justify-content:space-between;align-items:center;background:#fff;border-right:1px solid #e2e8f0}.project-detail-page .kanban-column-headers .column-header-cell .column-title{font-size:.9rem}.project-detail-page .kanban-column-headers .column-header-cell .column-actions{display:flex;gap:.25rem}.project-detail-page .kanban-swimlane{border-bottom:1px solid #e2e8f0}.project-detail-page .kanban-swimlane.unassigned-swimlane{background:#fafafa}.project-detail-page .swimlane-header{padding:.75rem 1rem;background:#fafbfc;border-left:4px solid #f39c12;display:flex;align-items:center}.project-detail-page .swimlane-header .swimlane-label{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.project-detail-page .swimlane-header .swimlane-label i{font-size:1rem}.project-detail-page .swimlane-header .swimlane-label .milestone-name{font-weight:600;font-size:.95rem;color:#333}.project-detail-page .swimlane-header .swimlane-label .critical-badge{background:#f63040;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem}.project-detail-page .swimlane-header .swimlane-label .milestone-status-badge{padding:.15rem .5rem;border-radius:10px;font-size:.7rem;font-weight:500}.project-detail-page .swimlane-header .swimlane-label .milestone-status-badge.status-pending{background:#e2e8f0;color:#718096}.project-detail-page .swimlane-header .swimlane-label .milestone-status-badge.status-in-progress{background:#bee3f8;color:#2b6cb0}.project-detail-page .swimlane-header .swimlane-label .milestone-status-badge.status-achieved{background:#c6f6d5;color:#276749}.project-detail-page .swimlane-header .swimlane-label .milestone-target-date{font-size:.8rem;color:#57565b;display:flex;align-items:center;gap:.35rem}.project-detail-page .swimlane-header .swimlane-label .milestone-target-date i{font-size:.7rem}.project-detail-page .swimlane-header .swimlane-label .task-count{font-size:.8rem;color:#57565b;background:#e8f4f8;padding:.1rem .5rem;border-radius:10px}.project-detail-page .swimlane-body{display:grid;gap:0;min-height:100px;background:#fff}.project-detail-page .swimlane-body .swimlane-spacer{background:#fafbfc;border-right:1px solid #e2e8f0}.project-detail-page .swimlane-body .kanban-cell{padding:.75rem;border-right:1px solid #e2e8f0;background:#fafafa;min-height:80px;transition:background .2s ease}.project-detail-page .swimlane-body .kanban-cell.drop-target{background:#e8f4fd}.project-detail-page .swimlane-body .kanban-cell.wip-exceeded{background:#fef2f2}.project-detail-page .no-milestones-message{padding:1.5rem;background:#fffbf0;border:1px solid #f39c12;border-radius:6px;text-align:center;color:#57565b}.project-detail-page .no-milestones-message i{color:#f39c12;margin-right:.5rem}.project-detail-page .tasks-grouped-by-milestone{display:flex;flex-direction:column;gap:1.5rem}.project-detail-page .milestone-task-group{background:#fff;border-radius:6px;border:1px solid #e2e8f0;overflow:hidden}.project-detail-page .milestone-task-group.unassigned-group{background:#fafafa}.project-detail-page .milestone-group-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#fafbfc;border-left:4px solid #f39c12;border-bottom:1px solid #e2e8f0}.project-detail-page .milestone-group-header .milestone-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.project-detail-page .milestone-group-header .milestone-info i{font-size:1rem}.project-detail-page .milestone-group-header .milestone-info .milestone-name{font-weight:600;font-size:1rem;color:#333}.project-detail-page .milestone-group-header .milestone-info .critical-badge{background:#f63040;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem}.project-detail-page .milestone-group-header .milestone-info .milestone-status-badge{padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.project-detail-page .milestone-group-header .milestone-info .milestone-status-badge.status-pending{background:#e2e8f0;color:#718096}.project-detail-page .milestone-group-header .milestone-info .milestone-status-badge.status-in-progress{background:#bee3f8;color:#2b6cb0}.project-detail-page .milestone-group-header .milestone-info .milestone-status-badge.status-achieved{background:#c6f6d5;color:#276749}.project-detail-page .milestone-group-header .milestone-info .milestone-target-date{font-size:.85rem;color:#57565b;display:flex;align-items:center;gap:.35rem}.project-detail-page .milestone-group-header .milestone-info .milestone-target-date i{font-size:.75rem}.project-detail-page .milestone-group-header .task-count-badge{font-size:.85rem;color:#57565b;background:#e8f4f8;padding:.25rem .75rem;border-radius:12px}.project-detail-page .milestone-task-group .tasks-table{border:none;border-radius:0;box-shadow:none}.project-detail-page .date-input-wrapper{position:relative}.project-detail-page .date-input-wrapper .date-input-native{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.project-detail-page .date-input-wrapper .date-input-display{display:flex;justify-content:space-between;align-items:center;padding:.65rem .9rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease}.project-detail-page .date-input-wrapper .date-input-display span{font-size:.9rem;color:#333}.project-detail-page .date-input-wrapper .date-input-display span.placeholder{color:#a0aec0}.project-detail-page .date-input-wrapper .date-input-display i{color:#57565b}.project-detail-page .date-input-wrapper:hover .date-input-display{border-color:#cbd5e0}.project-detail-page .date-input-wrapper:focus-within .date-input-display{border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.project-detail-page .task-row.clickable{cursor:pointer}.project-detail-page .task-row.clickable:hover{background:#e8f4fd}.project-detail-page .task-actions .btn-icon.btn-view{background:#f0f4f8;border-color:#94a3b8;color:#57565b}.project-detail-page .task-actions .btn-icon.btn-view:hover{background:#57565b;border-color:#57565b;color:#fff}.project-detail-page .task-detail-modal{max-width:700px;max-height:85vh}.project-detail-page .task-detail-modal .task-detail-tabs{display:flex;gap:0;padding:0 1.5rem;border-bottom:2px solid #e2e8f0;overflow-x:auto}.project-detail-page .task-detail-modal .task-detail-tabs .tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:#57565b;transition:all .3s ease;margin-bottom:-2px;white-space:nowrap;min-width:auto;height:auto}.project-detail-page .task-detail-modal .task-detail-tabs .tab-btn i{font-size:.85rem}.project-detail-page .task-detail-modal .task-detail-tabs .tab-btn .tab-badge{background:#e2e8f0;color:#57565b;padding:.1rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600}.project-detail-page .task-detail-modal .task-detail-tabs .tab-btn:hover{color:#f63040;border-bottom-color:#f630404d;transform:none}.project-detail-page .task-detail-modal .task-detail-tabs .tab-btn.active{color:#f63040;border-bottom-color:#f63040}.project-detail-page .task-detail-modal .task-detail-tabs .tab-btn.active .tab-badge{background:#f63040;color:#fff}.project-detail-page .task-detail-modal .modal-body{max-height:55vh;overflow-y:auto}.project-detail-page .task-details-content .detail-row{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.project-detail-page .task-details-content .detail-row.full-width{flex-direction:column;gap:.5rem}.project-detail-page .task-details-content .detail-row .detail-label{font-weight:600;color:#57565b;min-width:100px;font-size:.9rem}.project-detail-page .task-details-content .detail-row .detail-description{margin:0;color:#333;line-height:1.6}.project-detail-page .task-details-content .detail-row .overdue{color:#f63040;font-weight:600}.project-detail-page .task-details-content .detail-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.project-detail-page .subtasks-content .subtasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-detail-page .subtasks-content .subtasks-header h4{margin:0;color:#333}.project-detail-page .subtasks-content .subtasks-list-modal{display:flex;flex-direction:column;gap:.5rem}.project-detail-page .subtasks-content .subtasks-list-modal .subtask-item-modal{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:6px;cursor:pointer;transition:all .2s ease}.project-detail-page .subtasks-content .subtasks-list-modal .subtask-item-modal:hover{background:#e8f4fd}.project-detail-page .subtasks-content .subtasks-list-modal .subtask-item-modal.completed .subtask-title{text-decoration:line-through;color:#57565b}.project-detail-page .subtasks-content .subtasks-list-modal .subtask-item-modal.completed i{color:#27ae60}.project-detail-page .subtasks-content .subtasks-list-modal .subtask-item-modal i{color:#cbd5e0;font-size:.9rem}.project-detail-page .subtasks-content .subtasks-list-modal .subtask-item-modal .subtask-title{flex:1;color:#333}.project-detail-page .subtasks-content .subtasks-list-modal .subtask-item-modal .status-badge-sm{padding:.15rem .4rem;border-radius:8px;font-size:.7rem;font-weight:500}.project-detail-page .subtasks-content .subtasks-list-modal .subtask-item-modal .status-badge-sm.status-open{background:#feebc8;color:#c05621}.project-detail-page .subtasks-content .subtasks-list-modal .subtask-item-modal .status-badge-sm.status-in-progress{background:#bee3f8;color:#2b6cb0}.project-detail-page .subtasks-content .subtasks-list-modal .subtask-item-modal .status-badge-sm.status-pending{background:#e9d8fd;color:#6b46c1}.project-detail-page .subtasks-content .subtasks-list-modal .subtask-item-modal .status-badge-sm.status-closed,.project-detail-page .subtasks-content .subtasks-list-modal .subtask-item-modal .status-badge-sm.status-completed{background:#c6f6d5;color:#276749}.project-detail-page .comments-content .add-comment-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.project-detail-page .comments-content .add-comment-form textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;resize:vertical;font-size:.9rem}.project-detail-page .comments-content .add-comment-form textarea:focus{outline:none;border-color:#f63040}.project-detail-page .comments-content .add-comment-form button{align-self:flex-end}.project-detail-page .comments-content .comments-list{display:flex;flex-direction:column;gap:1rem}.project-detail-page .comments-content .comments-list .comment-item{background:#f8f9fa;border-radius:6px;padding:1rem}.project-detail-page .comments-content .comments-list .comment-item .comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.project-detail-page .comments-content .comments-list .comment-item .comment-header .comment-author{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#333}.project-detail-page .comments-content .comments-list .comment-item .comment-header .comment-author i{color:#57565b}.project-detail-page .comments-content .comments-list .comment-item .comment-header .comment-date{font-size:.8rem;color:#57565b}.project-detail-page .comments-content .comments-list .comment-item .comment-body{color:#333;line-height:1.5;white-space:pre-wrap}.project-detail-page .files-content .file-upload-form{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.project-detail-page .files-content .files-list{display:flex;flex-direction:column;gap:.5rem}.project-detail-page .files-content .files-list .file-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:6px}.project-detail-page .files-content .files-list .file-item i{color:#57565b}.project-detail-page .files-content .files-list .file-item .file-name{flex:1;color:#333}.project-detail-page .files-content .files-list .file-item .file-size{font-size:.8rem;color:#57565b}.project-detail-page .checklist-content .add-checklist-form{display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.project-detail-page .checklist-content .add-checklist-form input{flex:1;padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem}.project-detail-page .checklist-content .add-checklist-form input:focus{outline:none;border-color:#f63040}.project-detail-page .checklist-content .checklist-list{display:flex;flex-direction:column;gap:.5rem}.project-detail-page .checklist-content .checklist-list .checklist-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:6px;cursor:pointer;transition:all .2s ease}.project-detail-page .checklist-content .checklist-list .checklist-item:hover{background:#e8f4fd}.project-detail-page .checklist-content .checklist-list .checklist-item.completed .checklist-text{text-decoration:line-through;color:#57565b}.project-detail-page .checklist-content .checklist-list .checklist-item.completed i{color:#27ae60}.project-detail-page .checklist-content .checklist-list .checklist-item i{color:#cbd5e0;font-size:1rem}.project-detail-page .checklist-content .checklist-list .checklist-item .checklist-text{flex:1;color:#333}.project-detail-page .empty-state-small{text-align:center;padding:2rem;color:#57565b}.project-detail-page .empty-state-small i{font-size:2rem;margin-bottom:.75rem;opacity:.5}.project-detail-page .empty-state-small p{margin:0;font-size:.9rem}.project-detail-page .btn.btn-sm{padding:.375rem .75rem;font-size:.8rem;min-width:auto;height:auto}.project-detail-page .kanban-card .card-actions .btn-icon.btn-view{background:#f0f4f8;border-color:#94a3b8;color:#57565b}.project-detail-page .kanban-card .card-actions .btn-icon.btn-view:hover{background:#57565b;border-color:#57565b;color:#fff}@media(max-width:1024px){.project-detail-page .tasks-table .tasks-header,.project-detail-page .tasks-table .tasks-body .task-row{grid-template-columns:30px 1fr 100px 80px 120px 100px 80px}}@media(max-width:768px){.project-detail-page{padding:1rem}.project-detail-page .page-header{flex-direction:column;align-items:stretch}.project-detail-page .page-header .header-left .project-title-section h1{font-size:1.5rem}.project-detail-page .page-header .header-right .btn-primary{width:100%}.project-detail-page .stats-section .stat-card{min-width:100px;padding:1rem}.project-detail-page .stats-section .stat-card .stat-value{font-size:1.5rem}.project-detail-page .tasks-table{overflow-x:auto}.project-detail-page .tasks-table .tasks-header,.project-detail-page .tasks-table .tasks-body .task-row{min-width:700px;grid-template-columns:30px 1fr 100px 80px 120px 100px 80px}.project-detail-page .modal-backdrop{padding:1rem}.project-detail-page .modal-content .modal-body .form-row.two-col{grid-template-columns:1fr}}.template-fields-section{margin-top:1.5rem;padding-top:1rem;border-top:1px dashed #e2e8f0}.template-fields-section .template-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#667eea;font-weight:500;font-size:.95rem}.template-fields-section .template-header i{font-size:.9rem}.template-fields-section .form-group{margin-bottom:.75rem}.template-fields-section .form-check-group{padding:.25rem 0}.gantt-section{background:#fff;border-radius:6px;padding:1.5rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.gantt-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.gantt-section .section-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;color:#333}.gantt-section .section-header h2 i{color:#f63040}.gantt-container{overflow-x:auto;border:1px solid #e2e8f0;border-radius:6px}.gantt-chart-wrapper{min-width:100%;position:relative}.gantt-header{display:flex;background:#57565b;color:#fff;position:sticky;top:0;z-index:10}.gantt-header .gantt-header-left{width:300px;min-width:300px;padding:.75rem 1rem;font-weight:600;border-right:1px solid rgba(255,255,255,.2)}.gantt-header .gantt-header-timeline{display:flex;overflow:hidden}.gantt-header .gantt-header-timeline .gantt-week-header{padding:.75rem .5rem;text-align:center;font-size:.75rem;border-right:1px solid rgba(255,255,255,.1);flex-shrink:0}.gantt-body{position:relative}.gantt-body .gantt-today-line{position:absolute;top:0;bottom:0;width:2px;background:#f63040;z-index:5}.gantt-body .gantt-today-line:before{content:"Today";position:absolute;top:-20px;left:-20px;font-size:.7rem;color:#f63040;font-weight:600;white-space:nowrap}.gantt-row{display:flex;border-bottom:1px solid #f1f5f9;min-height:36px}.gantt-row:hover{background:#f8fafc}.gantt-row.gantt-row-project{background:#f1f5f9;font-weight:600}.gantt-row.gantt-row-milestone{background:#fffbeb}.gantt-row.gantt-row-section{background:#f8fafc;font-weight:500;color:#57565b}.gantt-row .gantt-row-label{width:300px;min-width:300px;padding:.5rem;display:flex;align-items:center;gap:.5rem;border-right:1px solid #e2e8f0;overflow:hidden}.gantt-row .gantt-row-label .row-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.gantt-row .gantt-row-label .row-name:hover{color:#f63040}.gantt-row .gantt-row-label .status-badge-mini{padding:.1rem .4rem;border-radius:10px;font-size:.65rem;font-weight:500;flex-shrink:0}.gantt-row .gantt-row-label .status-badge-mini.status-open{background:#fef3c7;color:#92400e}.gantt-row .gantt-row-label .status-badge-mini.status-in-progress{background:#dbeafe;color:#1d4ed8}.gantt-row .gantt-row-label .status-badge-mini.status-pending{background:#f3e8ff;color:#7c3aed}.gantt-row .gantt-row-label .status-badge-mini.status-completed{background:#d1fae5;color:#047857}.gantt-row .gantt-row-label .status-badge-mini.status-closed{background:#e5e7eb;color:#374151}.gantt-row .gantt-row-timeline{position:relative;flex:1}.gantt-bar{position:absolute;height:20px;top:8px;border-radius:3px;min-width:4px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.gantt-bar:hover{transform:scaleY(1.2);box-shadow:0 2px 8px #0003;z-index:5}.gantt-bar.gantt-bar-project{height:24px;top:6px;border-radius:4px}.gantt-bar.gantt-bar-milestone{height:16px;top:10px;border-radius:2px}.gantt-bar.gantt-bar-milestone .milestone-marker{color:#fff;font-size:.6rem}.gantt-bar.gantt-bar-subtask{height:14px;top:11px;opacity:.85}.level-0 .gantt-row-label{font-weight:700}.level-1 .gantt-row-label{font-weight:600}.level-2 .gantt-row-label{font-weight:500}.level-3 .gantt-row-label{font-weight:400;font-size:.9rem;color:#64748b}@font-face{font-family:Futura Bold;src:url(/assets/futura_bold-webfont-BaOGkSCx.woff2) format("woff2");font-weight:400;font-style:normal}:root{--primary-color: #F63040;--secondary-color: #57565B;--background-color: #F9F9F9;--text-color: #333333;--white: #fff;--font-family-main: "Lato", "MS Sans Serif", Arial, sans-serif, system-ui;--heatmap-min-color: var(--secondary-color);--heatmap-max-color: var(--primary-color)}body{font-family:Lato,"MS Sans Serif",Arial,sans-serif,system-ui;line-height:1.6;font-size:14px;font-weight:400;color:#333;background-color:#f9f9f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Lato,Arial,sans-serif;font-weight:700;color:#333;margin-top:0;margin-bottom:.5em}h1{font-size:32px}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}a{color:#f63040;text-decoration:none;transition:color .3s ease-in-out;font-size:16px;font-weight:600;font-family:inherit;line-height:inherit}a:hover{color:#e90a1c;text-decoration:underline}button{height:40px;min-width:120px;background-color:#f63040;border:none;border-radius:6px;color:#fff;font-size:16px;font-weight:600;font-family:inherit;line-height:inherit;box-sizing:border-box;cursor:pointer;transition:background-color .3s ease-in-out,transform .3s ease-in-out}button:hover{background-color:#e90a1c;transform:translateY(-2px)}button:active{background-color:#d00919;transform:translateY(0)}input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#F63040;border-radius:3px;transition:transform .3s ease-in-out}input[type=checkbox]:hover{transform:scale(1.1)}input[type=text],input[type=password],input[type=email]{position:relative;padding:15px 10px;width:100%;border:1px solid #57565B;border-radius:6px;font-size:16px;box-sizing:border-box;color:#333;background-color:#fff;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus{border-color:#f63040;box-shadow:0 0 8px #f6304080;outline:none}select{position:relative;padding:5px 10px;width:100%;border:1px solid #57565B;border-radius:6px;font-size:16px;box-sizing:border-box;color:#333;background-color:#fff;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}select:focus{border-color:#f63040;box-shadow:0 0 8px #f6304080;outline:none}table{border-collapse:separate;border-spacing:0;margin-bottom:16px;background:#fff;overflow:hidden;box-shadow:0 1px 4px #00000008;font-size:14px;border:2px solid #57565B}table th{background:#57565b;color:#fff;font-weight:700;padding:8px 10px;height:42px;line-height:1.2;border-bottom:2px solid #fff;text-align:left}table td{padding:2px 6px;text-align:left;border-bottom:1px solid #e0e0e0}table tr:first-child th:first-child{background:#f63040;color:#fff;white-space:nowrap;width:300px}table td:first-child,table th:first-child{text-align:left;font-weight:700}table td:not(:first-child),table th:not(:first-child){text-align:right}table tr:last-child td{border-bottom:none}table tbody tr:nth-child(odd){background:#f4f4f4}table tbody tr:hover{background:#dbdbdb}.chart-container{background:#fff;border-radius:6px;box-shadow:0 2px 8px #0000000f;padding:24px 24px 16px;border:1.5px solid #d3d3d3;margin-bottom:32px;display:flex;flex-direction:column;align-items:center}.chart-canvas,.chart-svg{width:100%!important;max-width:700px;height:320px!important;background:#f7f7f7;border-radius:6px;box-shadow:0 1px 4px #00000008;border:1.5px solid #d3d3d3;display:block}.chart-axis{stroke:#bdbdbd;stroke-width:1.5}.chart-grid{stroke:#e0e0e0;stroke-width:1}.chart-line-primary{stroke:var(--secondary-color);stroke:#57565b;stroke-width:3;fill:none}.chart-line-secondary{stroke:var(--primary-color);stroke:#f63040;stroke-width:3;fill:none;stroke-dasharray:8 6}.chart-marker-square{fill:#57565b;stroke:#fff;stroke-width:2;shape-rendering:geometricPrecision}.chart-marker-diamond{fill:#f63040;stroke:#fff;stroke-width:2;shape-rendering:geometricPrecision}.chart-label,.chart-legend{font-family:Lato,Arial,sans-serif;font-size:15px;font-weight:600;fill:#57565b;color:#57565b}.chart-legend{display:flex;flex-direction:row;align-items:center;gap:32px;margin-top:18px;font-size:15px;font-weight:400}.chart-legend .legend-item{display:flex;align-items:center;gap:8px}.chart-legend .legend-item .legend-line{width:32px;height:4px;border-radius:2px}.chart-legend .legend-item .legend-line.primary{background:#57565b}.chart-legend .legend-item .legend-line.secondary{background:repeating-linear-gradient(90deg,#F63040,#F63040 12px,transparent 12px,transparent 20px)}.chart-legend .legend-item .legend-marker-square{width:12px;height:12px;background:#57565b;border:2px solid #fff;display:inline-block}.chart-legend .legend-item .legend-marker-diamond{width:12px;height:12px;background:#f63040;border:2px solid #fff;display:inline-block;transform:rotate(45deg)}.chart-tooltip{background:#57565b;color:#fff;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #0000001a;pointer-events:none;position:absolute;z-index:10;opacity:.95}.chart-bar-actual{fill:#f63040;rx:3}.chart-bar-budget{fill:#57565b;rx:3}.chart-legend .legend-bar-actual{width:16px;height:16px;background:#f63040;display:inline-block;border-radius:3px;margin-right:6px}.chart-legend .legend-bar-budget{width:16px;height:16px;background:#57565b;display:inline-block;border-radius:3px;margin-right:6px}.chart-x-axis-label{font-family:Lato,Arial,sans-serif;font-size:14px;fill:#333;transform:rotate(-35deg);text-anchor:end}.button-secondary{height:40px;min-width:120px;background-color:#57565b;border:none;border-radius:6px;color:#fff;font-size:16px;font-weight:600;box-sizing:border-box;cursor:pointer;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.button-secondary:hover{background-color:#706f75;transform:translateY(-2px)}.button-secondary:active{background-color:#646268;transform:translateY(0)}.enquiry-only-banner{position:fixed;bottom:0;left:0;right:0;background-color:#fff3cd;color:#856404;padding:10px;text-align:center;box-shadow:0 -2px 5px #0000001a;z-index:1000}.enquiry-only-banner .banner-content{display:flex;align-items:center;justify-content:center}.enquiry-only-banner .banner-content .icon{margin-right:8px;font-size:18px}.enquiry-only-banner .banner-content .message{font-weight:500}.read-only-input{background-color:#f8f9fa!important;border-color:#dee2e6!important;color:#6c757d!important;cursor:not-allowed!important;pointer-events:none!important}.read-only-form{pointer-events:none;overflow-y:auto;pointer-events:auto}.read-only-form>*:not(.read-only-allowed){pointer-events:none}.read-only-form-element{opacity:.7;cursor:not-allowed}.read-only-form-group label{color:#6c757d}.enquiry-only-container{position:relative}.enquiry-only-container a:not(.read-only-allowed){pointer-events:none;color:#6c757d;text-decoration:none;cursor:default}.enquiry-only-container input[type=checkbox].read-only-input,.enquiry-only-container input[type=radio].read-only-input{opacity:.6}.read-only-input,.read-only-form-group input,.read-only-form-group select,.read-only-form-group textarea{background-color:#f8f8f8!important;border-color:#ddd!important;color:#666!important;cursor:not-allowed!important;pointer-events:none!important}.read-only-hidden{display:none!important}.main-content{max-width:1400px;margin:110px auto 16px;background:#f9f9f9;flex:1 0 auto}.dashboard-card{background:#fff;border-radius:6px;box-shadow:0 2px 8px #0000000f;margin-bottom:32px;padding:24px 24px 16px;border:1.5px solid #e0e0e0;box-sizing:border-box}.dashboard-section-header{background:#f63040;color:#fff;font-size:1.1rem;font-weight:700;padding:12px 20px;border-radius:6px 6px 0 0;margin-bottom:0;letter-spacing:.5px}.dashboard-gray-card{background:#57565b;color:#fff;border-radius:6px 6px 0 0;padding:10px 18px;font-weight:700;font-size:1rem;margin-bottom:0}.section-title{margin-top:0;margin-bottom:18px;font-size:22px;font-weight:700;color:#57565b}.user-info-row{display:flex;align-items:center;gap:16px;margin-bottom:18px}.user-avatar{width:48px;height:48px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:28px;color:#57565b}@media print{.navbar,.navbar-logo,.mobile-logo-menu-btn,.burger-menu-btn,button,.button-secondary,.pdf-exclude{display:none!important}@page{size:A4 portrait;margin:8mm}html,body{width:100%;max-width:210mm;height:auto!important;min-height:auto!important;overflow-x:hidden!important;background:#fff!important;box-shadow:none!important;font-size:8px!important}body,table,th,td,.main-content,.dashboard-card,.dashboard-section-header,.dashboard-gray-card,.section-title,.chart-label,.chart-legend,.chart-tooltip{font-size:7px!important;padding:0!important;line-height:1.3!important}h3,h4,h5,h6{font-size:8px!important;margin:0 0 2px!important}h1,h2{font-size:9px!important;margin:0 0 2px!important}.dashboard-section-header,.dashboard-gray-card{padding:3px 5px!important;font-size:8px!important}.dashboard-card,.income-statement-container,.rre-ratios-container,.table-wrapper{margin-bottom:3px!important;padding:3px!important;border-width:1px!important}.dashboard-card,.income-statement-container,.rre-ratios-container,.table-wrapper,.chart-container{box-shadow:none!important;background:#fff!important}.main-content,.financial-data-section{page-break-inside:auto!important}.dashboard-card,.income-statement-container,.rre-ratios-container,.table-wrapper,table,.income-statement-table,.rre-ratios-table{page-break-inside:avoid!important}.main-content{padding:0!important;margin:0 auto!important;background:#fff!important;width:100%!important;max-width:190mm!important}.main-content,.financial-data-section{page-break-inside:auto!important;break-inside:auto!important}.main-content,.financial-data-section,.income-statement-container,.dashboard-card,.dashboard-row,.arrears-box,.left-arrears,.right-arrears,.dashboard-table-wrapper,.rre-ratios-container,.table-wrapper{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;page-break-inside:avoid!important}.sharepoint-site-usage,.sharepoint-site-usage.dashboard-card,.sharepoint-site-usage .dashboard-card,.sharepoint-site-usage .sharepoint-chart-card{page-break-inside:auto!important;break-inside:auto!important}.recharts-text,.recharts-label,.recharts-cartesian-axis-tick-value{font-size:10px!important}.recharts-legend-item-text{font-size:12px!important}table,.income-statement-table,.rre-ratios-table{width:100%!important;max-width:100%!important;margin:0!important;table-layout:auto!important;word-break:normal!important;page-break-inside:avoid!important}th,td{padding:1px 2px!important;font-size:10px!important;word-break:normal!important;white-space:normal!important;overflow:visible!important;-webkit-hyphens:auto!important;hyphens:auto!important}[style*=min-width],[style*=max-width],[style*=width]{min-width:0!important;max-width:100%!important;width:100%!important}.dashboard-card+.dashboard-card,.income-statement-container+.dashboard-card,.dashboard-row+.dashboard-row{margin-top:4px!important}}.global-cache-banner{position:fixed;top:0;left:0;right:0;z-index:2000}.global-cache-banner .cache-banner{background:#57565b!important;border:1px solid rgb(137.5423728814,136.2372881356,142.7627118644);padding:8px 12px;margin-bottom:0}.global-cache-banner .cache-row{display:flex;align-items:center;gap:12px}.global-cache-banner .cache-row.center{justify-content:center;position:relative}.global-cache-banner .cache-row.center .cache-close-btn.right{margin-left:auto}.global-cache-banner .cache-text{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;display:flex;align-items:center;gap:8px}.global-cache-banner .cache-icon{color:#f63040}.global-cache-banner .spin{animation:cache-rotate 1.2s linear infinite;transform-origin:center center;display:inline-block}.global-cache-banner .spin-ccw{animation:cache-rotate-ccw 1.2s linear infinite;transform-origin:center center;display:inline-block}@keyframes cache-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cache-rotate-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.global-cache-banner .cache-progress{flex:1 1 auto;height:8px;background:#97959b;border-radius:4px;overflow:hidden}.global-cache-banner .cache-progress-bar{height:100%;background:#f63040;transition:width .25s ease-in-out}.global-cache-banner .cache-close-btn{border:none;background:transparent;cursor:pointer;color:#f63040;font-weight:800;line-height:1;padding:2px 6px;font-size:16px;display:flex;align-items:center}.global-cache-banner .cache-meta{font-weight:400;font-size:11px;opacity:.75}.global-cache-banner .cache-detail-row{display:flex;align-items:center;gap:8px;padding-top:4px}.global-cache-banner .cache-current-job{font-size:11px;font-weight:500;color:#ffffffb3;display:flex;align-items:center;gap:4px}.global-cache-banner .cache-current-job .cache-icon{width:10px;height:10px}.honeycomb-animation{display:flex;justify-content:center;align-items:center;margin-bottom:16px}.honeycomb-animation svg{overflow:visible}.honeycomb-hex{transform-box:fill-box;animation:honeycomb-float 2.2s ease-in-out infinite alternate}@keyframes honeycomb-float{0%{transform:scale(1) translateY(0);opacity:.85}50%{transform:scale(1.08) translateY(-10px);opacity:1}to{transform:scale(1) translateY(0);opacity:.85}}.layout-root{min-height:100vh;display:flex;flex-direction:column}.footer{display:flex;align-items:center;justify-content:space-between;width:100%;background:#57565b;color:#fff;text-align:center;padding:18px 0 16px;font-size:1.08rem;font-family:Lato,Arial,sans-serif;letter-spacing:.01em;box-shadow:0 -2px 8px #0000000f;box-sizing:border-box}.footer-content{margin-left:24px;flex:1 1 auto;min-width:0;text-align:left}.footer-logo{margin-right:24px;display:flex;align-items:center;max-width:40vw}.footer-img{max-width:100%;height:auto;display:block}@media(max-width:600px){.footer{flex-direction:column;align-items:flex-start;padding:12px 8px}.footer-content{margin-left:0;margin-bottom:8px;width:100%}.footer-logo{margin-right:0;align-self:flex-end;max-width:100%}.footer-img{max-width:90vw}}.dashboard-grid{display:flex;flex-wrap:wrap;gap:32px;align-items:stretch;margin-bottom:32px}.dashboard-grid.compact{gap:24px}.dashboard-grid .dashboard-card{flex:1 1 320px}@media print{.pdf-exclude,.footer{display:none!important}.main-content{width:100%!important;max-width:100%!important}@page{size:A4 portrait;margin:10mm}table,th,td{height:auto!important}table th,table td{width:auto!important;min-width:0!important;white-space:nowrap!important}table th:first-child,table td:first-child{width:100px!important;min-width:100px!important;max-width:300px!important;white-space:nowrap!important}table{table-layout:fixed!important}table tr:first-child th:first-child{white-space:nowrap!important;width:auto!important;min-width:50px!important}}