.navbar{color:#fff;z-index:100;background-color:#f63040;align-items:center;width:100%;height:100px;display:flex;position:fixed;top:0;box-shadow:0 2px 8px #0000000f}.navbar-logo{max-width:300px;margin-right:2em}.navbar-menu{flex:1;align-items:center;margin:0;padding:0;list-style:none;display:flex}.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{letter-spacing:.01em;font-family:Lato,MS Sans Serif,Arial,sans-serif,system-ui!important;font-size:1rem!important;font-weight:400!important}.navbar-item{cursor:pointer;color:#fff;opacity:.85;background:0 0;border:none;align-items:center;height:70px;margin:0 24px 0 0;padding:0;font-size:1rem;font-weight:400;transition:color .3s,opacity .3s,transform .3s;display:flex;position:relative;transform:translateY(0)}.navbar-item a,.navbar-item span.dropdown-toggle{color:inherit;align-items:center;height:100%;padding:0 8px;text-decoration:none;transition:color .3s,font-weight .3s;display:flex}.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;opacity:1;background:0 0;font-weight:700;transform:translateY(-6px)}.navbar-item.active a,.navbar-item.active span.dropdown-toggle{color:#222;font-weight:700}.navbar-menu>.navbar-item:last-child{margin-left:0;padding-right:0}.navbar-user-menu{margin-left:auto;position:relative}.navbar-user-menu .user-avatar-name{cursor:pointer;outline:none;align-items:center;display:flex}.navbar-user-menu .user-avatar-name .user-avatar{object-fit:cover;background:#fff;border:2px solid #e0e0e0;border-radius:50%;width:40px;height:40px;margin-right:10px}.navbar-user-menu .user-avatar-name .user-name{color:#fff;font-size:1.1rem;font-weight:700}.navbar-user-menu .user-dropdown-menu{min-width:180px;top:100%;left:auto;right:0}.dropdown-menu{min-width:220px;box-shadow:none;z-index:1000;background:#555;border:none;border-radius:0;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0}.dropdown-menu,.dropdown-item,.dropdown-menu a,.dropdown-menu span,.submenu,.submenu-item,.submenu-item a,.submenu-item span{font-size:1rem!important}.dropdown-item{text-align:left;background:0 0;border:none;border-bottom:1px solid #888;padding:14px 18px;font-weight:400;transition:background .3s,color .3s,font-weight .3s,transform .3s;transform:translateY(0);color:#fff!important}.dropdown-item a,.dropdown-item span{font-weight:400;text-decoration:none;display:block;color:#fff!important}.dropdown-item:hover,.dropdown-item.active{background:#444;font-weight:700;transform:translateY(-4px);color:#fff!important}.dropdown-item:hover a,.dropdown-item:hover span,.dropdown-item.active a,.dropdown-item.active span{font-weight:700;color:#fff!important}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover,.dropdown-item.active,.dropdown-menu a:hover,.dropdown-menu a.active{font-weight:700!important}.dropdown-item.has-flyout{background:0 0;font-weight:600;position:relative;color:#fff!important}.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{font-weight:700;color:#fff!important}.dropdown-item.has-flyout .dropdown-toggle{justify-content:space-between;align-items:center;width:100%;display:flex}.dropdown-item.has-flyout:hover>.submenu,.dropdown-item.has-flyout.active>.submenu{display:block}.submenu{min-width:220px;box-shadow:none;z-index:1100;background:#555;border:none;border-radius:0;margin:0;padding:0;list-style:none;display:block;position:absolute;top:0;left:100%}.submenu-item{background:0 0;border:none;padding:14px 28px;font-weight:400;transition:background .3s,color .3s,font-weight .3s,transform .3s;transform:translateY(0);color:#fff!important}.submenu-item a,.submenu-item span{font-size:1rem;font-weight:400;text-decoration:none;display:block;color:#fff!important}.submenu-item:hover,.submenu-item.active{background:#444;font-weight:700;transform:translateY(-4px);color:#fff!important}.submenu-item:hover a,.submenu-item:hover span,.submenu-item.active a,.submenu-item.active span{font-weight:700;color:#fff!important}@keyframes navbar-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes flyout-slide-in{0%{opacity:.2;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes flyout-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:.2;transform:translate(100%)}}@keyframes flyout-slide-in-left{0%{opacity:.2;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes flyout-slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:.2;transform:translate(100%)}}.burger-menu-btn{display:none}.burger-flyout-menu{z-index:1100}.mobile-flyout-submenu{z-index:1200;background:#444;flex-direction:column;width:100vw;max-width:250px;height:100vh;animation:.32s cubic-bezier(.4,0,.2,1) flyout-slide-in-left;display:flex;position:absolute;top:0;right:100%;box-shadow:-2px 0 16px #0000002e}.mobile-flyout-submenu.settings-flyout{z-index:1200;background:#444;flex-direction:column;width:100vw;max-width:280px;height:100vh;animation:.32s cubic-bezier(.4,0,.2,1) flyout-slide-in-left;display:flex;box-shadow:-2px 0 16px #0000002e;top:0!important;left:auto!important;right:100%!important}.mobile-flyout-submenu.closing{animation:.32s cubic-bezier(.4,0,.2,1) forwards flyout-slide-out-left}.mobile-flyout-submenu .flyout-back-btn{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;outline:none;padding:24px 32px 12px;font-size:1.1rem;font-weight:600;transition:color .3s}.mobile-flyout-submenu .flyout-back-btn:hover{color:#f63040}.mobile-flyout-submenu ul{width:100%;margin:0;padding:0;list-style:none}.mobile-flyout-submenu ul li.dropdown-item{color:#fff;background:0 0;border-bottom:1px solid #555;padding:18px 48px;font-size:1.08rem}.mobile-flyout-submenu ul li.dropdown-item a{color:#fff;width:100%;text-decoration:none;display:block}.mobile-flyout-submenu ul li.dropdown-item:hover,.mobile-flyout-submenu ul li.dropdown-item.active{color:#f63040;background:#333}.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}@media (width<=950px){.navbar{padding-left:2px;position:relative;padding-right:0!important}.navbar-logo,.burger-menu-btn,.navbar-menu{display:none!important}.mobile-logo-menu-btn{z-index:120;cursor:pointer;background:0 0;border:none;outline:none;justify-content:flex-end;align-items:center;width:180px;height:58px;position:relative;top:6px;right:0;padding-top:10px!important;display:flex!important}.burger-flyout-menu{z-index:1100;background:#57565b;flex-direction:column;align-items:stretch;width:70vw;max-width:260px;height:100vh;animation:.32s cubic-bezier(.4,0,.2,1) flyout-slide-in;display:flex;position:fixed;top:0;right:0;box-shadow:-2px 0 16px #0000002e}.burger-flyout-menu.closing{animation:.32s cubic-bezier(.4,0,.2,1) forwards flyout-slide-out}.burger-flyout-menu .navbar-menu.mobile{width:100%;box-shadow:none;background:0 0;flex-direction:column;align-items:stretch;margin:0;padding:32px 0 0;display:flex!important}.burger-flyout-menu .navbar-menu.mobile li.navbar-item{color:#fff;background:0 0;border-bottom:1px solid #444;align-items:center;height:56px;margin:0;padding:0 32px;font-size:1.15rem;display:flex}.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{justify-content:space-between;align-items:center;width:100%;display:flex}.burger-flyout-menu .navbar-menu.mobile .dropdown-menu{box-shadow:none;background:0 0;border:none;min-width:0;margin:0;padding:0;position:static!important}.burger-flyout-menu .navbar-menu.mobile .dropdown-menu li.dropdown-item{color:#fff;background:0 0;border:none;padding:12px 48px;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{box-shadow:none;background:0 0;min-width:0;margin:0;padding:0;position:static!important}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu.mobile{border-top:1px solid #444;width:100%;padding:0;margin-left:0!important}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu.mobile .user-avatar-name{width:100%;padding:16px 32px}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu.mobile .user-dropdown-menu.mobile{box-shadow:none;background:0 0;width:100%;min-width:0;margin:0;padding:0;position:static!important}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu.mobile .user-dropdown-menu.mobile li.dropdown-item{color:#fff;background:0 0;border-bottom:1px solid #444;width:100%;padding:16px 32px;font-size:1.1rem}.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{justify-content:space-between;align-items:center;width:100%;padding:16px 32px;display:flex}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu.mobile .user-dropdown-menu.mobile .settings-submenu .settings-dropdown-menu.mobile{box-shadow:none;background:0 0;width:100%;min-width:0;margin:0;padding:0;position:static}.burger-flyout-menu .navbar-menu.mobile .navbar-user-menu.mobile .user-dropdown-menu.mobile .settings-submenu .settings-dropdown-menu.mobile li.dropdown-item{color:#fff;background:0 0;border-bottom:1px solid #444;width:100%;padding:16px 48px;font-size:1.05rem}.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}}.monitoring-badge-item{cursor:default;align-items:center;height:70px;padding:0 8px;display:flex;position:relative}.monitoring-badge-item svg{filter:drop-shadow(0 1px 2px #00000040);display:block}.monitoring-status-tooltip{z-index:300;color:#333;pointer-events:none;background:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:230px;max-width:320px;padding:12px 16px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 4px 16px #0000001a}.monitoring-status-tooltip .monitoring-tooltip-title{text-transform:uppercase;letter-spacing:.06em;color:#888;border-bottom:1px solid #f0f0f0;margin-bottom:10px;padding-bottom:8px;font-size:.78rem;font-weight:600}.monitoring-status-tooltip .monitoring-tooltip-row{align-items:center;gap:8px;padding:4px 0;font-size:.88rem;display:flex}.monitoring-status-tooltip .monitoring-tooltip-row .monitoring-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.monitoring-status-tooltip .monitoring-tooltip-row .monitoring-dot.pass{background-color:#28a745}.monitoring-status-tooltip .monitoring-tooltip-row .monitoring-dot.fail{background-color:#dc3545}.monitoring-status-tooltip .monitoring-tooltip-row .monitoring-dot.unknown{background-color:#ffc107}.monitoring-status-tooltip .monitoring-tooltip-row .monitoring-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.monitoring-status-tooltip .monitoring-tooltip-row .monitoring-status-text{font-size:.88rem;font-weight:700}.monitoring-status-tooltip .monitoring-tooltip-row .monitoring-status-text.pass{color:#28a745}.monitoring-status-tooltip .monitoring-tooltip-row .monitoring-status-text.fail{color:#dc3545}.monitoring-status-tooltip .monitoring-tooltip-row .monitoring-status-text.unknown{color:#ffc107}.monitoring-status-tooltip .monitoring-tooltip-footer{color:#aaa;border-top:1px solid #f0f0f0;margin-top:10px;padding-top:8px;font-size:.74rem}.monitoring-status-tooltip .monitoring-check-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.monitoring-status-tooltip .monitoring-check-wrapper:before{content:"";background:#fff;border-radius:50%;width:13px;height:13px;position:absolute}.monitoring-status-tooltip .monitoring-check-wrapper svg{z-index:1;position:relative}.sentry-feedback-button{z-index:1500;color:#fff;cursor:pointer;background-color:#f63040;border:none;border-radius:6px;align-items:center;gap:8px;font-family:Lato,Arial,sans-serif;font-size:16px;font-weight:600;transition:all .3s ease-in-out;display:flex;position:fixed;bottom:20px;right:10px;box-shadow:0 4px 12px #00000026;min-width:30px!important}.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 (width>=600px){.sentry-feedback-button.over-footer{right:350px}}@media (width<=600px){.sentry-feedback-button.over-footer{bottom:140px}.sentry-feedback-button{padding:10px 16px;font-size:14px;bottom:24px;right:16px}}.sentry-feedback-modal-overlay{z-index:2000;background-color:#0009;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sentry-feedback-modal{background:#fff;border-radius:6px;width:90%;max-width:520px;max-height:90vh;animation:.3s ease-in-out slideUp;overflow-y:auto;box-shadow:0 8px 32px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sentry-feedback-modal-header{color:#fff;background-color:#f63040;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sentry-feedback-modal-header h2{color:#fff;margin:0;font-size:20px;font-weight:700}.sentry-feedback-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:32px;line-height:1;transition:opacity .3s ease-in-out;display:flex}.sentry-feedback-modal-close:hover{opacity:.8}.sentry-feedback-form{padding:24px}.sentry-feedback-subtitle{color:#57565b;margin:0 0 20px;font-size:14px;line-height:1.5}.sentry-feedback-form-group{margin-bottom:20px}.sentry-feedback-form-group label{color:#333;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.sentry-feedback-form-group textarea{color:#333;resize:vertical;box-sizing:border-box;background-color:#fff;border:1px solid #57565b;border-radius:6px;width:100%;padding:12px;font-family:Lato,Arial,sans-serif;font-size:14px;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.sentry-feedback-form-group textarea:focus{border-color:#f63040;outline:none;box-shadow:0 0 8px #f6304080}.sentry-feedback-form-group textarea:disabled{cursor:not-allowed;opacity:.7;background-color:#f8f9fa}.sentry-feedback-success{color:#155724;text-align:center;background-color:#d4edda;border-radius:6px;margin-bottom:16px;padding:12px;font-size:14px;font-weight:600}.sentry-feedback-error{color:#721c24;text-align:center;background-color:#f8d7da;border-radius:6px;margin-bottom:16px;padding:12px;font-size:14px;font-weight:600}.sentry-feedback-form-actions{justify-content:flex-end;gap:12px;display:flex}.sentry-feedback-button-primary{color:#fff;cursor:pointer;background-color:#f63040;border:none;border-radius:6px;padding:12px 24px;font-family:Lato,Arial,sans-serif;font-size:16px;font-weight:600;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{color:#fff;cursor:pointer;background-color:#57565b;border:none;border-radius:6px;padding:12px 24px;font-family:Lato,Arial,sans-serif;font-size:16px;font-weight:600;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 (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{z-index:9998;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.staging-watermark-text{letter-spacing:.5rem;text-align:center;color:#ff450014;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 10px #ff45001a,0 0 20px #ff45000d;font-family:Arial Black,Arial Bold,sans-serif;font-size:10rem;font-weight:900;transition:opacity .3s;transform:rotate(-45deg)}@media (width<=1200px){.staging-watermark-text{letter-spacing:.4rem;font-size:8rem}}@media (width<=768px){.staging-watermark-text{letter-spacing:.3rem;font-size:5rem}}@media (width<=480px){.staging-watermark-text{letter-spacing:.2rem;font-size:3rem}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(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));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.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);align-items:center;left:50%;transform:translate(-50%)}.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);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;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;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (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%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.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:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.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;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.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{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}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:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}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:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,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:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}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:translateY(2000px)}}.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%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}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:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.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-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#login-main-container{background-color:#f9f9f9;justify-content:center;align-items:center;height:100vh;display:flex}#login-container{text-align:center;background-color:#fff;border:1px solid #8a888f;border-radius:6px;flex-direction:column;align-items:center;width:400px;padding:30px;display:flex;box-shadow:0 4px 15px #0000001a}#login-image img{max-width:300px;margin-bottom:16px}.login-input-container{width:100%;margin-bottom:16px;position:relative}.login-label{color:#8a888f;pointer-events:none;font-size:14px;transition:all .3s ease-in-out;position:absolute;top:10px;left:15px}input:focus+.login-label,input:not(:placeholder-shown)+.login-label{font-size:12px;top:-17px;left:10px}input[type=text]:focus+.login-label,input[type=email]:focus+.login-label,input[type=password]:focus+.login-label{color:#f63040;font-size:12px;top:-17px;left:10px}.login-actions-row{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;margin-top:10px;display:flex}.remember-me{color:#57565b;white-space:nowrap;align-items:center;gap:.5rem;min-height:44px;font-size:15px;display:flex}.remember-me input[type=checkbox]{accent-color:#f63040;width:18px;height:18px;margin:0}#login-button{justify-content:center;align-items:center;width:auto;min-width:110px;max-width:150px;height:44px;margin-top:0;display:flex}#login-button:disabled{cursor:not-allowed;background-color:#e90a1c}#login-container a{margin-top:18px;display:inline-block}@font-face{font-family:Futura Bold;src:url(/assets/futura_bold-webfont-BaOGkSCx.woff2)format("woff2");font-weight:400;font-style:normal}@keyframes cache-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cache-rotate-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes honeycomb-float{0%{opacity:.85;transform:scale(1)translateY(0)}50%{opacity:1;transform:scale(1.08)translateY(-10px)}to{opacity:.85;transform:scale(1)translateY(0)}}@media (width<=600px){.footer{flex-direction:column;align-items:flex-start;padding:12px 8px}.footer-content{width:100%;margin-bottom:8px;margin-left:0}.footer-logo{align-self:flex-end;max-width:100%;margin-right:0}.footer-img{max-width:90vw}}@media print{.navbar,.navbar-logo,.mobile-logo-menu-btn,.burger-menu-btn,button,.button-secondary,.pdf-exclude,.footer{display:none!important}@page{size:A4 portrait;margin:8mm}html,body{width:100%;max-width:210mm;height:auto!important;min-height:auto!important;box-shadow:none!important;background:#fff!important;font-size:8px!important;overflow-x:hidden!important}body,table,th,td,.main-content,.dashboard-card,.dashboard-section-header,.dashboard-gray-card,.section-title,.chart-label,.chart-legend,.chart-tooltip{padding:0!important;font-size:7px!important;line-height:1.3!important}h1,h2{margin:0 0 2px!important;font-size:9px!important}h3,h4,h5,h6{margin:0 0 2px!important;font-size:8px!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{box-shadow:none!important;background:#fff!important;border-width:1px!important;margin-bottom:3px!important;padding:3px!important}.chart-container{box-shadow:none!important;background:#fff!important}.main-content{page-break-inside:auto!important;break-inside:auto!important;background:#fff!important;width:100%!important;max-width:190mm!important;margin:0 auto!important;padding:0!important}.financial-data-section{page-break-inside:auto!important;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,.financial-data-section,.income-statement-container,.dashboard-card,.dashboard-row,.arrears-box,.left-arrears,.right-arrears,.dashboard-table-wrapper,.rre-ratios-container,.table-wrapper{box-sizing:border-box!important;page-break-inside:avoid!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!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{table-layout:auto!important;word-break:normal!important;page-break-inside:avoid!important;width:100%!important;max-width:100%!important;margin:0!important}th,td{word-break:normal!important;white-space:normal!important;-webkit-hyphens:auto!important;hyphens:auto!important;padding:1px 2px!important;font-size:10px!important;overflow:visible!important}table th,table td{white-space:nowrap!important;width:auto!important;min-width:0!important}table th:first-child,table td:first-child{width:100px!important;min-width:100px!important;max-width:300px!important}table tr:first-child th:first-child{white-space:nowrap!important;width:auto!important;min-width:50px!important}table{table-layout:fixed!important}[style*=min-width],[style*=max-width],[style*=width]{width:100%!important;min-width:0!important;max-width:100%!important}.dashboard-card+.dashboard-card,.income-statement-container+.dashboard-card,.dashboard-row+.dashboard-row{margin-top:4px!important}}.create-password-container{background:#f7f8fa;justify-content:center;align-items:center;min-height:100vh;display:flex}.create-password-card{background:#fff;border-radius:12px;flex-direction:column;gap:1.5rem;width:100%;max-width:400px;padding:2.5rem 2rem 2rem;display:flex;box-shadow:0 4px 24px #00000014,0 1.5px 4px #0000000a}.create-password-card h2{text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.form-group label{color:#333;font-weight:500}.form-group input{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:.5rem .75rem;font-size:1rem;transition:border .2s}.form-group input:focus{background:#fff;border:1.5px solid #007bff;outline:none}.error-message{color:#b91c1c;text-align:center;background:#fee2e2;border-radius:6px;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.98rem}.success-message{color:#166534;text-align:center;background:#dcfce7;border-radius:6px;margin-bottom:.5rem;padding:.5rem .75rem;font-size:1rem}.submit-btn{cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:.5rem;padding:.7rem 0;font-size:1.08rem;font-weight:600;transition:background .2s}.submit-btn:disabled{cursor:not-allowed;background:#a5b4fc}@media (width<=950px){.not-found-content{width:90vw!important;max-width:98vw!important;margin-top:24vh!important;margin-left:0!important;padding:0 8vw!important}.not-found-animation{justify-content:center!important;align-items:center!important;width:100vw!important;margin:0!important;padding:0!important}.honeycomb-animation{z-index:1!important;pointer-events:none!important;justify-content:center!important;align-items:center!important;width:320px!important;min-width:320px!important;height:220px!important;min-height:220px!important;margin:0 auto!important;display:flex!important;position:absolute!important;top:-3vh!important;left:57%!important;overflow:visible!important;transform:translate(-50%)!important}.not-found-content{z-index:2!important;width:90vw!important;max-width:98vw!important;margin-top:240px!important;margin-left:0!important;padding:0 8vw!important;position:relative!important}}@font-face{font-family:Futura Bold;src:url(/assets/futura_bold-webfont-BaOGkSCx.woff2)format("woff2");font-weight:400;font-style:normal}@media (width<=600px){.footer{flex-direction:column;align-items:flex-start;padding:12px 8px}.footer-content{width:100%;margin-bottom:8px;margin-left:0}.footer-logo{align-self:flex-end;max-width:100%;margin-right:0}.footer-img{max-width:90vw}}@media print{.navbar,.navbar-logo,.mobile-logo-menu-btn,.burger-menu-btn,button,.button-secondary,.pdf-exclude,.footer{display:none!important}@page{size:A4 portrait;margin:8mm}html,body{width:100%;max-width:210mm;height:auto!important;min-height:auto!important;box-shadow:none!important;background:#fff!important;font-size:8px!important;overflow-x:hidden!important}body,table,th,td,.main-content,.dashboard-card,.dashboard-section-header,.dashboard-gray-card,.section-title,.chart-label,.chart-legend,.chart-tooltip{padding:0!important;font-size:7px!important;line-height:1.3!important}h1,h2{margin:0 0 2px!important;font-size:9px!important}h3,h4,h5,h6{margin:0 0 2px!important;font-size:8px!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{box-shadow:none!important;background:#fff!important;border-width:1px!important;margin-bottom:3px!important;padding:3px!important}.chart-container{box-shadow:none!important;background:#fff!important}.main-content{page-break-inside:auto!important;break-inside:auto!important;background:#fff!important;width:100%!important;max-width:190mm!important;margin:0 auto!important;padding:0!important}.financial-data-section{page-break-inside:auto!important;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,.financial-data-section,.income-statement-container,.dashboard-card,.dashboard-row,.arrears-box,.left-arrears,.right-arrears,.dashboard-table-wrapper,.rre-ratios-container,.table-wrapper{box-sizing:border-box!important;page-break-inside:avoid!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!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{table-layout:auto!important;word-break:normal!important;page-break-inside:avoid!important;width:100%!important;max-width:100%!important;margin:0!important}th,td{word-break:normal!important;white-space:normal!important;-webkit-hyphens:auto!important;hyphens:auto!important;padding:1px 2px!important;font-size:10px!important;overflow:visible!important}table th,table td{white-space:nowrap!important;width:auto!important;min-width:0!important}table th:first-child,table td:first-child{width:100px!important;min-width:100px!important;max-width:300px!important}table tr:first-child th:first-child{white-space:nowrap!important;width:auto!important;min-width:50px!important}table{table-layout:fixed!important}[style*=min-width],[style*=max-width],[style*=width]{width:100%!important;min-width:0!important;max-width:100%!important}.dashboard-card+.dashboard-card,.income-statement-container+.dashboard-card,.dashboard-row+.dashboard-row{margin-top:4px!important}}.create-user{background:#fff;border-radius:16px;max-width:100%;margin:0 auto;padding:0;overflow:hidden}.create-user-header{background:linear-gradient(135deg,#fafafa 0%,#fff 100%);border-bottom:3px solid #f63040;justify-content:space-between;align-items:flex-start;padding:24px 32px 20px;display:flex}.create-user-header .header-content h2{color:#2d3748;align-items:center;gap:10px;margin:0;font-size:1.5rem;font-weight:700;display:flex}.create-user-header .header-content h2 .header-icon{color:#f63040;font-size:1.3rem}.create-user-header .close-button{color:#718096;cursor:pointer;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-size:1rem;transition:all .2s}.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{flex-direction:column;gap:0;display:flex}.form-section{border-bottom:1px solid #e2e8f0;margin-bottom:28px;padding-bottom:28px}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section .section-header{color:#4a5568;text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:10px;margin-bottom:20px;font-size:.85rem;font-weight:600;display:flex}.form-section .section-header .section-icon{color:#f63040;font-size:1rem}.form-section .section-header.section-header--with-action{justify-content:space-between}.form-section .section-header.section-header--with-action .section-header-label{align-items:center;gap:10px;display:flex}#create-user-fullname{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}#create-user-fullname .create-user-names{margin-bottom:0}.create-user-names,.create-user-phone,.create-user-email,.create-user-field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.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{color:#4a5568;font-size:.85rem;font-weight:600}.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{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;font-size:.95rem;transition:all .2s}.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{border-color:#f63040;outline:none;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{cursor:not-allowed;background:#f7fafc}.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;appearance:none;color:#2d3748;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;padding-right:2.5rem}.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{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.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{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex}.checkbox-card:hover{background:#fff;border-color:#cbd5e1}.checkbox-card.checked{background:#fff;border-color:#f63040;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]{accent-color:#f63040;cursor:pointer;flex-shrink:0;width:22px;height:22px}.checkbox-card .checkbox-content{flex-direction:column;gap:3px;display:flex}.checkbox-card .checkbox-content .checkbox-title{color:#2d3748;font-size:.95rem;font-weight:600}.checkbox-card .checkbox-content .checkbox-desc{color:#718096;font-size:.8rem}.checkbox-field label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.checkbox-field label input[type=checkbox]{cursor:pointer;accent-color:#f63040;width:18px;height:18px}.checkbox-field .help-text{color:#718096;margin-top:.25rem;margin-left:1.625rem;font-size:.75rem}.create-user-buttons{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:24px;display:flex}.create-user-buttons button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.create-user-buttons button:disabled{opacity:.6;cursor:not-allowed}.create-user-buttons .button-primary,.create-user-buttons button:not(.button-secondary){color:#fff;background:#f63040;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{color:#4a5568;background:#fff;border:1px solid #e2e8f0}.create-user-buttons .button-secondary:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.change-password-toggle{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:6px;padding:6px 16px;font-size:.82rem;font-weight:600;transition:all .2s}.change-password-toggle:hover{background:#d42a38}.change-password-toggle.open{color:#666;background:#fff;border:1px solid #e2e8f0}.change-password-toggle.open:hover{background:#f7fafc;border-color:#cbd5e0}@media (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%}}.toggle-switch{flex-shrink:0;width:50px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .toggle-slider{cursor:pointer;background-color:#cbd5e0;border-radius:26px;transition:all .3s;position:absolute;inset:0}.toggle-switch .toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:#f63040}.signature-upload{background:0 0;border:none;border-radius:0;padding:0}.signature-upload .signature-mode-selector{gap:.5em;margin-bottom:1em;display:flex}.signature-upload .signature-mode-selector .mode-btn{cursor:pointer;color:#4a5568;background:#fff;border:2px solid #e2e8f0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.5em;padding:.75em 1em;font-size:.95em;font-weight:500;transition:all .2s;display:flex}.signature-upload .signature-mode-selector .mode-btn:hover{color:#f63040;border-color:#f63040}.signature-upload .signature-mode-selector .mode-btn.active{color:#fff;background:#f63040;border-color:#f63040}.signature-upload .signature-content{margin-bottom:1em}.signature-upload .signature-canvas-container{background:#fff;border:2px solid #cbd5e0;border-radius:8px;height:200px;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000f,inset 0 0 0 4px #f7fafc}.signature-upload .signature-canvas-container .canvas-corner-label{letter-spacing:.08em;text-transform:uppercase;color:#a0aec0;pointer-events:none;z-index:2;-webkit-user-select:none;user-select:none;font-size:.7em;font-weight:700;position:absolute;top:8px;left:12px}.signature-upload .signature-canvas-container .signature-canvas{cursor:crosshair;width:100%;height:100%;display:block}.signature-upload .signature-canvas-container .canvas-placeholder{color:#cbd5e0;pointer-events:none;z-index:0;white-space:nowrap;font-size:.95em;font-style:italic;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.signature-upload .signature-canvas-container canvas{z-index:1;position:relative}.signature-upload .signature-canvas-container .signature-baseline{z-index:2;pointer-events:none;background:#cbd5e0;height:1px;position:absolute;bottom:32px;left:16px;right:16px}.signature-upload .signature-canvas-container .signature-baseline .baseline-x{color:#a0aec0;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.85em;line-height:1;position:absolute;top:-9px;left:-2px}.signature-upload .signature-upload-container{background:#fff;border:2px dashed #cbd5e0;border-radius:8px;justify-content:center;align-items:center;min-height:200px;display:flex}.signature-upload .signature-upload-container .upload-trigger-btn{cursor:pointer;color:#4a5568;background:0 0;border:none;flex-direction:column;align-items:center;gap:.75em;padding:2em;transition:color .2s;display:flex}.signature-upload .signature-upload-container .upload-trigger-btn:hover{color:#f63040}.signature-upload .signature-upload-container .upload-trigger-btn span{font-size:1em;font-weight:500}.signature-upload .signature-upload-container .upload-trigger-btn small{color:#718096;font-size:.85em}.signature-upload .signature-upload-container .uploaded-signature-preview{max-width:100%;max-height:200px;padding:1em}.signature-upload .signature-upload-container .uploaded-signature-preview img{object-fit:contain;max-width:100%;max-height:180px;display:block}.signature-upload .signature-actions{justify-content:space-between;align-items:center;gap:.75em;margin-top:.75em;display:flex}.signature-upload .signature-actions button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5em;padding:.65em 1.4em;font-size:.95em;font-weight:500;transition:all .2s;display:flex}.signature-upload .signature-actions button.clear-btn{color:#718096;background:#f7fafc;border:1px solid #e2e8f0}.signature-upload .signature-actions button.clear-btn:hover{color:#4a5568;background:#edf2f7}.signature-upload .signature-actions button.save-btn{color:#fff;background:#f63040;margin-left:auto}.signature-upload .signature-actions button.save-btn:hover{background:#d42a38;box-shadow:0 4px 10px #f6304040}.main-content:has(>.permissions-management){width:98%!important;max-width:98%!important;margin:0!important;padding:0!important}.permissions-management.settings-fullwidth{box-sizing:border-box;padding:0 12px 16px}.permissions-management.settings-fullwidth .settings-layout.settings-layout-no-sidebar .settings-content{padding-left:8px;padding-right:8px}.permissions-management.settings-fullwidth .settings-content table th,.permissions-management.settings-fullwidth .settings-content table td{text-align:left}.permissions-management.settings-fullwidth .settings-content .service-contracts-page,.permissions-management.settings-fullwidth .settings-content .service-providers-page,.permissions-management.settings-fullwidth .settings-content .function-management-page,.permissions-management.settings-fullwidth .settings-content .department-management{box-sizing:border-box;width:100%;max-width:100%}.permissions-management h1{margin-bottom:20px;margin-left:10px}.permissions-management .tabs{border-bottom:none;flex-direction:column;align-items:flex-start;width:12%;margin-bottom:0;padding-left:5px;padding-right:20px;font-weight:700;display:flex}.permissions-management .tabs .tab{cursor:pointer;text-align:left;border-bottom:none;border-right:4px solid #0000;width:100%;padding:12px 8px}.permissions-management .tabs .tab.active{color:#fff;background:#f63040;border-radius:5px;font-weight:700}.permissions-management .tabs .tab:hover:not(.active){background-color:#f0f0f0}.permissions-management .settings-sidebar{border-right:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;width:260px;min-width:260px;padding-left:5px;padding-right:20px;display:flex}.permissions-management .settings-search{margin-bottom:20px;position:relative}.permissions-management .settings-search .search-icon{color:#666;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.permissions-management .settings-search .search-input{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px 10px 10px 38px;font-size:14px;transition:border-color .2s}.permissions-management .settings-search .search-input:focus{border-color:#f63040;outline:none}.permissions-management .settings-search .search-input::placeholder{color:#999}.permissions-management .settings-categories{flex-direction:column;gap:6px;max-height:calc(100vh - 250px);display:flex;overflow-y:auto}.permissions-management .settings-category .category-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;transition:background-color .2s;display:flex}.permissions-management .settings-category .category-header:hover{background-color:#f5f5f5}.permissions-management .settings-category .category-header .category-title{color:#333;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.permissions-management .settings-category .category-header .category-title .category-icon{font-size:18px}.permissions-management .settings-category .category-items{border-left:2px solid #e0e0e0;flex-direction:column;gap:2px;margin-top:4px;margin-left:28px;padding-left:10px;display:flex}.permissions-management .settings-category .category-items .setting-item{cursor:pointer;color:#555;border-radius:4px;padding:8px 12px;font-size:13px;transition:all .2s}.permissions-management .settings-category .category-items .setting-item:hover:not(.active){color:#333;background-color:#f0f0f0}.permissions-management .settings-category .category-items .setting-item.active{color:#fff;background:#f63040;font-weight:600}.permissions-management .settings-content{box-sizing:border-box;flex:1;min-width:0;max-width:100%;padding-left:32px;overflow-x:hidden}.permissions-management .settings-layout.settings-layout-no-sidebar .settings-content{padding-left:0}.permissions-management .settings-overview-search{max-width:360px}.permissions-management .settings-layout{align-items:flex-start;gap:0;width:100%;display:flex}.permissions-management .settings-header{border-bottom:2px solid #f63040;padding-top:110px}.permissions-management .horizontal-tabs{border-right:none;flex-direction:row;align-items:center;width:auto;max-width:400px;margin-bottom:24px;padding:0;display:flex}.permissions-management .horizontal-tabs .tab{text-align:center;border-bottom:4px solid #f63040;border-right:none;border-radius:4px 4px 0 0;margin-right:8px;font-weight:900}.permissions-management .users-header-row,.permissions-management .properties-header-row{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.permissions-management .users-header-row h1,.permissions-management .properties-header-row h1{color:#2d3748;margin:0;font-size:1.75rem;font-weight:700}.permissions-management .users-header-row button,.permissions-management .properties-header-row button{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.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{border-right:1px solid #ccc;width:300px;padding-right:15px}.permissions-management .roles-tab .sidebar .roles-list{margin:0;padding:0;list-style:none}.permissions-management .roles-tab .sidebar .roles-list .role-item{cursor:pointer;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:10px;display:flex}.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{gap:5px;display:flex}.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{cursor:pointer;color:#57565b;background:0 0;border:none;min-width:100px;font-size:16px}.permissions-management .roles-tab .content{flex-grow:1;padding-left:20px}.permissions-management .roles-tab .content .header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.permissions-management .roles-tab .content .header h2{margin:0}.permissions-management .roles-tab .content .header .search-input{border:1px solid #ccc;border-radius:4px;width:300px;padding:8px}.permissions-management .roles-tab .content .permissions-table{border-collapse:collapse;width:100%}.permissions-management .permissions-actions-row{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 0;display:flex}.permissions-management .permissions-actions-row .actions-left{align-items:center;gap:12px;display:flex}.permissions-management .permissions-actions-row .actions-right{gap:8px;display:flex}.permissions-management .permissions-actions-row .save-button{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:6px;padding:10px 24px;font-weight:600;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{color:#fff;cursor:pointer;background:#57565b;border:none;border-radius:6px;padding:10px 20px;font-weight:600;transition:all .2s}.permissions-management .permissions-actions-row .template-button:hover{background:#706f75;transform:translateY(-1px)}.permissions-management .permissions-actions-row .expand-collapse-btn{color:#57565b;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;min-width:auto;height:auto;padding:8px 16px;font-size:13px;transition:all .2s}.permissions-management .permissions-actions-row .expand-collapse-btn:hover{background:#f5f5f5;border-color:#57565b;transform:none}.permissions-management .permissions-legend{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;gap:24px;margin-bottom:16px;padding:12px 16px;display:flex}.permissions-management .permissions-legend .legend-item{color:#555;align-items:center;gap:8px;font-size:13px;display:flex}.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{flex-direction:column;gap:16px;display:flex}.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{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#57565b 0%,#646268 100%);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.permissions-management .permission-category .category-header-row .category-toggle{flex:1;align-items:center;gap:12px;display:flex}.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-size:15px;font-weight:600}.permissions-management .permission-category .category-header-row .category-toggle .category-stats{opacity:.85;margin-left:8px;font-size:12px}.permissions-management .permission-category .category-header-row .category-actions{align-items:center;gap:16px;display:flex}.permissions-management .permission-category .category-header-row .category-actions .select-all-label,.permissions-management .permission-category .category-header-row .category-actions .enquiry-all-label{cursor:pointer;background:#ffffff26;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;transition:background .2s;display:flex}.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]{accent-color:#f63040;width:14px;height:14px}.permissions-management .permission-category .category-items-list{padding:0}.permissions-management .permission-category .category-items-list .category-table{border:none;margin-bottom:0}.permissions-management .permission-category .category-items-list .category-table thead tr th{color:#333;background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:10px 12px;font-size:13px;font-weight:600}.permissions-management .permission-category .category-items-list .category-table thead tr th:first-child{color:#333;background:#f8f9fa}.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{border-bottom:1px solid #f0f0f0;padding:10px 12px;font-size:14px}.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{border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.permissions-management .source-badge.role-badge{color:#2980b9;background:#3498db26}.permissions-management .source-badge.user-badge{color:#1e8449;background:#27ae6026}.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:"";pointer-events:none;border:2px solid #3498db;border-radius:4px;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.permissions-management .template-modal .template-list .template-item{cursor:pointer;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.permissions-management .template-modal .template-list .template-item:hover{background:#fff;border-color:#f63040;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{flex-direction:column;gap:4px;display:flex}.permissions-management .template-modal .template-list .template-item .template-info .template-name{color:#333;font-size:15px;font-weight:600}.permissions-management .template-modal .template-list .template-item .template-info .template-desc{color:#666;font-size:13px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{z-index:1001;background-color:#fff;border-radius:16px;width:90%;max-width:700px;max-height:90vh;padding:0;animation:.3s ease-out forwards modal-appear;overflow-y:auto;box-shadow:0 20px 60px #0003}.back-to-overview-btn{color:#333;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:4px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.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{color:#1a1a1a;margin-bottom:12px;font-size:2rem;font-weight:700}.settings-overview .overview-intro{color:#666;margin-bottom:32px;font-size:1rem;line-height:1.6}.settings-overview .settings-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.settings-overview .settings-grid .category-overview-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;min-height:180px;padding:24px;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000000d}.settings-overview .settings-grid .category-overview-card:hover{border-color:#f63040;transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.settings-overview .settings-grid .category-overview-card .category-card-header{border-bottom:2px solid #f5f5f5;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:16px;display:flex}.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{color:#333;margin:0;font-size:1.1rem;font-weight:600}.settings-overview .settings-grid .category-overview-card .category-card-description{color:#6b7280;margin:0 0 12px;font-size:.8rem;line-height:1.4}.settings-overview .settings-grid .category-overview-card .category-settings-list{flex-direction:column;flex:1;gap:6px;margin:0;padding:0;list-style:none;display:flex}.settings-overview .settings-grid .category-overview-card .category-settings-list li .settings-group-divider{align-items:center;gap:8px;margin:8px 0 4px;padding:0;display:flex}.settings-overview .settings-grid .category-overview-card .category-settings-list li .settings-group-divider span{text-transform:uppercase;letter-spacing:.6px;color:#aaa;white-space:nowrap;font-size:.7rem;font-weight:700}.settings-overview .settings-grid .category-overview-card .category-settings-list li .settings-group-divider:after{content:"";background:#e8e8e8;flex:1;height:1px}.settings-overview .settings-grid .category-overview-card .category-settings-list li:first-child .settings-group-divider{margin-top:0}.settings-overview .settings-grid .category-overview-card .category-settings-list li .setting-link{text-align:left;color:#555;cursor:pointer;background:#f9f9f9;border:1px solid #e8e8e8;border-radius:8px;width:100%;padding:10px 14px;font-size:.9rem;transition:all .2s;display:block}.settings-overview .settings-grid .category-overview-card .category-settings-list li .setting-link:hover{color:#fff;background:#f63040;border-color:#f63040;transform:translate(4px)}.settings-overview .settings-grid .category-overview-card .category-settings-list li .setting-link:active{transform:translate(2px)}@media (width<=768px){.settings-overview .settings-grid{grid-template-columns:1fr}}@media (width>=1400px){.settings-overview .settings-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1800px){.settings-overview .settings-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=1024px){.permissions-management .settings-sidebar{width:220px;min-width:220px}.permissions-management .settings-content{padding-left:20px}.permissions-management .settings-layout.settings-layout-no-sidebar .settings-content{padding-left:0}}@media (width<=768px){.permissions-management .settings-layout{flex-direction:column}.permissions-management .settings-sidebar{border-bottom:1px solid #e0e0e0;border-right:none;width:100%;min-width:100%;margin-bottom:20px;padding-bottom:20px}.permissions-management .settings-categories{max-height:none}.permissions-management .settings-content{padding-left:0}.permissions-management .settings-overview-search{max-width:100%}.modal-content{width:95%;max-width:100%;margin:10px}}.create-property-buttons{justify-content:flex-end;gap:1em;margin-top:1.5em;display:flex}.properties-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.properties-header-row h1{margin:0;font-size:2rem}.properties-header-row button{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:4px;margin-left:16px;padding:8px 20px;font-size:1rem}.modal-content{background:#fff;border-radius:8px;min-width:350px;max-width:95vw;padding:2em 2.5em;box-shadow:0 2px 16px #00000026}form{flex-direction:column;display:flex}.form-group{flex-direction:column;margin-bottom:1.5em;display:flex}.form-group label{margin-bottom:.5em;font-size:1.15em;font-weight:700}.form-group input[type=text]{border:1px solid #ccc;border-radius:4px;padding:.5em;font-size:1em}.switch{align-items:center;gap:.5em;display:flex}.switch input[type=checkbox]{opacity:0;width:0;height:0}.slider{cursor:pointer;background:#57565b;border-radius:28px;width:52px;height:28px;transition:background .2s;position:relative}.slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+.slider{background:#f63040}.switch input:checked+.slider:before{transform:translate(24px)}.switch-label{text-align:left;align-items:start;min-width:60px;padding-left:10px;font-size:1em;line-height:22px;display:flex}.modal-actions{justify-content:flex-end;gap:1em;margin-top:1.5em;display:flex}.modal-actions button{cursor:pointer;color:#fff;background:#f63040;border:none;border-radius:4px;padding:.5em 1.5em;font-size:1em}.modal-actions button[type=button]{color:#fff;background:#57565b}.switch{align-items:center;gap:0;display:flex;position:relative}.switch input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.slider{margin-left:0;padding-left:0}.settings-breadcrumb{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.settings-breadcrumb .btn-create{align-items:center;gap:3px;display:inline-flex}.settings-breadcrumb .settings-breadcrumb-sep{color:#6c757d;-webkit-user-select:none;user-select:none}.settings-breadcrumb .settings-breadcrumb-category{color:#6c757d;font-weight:500}.settings-breadcrumb .settings-breadcrumb-current{color:#333;font-weight:700}.settings-overview .settings-overview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.settings-overview .settings-overview-toolbar.is-sticky{z-index:10;background:#fff;border-bottom:1px solid #e0e0e0;padding:4px 0;position:sticky;top:0}.settings-overview .settings-search.settings-overview-search{flex:280px;align-items:center;min-width:280px;display:flex;position:relative}.settings-overview .settings-search.settings-overview-search .settings-search-clear{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:3px;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.settings-overview .settings-search.settings-overview-search .settings-search-clear:hover{color:#333;background:#0000000f}.settings-overview .settings-domain-tabs{background:#f4f4f4;border-radius:999px;flex-wrap:wrap;align-items:center;gap:3px;padding:3px;display:inline-flex}.settings-overview .settings-domain-tabs .settings-domain-tab{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:500;transition:background .3s,color .3s}.settings-overview .settings-domain-tabs .settings-domain-tab:hover{color:#333}.settings-overview .settings-domain-tabs .settings-domain-tab.is-active{color:#333;background:#fff;box-shadow:0 1px 4px #00000008}.settings-overview .settings-result-count{color:#6c757d;margin:0 0 12px;font-size:13px}.settings-overview .settings-result-count strong{color:#333}.settings-quick-access{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;margin:6px 0 20px;padding:16px}.settings-quick-access .settings-quick-access-title{color:#333;align-items:center;gap:6px;margin:0 0 12px;font-size:15px;font-weight:700;display:flex}.settings-quick-access .settings-quick-access-title svg{color:#f59e0b}.settings-quick-access .settings-quick-access-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;display:grid}.settings-quick-access .settings-quick-access-chip{cursor:pointer;text-align:left;min-width:unset;height:auto;min-height:unset;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:1px;padding:11px 7px;transition:border-color .3s,box-shadow .3s,transform .3s;display:flex}.settings-quick-access .settings-quick-access-chip:hover{border-color:#f63040;transform:translateY(-1px);box-shadow:0 2px 6px #f6304026}.settings-quick-access .settings-quick-access-chip .settings-quick-access-chip-name{color:#333;font-size:13px;font-weight:700}.settings-quick-access .settings-quick-access-chip .settings-quick-access-chip-category{color:#6c757d;font-size:11px}.settings-recents .settings-quick-access-title svg{color:#f63040}.category-overview-card .category-card-header{align-items:center;gap:6px;display:flex}.category-overview-card .category-card-header h3{flex:1;min-width:0}.category-overview-card .category-card-header .category-card-count{color:#6c757d;text-align:center;background:#f4f4f4;border-radius:999px;min-width:1.5rem;padding:1px 6px;font-size:11px;font-weight:700}.category-overview-card .category-card-icon{color:#f63040;background:#f6304014;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.category-overview-card .category-settings-list .category-settings-item{align-items:center;gap:0;display:flex}.category-overview-card .category-settings-list .category-settings-item .setting-link{min-width:0;height:auto;min-height:unset;text-align:left;white-space:normal;text-overflow:clip;word-break:break-word;flex:1;line-height:1.25;overflow:visible}.category-overview-card .category-settings-list .category-settings-item .setting-pin-btn{width:22px;min-width:unset;cursor:pointer;color:#6c757d;opacity:.4;background:0 0;border:none;border-radius:4px;flex:0 0 22px;justify-content:center;align-items:center;height:22px;padding:0;transition:opacity .3s,color .3s,background .3s;display:inline-flex}.category-overview-card .category-settings-list .category-settings-item .setting-pin-btn:hover{opacity:1;color:#f59e0b;background:#f59e0b14}.category-overview-card .category-settings-list .category-settings-item .setting-pin-btn.is-pinned{opacity:1;color:#f59e0b}.category-overview-card .category-settings-list li:hover .setting-pin-btn{opacity:1}.category-overview-card.category-overview-card--wide{grid-column:span 2}.category-overview-card.category-overview-card--wide .category-card-description{max-width:60ch}.category-settings-item--upcoming .setting-link.is-upcoming{color:#6c757d;cursor:not-allowed;background:0 0;border:1px dashed #e0e0e0;justify-content:space-between;align-items:center;gap:6px;width:100%;font-style:italic;display:flex}.category-settings-item--upcoming .setting-upcoming-badge{letter-spacing:.04em;text-transform:uppercase;color:#6c757d;background:#f4f4f4;border-radius:999px;padding:1px 6px;font-size:9px;font-style:normal;font-weight:700}.settings-empty-state{text-align:center;color:#6c757d;border:1px dashed #e0e0e0;border-radius:10px;flex-direction:column;align-items:center;gap:12px;margin:16px 0;padding:32px 16px;display:flex}.settings-empty-state p{margin:0}@media (width<=768px){.settings-overview .settings-overview-toolbar{flex-direction:column;align-items:stretch}.settings-overview .settings-overview-toolbar .settings-domain-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.settings-quick-access .settings-quick-access-grid{grid-template-columns:1fr 1fr}.category-overview-card.category-overview-card--wide{grid-column:auto}}.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;align-items:center;gap:10px;margin-bottom:8px;font-size:1.8rem;display:flex}.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{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.user-management-page .controls-bar .filter-controls{align-items:center;gap:16px;display:flex}.user-management-page .controls-bar .search-box{background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;min-width:280px;padding:8px 16px;display:flex}.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{cursor:pointer;align-items:center;gap:8px;display:flex}.user-management-page .checkbox-label input[type=checkbox]{accent-color:#f63040;cursor:pointer;width:18px;height:18px}.user-management-page .checkbox-label span{color:#57565b;font-size:.95rem}.user-management-page .results-count{color:#888;margin-bottom:16px;font-size:.9rem}.user-management-page .users-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.user-management-page .users-table{border-collapse:collapse;width:100%}.user-management-page .users-table th,.user-management-page .users-table td{text-align:left;border-bottom:1px solid #eee;padding:14px 16px}.user-management-page .users-table thead{background:#57565b}.user-management-page .users-table thead th{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:none;font-size:.9rem;font-weight:600}.user-management-page .users-table tbody tr{transition:background .2s}.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{align-items:center;gap:8px;display:flex}.user-management-page .users-table .user-name .name-text{color:#57565b;font-weight:500}.user-management-page .users-table .badge{border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.user-management-page .users-table .badge.badge-success{color:#155724;background:#d4edda}.user-management-page .users-table .badge.badge-secondary{color:#6c757d;background:#e9ecef}.user-management-page .users-table .badge.badge-director{color:#856404;background:#fff3cd;padding:2px 6px;font-size:.65rem}.user-management-page .users-table .badge.badge-director svg{font-size:.6rem}.user-management-page .users-table .btn{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;transition:all .2s;display:inline-flex}.user-management-page .users-table .btn.btn-outline-primary{color:#f63040;background:0 0;border:1px solid #f63040}.user-management-page .users-table .btn.btn-outline-primary:hover{color:#fff;background:#f63040}.user-management-page .modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.user-management-page .edit-user-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 60px #0003}.user-management-page .edit-user-modal .modal-header{background:linear-gradient(135deg,#fafafa 0%,#fff 100%);border-bottom:3px solid #f63040;justify-content:space-between;align-items:flex-start;padding:24px 32px 20px;display:flex}.user-management-page .edit-user-modal .modal-header .modal-header-content{flex-direction:column;gap:4px;display:flex}.user-management-page .edit-user-modal .modal-header .modal-header-content h2{color:#2d3748;align-items:center;gap:10px;margin:0;font-size:1.5rem;font-weight:700;display:flex}.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{color:#718096;margin-left:34px;font-size:.9rem}.user-management-page .edit-user-modal .modal-header .modal-close{color:#718096;cursor:pointer;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-size:1rem;transition:all .2s}.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{border-bottom:1px solid #e2e8f0;margin-bottom:28px;padding-bottom:28px}.user-management-page .edit-user-modal .modal-body .form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.user-management-page .edit-user-modal .modal-body .form-section .section-header{color:#4a5568;text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:10px;margin-bottom:20px;font-size:.85rem;font-weight:600;display:flex}.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;border-top:1px solid #e2e8f0;border-bottom:none;border-radius:0 0 16px 16px;margin:0 -32px -28px;padding:24px 32px 28px}.user-management-page .edit-user-modal .modal-body .password-section .password-action-card{justify-content:space-between;align-items:center;gap:24px;display:flex}.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{color:#64748b;margin:0;font-size:.9rem;line-height:1.5}.user-management-page .edit-user-modal .modal-body .password-section .password-action-card .btn-password-reset{color:#f63040;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #f63040;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.user-management-page .edit-user-modal .modal-body .password-section .password-action-card .btn-password-reset:hover:not(:disabled){color:#fff;background:#f63040}.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{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.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{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (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{flex-direction:column;gap:8px;display:flex}.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{color:#4a5568;font-size:.85rem;font-weight:600}.user-management-page .edit-user-modal .modal-body .form-group .form-control{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;font-size:.95rem;transition:all .2s}.user-management-page .edit-user-modal .modal-body .form-group .form-control:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.user-management-page .edit-user-modal .modal-body .form-group .form-control:disabled{cursor:not-allowed;color:#a0aec0;background:#f7fafc}.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;appearance:none;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;padding-right:2.5rem}.user-management-page .edit-user-modal .modal-body .form-group .help-text{color:#718096;margin-top:4px;font-size:.8rem}.user-management-page .edit-user-modal .modal-body .checkbox-card{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex}.user-management-page .edit-user-modal .modal-body .checkbox-card:hover{background:#fff;border-color:#cbd5e1}.user-management-page .edit-user-modal .modal-body .checkbox-card:has(input:checked){background:#fff;border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.user-management-page .edit-user-modal .modal-body .checkbox-card input[type=checkbox]{accent-color:#f63040;cursor:pointer;flex-shrink:0;width:22px;height:22px}.user-management-page .edit-user-modal .modal-body .checkbox-card .checkbox-content{flex-direction:column;gap:3px;display:flex}.user-management-page .edit-user-modal .modal-body .checkbox-card .checkbox-content .checkbox-title{color:#2d3748;font-size:.95rem;font-weight:600}.user-management-page .edit-user-modal .modal-body .checkbox-card .checkbox-content .checkbox-desc{color:#718096;font-size:.8rem}.user-management-page .edit-user-modal .modal-body .checkbox-card--conflict{background:#fff5f5!important;border-color:#dc3545!important;box-shadow:0 0 0 3px #dc354526!important}.user-management-page .edit-user-modal .modal-body .checkbox-card--conflict .checkbox-desc{color:#dc3545;font-weight:500}.user-management-page .edit-user-modal .modal-footer{background:#f8fafc;border-radius:0 0 16px 16px;justify-content:flex-end;gap:12px;padding:20px 32px 24px;display:flex}.user-management-page .edit-user-modal .modal-footer .btn{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.user-management-page .edit-user-modal .modal-footer .btn.btn-secondary{color:#4a5568;background:#fff;border:1px solid #e2e8f0}.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{color:#fff;background:#f63040;border:none}.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}@keyframes spin{to{transform:rotate(360deg)}}@media (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{width:100%;min-width:auto}.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{color:#718096;margin-bottom:1rem;font-size:.875rem}.functions-assignment .assigned-functions{margin-bottom:1.5rem}.functions-assignment .assigned-functions .no-functions{color:#a0aec0;text-align:center;background:#f7fafc;border-radius:6px;padding:1rem;font-size:.875rem;font-style:italic}.functions-assignment .assigned-functions .function-tags{flex-wrap:wrap;gap:.5rem;display:flex}.functions-assignment .assigned-functions .function-tags .function-tag{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #0000001a}.functions-assignment .assigned-functions .function-tags .function-tag:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.functions-assignment .assigned-functions .function-tags .function-tag .function-name{flex:1}.functions-assignment .assigned-functions .function-tags .function-tag .remove-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:background-color .2s;display:flex}.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{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:8px 0 16px}.department-management *{box-sizing:border-box}.department-management.loading-state{justify-content:center;align-items:center;min-height:300px;display:flex}.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{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.department-management .header-left{flex:1;min-width:220px}.department-management .header-left h1{color:#333;align-items:center;gap:10px;margin:0 0 4px;font-size:1.5rem;line-height:1.2;display:flex}.department-management .header-left .page-description{color:#666;max-width:780px;margin:0;font-size:.9rem}.department-management .header-actions .btn-primary{cursor:pointer;color:#fff;background:#f63040;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.department-management .header-actions .btn-primary:hover{background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.department-management .department-overview-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:12px}.department-management .department-stats-row{grid-template-columns:repeat(3,minmax(130px,1fr));gap:10px;margin-bottom:10px;display:grid}.department-management .department-stats-row .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:12px 14px;display:flex}.department-management .department-stats-row .stat-card .stat-value{color:#1f2937;font-size:1.6rem;font-weight:700}.department-management .department-stats-row .stat-card .stat-value.stat-active{color:#16a34a}.department-management .department-stats-row .stat-card .stat-value.stat-inactive{color:#ef4444}.department-management .department-stats-row .stat-card .stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.department-management .filter-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.department-management .filter-bar .search-wrap{flex:1;min-width:240px;position:relative}.department-management .filter-bar .search-wrap .search-icon{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.department-management .filter-bar .search-wrap input{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:9px 12px 9px 34px;font-size:.9rem}.department-management .filter-bar .search-wrap input:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 2px #f630401f}.department-management .filter-bar .checkbox-label{cursor:pointer;color:#475569;white-space:nowrap;align-items:center;gap:8px;font-size:.9rem;display:flex}.department-management .filter-bar .checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.department-management .filter-bar .department-count{color:#64748b;white-space:nowrap;margin-left:auto;font-size:.85rem}.department-management .departments-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;width:100%;display:grid}.department-management .no-departments{text-align:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;grid-column:1/-1;padding:40px 20px}.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{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex}.department-management .no-departments .btn-primary:hover{background:#d42a38}.department-management .department-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #3498db;border-radius:12px;flex-direction:column;gap:10px;min-height:170px;padding:14px;transition:all .2s;display:flex}.department-management .department-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.department-management .department-card.inactive{opacity:.72;background:#f7fafc}.department-management .department-card .department-card-header{align-items:flex-start;gap:12px;display:flex}.department-management .department-card .department-icon{background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;font-size:1.15rem;display:flex}.department-management .department-card .department-info{flex:1;min-width:0}.department-management .department-card .department-info h3{color:#1f2937;margin:0 0 4px;font-size:1.15rem;font-weight:600;line-height:1.2}.department-management .department-card .department-info .department-description{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.86rem;line-height:1.45;display:-webkit-box;overflow:hidden}.department-management .department-card .department-info .department-description.muted{color:#94a3b8;font-style:italic}.department-management .department-card .department-meta-row{align-items:center;gap:10px;font-size:.8rem;display:flex}.department-management .department-card .department-meta-row .sort-order{color:#64748b;background:#f1f5f9;border-radius:999px;padding:3px 8px}.department-management .department-card .department-meta-row .badge{border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.department-management .department-card .department-meta-row .badge.badge-secondary{color:#718096;background:#e2e8f0}.department-management .department-card .department-actions{flex-wrap:wrap;gap:8px;display:flex}.department-management .department-card .department-actions .btn{cursor:pointer;border-style:solid;border-width:1px;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.department-management .department-card .department-actions .btn.btn-outline-primary{border-color:var(--primary-color,#f63040);color:var(--primary-color,#f63040);background:0 0}.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{color:#f39c12;background:0 0;border-color:#f39c12}.department-management .department-card .department-actions .btn.btn-outline-warning:hover{color:#fff;background:#f39c12}.department-management .department-card .department-actions .btn.btn-outline-success{color:#2ecc71;background:0 0;border-color:#2ecc71}.department-management .department-card .department-actions .btn.btn-outline-success:hover{color:#fff;background:#2ecc71}.department-management .modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.department-management .modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #0003}.department-management .modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.department-management .modal-header h2{color:#2d3748;align-items:center;gap:10px;margin:0;font-size:1.2rem;display:flex}.department-management .modal-header .close-btn{cursor:pointer;color:#718096;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.department-management .modal-header .close-btn:hover{color:#2d3748;background:#f7fafc}.department-management .modal-body{padding:18px;overflow-y:auto}.department-management .modal-body .form-group{margin-bottom:16px}.department-management .modal-body .form-group.half{width:calc(50% - 8px)}.department-management .modal-body .form-group label{color:#4a5568;margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.department-management .modal-body .form-group label .required{color:#f63040;margin-left:2px}.department-management .modal-body .form-group .form-control{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:.95rem;transition:all .2s}.department-management .modal-body .form-group .form-control:focus{border-color:#f63040;outline:none;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;margin-top:4px;font-size:.8rem}.department-management .modal-body .form-group .help-text{color:#a0aec0;margin-top:4px;font-size:.8rem}.department-management .modal-body .form-group .icon-select{padding-right:32px}.department-management .modal-body .form-group .icon-preview{text-align:center;background:#f7fafc;border-radius:8px;margin-top:8px;padding:12px}.department-management .modal-body .form-group .icon-preview i{font-size:1.5rem}.department-management .modal-body .form-group .color-picker{flex-wrap:wrap;gap:8px;display:flex}.department-management .modal-body .form-group .color-picker .color-option{cursor:pointer;border:2px solid #0000;border-radius:8px;width:32px;height:32px;transition:all .2s}.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{gap:16px;display:flex}.department-management .modal-footer{background:#f7fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:14px 18px;display:flex}.department-management .modal-footer .btn{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.department-management .modal-footer .btn:disabled{opacity:.6;cursor:not-allowed}.department-management .modal-footer .btn.btn-secondary{color:#4a5568;background:#fff;border:1px solid #e2e8f0}.department-management .modal-footer .btn.btn-secondary:hover:not(:disabled){background:#f7fafc}.department-management .modal-footer .btn.btn-primary{color:#fff;background:#f63040;border:none}.department-management .modal-footer .btn.btn-primary:hover:not(:disabled){background:#d42a38}@media (width<=900px){.department-management .page-header{flex-direction:column;align-items:stretch}.department-management .department-stats-row{grid-template-columns:repeat(2,minmax(130px,1fr))}.department-management .filter-bar .department-count{margin-left:0}}@media (width<=768px){.department-management .header-actions .btn-primary{justify-content:center;width:100%}.department-management .departments-grid{grid-template-columns:1fr}.department-management .filter-bar{flex-direction:column;align-items:stretch}.department-management .filter-bar .search-wrap{min-width:0}.department-management .filter-bar .department-count{align-self:flex-start}.department-management .modal-body .form-row{flex-direction:column;gap:0}.department-management .modal-body .form-row .form-group.half{width:100%}.department-management .modal-footer{flex-direction:column-reverse}.department-management .modal-footer .btn{justify-content:center;width:100%}}@media (width<=640px){.department-management .department-stats-row{grid-template-columns:1fr}.department-management .department-card .department-actions .btn{min-width:100%}}.icon-picker .category-header,.icon-picker-dropdown .category-header,.icon-option,.icon-picker-trigger .selected-icon .clear-btn,.icon-picker-trigger{min-width:0;height:auto;font-size:inherit;font-weight:inherit;line-height:inherit;box-sizing:border-box}.icon-picker{width:100%;position:relative}.icon-picker.disabled{opacity:.6;pointer-events:none}.icon-picker-trigger{cursor:pointer;color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:10px 14px;transition:all .2s;display:flex}.icon-picker-trigger:hover{background-color:#fff;border-color:#cbd5e0}.icon-picker-trigger:focus-within{background-color:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.icon-picker-trigger .selected-icon{flex:1;align-items:center;gap:10px;display:flex}.icon-picker-trigger .selected-icon i:first-child{font-size:1.2rem}.icon-picker-trigger .selected-icon .icon-label{color:#2d3748;font-size:.9rem}.icon-picker-trigger .selected-icon .clear-btn{cursor:pointer;color:#718096;background:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;margin-left:auto;padding:0;transition:all .15s;display:flex}.icon-picker-trigger .selected-icon .clear-btn svg{color:#718096;font-size:.7rem}.icon-picker-trigger .selected-icon .clear-btn:hover{background:#fed7d7;border-color:#fc8181}.icon-picker-trigger .selected-icon .clear-btn:hover svg{color:#c53030}.icon-picker-trigger .placeholder{color:#a0aec0;align-items:center;gap:8px;font-size:.9rem;display:flex}.icon-picker-trigger .placeholder svg{font-size:1rem}.icon-picker-trigger .dropdown-arrow{color:#718096;margin-left:8px;font-size:.75rem}.icon-picker-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-width:360px;max-height:420px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 10px 40px #0000001f,0 2px 8px #0000000f}.icon-search{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:12px 14px;display:flex}.icon-search svg{color:#a0aec0;flex-shrink:0;font-size:.9rem}.icon-search input{color:#2d3748;background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.icon-search input::placeholder{color:#a0aec0}.icon-picker-content{flex:1;max-height:340px;overflow-y:auto}.icon-picker-content::-webkit-scrollbar{width:5px}.icon-picker-content::-webkit-scrollbar-track{background:0 0}.icon-picker-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.icon-picker-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.icon-search-results{padding:12px}.icon-search-results .no-results{color:#a0aec0;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;display:flex}.icon-search-results .no-results svg{opacity:.5;margin-bottom:12px;font-size:2rem}.icon-search-results .no-results p{margin:0;font-size:.9rem}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;padding:10px 12px;display:grid}.icon-option{cursor:pointer;color:#4a5568;background:#f8fafc;border:1px solid #edf2f7;border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;transition:all .15s;display:flex}.icon-option i{font-size:1.15rem}.icon-option span{color:#718096;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.65rem;line-height:1.2;overflow:hidden}.icon-option:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 2px 4px #0000000a}.icon-option.selected{background:#3498db14;border-color:#3498db;box-shadow:0 0 0 2px #3498db26}.icon-option.selected i{color:#3498db}.icon-option.selected span{color:#2563eb;font-weight:600}.icon-categories{padding:8px}.icon-category{margin-bottom:4px}.icon-category:last-child{margin-bottom:0}.icon-picker .category-header,.icon-picker-dropdown .category-header{cursor:pointer;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.icon-picker .category-header svg,.icon-picker-dropdown .category-header svg{color:#94a3b8;flex-shrink:0;font-size:.6rem;transition:transform .2s}.icon-picker .category-header:hover,.icon-picker-dropdown .category-header:hover{background:#e2e8f0;border-color:#cbd5e0}.icon-picker .category-header.expanded,.icon-picker-dropdown .category-header.expanded{color:#fff;background:#334155;border-color:#334155;border-radius:6px 6px 0 0}.icon-picker .category-header.expanded svg,.icon-picker-dropdown .category-header.expanded svg{color:#fff}.icon-category .icon-grid{background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 6px 6px;margin-bottom:6px;padding:10px 12px}@media (width<=480px){.icon-picker-dropdown{max-height:350px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.icon-option{padding:8px 4px}.icon-option i{font-size:1rem}.icon-option span{font-size:.6rem}}.function-management-page{box-sizing:border-box;width:100%;max-width:100%}.function-management-page .fmp-page-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.function-management-page .fmp-page-header .fmp-header-left h1{color:#333;margin:0 0 4px;font-size:1.5rem;line-height:1.2}.function-management-page .fmp-page-header .fmp-header-left .fmp-page-description{color:#666;max-width:720px;margin:0;font-size:.9rem}.function-management-page .fmp-overview-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:12px}.function-management-page .fmp-btn-primary,.function-management-page .fmp-btn-secondary,.function-management-page .fmp-btn-toggle{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:.9rem;font-weight:600;display:inline-flex}.function-management-page .fmp-btn-primary{color:#fff;background:#2563eb}.function-management-page .fmp-btn-primary:hover{background:#1d4ed8}.function-management-page .fmp-btn-primary:disabled{opacity:.7;cursor:not-allowed}.function-management-page .fmp-btn-secondary{color:#334155;background:#f8fafc;border-color:#dbe3ec}.function-management-page .fmp-btn-secondary:hover{background:#f1f5f9}.function-management-page .fmp-btn-toggle.danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.function-management-page .fmp-btn-toggle.danger:hover{background:#fee2e2}.function-management-page .fmp-btn-toggle.success{color:#15803d;background:#ecfdf3;border-color:#bbf7d0}.function-management-page .fmp-btn-toggle.success:hover{background:#dcfce7}.function-management-page .fmp-stats-row{grid-template-columns:repeat(3,minmax(130px,1fr));gap:10px;margin-bottom:10px;display:grid}.function-management-page .fmp-stats-row .fmp-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:12px 14px;display:flex}.function-management-page .fmp-stats-row .fmp-stat-card .fmp-stat-value{color:#1f2937;font-size:1.6rem;font-weight:700}.function-management-page .fmp-stats-row .fmp-stat-card .fmp-stat-value.fmp-active{color:#16a34a}.function-management-page .fmp-stats-row .fmp-stat-card .fmp-stat-value.fmp-inactive{color:#ef4444}.function-management-page .fmp-stats-row .fmp-stat-card .fmp-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.function-management-page .fmp-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.function-management-page .fmp-toolbar .fmp-search-wrap{flex:1;min-width:240px;position:relative}.function-management-page .fmp-toolbar .fmp-search-wrap .fmp-search-icon{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.function-management-page .fmp-toolbar .fmp-search-wrap input{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:9px 12px 9px 34px;font-size:.9rem}.function-management-page .fmp-toolbar .fmp-search-wrap input:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 2px #60a5fa26}.function-management-page .fmp-toolbar .fmp-checkbox-label{color:#475569;cursor:pointer;white-space:nowrap;align-items:center;gap:7px;font-size:.9rem;display:inline-flex}.function-management-page .fmp-toolbar .fmp-count{color:#64748b;white-space:nowrap;margin-left:auto;font-size:.85rem}.function-management-page .fmp-loading-state,.function-management-page .fmp-empty-state{text-align:center;color:#64748b;background:#fff;border:1px dashed #d1d5db;border-radius:10px;padding:34px 16px}.function-management-page .fmp-loading-state .spinner,.function-management-page .fmp-empty-state .spinner{animation:1s linear infinite spin}.function-management-page .fmp-empty-state{grid-column:1/-1;place-items:center;gap:10px;display:grid}.function-management-page .fmp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.function-management-page .fmp-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.function-management-page .fmp-card.inactive{opacity:.75}.function-management-page .fmp-card .fmp-card-header{border-bottom:1px solid #eef2f7;border-left:4px solid #3b82f6;align-items:center;gap:10px;padding:14px;display:flex}.function-management-page .fmp-card .fmp-card-header .fmp-icon-wrapper{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.function-management-page .fmp-card .fmp-card-header .fmp-header-content{min-width:0}.function-management-page .fmp-card .fmp-card-header .fmp-header-content h3{color:#1f2937;margin:0;font-size:1.1rem;line-height:1.2}.function-management-page .fmp-card .fmp-card-header .fmp-header-content .fmp-inactive-badge{color:#64748b;background:#e2e8f0;border-radius:999px;margin-top:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.function-management-page .fmp-card .fmp-card-body{padding:14px}.function-management-page .fmp-card .fmp-card-body .fmp-description{color:#475569;min-height:44px;margin:0}.function-management-page .fmp-card .fmp-card-body .fmp-order-pill{color:#334155;background:#f1f5f9;border-radius:999px;margin-top:10px;padding:3px 8px;font-size:.75rem;display:inline-flex}.function-management-page .fmp-card .fmp-card-actions{flex-wrap:wrap;gap:8px;padding:12px 14px 14px;display:flex}.function-management-page .fmp-card .fmp-card-actions .fmp-btn-secondary,.function-management-page .fmp-card .fmp-card-actions .fmp-btn-toggle{flex:1;min-width:120px}.function-management-page .fmp-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.function-management-page .fmp-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:min(760px,100%);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 16px 40px #0003}.function-management-page .fmp-modal-header,.function-management-page .fmp-modal-footer{border-bottom:1px solid #edf2f7;padding:14px 16px}.function-management-page .fmp-modal-header{justify-content:space-between;align-items:center;display:flex}.function-management-page .fmp-modal-header h2{color:#1f2937;margin:0;font-size:1.2rem}.function-management-page .fmp-modal-header .fmp-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px}.function-management-page .fmp-modal-header .fmp-close-btn:hover{color:#1f2937;background:#f1f5f9}.function-management-page .fmp-modal-body{gap:12px;padding:16px;display:grid;overflow-y:auto}.function-management-page .fmp-modal-footer{border-top:1px solid #edf2f7;border-bottom:none;justify-content:flex-end;gap:8px;display:flex}.function-management-page .fmp-form-row{grid-template-columns:2fr 1fr;gap:12px;display:grid}.function-management-page .fmp-form-group{flex-direction:column;gap:6px;display:flex}.function-management-page .fmp-form-group label{color:#334155;font-size:.85rem;font-weight:600}.function-management-page .fmp-form-group input,.function-management-page .fmp-form-group select,.function-management-page .fmp-form-group textarea{border:1px solid #d1d5db;border-radius:8px;padding:9px 10px;font-family:inherit;font-size:.9rem}.function-management-page .fmp-form-group input:focus,.function-management-page .fmp-form-group select:focus,.function-management-page .fmp-form-group textarea:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 2px #60a5fa26}.function-management-page .fmp-form-group input.error,.function-management-page .fmp-form-group select.error,.function-management-page .fmp-form-group textarea.error{border-color:#f87171}.function-management-page .fmp-form-group .fmp-error-message{color:#dc2626;font-size:.78rem}.function-management-page .fmp-form-group .fmp-icon-preview{color:#1f2937;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.function-management-page .fmp-form-group .fmp-color-picker{flex-wrap:wrap;gap:8px;display:flex}.function-management-page .fmp-form-group .fmp-color-picker .fmp-color-option{cursor:pointer;border:2px solid #0000;border-radius:999px;width:24px;height:24px}.function-management-page .fmp-form-group .fmp-color-picker .fmp-color-option.selected{border-color:#0f172a}@media (width<=900px){.function-management-page .fmp-page-header{flex-direction:column;align-items:stretch}.function-management-page .fmp-page-header .fmp-btn-primary{width:fit-content}.function-management-page .fmp-stats-row{grid-template-columns:repeat(2,minmax(130px,1fr))}.function-management-page .fmp-toolbar .fmp-count{margin-left:0}.function-management-page .fmp-form-row{grid-template-columns:1fr}}@media (width<=640px){.function-management-page .fmp-stats-row{grid-template-columns:1fr}.function-management-page .fmp-toolbar{flex-direction:column;align-items:stretch}.function-management-page .fmp-toolbar .fmp-search-wrap{min-width:0}.function-management-page .fmp-toolbar .fmp-count{align-self:flex-start}.function-management-page .fmp-card .fmp-card-actions .fmp-btn-secondary,.function-management-page .fmp-card .fmp-card-actions .fmp-btn-toggle,.function-management-page .fmp-modal-content{width:100%}.function-management-page .fmp-modal-footer{flex-direction:column-reverse}.function-management-page .fmp-modal-footer .fmp-btn-primary,.function-management-page .fmp-modal-footer .fmp-btn-secondary{width:100%}}.ops-incident-form .file-upload-section{margin-top:1rem}.ops-incident-form .file-upload-section>label{color:#333;margin-bottom:.5rem;font-weight:600;display:block}.ops-incident-form .file-dropzone{text-align:center;cursor:pointer;background:#fafbfc;border:2px dashed #cbd5e1;border-radius:8px;padding:2rem 1.5rem;transition:all .2s}.ops-incident-form .file-dropzone:hover{background:#f1f5f9;border-color:#94a3b8}.ops-incident-form .file-dropzone.dragging{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.ops-incident-form .file-dropzone .dropzone-content{pointer-events:none;flex-direction:column;align-items:center;gap:.25rem;display:flex}.ops-incident-form .file-dropzone .dropzone-icon{margin-bottom:.25rem;font-size:2rem}.ops-incident-form .file-dropzone .dropzone-text{color:#475569;margin:0;font-size:.95rem}.ops-incident-form .file-dropzone .dropzone-browse{color:#3b82f6;font-weight:600;text-decoration:underline}.ops-incident-form .file-dropzone .dropzone-hint{color:#94a3b8;margin:.25rem 0 0;font-size:.8rem}.ops-incident-form .file-list{border:1px solid #e2e8f0;border-radius:8px;margin-top:.75rem;overflow:hidden}.ops-incident-form .file-list .file-list-header{color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.85rem;font-weight:500;display:flex}.ops-incident-form .file-list .file-list-header .clear-all-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.15rem .4rem;font-size:.8rem;font-weight:500;transition:background .15s}.ops-incident-form .file-list .file-list-header .clear-all-btn:hover{background:#fef2f2}.ops-incident-form .file-list .file-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:.6rem;padding:.5rem .75rem;transition:background .15s;display:flex}.ops-incident-form .file-list .file-item:last-child{border-bottom:none}.ops-incident-form .file-list .file-item:hover{background:#f8fafc}.ops-incident-form .file-list .file-item .file-icon{flex-shrink:0;font-size:1.25rem}.ops-incident-form .file-list .file-item .file-details{flex-direction:column;flex:1;min-width:0;display:flex}.ops-incident-form .file-list .file-item .file-details .file-name{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:500;overflow:hidden}.ops-incident-form .file-list .file-item .file-details .file-size{color:#94a3b8;font-size:.75rem}.ops-incident-form .file-list .file-item .file-remove-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:.2rem .4rem;font-size:1rem;line-height:1;transition:all .15s}.ops-incident-form .file-list .file-item .file-remove-btn:hover{color:#ef4444;background:#fef2f2}.view-properties-modern{max-width:100%;padding:24px}.view-properties-modern .properties-header{border-bottom:2px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.view-properties-modern .properties-header h1{color:#1a202c;margin:0;font-size:1.875rem;font-weight:700}.view-properties-modern .properties-header .header-actions{align-items:center;gap:12px;display:flex}.view-properties-modern .search-container{max-width:500px;margin-bottom:24px;position:relative}.view-properties-modern .search-container .search-icon{color:#718096;pointer-events:none;font-size:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.view-properties-modern .search-container .search-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 16px 12px 48px;font-size:1rem;transition:all .2s}.view-properties-modern .search-container .search-input:focus{border-color:#f63040;outline:none;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;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}.view-properties-modern .properties-table{border-collapse:collapse;width:100%}.view-properties-modern .properties-table thead{background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%)}.view-properties-modern .properties-table thead tr th{text-align:left;color:#4a5568;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0;padding:16px 20px;font-size:.875rem;font-weight:600}.view-properties-modern .properties-table thead tr th:last-child{text-align:right}.view-properties-modern .properties-table tbody tr{border-bottom:1px solid #f7fafc;transition:all .15s}.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{color:#2d3748;padding:16px 20px;font-size:.95rem}.view-properties-modern .properties-table tbody tr td.property-name{color:#1a202c;font-weight:600}.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{text-transform:uppercase;letter-spacing:.025em;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:.813rem;font-weight:600;display:inline-flex}.view-properties-modern .status-badge.active{color:#22543d;background:#48bb7826}.view-properties-modern .status-badge.active .status-dot{background:#48bb78;border-radius:50%;width:8px;height:8px}.view-properties-modern .status-badge.inactive{color:#4a5568;background:#a0aec026}.view-properties-modern .status-badge.inactive .status-dot{background:#a0aec0;border-radius:50%;width:8px;height:8px}.view-properties-modern .search-filter-row{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;display:flex}.view-properties-modern .search-filter-row .search-container{margin-bottom:0}.view-properties-modern .inactive-toggle{cursor:pointer;color:#4a5568;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.view-properties-modern .inactive-toggle input[type=checkbox]{accent-color:#f63040;cursor:pointer;width:16px;height:16px}.view-properties-modern .actions-cell{justify-content:flex-end;gap:8px;display:flex}.view-properties-modern .action-button{color:#f63040;cursor:pointer;white-space:nowrap;background:#f630401a;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.view-properties-modern .action-button:hover{color:#fff;background:#f63040;transform:translateY(-1px);box-shadow:0 4px 12px #f6304040}.view-properties-modern .action-button:active{transform:translateY(0)}.view-properties-modern .action-button.floorplan-button{color:#4299e1;background:#4299e11a}.view-properties-modern .action-button.floorplan-button:hover{color:#fff;background:#4299e1;box-shadow:0 4px 12px #4299e140}.view-properties-modern .empty-state{text-align:center;color:#718096;padding:60px 20px}.view-properties-modern .empty-state .empty-icon{opacity:.3;margin-bottom:16px;font-size:64px}.view-properties-modern .empty-state h3{color:#2d3748;margin-bottom:8px;font-size:1.25rem}.view-properties-modern .empty-state p{color:#718096;font-size:1rem}.view-properties-modern .loading-state{text-align:center;color:#718096;padding:60px 20px}.view-properties-modern .loading-state .spinner{border:4px solid #f0f0f0;border-top-color:#f63040;border-radius:50%;width:48px;height:48px;margin:0 auto 16px;animation:.8s linear infinite spin}.modal-overlay-modern{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content-modern{background:#fff;border-radius:16px;min-width:450px;max-width:600px;max-height:90vh;padding:32px;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content-modern h2{color:#1a202c;border-bottom:2px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px;font-size:1.5rem;font-weight:700}.modal-content-modern .form-group-modern{flex-direction:column;margin-bottom:20px;display:flex}.modal-content-modern .form-group-modern label{color:#4a5568;margin-bottom:8px;font-size:.938rem;font-weight:600}.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{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:12px 16px;font-size:1rem;transition:all .2s}.modal-content-modern .form-group-modern input[type=text]:focus,.modal-content-modern .form-group-modern textarea:focus{border-color:#f63040;outline:none;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{background:#f7fafc;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;display:flex}.modal-content-modern .toggle-group-modern .toggle-label{flex-direction:column;gap:4px;display:flex}.modal-content-modern .toggle-group-modern .toggle-label .label-text{color:#2d3748;font-size:.938rem;font-weight:600}.modal-content-modern .toggle-group-modern .toggle-label .label-description{color:#718096;font-size:.813rem}.modal-content-modern .toggle-group-modern .toggle-switch{width:52px;height:28px;position:relative}.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{cursor:pointer;background:#cbd5e0;border-radius:28px;transition:all .3s;position:absolute;inset:0}.modal-content-modern .toggle-group-modern .toggle-switch .slider-modern:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.modal-content-modern .modal-actions-modern{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;display:flex}.modal-content-modern .modal-actions-modern button{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.938rem;font-weight:600;transition:all .2s;display:inline-flex}.modal-content-modern .modal-actions-modern button.btn-primary{color:#fff;background:#f63040}.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{color:#4a5568;background:#e2e8f0}.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;margin-top:4px;font-size:.875rem;display:block}.property-manager-select{cursor:pointer;background-color:#fff;border:2px solid #e2e8f0;border-radius:6px;min-width:200px;padding:8px 12px;font-size:.95rem;transition:all .2s}.property-manager-select:hover{border-color:#cbd5e0}.property-manager-select:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.bulk-assignment-container-modern{max-width:100%;padding:24px}.bulk-assignment-container-modern .bulk-assignment-grid-modern{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.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{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.bulk-assignment-container-modern .selection-panel-modern .panel-header-modern h3{color:#1a202c;margin:0;font-size:1.125rem;font-weight:700}.bulk-assignment-container-modern .selection-panel-modern .panel-header-modern .selection-count{color:#f63040;background:#f630401a;border-radius:12px;padding:4px 12px;font-size:.813rem;font-weight:600}.bulk-assignment-container-modern .selection-panel-modern .panel-actions-modern{gap:8px;margin-bottom:12px;display:flex}.bulk-assignment-container-modern .selection-panel-modern .section-modern h4{color:#4a5568;margin-bottom:12px;font-size:.938rem;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{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.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{gap:8px;display:flex}.bulk-assignment-container-modern .assignment-options-modern{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.bulk-assignment-container-modern .assignment-options-modern .option-label-modern{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.bulk-assignment-container-modern .assignment-options-modern .option-label-modern input[type=checkbox]{cursor:pointer;accent-color:#f63040;width:20px;height:20px;margin-top:2px}.bulk-assignment-container-modern .assignment-options-modern .option-label-modern .option-text{color:#2d3748;margin-bottom:8px;font-size:1rem;font-weight:600;display:block}.bulk-assignment-container-modern .assignment-options-modern .option-label-modern .help-text-modern{color:#718096;margin:0;font-size:.875rem;line-height:1.5}.bulk-assignment-container-modern .bulk-assignment-summary-modern{background:linear-gradient(135deg,#fff 0%,#f7fafc 100%);border:2px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:24px;display:flex;box-shadow:0 2px 8px #0000000d}.bulk-assignment-container-modern .bulk-assignment-summary-modern .summary-stats-modern{align-items:center;gap:16px;display:flex}.bulk-assignment-container-modern .bulk-assignment-summary-modern .summary-stats-modern .stat-modern{flex-direction:column;align-items:center;gap:4px;display:flex}.bulk-assignment-container-modern .bulk-assignment-summary-modern .summary-stats-modern .stat-modern .stat-value{color:#f63040;font-size:2rem;font-weight:700;line-height:1}.bulk-assignment-container-modern .bulk-assignment-summary-modern .summary-stats-modern .stat-modern .stat-label{color:#718096;text-transform:uppercase;letter-spacing:.05em;font-size:.813rem}.bulk-assignment-container-modern .bulk-assignment-summary-modern .summary-stats-modern .stat-divider{color:#cbd5e0;font-size:1.5rem;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{max-width:100%;padding:24px}.property-access-container-modern .tab-buttons-modern{border-bottom:2px solid #e2e8f0;gap:12px;margin-bottom:24px;padding-bottom:4px;display:flex}.property-access-container-modern .tab-buttons-modern .tab-button{cursor:pointer;color:#718096;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.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{grid-template-columns:350px 1fr;gap:24px;display:grid}.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{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.property-access-container-modern .selection-panel-modern .panel-header-modern h3{color:#1a202c;margin:0;font-size:1.125rem;font-weight:700}.property-access-container-modern .selection-panel-modern .panel-header-modern .selection-badge{color:#4a5568;background:#7180961a;border-radius:12px;padding:4px 12px;font-size:.813rem;font-weight:600}.property-access-container-modern .selection-panel-modern .selection-list-modern{max-height:500px;margin:0;padding:0;list-style:none;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{text-align:center;color:#a0aec0;padding:40px 20px;font-style:italic}.property-access-container-modern .selection-panel-modern .selection-list-modern .selection-item{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:12px;margin-bottom:4px;padding:12px;transition:all .15s;display:flex}.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{color:#2d3748;flex:1;font-size:.938rem}.property-access-container-modern .selection-panel-modern .selection-list-modern .selection-item .selected-indicator{color:#f63040;font-size:18px;font-weight:700}.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{color:#f63040;font-weight:600}.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{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.property-access-container-modern .properties-panel-modern .panel-header-modern h3{color:#1a202c;margin:0;font-size:1.25rem;font-weight:700}.property-access-container-modern .properties-panel-modern .help-text-box{background:#f7fafc;border-left:4px solid #3182ce;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;display:flex}.property-access-container-modern .properties-panel-modern .help-text-box .help-icon{flex-shrink:0;font-size:20px}.property-access-container-modern .properties-panel-modern .help-text-box p{color:#4a5568;margin:0;font-size:.938rem;line-height:1.5}.property-access-container-modern .properties-panel-modern .save-button-container-modern{border-top:2px solid #e2e8f0;justify-content:flex-end;margin-top:24px;padding-top:20px;display:flex}.property-access-container-modern .no-selection-modern{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}.property-access-container-modern .no-selection-modern .no-selection-icon{opacity:.3;margin-bottom:20px;font-size:64px}.property-access-container-modern .no-selection-modern h3{color:#2d3748;margin-bottom:8px;font-size:1.5rem}.property-access-container-modern .no-selection-modern p{color:#718096;max-width:400px;font-size:1rem}@media (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{justify-content:center;width:100%}.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 (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{padding:6px 12px;font-size:.75rem}.modal-content-modern{min-width:90vw;margin:20px;padding:24px}.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{text-align:center;width:100%}.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{background:#e0e0e0;height:1px;margin:24px 0}.external-mappings-section{margin-top:16px}.external-mappings-section .btn-toggle-mappings{color:#2d3748;cursor:pointer;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.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}.external-mappings-section .btn-toggle-mappings .mapping-count{color:#fff;background:#f63040;border-radius:12px;margin-left:auto;padding:2px 8px;font-size:.75rem}.external-mappings-section .mappings-content{background:#fafafa;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:16px}.external-mappings-section .mappings-content .loading-mappings{text-align:center;color:#718096;padding:20px}.external-mappings-section .mappings-content .no-mappings{text-align:center;color:#718096;padding:24px}.external-mappings-section .mappings-content .no-mappings p{margin:8px 0}.external-mappings-section .mappings-content .no-mappings .help-text{color:#a0aec0;margin-top:8px;font-size:.875rem}.external-mappings-section .mappings-content .mappings-list{flex-direction:column;gap:12px;display:flex}.external-mappings-section .mappings-content .mapping-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px}.external-mappings-section .mappings-content .mapping-item .mapping-system{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.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{border-radius:12px;padding:3px 8px;font-size:.75rem;font-weight:600}.external-mappings-section .mappings-content .mapping-item .mapping-system .mapping-status.active{color:#22543d;background:#48bb7826}.external-mappings-section .mappings-content .mapping-item .mapping-system .mapping-status.inactive{color:#4a5568;background:#a0aec026}.external-mappings-section .mappings-content .mapping-item .mapping-details{gap:8px;margin-top:6px;font-size:.875rem;display:flex}.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{color:#a0aec0;text-align:center;margin-top:16px;font-size:.813rem;font-style:italic}@media (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{max-width:100%;padding:24px}.property-external-mappings-page .page-header{border-bottom:2px solid #e0e0e0;margin-bottom:24px;padding-bottom:16px}.property-external-mappings-page .page-header h1{color:#1a202c;margin:0;font-size:1.875rem;font-weight:700}.property-external-mappings-page .page-header .subtitle{color:#718096;margin-top:8px;font-size:1rem}.property-external-mappings-page .search-section{margin-bottom:24px}.property-external-mappings-page .search-section .search-input{border:1px solid #cbd5e0;border-radius:8px;width:100%;max-width:500px;padding:12px 16px;font-size:1rem;transition:all .2s}.property-external-mappings-page .search-section .search-input:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.property-external-mappings-page .mappings-table-container{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.property-external-mappings-page .mappings-table-container .mappings-table{border-collapse:collapse;width:100%}.property-external-mappings-page .mappings-table-container .mappings-table thead{color:#fff;background:linear-gradient(135deg,#f63040 0%,#e90a1c 100%)}.property-external-mappings-page .mappings-table-container .mappings-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:16px;font-size:.875rem;font-weight:600}.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{vertical-align:top;padding:16px}.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{flex-direction:column;gap:4px;display:flex}.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{background:#f7fafc;border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.mapping-cell .mapping-info .mapping-id{color:#2d3748;font-size:.875rem;font-weight:600}.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{gap:8px;margin-top:4px;display:flex}.property-external-mappings-page .mappings-table-container .mappings-table tbody td.mapping-cell .mapping-info .mapping-actions button{cursor:pointer;border:none;border-radius:4px;padding:4px 8px;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{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:6px;padding:8px 16px;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{color:#2d3748;cursor:pointer;background:#edf2f7;border:1px solid #cbd5e0;border-radius:6px;padding:8px 16px;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{color:#718096;justify-content:center;align-items:center;height:400px;font-size:1.125rem;display:flex}.property-external-mappings-page .modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.property-external-mappings-page .modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.property-external-mappings-page .modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px;display:flex}.property-external-mappings-page .modal-header h2{color:#1a202c;margin:0;font-size:1.5rem}.property-external-mappings-page .modal-header .close-button{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;line-height:1;transition:all .2s;display:flex}.property-external-mappings-page .modal-header .close-button:hover{color:#2d3748;background:#edf2f7}.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{color:#2d3748;margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.property-external-mappings-page .modal-body .form-group .form-control{border:1px solid #cbd5e0;border-radius:6px;width:100%;padding:10px 12px;font-size:1rem;transition:all .2s}.property-external-mappings-page .modal-body .form-group .form-control:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.property-external-mappings-page .modal-body .form-group .form-control:disabled{color:#a0aec0;cursor:not-allowed;background:#f7fafc}.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{align-items:center;display:flex}.property-external-mappings-page .modal-body .form-group.checkbox-group label{cursor:pointer;align-items:center;gap:8px;margin:0;display:flex}.property-external-mappings-page .modal-body .form-group.checkbox-group label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.property-external-mappings-page .modal-body .form-group .autocomplete-wrapper{position:relative}.property-external-mappings-page .modal-body .form-group .autocomplete-wrapper .dropdown-list{z-index:1000;background:#fff;border:2px solid #cbd5e0;border-top:1px solid #e2e8f0;border-radius:0 0 8px 8px;max-height:300px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.property-external-mappings-page .modal-body .form-group .autocomplete-wrapper .dropdown-list .dropdown-item{cursor:pointer;background:#fff;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:.95rem;font-weight:500;line-height:1.4;transition:all .2s;color:#57565b!important}.property-external-mappings-page .modal-body .form-group .autocomplete-wrapper .dropdown-list .dropdown-item:hover{background:#f7fafc;border-left:3px solid #f63040;padding-left:13px;color:#f63040!important}.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{color:#718096;text-align:center;padding:20px 16px;font-size:.9rem;font-style:italic}.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{color:#2d3748;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;min-height:60px;padding:12px;font-size:.875rem}.property-external-mappings-page .modal-body .form-group .selected-property-display strong{color:#f63040;font-weight:600}.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{text-align:center;color:#718096;padding:12px;font-style:italic}.property-external-mappings-page .modal-footer{background:#f7fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.property-external-mappings-page .modal-footer button{cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-weight:500;transition:all .2s}.property-external-mappings-page .modal-footer button.btn-secondary{color:#2d3748;background:#e2e8f0}.property-external-mappings-page .modal-footer button.btn-secondary:hover{background:#cbd5e0}.property-external-mappings-page .modal-footer button.btn-primary{color:#fff;background:#f63040}.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{color:#a0aec0;cursor:not-allowed;background:#cbd5e0;transform:none}.checkbox-list-modern{background:#fafafa;border:1px solid #e2e8f0;border-radius:8px;max-height:350px;padding:8px;overflow-y:auto}.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{text-align:center;color:#a0aec0;padding:40px 20px;font-style:italic}.checkbox-list-modern .checkbox-item-modern,.checkbox-list-modern label.checkbox-item-modern{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:6px;flex-direction:row;align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;transition:all .15s;display:flex}.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]{cursor:pointer;accent-color:#f63040;flex-shrink:0;width:18px;height:18px;margin:0}.checkbox-list-modern .checkbox-item-modern .checkbox-label,.checkbox-list-modern label.checkbox-item-modern .checkbox-label{color:#2d3748;flex:1;align-items:center;font-size:.938rem;line-height:1.4;display:flex}.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;margin-left:4px;font-size:.813rem}.checkbox-list-modern .checkbox-item-modern:has(input:checked){background:#f630400d;border-color:#f6304033}.checkbox-list-modern label.checkbox-item-modern:has(input:checked){background:#f630400d;border-color:#f6304033}.checkbox-list-modern .checkbox-item-modern .responsible-toggle,.checkbox-list-modern label.checkbox-item-modern .responsible-toggle{cursor:pointer;flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.checkbox-list-modern .checkbox-item-modern .responsible-toggle input[type=checkbox],.checkbox-list-modern label.checkbox-item-modern .responsible-toggle input[type=checkbox]{accent-color:#38a169;width:14px;height:14px}.checkbox-list-modern .checkbox-item-modern .responsible-toggle .responsible-label,.checkbox-list-modern label.checkbox-item-modern .responsible-toggle .responsible-label{color:#718096;white-space:nowrap;font-size:.75rem;font-weight:500}.checkbox-list-modern .checkbox-item-modern .responsible-toggle:has(input:checked) .responsible-label{color:#38a169}.checkbox-list-modern label.checkbox-item-modern .responsible-toggle:has(input:checked) .responsible-label{color:#38a169}.site-visits-input-page{max-width:520px;padding:2rem}.site-visits-input-page h1{color:#1e293b;margin-bottom:1.75rem;font-size:1.5rem;font-weight:600}.site-visits-input-page .site-visits-form{flex-direction:column;gap:1.25rem;display:flex}.site-visits-input-page .form-group{flex-direction:column;gap:.4rem;display:flex}.site-visits-input-page .form-group label{color:#334155;font-size:.9rem;font-weight:600}.site-visits-input-page .form-group input[type=date],.site-visits-input-page .form-group select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.5rem .75rem;font-size:.95rem;transition:border-color .2s}.site-visits-input-page .form-group input[type=date]:focus,.site-visits-input-page .form-group select:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f6304026}.site-visits-input-page .form-actions{margin-top:.5rem}.site-visits-input-page .btn-submit{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:6px;padding:.55rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s}.site-visits-input-page .btn-submit:hover:not(:disabled){background:#d4202e}.site-visits-input-page .btn-submit:disabled{opacity:.6;cursor:not-allowed}.secrets-page-new{max-width:1400px;margin:0 auto;padding:24px}.secrets-page-new .secrets-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.secrets-page-new .secrets-header h1{color:#1a1a1a;margin:0;font-size:28px;font-weight:600}.secrets-page-new .secrets-header .header-actions{align-items:center;gap:12px;display:flex}.secrets-page-new .secrets-header .btn-secondary{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.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{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.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;color:#666;padding:64px;font-size:16px}.secrets-page-new .empty-state{text-align:center;background:#f9f9f9;border:2px dashed #ddd;border-radius:12px;padding:80px 24px}.secrets-page-new .empty-state p{color:#666;margin-bottom:24px;font-size:16px}.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{cursor:pointer;background:#f5f5f5;justify-content:space-between;align-items:center;padding:16px 20px;transition:background .2s;display:flex}.secrets-page-new .secrets-list .category-group .category-header:hover{background:#ebebeb}.secrets-page-new .secrets-list .category-group .category-header .category-title{color:#333;align-items:center;gap:12px;font-size:16px;font-weight:600;display:flex}.secrets-page-new .secrets-list .category-group .category-header .category-title .secret-count{color:#fff;background:#666;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:500}.secrets-page-new .secrets-list .category-group .secrets-grid{background:#fafafa;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:20px;display:grid}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:all .2s}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card:hover{border-color:#f63040;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card.incomplete-creds{background:#fff9f0;border:2px solid #ff9800}.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{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .secret-title{flex:1;align-items:center;gap:8px;display:flex}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .secret-title strong{color:#1a1a1a;font-size:15px}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .secret-title .badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .secret-title .badge.inactive{color:#c62828;background:#ffebee}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .secret-title .badge.expired{color:#ef6c00;background:#fff3e0}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .secret-title .badge.warning{color:#856404;background:#fff3cd;align-items:center;gap:3px;display:inline-flex}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .secret-title .badge.cicd-managed{color:#1976d2;cursor:help;background:#e3f2fd;align-items:center;gap:3px;display:inline-flex}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .btn-delete{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-card-header .btn-delete:hover{color:#f44336;background:#ffebee}.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{color:#1976d2;background:#e3f2fd;border-radius:4px;margin-bottom:8px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-meta .secret-description{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-indicators{flex-wrap:wrap;gap:6px;display:flex}.secrets-page-new .secrets-list .category-group .secrets-grid .secret-card .secret-indicators .indicator{color:#666;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;padding:3px 8px;font-size:11px}.secrets-page-new .modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.secrets-page-new .modal-overlay .modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;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{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.secrets-page-new .modal-overlay .modal-content .modal-header h2{color:#1a1a1a;margin:0;font-size:22px;font-weight:600}.secrets-page-new .modal-overlay .modal-content .modal-header .close-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:32px;line-height:1;transition:all .2s;display:flex}.secrets-page-new .modal-overlay .modal-content .modal-header .close-btn:hover{color:#f44336;background:#ffebee}.secrets-page-new .modal-overlay .modal-content .modal-body{flex:1;padding:28px;overflow-y:auto}.secrets-page-new .modal-overlay .modal-content .modal-body .missing-fields-banner{background:#fff8e1;border:1px solid #ffe082;border-left:4px solid #ff9800;border-radius:6px;margin-bottom:20px;padding:14px 18px}.secrets-page-new .modal-overlay .modal-content .modal-body .missing-fields-banner .missing-fields-header{color:#e65100;align-items:center;gap:8px;margin-bottom:6px;display:flex}.secrets-page-new .modal-overlay .modal-content .modal-body .missing-fields-banner .missing-fields-header strong{font-size:14px}.secrets-page-new .modal-overlay .modal-content .modal-body .missing-fields-banner p{color:#6d4c00;margin:0 0 8px;font-size:13px}.secrets-page-new .modal-overlay .modal-content .modal-body .missing-fields-banner ul{margin:0;padding-left:20px;list-style:outside}.secrets-page-new .modal-overlay .modal-content .modal-body .missing-fields-banner ul li{color:#bf360c;padding:2px 0;font-size:13px;font-weight:500}.secrets-page-new .modal-overlay .modal-content .modal-body .warning{color:#f44336;margin-top:8px;font-size:14px}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section{border-bottom:1px solid #e0e0e0;margin-bottom:32px;padding-bottom:24px}.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{color:#333;margin:0 0 20px;font-size:16px;font-weight:600}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-row.checkboxes{flex-direction:column;gap:12px;display:flex}.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{flex-direction:column;display:flex}.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{color:#555;margin-bottom:6px;font-size:13px;font-weight:500}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field .field-help{color:#777;margin-top:4px;font-size:12px;font-style:italic;line-height:1.3;display:block}.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{color:#333;border:1px solid #d0d0d0;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.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{border-color:#f63040;outline:none;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{align-items:center;display:flex;position:relative}.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{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;right:8px}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .form-field.password-field .password-input-group .toggle-password:hover{color:#333;background:#f5f5f5}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .checkbox-label{color:#555;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.secrets-page-new .modal-overlay .modal-content .modal-body .secret-form .form-section .checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.secrets-page-new .modal-overlay .modal-content .modal-footer{background:#f9f9f9;border-top:1px solid #e0e0e0;justify-content:flex-end;gap:12px;padding:20px 28px;display:flex}.secrets-page-new .modal-overlay .modal-content .modal-footer button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.secrets-page-new .modal-overlay .modal-content .modal-footer button.btn-cancel{color:#555;background:#f5f5f5}.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{color:#fff;background:#4caf50}.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{cursor:not-allowed;background:#ccc}.secrets-page-new .modal-overlay .modal-content .modal-footer button.btn-delete{color:#fff;background:#f44336}.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{color:#fff;background:#2196f3}.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{cursor:not-allowed;background:#90caf9}.secrets-page-new .modal-overlay .modal-content .test-result{border:1px solid;border-radius:8px;margin-top:20px;padding:16px}.secrets-page-new .modal-overlay .modal-content .test-result.success{color:#2e7d32;background:#e8f5e9;border-color:#a5d6a7}.secrets-page-new .modal-overlay .modal-content .test-result.success strong{color:#1b5e20}.secrets-page-new .modal-overlay .modal-content .test-result.error{color:#c62828;background:#ffebee;border-color:#ef9a9a}.secrets-page-new .modal-overlay .modal-content .test-result.error strong{color:#b71c1c}.secrets-page-new .modal-overlay .modal-content .test-result strong{margin-bottom:8px;font-size:14px;display:block}.secrets-page-new .modal-overlay .modal-content .test-result p{margin:0;font-size:13px;line-height:1.4}@media (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{background:#f9f9f9;max-width:1400px;margin:0 auto;padding:2rem}.template-management-page .page-header{margin-bottom:2rem}.template-management-page .page-header h1{color:#333;margin-bottom:.5rem;font-size:2rem;font-weight:600}.template-management-page .page-header h1 i{color:#f63040;margin-right:.5rem}.template-management-page .page-header .page-description{color:#57565b;margin:0;font-size:1rem}.template-management-page .page-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.template-management-page .page-controls .filter-controls{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;display:flex}.template-management-page .page-controls .filter-controls .form-group{margin-bottom:0}.template-management-page .page-controls .filter-controls .form-group label{color:#333;margin-bottom:.25rem;font-size:.9rem;font-weight:500;display:block}.template-management-page .page-controls .filter-controls .form-group select{background:#fff;border:1px solid #57565b;border-radius:6px;min-width:180px;padding:.5rem .75rem}.template-management-page .page-controls .filter-controls .form-group select:focus{border-color:#f63040;outline:none;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 .page-controls-actions{align-items:center;gap:10px;display:flex}.template-management-page .page-controls .btn-wizard{color:#f63040;cursor:pointer;background-color:#0000;border:2px solid #f63040;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;min-width:120px;height:40px;font-size:15px;font-weight:600;transition:all .3s ease-in-out;display:inline-flex}.template-management-page .page-controls .btn-wizard:hover{color:#fff;background-color:#f63040;transform:translateY(-2px);box-shadow:0 4px 12px #f630404d}.template-management-page .page-controls .btn-wizard:active{transform:translateY(0)}.template-management-page .page-controls .btn-primary{color:#fff;cursor:pointer;background-color:#f63040;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;min-width:120px;height:40px;font-size:16px;font-weight:600;transition:background-color .3s ease-in-out,transform .3s ease-in-out;display:inline-flex}.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{color:#57565b;flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}.template-management-page .loading-spinner i{color:#f63040;margin-bottom:1rem}.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{color:#333;border-bottom:2px solid #57565b;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.5rem;font-weight:600}.template-management-page .templates-container .department-section .department-heading i{color:#f63040;margin-right:.5rem}.template-management-page .templates-container .department-section .department-heading .template-count{color:#57565b;margin-left:.5rem;font-size:1rem;font-weight:400}.template-management-page .templates-container .department-section .templates-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.template-management-page .templates-container .no-templates{text-align:center;color:#57565b;padding:4rem}.template-management-page .templates-container .no-templates i{color:#f63040;margin-bottom:1rem}.template-management-page .templates-container .no-templates p{margin:0;font-size:1.2rem}.template-management-page .template-card{background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;flex-direction:column;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000001a}.template-management-page .template-card:hover{border-color:#f63040;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.template-management-page .template-card.inactive{opacity:.6;background:#f9f9f9}.template-management-page .template-card .template-header{border-bottom:1px solid #e0e0e0;align-items:center;gap:1rem;padding:1.25rem;display:flex}.template-management-page .template-card .template-header .template-icon{color:#f63040;flex-shrink:0;font-size:1.75rem}.template-management-page .template-card .template-header .template-title{flex:1;min-width:0}.template-management-page .template-card .template-header .template-title h4{color:#333;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1rem;font-weight:600;overflow:hidden}.template-management-page .template-card .template-header .template-title .template-key{color:#57565b;font-family:Courier New,monospace;font-size:.8rem}.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{flex:1;padding:1.25rem}.template-management-page .template-card .template-body .template-description{color:#57565b;margin-bottom:1rem;font-size:.95rem;line-height:1.5}.template-management-page .template-card .template-body .template-meta{background:#f9f9f9;border-radius:6px;margin-bottom:1rem;padding:.75rem}.template-management-page .template-card .template-body .template-meta .meta-item{margin-bottom:.25rem;font-size:.85rem}.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{flex-wrap:wrap;gap:.5rem;display:flex}.template-management-page .template-card .template-body .template-tags .tag{color:#f63040;background:#f630401a;border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.template-management-page .template-card .template-actions{background:#f9f9f9;border-top:1px solid #e0e0e0;border-radius:0 0 6px 6px;gap:.75rem;padding:1rem 1.25rem;display:flex}.template-management-page .template-card .template-actions .btn{cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:auto;height:auto;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex}.template-management-page .template-card .template-actions .btn i{margin-right:.25rem}.template-management-page .template-card .template-actions .btn.btn-primary{color:#fff;background:#f63040;border:1px solid #f63040}.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{color:#f63040;background:0 0;border:1px solid #f63040}.template-management-page .template-card .template-actions .btn.btn-outline-primary:hover{color:#fff;background:#f63040;transform:translateY(-2px)}.template-management-page .template-card .template-actions .btn.btn-outline-secondary{color:#57565b;background:0 0;border:1px solid #57565b}.template-management-page .template-card .template-actions .btn.btn-outline-secondary:hover{color:#fff;background:#57565b;transform:translateY(-2px)}.template-management-page .modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.template-management-page .modal-backdrop .modal-content{background:#fff;border-radius:6px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;box-shadow:0 10px 40px #0000004d}.template-management-page .modal-backdrop .modal-content .modal-header{background:#57565b;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.template-management-page .modal-backdrop .modal-content .modal-header h3{color:#fff;margin:0;font-size:1.5rem}.template-management-page .modal-backdrop .modal-content .modal-header .close-btn{color:#fff;cursor:pointer;background:0 0;border:none;min-width:auto;height:auto;padding:.25rem .5rem;font-size:1.5rem;transition:color .3s}.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{flex:1;padding:1.5rem;overflow-y:auto}.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{color:#333;margin-bottom:.75rem;font-size:1.1rem}.template-management-page .modal-backdrop .modal-content .modal-body .template-preview pre{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;max-height:400px;padding:1rem;font-size:.85rem;overflow-x:auto}.template-management-page .designer-modal-backdrop{padding:1rem}.template-management-page .designer-modal-backdrop .designer-modal-content{border-radius:6px;flex-direction:column;width:95vw;max-width:95vw;height:95vh;max-height:95vh;display:flex;overflow:hidden}@media (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{border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh}}.designer-modal-backdrop .template-designer,.designer-modal-backdrop .designer-modal-content{overflow:hidden}.designer-modal-backdrop .template-designer{flex-direction:column;height:100%;display:flex}.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{color:#333;border-bottom:2px solid #f63040;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:600}.board-template-editor .form-section .section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.board-template-editor .form-section .section-header h3{border-bottom:none;margin-bottom:0;padding-bottom:0}.board-template-editor .form-section .form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.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{color:#333;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.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{border:1px solid #57565b;border-radius:6px;width:100%;padding:.75rem;font-size:.95rem;transition:border-color .3s}.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{border-color:#f63040;outline:none;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{cursor:not-allowed;background-color:#f5f5f5}.board-template-editor .form-section .form-group input[type=color]{cursor:pointer;height:45px}.board-template-editor .form-section .form-group textarea{resize:vertical;min-height:80px}.board-template-editor .form-section .form-group .checkbox-label{cursor:pointer;align-items:center;gap:.5rem;font-weight:400;display:flex}.board-template-editor .form-section .form-group .checkbox-label input[type=checkbox]{cursor:pointer;width:auto}.board-template-editor .form-section .empty-state{text-align:center;color:#57565b;background:#f9f9f9;border:2px dashed #a3a2a8;border-radius:6px;padding:3rem 1rem;font-size:1rem}.board-template-editor .form-section .columns-list{flex-direction:column;gap:1rem;display:flex}.board-template-editor .form-section .columns-list .column-editor{background:#fff;border:2px solid #e0e0e0;border-left-width:4px;border-radius:6px;transition:box-shadow .3s;overflow:hidden}.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{background:#f9f9f9;border-bottom:1px solid #e0e0e0;align-items:center;gap:.75rem;padding:1rem;display:flex}.board-template-editor .form-section .columns-list .column-editor .column-header .column-order{color:#57565b;flex-shrink:0;font-size:.9rem;font-weight:700}.board-template-editor .form-section .columns-list .column-editor .column-header .column-name-input{border:1px solid #e0e0e0;border-radius:6px;flex:1;padding:.5rem;font-size:1rem;font-weight:600}.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:0 0;border-color:#0000}.board-template-editor .form-section .columns-list .column-editor .column-header .column-actions{flex-shrink:0;gap:.25rem;display:flex}.board-template-editor .form-section .columns-list .column-editor .column-header .column-actions .btn-icon{cursor:pointer;color:#57565b;background:0 0;border:1px solid #57565b;border-radius:6px;padding:.25rem .5rem;font-size:.9rem;font-weight:600;transition:all .3s}.board-template-editor .form-section .columns-list .column-editor .column-header .column-actions .btn-icon:hover:not(:disabled){color:#fff;background:#f63040;border-color:#f63040;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{color:#fff;background:#dc3545}.board-template-editor .form-section .columns-list .column-editor .column-fields{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1rem;display:grid}.board-template-editor .form-section .columns-list .column-editor .column-fields .field{flex-direction:column;gap:.25rem;display:flex}.board-template-editor .form-section .columns-list .column-editor .column-fields .field label{color:#333;font-size:.85rem;font-weight:500}.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{border:1px solid #e0e0e0;border-radius:6px;padding:.5rem;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{border-color:#f63040;outline:none}.board-template-editor .form-section .columns-list .column-editor .column-fields .field input[type=color]{cursor:pointer;height:38px}.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{cursor:pointer;align-items:center;gap:.5rem;margin-bottom:0;display:flex}.board-template-editor .form-section .columns-list .column-editor .column-fields .field.checkbox-field input[type=checkbox]{cursor:pointer;width:auto}.template-management-page .template-meta-text{color:#57565b;font-size:.85rem}.template-management-page .tab-navigation{border-bottom:2px solid #e5e7eb;gap:0;margin-bottom:2rem;display:flex}.template-management-page .tab-navigation button.tab-btn{cursor:pointer;align-items:center;gap:8px;margin-bottom:-2px;font-size:.95rem;font-weight:500;transition:color .2s,border-color .2s;display:flex;color:#6b7280!important;background:0 0!important;border:none!important;border-bottom:3px solid #0000!important;border-radius:0!important;min-width:auto!important;height:auto!important;padding:12px 24px!important}.template-management-page .tab-navigation button.tab-btn:hover{color:#374151!important;background-color:#f9fafb!important;transform:none!important}.template-management-page .tab-navigation button.tab-btn.active{font-weight:600;color:#f63040!important;border-bottom-color:#f63040!important}.template-management-page .tab-navigation button.tab-btn:active{background-color:#0000!important;transform:none!important}.template-management-page .tab-navigation button.tab-btn svg{font-size:1rem}.template-management-page .board-mgmt-panel .board-mgmt-toolbar{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.template-management-page .board-mgmt-panel .board-mgmt-toolbar .board-mgmt-search{border:1px solid #d1d5db;border-radius:6px;flex:1;min-width:200px;max-width:400px;height:40px;padding:.5rem .75rem;font-size:.9rem}.template-management-page .board-mgmt-panel .board-mgmt-toolbar .board-mgmt-search:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f6304026}.template-management-page .board-mgmt-panel .board-mgmt-toolbar .board-mgmt-filter{background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:150px;height:40px;padding:.5rem .75rem;font-size:.9rem}.template-management-page .board-mgmt-panel .board-mgmt-toolbar .board-mgmt-filter:focus{border-color:#f63040;outline:none}.template-management-page .board-mgmt-table{border-collapse:separate;border-spacing:0;background:#fff;border-radius:6px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.template-management-page .board-mgmt-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 16px;font-size:.75rem;font-weight:600}.template-management-page .board-mgmt-table tbody tr{transition:background-color .15s}.template-management-page .board-mgmt-table tbody tr:hover{background-color:#f9fafb}.template-management-page .board-mgmt-table tbody tr.inactive-row{opacity:.55}.template-management-page .board-mgmt-table tbody tr.inactive-row:hover{opacity:.8}.template-management-page .board-mgmt-table tbody tr td{color:#333;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 16px;font-size:.88rem}.template-management-page .board-mgmt-table .board-name-cell{white-space:nowrap;align-items:center;gap:.5rem;display:flex}.template-management-page .board-mgmt-table .board-name-cell .board-color-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.template-management-page .board-mgmt-table .board-name-cell .board-icon{color:#57565b;flex-shrink:0;font-size:.9rem}.template-management-page .board-mgmt-table .board-name-cell .board-name-text{color:#333;font-weight:600}.template-management-page .board-mgmt-table .board-description-cell{text-overflow:ellipsis;white-space:nowrap;color:#57565b;max-width:280px;font-size:.83rem;overflow:hidden}.template-management-page .board-mgmt-table .board-badges-cell{flex-wrap:wrap;gap:.25rem;display:flex}.template-management-page .board-mgmt-table .board-owner-cell{color:#57565b;font-size:.83rem}.template-management-page .board-mgmt-table .board-tasks-cell{color:#333;text-align:center;font-size:.85rem;font-weight:600}.template-management-page .board-mgmt-table .board-actions-cell{flex-wrap:nowrap;justify-content:flex-end;gap:4px;display:flex}.template-management-page .board-mgmt-table .board-actions-cell button.btn-icon-action{cursor:pointer;transition:all .15s;color:#6b7280!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;font-size:.8rem!important;display:inline-flex!important}.template-management-page .board-mgmt-table .board-actions-cell button.btn-icon-action:hover{color:#f63040!important;background:#f630400d!important;border-color:#f63040!important;transform:none!important}.template-management-page .board-mgmt-table .board-actions-cell button.btn-icon-action:active{background:#f630401a!important;transform:none!important}.template-management-page .board-mgmt-table .board-actions-cell button.btn-icon-action.danger:hover{color:#dc3545!important;background:#dc35450d!important;border-color:#dc3545!important}.template-management-page .board-mgmt-table .board-actions-cell button.btn-icon-action.migrate:hover{color:#0d6efd!important;background:#0d6efd0d!important;border-color:#0d6efd!important}.template-management-page .board-mgmt-empty{text-align:center;color:#57565b;padding:3rem}.template-management-page .board-mgmt-empty svg{opacity:.5;margin-bottom:.75rem;font-size:2rem}.template-management-page .board-mgmt-empty p{font-size:1rem}.template-management-page .bulk-migrate-body .migrate-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.template-management-page .bulk-migrate-body .migrate-info .migrate-source{text-align:center;flex:1}.template-management-page .bulk-migrate-body .migrate-info .migrate-source .migrate-board-name{color:#333;font-size:1rem;font-weight:600}.template-management-page .bulk-migrate-body .migrate-info .migrate-source .migrate-task-count{color:#57565b;margin-top:2px;font-size:.85rem}.template-management-page .bulk-migrate-body .migrate-info .migrate-arrow{color:#57565b;font-size:1.5rem}.template-management-page .bulk-migrate-body .migrate-info .migrate-target{text-align:center;flex:1}.template-management-page .bulk-migrate-body .form-group{margin-bottom:1rem}.template-management-page .bulk-migrate-body .form-group label{color:#333;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.template-management-page .bulk-migrate-body .form-group select{background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.9rem}.template-management-page .bulk-migrate-body .form-group select:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f6304026}.task-mgmt-panel{padding:24px 0}.task-mgmt-panel .task-mgmt-description{color:#6c757d;margin-bottom:20px;font-size:.95rem}.task-mgmt-panel .task-mgmt-filters{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:24px;padding:20px}.task-mgmt-panel .task-mgmt-filters h3{color:#333;align-items:center;gap:8px;margin:0 0 16px;font-size:1.05rem;display:flex}.task-mgmt-panel .task-mgmt-filters .filter-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.task-mgmt-panel .task-mgmt-filters .filter-field{flex-direction:column;gap:4px;display:flex}.task-mgmt-panel .task-mgmt-filters .filter-field label{color:#555;text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.task-mgmt-panel .task-mgmt-filters .filter-field select,.task-mgmt-panel .task-mgmt-filters .filter-field input{border:1px solid #d0d0d0;border-radius:4px;padding:0 8px;font-size:.875rem;color:#333!important;background:#fff!important;min-width:0!important;height:36px!important}.task-mgmt-panel .task-mgmt-filters .filter-field select:focus,.task-mgmt-panel .task-mgmt-filters .filter-field input:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 2px #f6304026}.task-mgmt-panel .task-mgmt-filters .filter-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.task-mgmt-panel .task-mgmt-filters .filter-actions .match-count-badge{color:#2e7d32;background:#e8f5e9;border-radius:20px;align-items:center;padding:6px 14px;font-size:.9rem;font-weight:600;display:inline-flex}.task-mgmt-panel .task-mgmt-preview{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.task-mgmt-panel .task-mgmt-preview h3{color:#333;align-items:center;gap:8px;margin:0 0 12px;font-size:1rem;display:flex}.task-mgmt-panel .task-mgmt-preview .preview-table{border-collapse:collapse;width:100%;font-size:.85rem}.task-mgmt-panel .task-mgmt-preview .preview-table th{color:#555;z-index:1;background:#f8f8f8;border-bottom:2px solid #e0e0e0;padding:8px 10px;font-weight:600;position:sticky;top:0}.task-mgmt-panel .task-mgmt-preview .preview-table td{border-bottom:1px solid #f0f0f0;padding:6px 10px}.task-mgmt-panel .task-mgmt-preview .preview-table tr:hover td{background:#fafafa}.task-mgmt-panel .task-mgmt-preview .preview-table a{color:#f63040;text-decoration:none}.task-mgmt-panel .task-mgmt-preview .preview-table a:hover{text-decoration:underline}.task-mgmt-panel .task-mgmt-actions{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.task-mgmt-panel .task-mgmt-actions h3{color:#333;margin:0 0 16px;font-size:1.05rem}.task-mgmt-panel .task-mgmt-actions .action-buttons{gap:10px;margin-bottom:20px;display:flex}.task-mgmt-panel .task-mgmt-actions .action-buttons .btn{align-items:center;gap:6px;display:inline-flex}.task-mgmt-panel .task-mgmt-actions .action-buttons .btn-outline-primary{color:#f63040!important;background:0 0!important;border:1px solid #f63040!important}.task-mgmt-panel .task-mgmt-actions .action-buttons .btn-outline-primary:hover{background:#f6304014!important}.task-mgmt-panel .task-mgmt-actions .action-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:16px}.task-mgmt-panel .task-mgmt-actions .action-panel h4{color:#555;margin:0 0 12px;font-size:.95rem}.task-mgmt-panel .task-mgmt-actions .action-panel .action-fields{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.task-mgmt-panel .task-mgmt-actions .action-panel .action-fields select{border:1px solid #d0d0d0;border-radius:4px;padding:0 8px;font-size:.875rem;color:#333!important;background:#fff!important;min-width:200px!important;height:36px!important}.task-mgmt-panel .task-mgmt-actions .action-panel .action-fields .update-field{flex-direction:column;gap:4px;min-width:180px;display:flex}.task-mgmt-panel .task-mgmt-actions .action-panel .action-fields .update-field label{color:#555;text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.task-mgmt-panel .job-status-banner{border-radius:6px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.9rem;font-weight:500;animation:1.5s ease-in-out infinite pulse;display:flex}.task-mgmt-panel .job-status-banner.queued,.task-mgmt-panel .job-status-banner.processing{color:#856404;background:#fff3cd;border:1px solid #ffc107}.task-mgmt-panel .job-status-banner.completed{color:#155724;background:#d4edda;border:1px solid #28a745;animation:none}.task-mgmt-panel .job-status-banner.failed{color:#721c24;background:#f8d7da;border:1px solid #dc3545;animation:none}.task-mgmt-panel .job-status-banner .affected-count{margin-left:auto;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.task-mgmt-panel .update-field-wide{grid-column:1/-1}.task-mgmt-panel .checkbox-inline{align-items:center;gap:6px;margin-top:4px;font-size:.8rem;display:flex;text-transform:none!important;font-weight:400!important}.task-mgmt-panel .checkbox-inline input[type=checkbox]{width:auto;min-width:auto!important;height:auto!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.template-designer{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:6px;flex-direction:column;height:100%;min-height:calc(100vh - 200px);display:flex;overflow:hidden}.template-designer .designer-header{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.template-designer .designer-header .designer-header-title{flex-shrink:0;align-items:center;gap:1rem;display:flex}.template-designer .designer-header h2{color:#333;white-space:nowrap;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:600;display:flex}.template-designer .designer-header h2 svg{color:#f63040}.template-designer .designer-header .wizard-link-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px dashed #cbd5e0;border-radius:6px;align-items:center;gap:6px;min-width:0;height:auto;padding:5px 12px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.template-designer .designer-header .wizard-link-btn svg{color:#94a3b8;font-size:.8rem}.template-designer .designer-header .wizard-link-btn:hover{color:#f63040;background:#f630400a;border-style:solid;border-color:#f63040}.template-designer .designer-header .wizard-link-btn:hover svg{color:#f63040}.template-designer .designer-header .designer-toolbar{flex:1;justify-content:center;align-items:center;gap:.75rem;display:flex}.template-designer .designer-header .designer-toolbar .toolbar-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.125rem;padding:.25rem;display:flex}.template-designer .designer-header .designer-toolbar .toolbar-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.template-designer .designer-header .designer-toolbar .toolbar-btn svg{font-size:.85rem}.template-designer .designer-header .designer-toolbar .toolbar-btn:hover:not(:disabled){color:#334155;background:#e2e8f0}.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{gap:.75rem;display:flex}.template-designer .designer-header .designer-actions .btn{cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;min-width:auto;height:auto;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex}.template-designer .designer-header .designer-actions .btn.btn-primary{color:#fff;background:#f63040;border:1px solid #f63040}.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{color:#fff;background:#57565b;border:1px solid #57565b}.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{color:#f63040;background:#f630401a;border-bottom:1px solid #f63040;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;display:flex}.template-designer .validation-errors i{margin-top:.125rem;font-size:1.25rem}.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{background:#fff;border-bottom:1px solid #e0e0e0;gap:0;padding:0 1.5rem;display:flex}.template-designer .designer-tabs .tab-btn{color:#57565b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;min-width:auto;height:auto;padding:.875rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.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{gap:0;height:100%;display:flex}.template-designer .designer-content .btn-toggle-palette{color:#fff;cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#57565b 0%,#4a494e 100%);border:none;border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:22px;min-width:22px;max-width:22px;padding:80px 0;font-size:.6rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.template-designer .designer-content .btn-toggle-palette svg{display:none}.template-designer .designer-content .btn-toggle-palette:hover{background:linear-gradient(135deg,#4a494e 0%,#3e3d42 100%);width:26px;min-width:26px;max-width:26px}.template-designer .designer-content .btn-toggle-palette:active{background:linear-gradient(135deg,#3e3d42 0%,#333236 100%)}.template-designer .designer-content .designer-left-panel{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:260px;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden auto}.template-designer .designer-content .designer-left-panel.collapsed{border-right:none;width:0;min-width:0;overflow:hidden}.template-designer .designer-content .designer-left-panel.collapsed .field-palette{display:none}.template-designer .designer-content .designer-canvas{background:#f8fafc;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.template-designer .designer-content .designer-canvas .canvas-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.template-designer .designer-content .designer-canvas .canvas-header .canvas-header-left{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.template-designer .designer-content .designer-canvas .canvas-header h3{color:#2c3e50;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.template-designer .designer-content .designer-canvas .canvas-header .template-stats{align-items:center;gap:.5rem;display:flex}.template-designer .designer-content .designer-canvas .canvas-header .template-stats .stat-badge{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.template-designer .designer-content .designer-canvas .canvas-header .template-stats .stat-badge svg{font-size:.6rem}.template-designer .designer-content .designer-canvas .canvas-header .template-stats .stat-badge.required{color:#f63040;background:#f6304014;border-color:#f6304033}.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:hidden auto}.template-designer .designer-content .designer-canvas .empty-canvas{color:#a0aec0;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.template-designer .designer-content .designer-canvas .empty-canvas.enhanced{background:#fff;border:2px dashed #e2e8f0;border-radius:12px;margin:1.5rem;padding:3rem 2rem}.template-designer .designer-content .designer-canvas .empty-canvas.enhanced .empty-canvas-icon{background:linear-gradient(135deg,#f630401a,#f630400d);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.25rem;display:flex}.template-designer .designer-content .designer-canvas .empty-canvas.enhanced .empty-canvas-icon svg{color:#f63040;font-size:1.75rem}.template-designer .designer-content .designer-canvas .empty-canvas.enhanced h3{color:#1e293b;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.template-designer .designer-content .designer-canvas .empty-canvas.enhanced .empty-canvas-description{color:#64748b;max-width:420px;margin:0 0 1.5rem;font-size:.9rem;line-height:1.5}.template-designer .designer-content .designer-canvas .empty-canvas.enhanced .empty-canvas-steps{flex-direction:column;gap:.75rem;width:100%;max-width:380px;margin-bottom:2rem;display:flex}.template-designer .designer-content .designer-canvas .empty-canvas.enhanced .empty-canvas-steps .onboarding-step{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.template-designer .designer-content .designer-canvas .empty-canvas.enhanced .empty-canvas-steps .onboarding-step .step-number{color:#fff;background:#f63040;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;font-size:.7rem;font-weight:700;display:flex}.template-designer .designer-content .designer-canvas .empty-canvas.enhanced .empty-canvas-steps .onboarding-step span:not(.step-number){color:#475569;font-size:.85rem;font-weight:500}.template-designer .designer-content .designer-canvas .empty-canvas.enhanced .btn-lg{padding:.75rem 1.5rem;font-size:1rem}.template-designer .designer-content .designer-canvas .empty-canvas i{margin-bottom:1rem;font-size:3rem}.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{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:6px;padding:.5rem 1rem}.template-designer .designer-content .designer-canvas .empty-canvas .btn:hover{background:#2980b9}.template-designer .designer-content .designer-right-panel{background:#fff;border-left:1px solid #e2e8f0;flex-shrink:0;width:360px;overflow:hidden auto}.template-designer .designer-content .designer-right-panel.slide-over{z-index:1000;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 30px #00000026}.template-designer .designer-content .designer-right-panel.slide-over.open{transform:translate(0)}.template-designer .designer-content .config-panel-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#0f172a4d;animation:.2s fadeIn;position:fixed;inset:0}.template-designer .designer-content .settings-tab{background:#f9f9f9;height:auto;max-height:100%;padding:1rem 1.5rem;overflow-y:auto}.template-designer .designer-content .settings-tab .preview-tab{height:100%;padding:1.5rem;overflow-y:auto}body.designer-open{overflow:hidden}.field-palette{background:#fafbfc;flex-direction:column;height:100%;padding:0;display:flex}.field-palette .palette-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.field-palette .palette-header .palette-title{color:#1e293b;letter-spacing:-.01em;align-items:center;gap:.5rem;margin:0;font-size:.85rem;font-weight:700;display:flex}.field-palette .palette-header .palette-title svg{color:#64748b;font-size:.8rem}.field-palette .palette-header .field-count{color:#94a3b8;text-align:center;background:#f1f5f9;border-radius:10px;min-width:22px;padding:.15rem .5rem;font-size:.65rem;font-weight:600}.field-palette .palette-search{background:#fff;border-bottom:1px solid #eef2f7;padding:.625rem .75rem;position:relative}.field-palette .palette-search i.fa-search,.field-palette .palette-search .search-icon{color:#cbd5e1;pointer-events:none;font-size:.75rem;position:absolute;top:50%;left:1.5rem;transform:translateY(-50%)}.field-palette .palette-search .search-input{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.5rem .75rem .5rem 2rem;font-size:.8rem;transition:all .2s}.field-palette .palette-search .search-input::placeholder{color:#94a3b8;font-weight:400}.field-palette .palette-search .search-input:focus{background:#fff;border-color:#94a3b8;outline:none;box-shadow:0 0 0 3px #94a3b81f}.field-palette .palette-search .clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:.25rem;font-size:.65rem;transition:all .15s;display:flex;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.field-palette .palette-search .clear-search:hover{color:#475569;background:#e2e8f0}.field-palette .search-results-info{color:#64748b;text-align:center;background:#f8fafc;border-bottom:1px solid #eef2f7;padding:.4rem .75rem;font-size:.75rem;font-weight:500}.field-palette .palette-categories{flex:1;padding:.5rem .625rem;overflow-y:auto}.field-palette .palette-categories::-webkit-scrollbar{width:4px}.field-palette .palette-categories::-webkit-scrollbar-track{background:0 0}.field-palette .palette-categories::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.field-palette .palette-categories::-webkit-scrollbar-thumb:hover{background:#9ca3af}.field-palette .palette-category{background:#fff;border:1px solid #eef2f7;border-radius:8px;margin-bottom:.375rem;transition:border-color .15s;overflow:hidden}.field-palette .palette-category:hover{border-color:#dde3ea}.field-palette .palette-category.collapsed .category-header{border-bottom:none}.field-palette .palette-category .category-header{cursor:pointer;text-align:left;width:100%;min-width:0;height:auto;font-size:inherit;line-height:inherit;color:inherit;background:#fafbfc;border:none;border-bottom:1px solid #eef2f7;align-items:center;gap:.5rem;padding:.55rem .75rem;transition:all .15s;display:flex}.field-palette .palette-category .category-header .category-icon-wrapper{background:var(--cat-color,#64748b);opacity:.85;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.field-palette .palette-category .category-header .category-icon-wrapper svg{color:#fff;font-size:.7rem}.field-palette .palette-category .category-header .category-label{color:#334155;letter-spacing:-.005em;flex:1;font-size:.8rem;font-weight:600}.field-palette .palette-category .category-header .category-count{color:#94a3b8;text-align:center;background:#eef2f7;border-radius:8px;min-width:18px;padding:.125rem .4rem;font-size:.625rem;font-weight:600}.field-palette .palette-category .category-header .toggle-icon{color:#b0b8c4;font-size:.6rem;transition:transform .25s cubic-bezier(.4,0,.2,1)}.field-palette .palette-category .category-header .toggle-icon.rotated{transform:rotate(-90deg)}.field-palette .palette-category .category-header:hover{background:#f1f5f9}.field-palette .palette-category .category-header:hover .category-icon-wrapper{opacity:1}.field-palette .palette-category .category-header:hover .toggle-icon{color:#64748b}.field-palette .palette-category .category-fields{flex-direction:column;gap:2px;padding:.375rem .5rem .5rem;animation:.15s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.field-palette .palette-field-btn{cursor:grab;text-align:left;color:#475569;width:100%;min-width:0;height:auto;font-size:inherit;font-weight:inherit;line-height:inherit;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.5rem;padding:.45rem .5rem;transition:all .12s;display:flex;position:relative}.field-palette .palette-field-btn .field-icon-wrapper{background:#f1f5f9;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .12s;display:flex}.field-palette .palette-field-btn .field-icon-wrapper svg{color:var(--cat-color,#64748b);font-size:.7rem}.field-palette .palette-field-btn .field-label{white-space:nowrap;text-overflow:ellipsis;color:#475569;flex:1;font-size:.8rem;font-weight:500;overflow:hidden}.field-palette .palette-field-btn .field-add-indicator{opacity:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .12s;display:flex}.field-palette .palette-field-btn .field-add-indicator svg{color:#94a3b8;font-size:.55rem}.field-palette .palette-field-btn:hover{background:#f1f5f9;border-color:#e2e8f0}.field-palette .palette-field-btn:hover .field-icon-wrapper{background:#e2e8f0}.field-palette .palette-field-btn:hover .field-add-indicator{opacity:1;background:#e2e8f0}.field-palette .palette-field-btn:active{cursor:grabbing;background:#e8edf2;transform:scale(.98)}.field-palette .palette-footer{text-align:center;background:#fafbfc;border-top:1px solid #eef2f7;padding:.5rem .75rem}.field-palette .palette-footer span{color:#b0b8c4;letter-spacing:.01em;font-size:.68rem;font-weight:500}.designer-section{background:#fff;border:2px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;transition:all .2s}.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{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:6px 6px 0 0;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.designer-section .section-header .section-drag-handle{color:#a0aec0;cursor:grab;border-radius:4px;padding:.25rem;transition:all .2s}.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{color:#2c3e50;flex:1;align-items:center;gap:.5rem;margin:0;font-size:.9rem;font-weight:600;display:flex}.designer-section .section-header .section-title .edit-icon{color:#a0aec0;cursor:pointer;border-radius:4px;padding:.25rem;font-size:.7rem;transition:all .2s}.designer-section .section-header .section-title .edit-icon:hover{color:#3498db;background:#ebf8ff}.designer-section .section-header .section-title-input{background:#fff;border:2px solid #3498db;border-radius:4px;outline:none;flex:1;padding:.375rem .5rem;font-size:.9rem;font-weight:600;box-shadow:0 0 0 3px #3498db1a}.designer-section .section-header .section-remove-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.375rem .5rem;transition:all .2s}.designer-section .section-header .section-remove-btn:hover{color:#e53e3e;background:#fff5f5}.designer-section .section-header .section-columns-selector{align-items:center;margin-left:auto;margin-right:.5rem;display:flex}.designer-section .section-header .section-columns-selector label{color:#718096;cursor:pointer;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.designer-section .section-header .section-columns-selector label i{color:#a0aec0;font-size:.85rem}.designer-section .section-header .section-columns-selector label select{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;outline:none;padding:.25rem .5rem;font-size:.75rem;transition:all .2s}.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{min-height:60px;padding:1rem;overflow:hidden}.designer-section .empty-section{text-align:center;color:#a0aec0;border:2px dashed #e2e8f0;border-radius:6px;padding:1.5rem;font-size:.875rem}.designer-section .empty-section.enhanced{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border-color:#cbd5e0;padding:1.25rem}.designer-section .empty-section.enhanced p{color:#94a3b8;margin:0 0 .75rem;font-size:.8rem;font-weight:500}.designer-section .empty-section.enhanced .quick-add-bar{flex-wrap:wrap;justify-content:center;gap:.375rem;display:flex}.designer-section .empty-section.enhanced .quick-add-bar .quick-add-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.designer-section .empty-section.enhanced .quick-add-bar .quick-add-btn i{color:#94a3b8;font-size:.7rem}.designer-section .empty-section.enhanced .quick-add-bar .quick-add-btn:hover{color:#fff;background:#f63040;border-color:#f63040;transform:translateY(-1px);box-shadow:0 2px 8px #f630404d}.designer-section .empty-section.enhanced .quick-add-bar .quick-add-btn:hover i{color:#fff}.designer-section .empty-section.enhanced .quick-add-bar .quick-add-btn:active{transform:translateY(0)}.designer-section .section-quick-add{border-top:1px dashed #e2e8f0;justify-content:center;margin-top:.5rem;padding-top:.75rem;display:flex}.designer-section .section-quick-add .quick-add-more-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px dashed #cbd5e0;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.designer-section .section-quick-add .quick-add-more-btn svg{font-size:.6rem}.designer-section .section-quick-add .quick-add-more-btn:hover{color:#f63040;background:#f630400d;border-style:solid;border-color:#f63040}.designer-field{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.625rem .75rem;transition:all .15s;display:flex;position:relative;overflow:hidden}.designer-field:last-child{margin-bottom:0}.designer-field:hover{background:#fafbfc;border-color:#cbd5e0}.designer-field.selected{background:#f8fbff;border-color:#3498db;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;border-radius:3px;flex-shrink:0;padding:.25rem;transition:all .15s}.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{align-items:center;gap:.35rem;margin-bottom:.1rem;display:flex}.designer-field .field-content .field-header .field-label{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.designer-field .field-content .field-header .field-label .required-badge{color:#ef4444;margin-left:.15rem;font-weight:700}.designer-field .field-content .field-header .conditional-badge{background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.designer-field .field-content .field-header .conditional-badge svg{color:#f59e0b;font-size:.55rem}.designer-field .field-content .field-meta{align-items:center;gap:.4rem;margin-top:.15rem;font-size:.65rem;display:flex}.designer-field .field-content .field-meta .field-type-badge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:3px;padding:.1rem .35rem;font-size:.6rem;font-weight:500}.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{opacity:0;flex-shrink:0;gap:2px;transition:opacity .15s;display:flex}.designer-field .field-action-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;padding:0;transition:all .15s;display:flex}.designer-field .field-action-btn svg{font-size:.65rem}.designer-field .field-action-btn:hover{color:#334155;background:#e2e8f0;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{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0f172a99;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.add-field-modal{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:800px;max-height:85vh;animation:.3s slideUp;display:flex;box-shadow:0 20px 60px #0000004d}.modal-header{background:linear-gradient(#fff,#f8fafc);border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;display:flex}.modal-header h3{color:#1e293b;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;display:flex}.modal-header h3:before{content:"⊕";color:#3498db;font-size:1.5rem}.modal-header .modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:.5rem;transition:all .2s;display:flex}.modal-header .modal-close-btn:hover{color:#dc2626;background:#fee2e2}.modal-filters{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1.25rem 1.75rem}.modal-filters .field-search{background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:1rem;padding:.875rem 1.125rem;font-size:.95rem;transition:all .2s}.modal-filters .field-search::placeholder{color:#94a3b8}.modal-filters .field-search:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.modal-filters .category-filters{flex-wrap:wrap;gap:.625rem;display:flex}.modal-filters .category-filters .category-btn{color:#64748b;cursor:pointer;text-transform:capitalize;background:#fff;border:2px solid #e2e8f0;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.modal-filters .category-filters .category-btn:hover{color:#475569;background:#f1f5f9;border-color:#cbd5e0}.modal-filters .category-filters .category-btn.active{color:#fff;background:#3498db;border-color:#3498db;box-shadow:0 2px 8px #3498db4d}.modal-field-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;max-height:50vh;padding:1.5rem;display:grid;overflow-y:auto}.modal-field-grid .field-type-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:140px;padding:1.25rem 1rem;transition:all .2s;display:flex}.modal-field-grid .field-type-card i{color:#3498db;margin-bottom:.25rem;font-size:2rem}.modal-field-grid .field-type-card .field-type-label{color:#2c3e50;font-size:.95rem;font-weight:600;line-height:1.3}.modal-field-grid .field-type-card .field-type-description{color:#94a3b8;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:.7rem;line-height:1.3;display:-webkit-box;overflow:hidden}.modal-field-grid .field-type-card:hover{background:#f0f9ff;border-color:#3498db;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{flex-wrap:wrap;display:flex}.preview-field-row .preview-row-fields .preview-row-field-item{min-width:100px}.field-config-panel{flex-direction:column;height:100%;display:flex}.field-config-panel .config-panel-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem;display:flex}.field-config-panel .config-panel-header h3{color:#2c3e50;align-items:center;gap:.5rem;margin:0;font-size:.9rem;font-weight:600;display:flex}.field-config-panel .config-panel-header h3 i{color:#3498db}.field-config-panel .config-panel-header .close-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.375rem .5rem;transition:color .2s}.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{color:#718096;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;margin:0 0 .75rem;padding-bottom:.5rem;font-size:.8rem;font-weight:600}.field-config-panel .config-field{margin-bottom:.875rem}.field-config-panel .config-field:last-child{margin-bottom:0}.field-config-panel .config-field label{color:#4a5568;margin-bottom:.375rem;font-size:.8rem;font-weight:500;display:block}.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{border:1px solid #e2e8f0;border-radius:4px;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.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{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.field-config-panel .config-field textarea{resize:vertical;min-height:80px}.field-config-panel .config-field small{color:#a0aec0;margin-top:.25rem;font-size:.75rem;display:block}.field-config-panel .config-field.checkbox-field label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.field-config-panel .config-field.checkbox-field label input[type=checkbox]{width:auto;margin:0}.field-config-panel .config-field-row{gap:.75rem;display:flex}.field-config-panel .config-field-row .config-field.half{flex:1}.field-config-panel .config-help-text{color:#718096;margin:0 0 .75rem;font-size:.75rem;line-height:1.4}.field-config-panel .field-hint{color:#a0aec0;margin-top:.25rem;font-size:.7rem;font-style:italic;display:block}.field-config-panel .derived-key-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px}.field-config-panel .derived-key-display code{color:#3b82f6;word-break:break-all;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.85rem}.field-config-panel .row-fields-list{margin-top:.5rem}.field-config-panel .row-fields-list .no-fields-message{color:#a0aec0;margin:.5rem 0;font-size:.8rem;font-style:italic}.field-config-panel .row-fields-list ul{margin:0;padding:0;list-style:none}.field-config-panel .row-fields-list ul li{color:#2c3e50;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.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{text-align:center;color:#a0aec0;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.no-selection-panel i{margin-bottom:1rem;font-size:2.5rem}.no-selection-panel p{margin:0;font-size:.9rem}.template-metadata-panel.redesigned{background:#f8fafc;border-radius:8px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.template-metadata-panel.redesigned .settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px}.template-metadata-panel.redesigned .settings-section-header{color:#475569;letter-spacing:.01em;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8rem;font-weight:600;display:flex}.template-metadata-panel.redesigned .settings-section-header svg{color:#64748b;font-size:.75rem}.template-metadata-panel.redesigned .settings-section-body{flex-direction:column;gap:.875rem;padding:1rem;display:flex}.template-metadata-panel.redesigned .config-row-2col{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.template-metadata-panel.redesigned .config-row-2col.appearance-row{grid-template-columns:1fr 1fr;align-items:start}.template-metadata-panel.redesigned .config-field{flex-direction:column;gap:.25rem;display:flex;position:relative}.template-metadata-panel.redesigned .config-field label{color:#475569;font-size:.8rem;font-weight:500}.template-metadata-panel.redesigned .config-field label .required-mark{color:#ef4444;margin-left:2px}.template-metadata-panel.redesigned .config-field input[type=text],.template-metadata-panel.redesigned .config-field input[type=number],.template-metadata-panel.redesigned .config-field textarea,.template-metadata-panel.redesigned .config-field select{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.template-metadata-panel.redesigned .config-field input[type=text]::placeholder,.template-metadata-panel.redesigned .config-field input[type=number]::placeholder,.template-metadata-panel.redesigned .config-field textarea::placeholder,.template-metadata-panel.redesigned .config-field select::placeholder{color:#94a3b8}.template-metadata-panel.redesigned .config-field input[type=text]:focus,.template-metadata-panel.redesigned .config-field input[type=number]:focus,.template-metadata-panel.redesigned .config-field textarea:focus,.template-metadata-panel.redesigned .config-field select:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db1a}.template-metadata-panel.redesigned .config-field textarea{resize:vertical;min-height:56px}.template-metadata-panel.redesigned .config-field .field-hint{color:#94a3b8;font-size:.7rem;line-height:1.3}.template-metadata-panel.redesigned .config-field .icon-picker{z-index:100;position:relative}.template-metadata-panel.redesigned .config-field .color-input-group{gap:.5rem;display:flex}.template-metadata-panel.redesigned .config-field .color-input-group input[type=color]{cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;width:42px;height:36px;padding:2px}.template-metadata-panel.redesigned .config-field .color-input-group input[type=text]{flex:1}@media (width<=640px){.template-metadata-panel.redesigned{padding:.75rem}.template-metadata-panel.redesigned .config-row-2col{grid-template-columns:1fr}}.template-preview{max-width:700px;margin:0 auto}.template-preview .preview-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.template-preview .preview-header h3{color:#2c3e50;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.template-preview .preview-header h3 svg{color:#3498db}.template-preview .preview-header .preview-controls{align-items:center;gap:.75rem;display:flex}.template-preview .preview-header .preview-controls .interactive-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.template-preview .preview-header .preview-controls .interactive-toggle input{display:none}.template-preview .preview-header .preview-controls .interactive-toggle .toggle-slider{background:#e2e8f0;border-radius:10px;width:36px;height:20px;transition:all .2s;position:relative}.template-preview .preview-header .preview-controls .interactive-toggle .toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;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{color:#64748b;font-size:.8rem;font-weight:500}.template-preview .preview-header .preview-controls .reset-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.75rem;transition:all .15s;display:flex}.template-preview .preview-header .preview-controls .reset-btn:hover{color:#475569;background:#e2e8f0}.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-left:4px solid #3498db;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.template-preview .preview-card .preview-card-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:1rem;padding:1.25rem;display:flex}.template-preview .preview-card .preview-card-header i{font-size:1.5rem}.template-preview .preview-card .preview-card-header .preview-card-title h4{color:#2c3e50;margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.template-preview .preview-card .preview-card-header .preview-card-title .preview-department{color:#718096;font-size:.8rem}.template-preview .preview-card .preview-description{color:#718096;border-bottom:1px solid #e2e8f0;margin:0;padding:1rem 1.25rem;font-size:.9rem}.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{color:#34495e;border-bottom:1px solid #e2e8f0;align-items:center;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.template-preview .preview-card .preview-section h5 .column-indicator{color:#a0aec0;font-size:.75rem;font-weight:400}.template-preview .preview-card .preview-section .preview-fields{gap:1rem;display:grid}.template-preview .preview-card .preview-section .no-fields{color:#a0aec0;font-size:.875rem;font-style:italic}.template-preview .preview-card .preview-field label{color:#4a5568;margin-bottom:.375rem;font-size:.85rem;font-weight:500;display:block}.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{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;width:100%;padding:.5rem .75rem;font-size:.875rem}.template-preview .preview-card .preview-field textarea{resize:none}.template-preview .preview-card .preview-field .help-text{color:#a0aec0;margin-top:.25rem;font-size:.75rem;display:block}.template-preview .preview-card .preview-field .checkbox-preview{cursor:default;align-items:center;gap:.5rem;display:flex}.template-preview .preview-card .preview-field .checkbox-preview input{width:auto}.template-preview .preview-card .preview-field .toggle-preview{cursor:default;align-items:center;gap:.75rem;display:flex}.template-preview .preview-card .preview-field .toggle-preview .toggle-input{display:none}.template-preview .preview-card .preview-field .toggle-preview .toggle-slider-preview{background-color:#cbd5e0;border-radius:22px;width:42px;height:22px;transition:background-color .2s;position:relative}.template-preview .preview-card .preview-field .toggle-preview .toggle-slider-preview:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;bottom:2px;left:2px}.template-preview .preview-card .preview-field .toggle-preview .toggle-label{font-size:.95rem}.template-preview .preview-card .preview-field .radio-preview{flex-direction:column;gap:.5rem;display:flex}.template-preview .preview-card .preview-field .radio-preview .radio-label{margin-bottom:.25rem;font-weight:500}.template-preview .preview-card .preview-field .radio-preview .radio-option{cursor:default;align-items:center;gap:.5rem;display:flex}.template-preview .preview-card .preview-field .radio-preview .radio-option input{width:auto}.template-preview .preview-card .preview-field .signature-preview-box{background:#f8fafc;border:2px dashed #cbd5e0;border-radius:6px;justify-content:center;align-items:center;min-height:80px;display:flex;position:relative}.template-preview .preview-card .preview-field .signature-preview-box .signature-preview-signed{text-align:center;width:100%;padding:.75rem}.template-preview .preview-card .preview-field .signature-preview-box .signature-preview-signed img{object-fit:contain;max-width:100%;max-height:80px}.template-preview .preview-card .preview-field .signature-preview-box .signature-preview-signed .signature-preview-clear{color:#718096;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:.75rem;line-height:1;position:absolute;top:4px;right:4px}.template-preview .preview-card .preview-field .signature-preview-box .signature-preview-signed .signature-preview-clear:hover{color:#e53e3e;border-color:#e53e3e}.template-preview .preview-card .preview-field .signature-preview-box .signature-preview-empty{color:#a0aec0;flex-direction:column;align-items:center;gap:.35rem;padding:1rem;display:flex}.template-preview .preview-card .preview-field .signature-preview-box .signature-preview-empty svg{font-size:1.25rem}.template-preview .preview-card .preview-field .signature-preview-box .signature-preview-empty span{font-size:.85rem;font-weight:500}.template-preview .preview-card .preview-field .signature-preview-box .signature-preview-empty small{color:#cbd5e0;background:0 0;border:none;margin:0;padding:0;font-size:.75rem}.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{color:#2c3e50;margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:block}.template-preview .preview-card .preview-field-row .preview-row-fields{flex-wrap:wrap;gap:1rem;display:flex}.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{color:#4a5568;margin-bottom:.375rem;font-size:.85rem;font-weight:500;display:block}.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{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;width:100%;padding:.5rem .75rem;font-size:.875rem}.template-preview .preview-card .preview-field-row .preview-row-fields .no-fields-in-row{color:#a0aec0;padding:.5rem;font-size:.85rem;font-style:italic}.template-preview .preview-card .no-sections{text-align:center;color:#a0aec0;padding:2rem;font-style:italic}.template-preview .preview-card .preview-defaults{background:#f8fafc;border-top:1px solid #e2e8f0;gap:1.5rem;padding:1rem 1.25rem;display:flex}.template-preview .preview-card .preview-defaults span{color:#718096;font-size:.8rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn.btn-primary{color:#fff;background:#3498db;border-color:#3498db}.btn.btn-primary:hover:not(:disabled){background:#2980b9;border-color:#2980b9}.btn.btn-secondary{color:#4a5568;background:#fff;border-color:#cbd5e0}.btn.btn-secondary:hover:not(:disabled){background:#f7fafc;border-color:#a0aec0}.btn.btn-outline-primary{color:#3498db;background:0 0;border-color:#3498db}.btn.btn-outline-primary:hover:not(:disabled){color:#fff;background:#3498db}@media (width<=1200px){.template-designer .designer-content .fields-tab{flex-wrap:nowrap}.template-designer .designer-content .designer-left-panel{width:180px}.template-designer .designer-content .designer-left-panel.collapsed{width:40px}.template-designer .designer-content .designer-canvas{flex:1;width:auto}.template-designer .designer-content .designer-right-panel.slide-over{width:320px}.field-palette .palette-fields{flex-flow:wrap}.field-palette .palette-field-btn{flex:1;width:auto;min-width:150px}}@media (width<=768px){.template-designer{min-height:auto}.template-designer .designer-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem 1rem}.template-designer .designer-header .designer-toolbar{justify-content:flex-start;width:100%}.template-designer .designer-header .designer-actions{width:100%}.template-designer .designer-header .designer-actions .btn{flex:1}.template-designer .designer-tabs{padding:0 1rem;overflow-x:auto}.template-designer .designer-tabs .tab-btn{white-space:nowrap;padding:.75rem 1rem}.template-designer .designer-content .fields-tab{flex-direction:column}.template-designer .designer-content .designer-left-panel{border-bottom:1px solid #e2e8f0;border-right:none;max-height:200px;width:100%!important}.template-designer .designer-content .designer-left-panel.collapsed{max-height:0}.template-designer .designer-content .btn-toggle-palette{writing-mode:horizontal-tb;text-orientation:initial;border-bottom:1px solid #ffffff1a;border-right:none;flex-direction:row;padding:.5rem 1rem;width:100%!important;min-width:unset!important;max-width:unset!important}.template-designer .designer-content .btn-toggle-palette svg{display:inline-block}.template-designer .designer-content .designer-right-panel.slide-over{width:100%}.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}}.dragging{animation:.3s ease-in-out pulse}.dragging-overlay{opacity:.9;background:#fff;border:2px solid #3498db;transform:rotate(2deg);box-shadow:0 8px 25px #00000026}.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{background:#ebf8ff;border-radius:6px;min-width:250px}.dragging-overlay.designer-field-row{background:#fff9f0;border-color:#f39c12;border-radius:6px;min-width:300px}.dragging-overlay.designer-field-row .field-row-content .field-row-header{opacity:1}.designer-field{background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:stretch;margin-bottom:8px;transition:box-shadow .15s,border-color .15s;display:flex;position:relative}.designer-field:hover{border-color:#cbd5e0;box-shadow:0 2px 6px #00000014}.field-drag-handle{cursor:grab;color:#57565b;-webkit-user-select:none;user-select:none;background:linear-gradient(#f8fafc,#edf2f7);border-right:1px solid #e2e8f0;justify-content:center;align-items:center;width:34px;font-size:16px;transition:background .15s,color .15s;display:flex}.designer-field.dragging .field-drag-handle,.field-drag-handle:hover{color:#fff;background:#f63040}.section-drag-handle{cursor:grab;color:#57565b;background:linear-gradient(#f8fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;font-size:18px;transition:background .15s,color .15s,border-color .15s;display:flex}.designer-section.dragging .section-drag-handle,.section-drag-handle:hover{color:#fff;background:#f63040;border-color:#f63040}.field-remove-btn,.section-remove-btn{color:#dc3545;cursor:pointer;background:#fff;border:1px solid #dc3545;border-radius:6px;justify-content:center;align-self:center;align-items:center;height:32px;padding:4px 8px;font-size:14px;transition:background .15s,color .15s,box-shadow .15s;display:flex}.field-remove-btn i,.section-remove-btn i{pointer-events:none}.field-remove-btn:hover,.section-remove-btn:hover{color:#fff;background:#dc3545}.field-remove-btn:active,.section-remove-btn:active{box-shadow:inset 0 2px 4px #00000026}.designer-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:14px;padding:12px 14px}.designer-section.dragging{box-shadow:0 2px 8px #00000026}.designer-section .section-header{align-items:center;margin-bottom:10px;display:flex}.designer-section .section-title{margin:0;font-size:16px;font-weight:600}.designer-row{background:linear-gradient(135deg,#f9fafb 0%,#fff 100%);border:2px solid #e5e7eb;border-radius:10px;align-items:stretch;gap:10px;width:100%;max-width:100%;min-height:120px;margin:12px 0;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.designer-row.selected{background:linear-gradient(135deg,#dbeafe 0%,#fff 100%);border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626,0 4px 12px #3b82f61a}.designer-row.dragging{opacity:.7;transform:scale(1.02);box-shadow:0 8px 24px #0003}.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{opacity:0;visibility:hidden;z-index:10;gap:4px;transition:all .2s;display:flex;position:absolute;top:-12px;right:12px}.row-hover-actions button{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:13px;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.row-hover-actions button:hover{color:#fff;background:#3b82f6;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{color:#9ca3af;cursor:grab;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;padding:6px;transition:all .2s;display:flex;box-shadow:inset 0 1px 2px #0000000d}.row-drag-handle i{font-size:16px}.row-drag-handle:hover{color:#6b7280;background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);box-shadow:inset 0 1px 3px #0000001a}.row-drag-handle:active{cursor:grabbing;transform:scale(.95)}.row-content{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex;overflow:hidden}.row-header{background:#fafafa;border-bottom:1px solid #e5e7eb;border-radius:6px 6px 0 0;flex-wrap:wrap;align-items:center;gap:8px;margin:-4px -4px 8px;padding:6px 10px 10px;display:flex}.row-header .row-icon{color:#3b82f6;font-size:14px}.row-header .row-label{color:#374151;letter-spacing:.2px;font-size:.75rem;font-weight:600}.row-header .add-column-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:4px;align-items:center;gap:4px;min-width:auto;height:auto;padding:4px 8px;font-size:.65rem;font-weight:600;transition:all .15s;display:flex}.row-header .add-column-btn svg{color:#3b82f6;font-size:.6rem}.row-header .add-column-btn:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;transform:none}.row-header .add-column-btn:hover svg{color:#fff}.row-layout-controls{align-items:center;gap:4px;margin-left:auto;display:flex}.row-layout-controls .layout-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;padding:0;transition:all .15s;display:flex}.row-layout-controls .layout-btn svg{font-size:.65rem}.row-layout-controls .layout-btn:hover{color:#334155;background:#f1f5f9;transform:none}.row-layout-controls .preset-dropdown{position:relative}.row-layout-controls .preset-dropdown .preset-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:140px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 25px #00000026}.row-layout-controls .preset-dropdown .preset-menu .preset-header{color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.4rem .6rem;font-size:.6rem;font-weight:600}.row-layout-controls .preset-dropdown .preset-menu .preset-item{text-align:left;cursor:pointer;background:#fff;border:none;align-items:center;gap:.5rem;width:100%;min-width:auto;height:auto;padding:.4rem .6rem;transition:all .15s;display:flex}.row-layout-controls .preset-dropdown .preset-menu .preset-item .preset-icon{color:#94a3b8;letter-spacing:1px;font-family:monospace;font-size:.65rem}.row-layout-controls .preset-dropdown .preset-menu .preset-item .preset-label{color:#334155;font-size:.7rem}.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{color:#64748b;background:#f1f5f9;border-radius:3px;margin-left:auto;padding:.15rem .4rem;font-size:.6rem;font-weight:600}.span-indicator.invalid{color:#ef4444;background:#fef2f2}.row-columns{flex:1;gap:8px;width:100%;min-width:0;max-width:100%;display:flex;overflow:hidden}.row-column{background:#fff;border:2px dashed #d1d5db;border-radius:6px;flex-direction:column;flex:1;gap:8px;min-width:0;min-height:80px;padding:12px;transition:all .2s;display:flex;position:relative;overflow:hidden}.row-column.drag-over{background:#eff6ff;border-style:solid;border-color:#3498db}.row-column:before{content:"";background:repeating-linear-gradient(#cbd5e0 0 5px,#0000 5px 10px);width:2px;position:absolute;top:0;bottom:0;left:-4px}.row-column:first-child:before{display:none}.row-column:hover{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.row-column.drag-over{background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 100%);border-style:solid;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633,inset 0 0 20px #3b82f61a}.row-column.drag-over:after{content:"Drop Here";color:#3b82f6;text-transform:uppercase;letter-spacing:1px;pointer-events:none;z-index:10;font-size:14px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.row-column-empty{text-align:center;justify-content:center;align-items:center;min-height:150px}.row-column-empty .empty-message{color:#9ca3af;flex-direction:column;align-items:center;gap:8px;display:flex}.row-column-empty .empty-message i{opacity:.5;font-size:32px}.row-column-empty .empty-message span{font-size:13px;font-weight:500}.column-header{background:#fafafa;border-bottom:1px solid #e5e7eb;align-items:center;gap:4px;padding:4px 6px 6px;display:flex}.column-header .column-label{color:#3b82f6;text-transform:uppercase;background:#dbeafe;border-radius:3px;padding:2px 5px;font-family:Courier New,monospace;font-size:.55rem;font-weight:700}.column-header .column-span-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:3px;min-width:45px;padding:2px 4px;font-size:.6rem;font-weight:500;transition:all .15s}.column-header .column-span-select:hover{border-color:#3b82f6}.column-header .column-span-select:focus{border-color:#3b82f6;outline:none}.column-header .remove-column-btn{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:3px;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;margin-left:auto;padding:0;transition:all .15s;display:flex}.column-header .remove-column-btn svg{font-size:.55rem}.column-header .remove-column-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:none}.column-fields{flex-direction:column;flex:1;gap:4px;display:flex}.column-fields .empty-message{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:.65rem;display:flex}.column-fields .empty-message i{font-size:.9rem}.column-field-item{color:#495057;cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:.75rem;transition:all .2s;display:flex}.column-field-item:hover{background:#f8fafc;border-color:#3498db;box-shadow:0 2px 8px #3498db26}.column-field-item.selected{background:linear-gradient(135deg,#ebf5ff 0%,#fff 100%);border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.column-field-item i{flex-shrink:0;font-size:.85rem}.column-field-item .column-field-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.column-field-item .column-field-info .column-field-label{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.column-field-item .column-field-info .column-field-placeholder{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;font-style:italic;overflow:hidden}.column-field-item .remove-field-btn{color:#ef4444;cursor:pointer;opacity:0;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;padding:0;transition:all .15s;display:flex}.column-field-item .remove-field-btn svg{font-size:.6rem}.column-field-item .remove-field-btn:hover{color:#fff;background:#ef4444;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{color:#6c757d;cursor:pointer;background:#fff;border:1px dashed #ced4da;border-radius:4px;justify-content:center;align-items:center;gap:4px;margin-top:auto;padding:6px;font-size:11px;transition:all .2s;display:flex}.add-field-to-column-btn:hover{color:#495057;background:#f8f9fa;border-color:#adb5bd}.designer-row.dragging-overlay{transform:rotate(2deg);box-shadow:0 8px 24px #0003}.column-resizer{cursor:col-resize;z-index:10;justify-content:center;align-items:center;width:12px;margin:0 -6px;display:flex;position:relative}.column-resizer .resizer-handle{opacity:0;background:#e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:12px;height:40px;transition:all .15s;display:flex}.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{background:#f63040;height:100%;box-shadow:0 0 8px #f6304066}.conditional-logic-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;overflow:hidden}.conditional-logic-panel .conditional-logic-header{cursor:pointer;background:#f8fafc;border:none;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;transition:all .15s;display:flex}.conditional-logic-panel .conditional-logic-header .header-content{color:#475569;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.conditional-logic-panel .conditional-logic-header .header-content svg{color:#3498db}.conditional-logic-panel .conditional-logic-header .condition-badge{color:#fff;text-align:center;background:#f63040;border-radius:10px;min-width:18px;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.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{border-top:1px solid #e2e8f0;padding:1rem}.conditional-logic-panel .conditional-logic-content .no-fields-message{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.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{color:#64748b;margin:0 0 1rem;font-size:.8rem}.conditional-logic-panel .conditional-logic-content .logic-toggle{color:#64748b;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;display:flex}.conditional-logic-panel .conditional-logic-content .logic-toggle .logic-btn{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:700;transition:all .15s}.conditional-logic-panel .conditional-logic-content .logic-toggle .logic-btn:hover{background:#e90a1c}.conditional-logic-panel .conditional-logic-content .conditions-list{flex-direction:column;gap:.5rem;display:flex}.conditional-logic-panel .conditional-logic-content .conditions-list .condition-row .condition-connector{color:#94a3b8;margin:.25rem 0 .25rem .5rem;font-size:.7rem;font-weight:600;display:block}.conditional-logic-panel .conditional-logic-content .conditions-list .condition-row .condition-inputs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.5rem;display:flex}.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{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:.4rem .5rem;font-size:.75rem}.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{border-color:#f63040;outline:none}.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{color:#ef4444;cursor:pointer;background:#fef2f2;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.conditional-logic-panel .conditional-logic-content .conditions-list .condition-row .condition-inputs .remove-condition-btn:hover{color:#fff;background:#ef4444}.conditional-logic-panel .conditional-logic-content .condition-actions{gap:.5rem;margin-top:1rem;display:flex}.conditional-logic-panel .conditional-logic-content .condition-actions .add-condition-btn{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.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{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.conditional-logic-panel .conditional-logic-content .condition-actions .clear-conditions-btn:hover{color:#334155;background:#e2e8f0}.conditional-logic-panel .conditional-logic-content .condition-preview{background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;align-items:center;gap:.5rem;margin-top:1rem;padding:.6rem .75rem;display:flex}.conditional-logic-panel .conditional-logic-content .condition-preview svg{color:#f59e0b;font-size:.9rem}.conditional-logic-panel .conditional-logic-content .condition-preview span{color:#92400e;font-size:.75rem}.question-block-preview{word-break:break-word;white-space:pre-wrap;align-items:flex-start;transition:box-shadow .15s;display:flex}.question-block-preview:hover{box-shadow:0 2px 8px #0000000f}.icon-display-preview{flex-direction:column;min-height:28px;padding:6px 0;display:flex}.icon-display-preview i{line-height:1}.icon-display-preview .icon-display-caption{color:#718096;margin-top:4px;font-size:.8rem}.multi-select-preview{flex-direction:column;gap:6px;display:flex}.multi-select-preview.layout-horizontal{flex-flow:wrap;gap:10px}.multi-select-preview .multi-select-option{color:#4a5568;cursor:pointer;align-items:center;gap:8px;font-size:.875rem;display:flex}.multi-select-preview .multi-select-option input[type=checkbox]{accent-color:#3498db;cursor:pointer;width:16px;height:16px}.multi-select-preview .multi-select-option.other-option{color:#a0aec0;font-style:italic}.likert-scale-preview .likert-points{justify-content:space-between;gap:6px;display:flex}.likert-scale-preview .likert-point{cursor:pointer;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:8px 4px;transition:background .15s;display:flex}.likert-scale-preview .likert-point:hover{background:#f0f4f8}.likert-scale-preview .likert-point.selected{background:#3498db14}.likert-scale-preview .likert-point.selected .likert-radio{background:#3498db;border-color:#3498db;box-shadow:inset 0 0 0 3px #fff}.likert-scale-preview .likert-point .likert-radio{background:#fff;border:2px solid #cbd5e0;border-radius:50%;width:20px;height:20px;transition:all .15s}.likert-scale-preview .likert-point .likert-label{color:#718096;text-align:center;word-wrap:break-word;max-width:70px;font-size:.65rem;line-height:1.2}.image-display-preview{padding:4px 0}.image-display-preview img{border-radius:4px;display:inline-block;box-shadow:0 1px 4px #0000000f}.image-display-preview .image-placeholder{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.image-display-preview .image-placeholder span{color:#a0aec0;font-size:.8rem;font-style:italic}.image-display-preview .image-caption{color:#718096;margin-top:6px;font-size:.8rem;font-style:italic}.info-alert-preview{word-break:break-word;white-space:pre-wrap;transition:box-shadow .15s}.info-alert-preview:hover{box-shadow:0 2px 8px #0000000f}.wfd-backdrop{z-index:1050;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.wfd-backdrop button{height:auto;min-width:unset;color:inherit;font-size:inherit;font-weight:inherit;background:0 0;border:none;border-radius:0;padding:0;transition:none;transform:none}.wfd-backdrop button:hover,.wfd-backdrop button:active{background-color:#0000;transform:none}.wfd-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:860px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.wfd-header{background:linear-gradient(135deg,#fafbfc 0%,#f0f4f8 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.wfd-header .wfd-header-left{align-items:center;gap:12px;display:flex}.wfd-header .wfd-header-left .wfd-header-icon{color:#f63040;font-size:1.3rem}.wfd-header .wfd-header-left h2{color:#2d3748;margin:0;font-size:1.15rem;font-weight:700}.wfd-header .wfd-header-right{align-items:center;gap:12px;display:flex}.wfd-toggle-btn{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:500;transition:background .2s,border-color .2s;display:flex;color:#718096!important;background:#fff!important;border:1px solid #e2e8f0!important}.wfd-toggle-btn svg{font-size:1.1rem}.wfd-toggle-btn:hover{background:#f7fafc!important;border-color:#cbd5e0!important;transform:none!important}.wfd-toggle-btn.active{color:#38a169!important;background:#f0fff4!important;border-color:#c6f6d5!important}.wfd-close-btn{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;font-size:1.1rem;transition:background .15s,color .15s;display:flex;height:32px!important;min-width:unset!important;color:#718096!important;background:0 0!important}.wfd-close-btn:hover{color:#f63040!important;background:#fff5f5!important;transform:none!important}.wfd-body{flex:1;padding:0;overflow-y:auto}.wfd-section{border-bottom:1px solid #e2e8f0;padding:20px 24px}.wfd-section:last-child{border-bottom:none}.wfd-section-title{color:#2d3748;align-items:center;gap:10px;margin-bottom:16px;font-size:1rem;font-weight:700;display:flex}.wfd-section-title .wfd-step-number{color:#fff;background:#f63040;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;font-weight:700;display:inline-flex}.wfd-section-title .wfd-step-count{color:#718096;background:#f7fafc;border-radius:12px;margin-left:auto;padding:2px 10px;font-size:.78rem;font-weight:500}.wfd-basics-grid{flex-direction:column;gap:12px;display:flex}.wfd-config-field{flex-direction:column;gap:4px;display:flex}.wfd-config-field label{color:#2d3748;text-transform:uppercase;letter-spacing:.03em;font-size:.82rem;font-weight:600}.wfd-config-field small{color:#718096;font-size:.75rem;line-height:1.4}.wfd-config-field.wfd-field-full{width:100%}.wfd-required{color:#f63040;margin-left:2px}.wfd-input,.wfd-select,.wfd-textarea{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:8px 12px;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.wfd-input:focus,.wfd-select:focus,.wfd-textarea:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.wfd-textarea{resize:vertical;min-height:60px}.wfd-config-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px;display:grid}@media (width<=600px){.wfd-config-row{grid-template-columns:1fr}}.wfd-trigger-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}@media (width<=600px){.wfd-trigger-grid{grid-template-columns:1fr}}.wfd-trigger-card{cursor:pointer;text-align:left;width:100%;font-size:inherit;font-weight:inherit;border-radius:8px;flex-direction:column;align-items:flex-start;padding:14px;transition:all .2s;display:flex;color:#2d3748!important;height:auto!important;min-width:unset!important;background:#fff!important;border:2px solid #e2e8f0!important;transform:none!important}.wfd-trigger-card .wfd-trigger-icon{color:var(--trigger-color,#718096);margin-bottom:8px;font-size:1.3rem}.wfd-trigger-card .wfd-trigger-label{color:#2d3748;margin-bottom:4px;font-size:.88rem;font-weight:700}.wfd-trigger-card .wfd-trigger-desc{color:#718096;font-size:.75rem;line-height:1.4}.wfd-trigger-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000f;background:#fff!important;border-color:#c0cddf!important;transform:none!important}.wfd-trigger-card.selected{box-shadow:0 0 0 3px #0000000f;border-color:var(--trigger-color,#f63040)!important;background:#fff!important}.wfd-trigger-card.selected .wfd-trigger-label,.wfd-trigger-card.selected .wfd-trigger-icon{color:var(--trigger-color,#f63040)}.wfd-trigger-card.coming-soon{opacity:.75}.wfd-trigger-card.coming-soon .wfd-trigger-icon,.wfd-trigger-card.coming-soon .wfd-trigger-label,.wfd-trigger-card.coming-soon .wfd-trigger-desc{color:#718096!important}.wfd-coming-soon-badge{color:#6c757d;vertical-align:middle;letter-spacing:.03em;text-transform:uppercase;background:#e9ecef;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:.68rem;font-weight:600;display:inline-block}.wfd-coming-soon-notice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:.83rem;line-height:1.5;display:flex}.wfd-coming-soon-notice .wfd-coming-soon-notice-icon{color:#d97706;flex-shrink:0;margin-top:2px;font-size:1rem}.wfd-coming-soon-notice strong{margin-bottom:4px;font-size:.85rem;display:block}.wfd-coming-soon-notice p{margin:0}.wfd-trigger-info-msg{color:#3182ce;align-items:center;gap:10px;margin-top:4px;font-size:.85rem;display:flex}.wfd-trigger-info-msg svg{flex-shrink:0;font-size:1rem}.wfd-trigger-config{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.wfd-trigger-config.wfd-trigger-info{color:#3182ce;align-items:center;gap:10px;font-size:.85rem;display:flex}.wfd-trigger-config.wfd-trigger-info svg{flex-shrink:0;font-size:1rem}.wfd-empty-steps{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:16px;font-size:.85rem;display:flex}.wfd-steps-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.wfd-step-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:box-shadow .2s;overflow:hidden}.wfd-step-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000f}.wfd-step-card.disabled{opacity:.6}.wfd-step-card.disabled .wfd-step-header{background:#f7fafc}.wfd-step-header{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s;display:flex}.wfd-step-header:hover{background:#f8fafc}.wfd-step-header .wfd-step-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.wfd-step-header .wfd-step-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.wfd-step-grip{color:#cbd5e0;font-size:.85rem}.wfd-step-order{color:#718096;background:#edf2f7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:inline-flex}.wfd-step-icon{color:#f63040;flex-shrink:0;font-size:1rem}.wfd-step-info{min-width:0}.wfd-step-info .wfd-step-name{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.wfd-step-info .wfd-step-type{color:#718096;font-size:.72rem}.wfd-step-badge{color:#92400e;white-space:nowrap;background:#fef3c7;border-radius:10px;padding:2px 8px;font-size:.68rem}.wfd-step-btn{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;font-size:.8rem;transition:background .15s,color .15s;display:inline-flex;color:#718096!important;height:auto!important;min-width:unset!important;background:0 0!important}.wfd-step-btn:hover:not(:disabled){color:#2d3748!important;background:#edf2f7!important;transform:none!important}.wfd-step-btn:disabled{opacity:.3;cursor:default}.wfd-step-btn.danger:hover:not(:disabled){color:#f63040!important;background:#fff5f5!important}.wfd-step-body{background:#f7fafc;border-top:1px solid #e2e8f0;flex-direction:column;gap:12px;padding:16px;display:flex}.wfd-step-description{color:#4299e1;background:#ebf8ff;border:1px solid #bee3f8;border-radius:6px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.82rem;line-height:1.5;display:flex}.wfd-step-description svg{flex-shrink:0;margin-top:2px}.wfd-step-config{flex-direction:column;gap:12px;display:flex}.wfd-step-options{border-top:1px solid #e2e8f0;flex-direction:column;gap:8px;padding-top:12px;display:flex}.wfd-toggle-label{color:#2d3748;cursor:pointer;align-items:center;gap:8px;font-size:.82rem;display:flex}.wfd-toggle-label input[type=checkbox]{accent-color:#f63040}.wfd-add-step-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.88rem;font-weight:600;transition:border-color .2s,color .2s,background .2s;display:flex;height:auto!important;min-width:unset!important;color:#718096!important;background:0 0!important;border:2px dashed #cbd5e0!important}.wfd-add-step-btn:hover{color:#f63040!important;background:#fff5f5!important;border-color:#f63040!important;transform:none!important}.wfd-add-step-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000f}.wfd-action-category{margin-bottom:16px}.wfd-action-category:last-child{margin-bottom:0}.wfd-action-category-title{text-transform:uppercase;letter-spacing:.05em;color:#718096;border-bottom:1px solid #edf2f7;margin-bottom:8px;padding-bottom:4px;font-size:.78rem;font-weight:700}.wfd-action-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.wfd-action-card{cursor:pointer;text-align:left;border-radius:6px;flex-direction:column;align-items:flex-start;width:100%;padding:12px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;color:#2d3748!important;height:auto!important;min-width:unset!important;background:#fff!important;border:1px solid #e2e8f0!important}.wfd-action-card .wfd-action-icon{color:#f63040;margin-bottom:6px;font-size:1.1rem}.wfd-action-card .wfd-action-label{color:#2d3748;margin-bottom:4px;font-size:.82rem;font-weight:600}.wfd-action-card .wfd-action-desc{color:#718096;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.7rem;line-height:1.4;display:-webkit-box;overflow:hidden}.wfd-action-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000f;background:#fff5f5!important;border-color:#f63040!important;transform:none!important}.wfd-loading{color:#718096;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:.85rem;display:flex}.wfd-spinner{animation:1s linear infinite wfd-spin}@keyframes wfd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wfd-footer{background:#fafbfc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.wfd-btn{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;font-size:.88rem;font-weight:600;transition:background .2s;display:flex;height:auto!important;min-width:unset!important}.wfd-btn:disabled{opacity:.6;cursor:not-allowed}.wfd-btn-cancel{color:#f63040!important;background:#fff!important;border:1.5px solid #f63040!important}.wfd-btn-cancel:hover:not(:disabled){background:#fff5f5!important;transform:none!important}.wfd-btn-save{color:#fff!important;background:#f63040!important;border:none!important}.wfd-btn-save:hover:not(:disabled){background:#f51829!important;transform:none!important}.wfd-searchable-select{width:100%;position:relative}.wfd-searchable-trigger{cursor:pointer;color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;min-height:38px;padding:8px 12px;font-size:.88rem;transition:border-color .2s,box-shadow .2s;display:flex}.wfd-searchable-trigger.open{border-color:#f63040;box-shadow:0 0 0 3px #f630401a}.wfd-searchable-trigger.disabled{cursor:default;opacity:.7;background:#f7fafc}.wfd-searchable-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.wfd-searchable-label.placeholder{color:#718096}.wfd-searchable-controls{flex-shrink:0;align-items:center;gap:4px;margin-left:8px;display:flex}.wfd-searchable-clear{border-radius:50%;justify-content:center;align-items:center;width:16px;padding:0;font-size:.65rem;display:inline-flex;height:16px!important;min-width:unset!important;color:#718096!important;background:0 0!important}.wfd-searchable-clear:hover{color:#f63040!important;background:#fff5f5!important;transform:none!important}.wfd-searchable-chevron{color:#718096;font-size:.7rem;transition:transform .2s}.wfd-searchable-chevron.flipped{transform:rotate(180deg)}.wfd-searchable-dropdown{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:6px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.wfd-searchable-input-wrap{border-bottom:1px solid #e2e8f0;padding:8px}.wfd-searchable-input{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:4px;width:100%;padding:6px 10px;font-size:.85rem}.wfd-searchable-input:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 2px #f630401a}.wfd-searchable-list{max-height:220px;overflow-y:auto}.wfd-searchable-loading,.wfd-searchable-empty{color:#718096;align-items:center;gap:6px;padding:12px 16px;font-size:.82rem;display:flex}.wfd-searchable-option{text-align:left;cursor:pointer;border-radius:0;flex-direction:column;align-items:flex-start;width:100%;padding:8px 16px;font-size:.85rem;transition:background .1s;display:flex;color:#2d3748!important;height:auto!important;min-width:unset!important;background:0 0!important;border:none!important}.wfd-searchable-option:hover{background:#f7fafc!important;transform:none!important}.wfd-searchable-option.selected{color:#f63040!important;background:#fff5f5!important}.wfd-searchable-option-label{font-weight:500}.wfd-searchable-option-sub{color:#718096;margin-top:1px;font-size:.72rem}.ctx-page-header{margin-bottom:1.25rem}.ctx-page-header .ctx-page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.ctx-page-header .ctx-page-header-left{align-items:center;gap:.75rem;min-width:0;display:flex}.ctx-page-header .ctx-page-header-icon{background:var(--accent-bg,#eef2ff);width:2.25rem;height:2.25rem;color:var(--accent-color,#4f46e5);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ctx-page-header .ctx-page-header-text{min-width:0}.ctx-page-header .ctx-page-header-title{color:var(--text-color,#111827);margin:0;font-size:1.4rem;font-weight:600;line-height:1.25}.ctx-page-header .ctx-page-header-description{color:var(--text-muted,#6b7280);max-width:75ch;margin:.25rem 0 0;font-size:.9rem}.ctx-page-header .ctx-page-header-right{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ctx-page-header .ctx-page-header-meta{color:var(--text-muted,#6b7280);align-items:center;gap:.4rem;font-size:.82rem;display:inline-flex}.ctx-page-header .ctx-page-header-meta .ctx-page-header-pill{background:var(--surface-alt,#f1f3f6);color:var(--text-color,#374151);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.75rem;font-weight:500;display:inline-flex}.ctx-page-header .ctx-page-header-meta .ctx-page-header-pill.tone-info{color:#1d4ed8;background:#eef4ff}.ctx-page-header .ctx-page-header-meta .ctx-page-header-pill.tone-success{color:#047857;background:#ecfdf5}.ctx-page-header .ctx-page-header-meta .ctx-page-header-pill.tone-warn{color:#c2410c;background:#fff7ed}.ctx-page-header .ctx-page-header-secondary,.ctx-page-header .ctx-page-header-primary{align-items:center;gap:.5rem;display:inline-flex}.ctx-page-header .ctx-page-header-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.875rem;display:flex}@media (width<=640px){.ctx-page-header .ctx-page-header-row{flex-direction:column;align-items:stretch}.ctx-page-header .ctx-page-header-right{justify-content:flex-end}}.tpl-search{flex:260px;align-items:center;min-width:260px;display:flex;position:relative}.tpl-search .tpl-search-icon{color:#9ca3af;pointer-events:none;position:absolute;left:.7rem}.tpl-search .tpl-search-input{padding-left:2rem;padding-right:2rem}.tpl-search .tpl-search-clear{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;padding:.25rem;position:absolute;right:.5rem}.tpl-search .tpl-search-clear:hover{color:#111827;background:#0000000f}.tpl-inline-check{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;margin:0;font-size:.85rem;display:inline-flex}.tpl-inline-check input[type=checkbox]{margin:0}.action-items-page{max-width:100%;padding:0 16px;transition:margin-left .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1);overflow-y:visible}.action-items-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.action-items-header .header-left{flex:1;align-items:center;gap:16px;display:flex}.action-items-header h1{color:#2d3748;margin:0;font-size:1.75rem;font-weight:700}.header-actions{gap:12px;display:flex}.btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#f63040;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-primary:hover{background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.search-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.search-container{flex:1;min-width:200px;max-width:400px}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 16px;font-size:.95rem;transition:all .2s}.search-input:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.search-input::placeholder{color:#a0aec0}.filter-buttons{flex-wrap:wrap;gap:10px;display:flex}.btn-filter{color:#4a5568;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-filter:hover{color:#f63040;border-color:#f63040}.btn-filter.active{color:#fff;background:#f63040;border-color:#f63040}.filter-icon{font-size:1rem}.btn-export{color:#fff;cursor:pointer;background:#57565b;border:none;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-export:hover{background:#4a4a4e;transform:translateY(-1px)}.btn-view-toggle{color:#4a5568;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-view-toggle:hover{color:#f63040;border-color:#f63040}.btn-view-toggle.list{color:#2b6cb0;background:#e8f4fd;border-color:#3182ce}.btn-view-toggle.kanban{color:#2f855a;background:#f0fff4;border-color:#48bb78}.view-mode-toggle{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;display:inline-flex;overflow:hidden}.view-mode-toggle .view-mode-btn{color:#4a5568;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-right:1px solid #e2e8f0;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.view-mode-toggle .view-mode-btn:last-child{border-right:none}.view-mode-toggle .view-mode-btn svg{font-size:.9rem}.view-mode-toggle .view-mode-btn:hover:not(.active){color:#2d3748;background:#edf2f7}.view-mode-toggle .view-mode-btn.active{color:#fff;background:#f63040;box-shadow:inset 0 1px 3px #00000026}.btn-merge-toolbar{color:#4a5568;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-merge-toolbar:hover:not(:disabled){color:#805ad5;border-color:#805ad5}.btn-merge-toolbar.ready{color:#6b46c1;background:#f3eeff;border-color:#805ad5}.btn-merge-toolbar:disabled{opacity:.55;cursor:not-allowed}.group-by-control{align-items:center;gap:6px;display:flex}.group-by-control label{color:#4a5568;white-space:nowrap;font-size:.85rem;font-weight:600}.group-by-control .group-by-select{color:#2d3748;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;min-width:120px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.group-by-control .group-by-select:hover{border-color:#cbd5e0}.group-by-control .group-by-select:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.filter-panel-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:16px 20px;box-shadow:0 2px 8px #0000000a}.quick-toggles{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:24px;margin-bottom:20px;padding-bottom:16px;display:flex}.toggle-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.toggle-switch input{display:none}.toggle-slider{background:#cbd5e0;border-radius:24px;width:44px;height:24px;transition:background .2s;position:relative}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;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{color:#4a5568;font-size:.9rem;font-weight:500}.advanced-filters{grid-template-columns:repeat(4,1fr);align-items:end;gap:12px 16px;display:grid}.filter-group{flex-direction:column;gap:6px;min-width:0;display:flex}.filter-group.filter-checkbox{flex-direction:row;justify-content:flex-start;align-items:center;min-width:auto}.filter-tail{justify-content:flex-end;align-items:flex-end;gap:12px;display:flex}.filter-group .checkbox-label{cursor:pointer;color:#4a5568;align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex}.filter-group .checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#f63040;width:18px;height:18px}.filter-group label{color:#718096;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.filter-group select{color:#2d3748;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:10px 12px;font-size:.9rem;transition:all .2s}.filter-group select option{padding:8px;color:#2d3748!important;background:#fff!important}.filter-group select option:not(:disabled){color:#2d3748!important}.filter-group select:hover{border-color:#f63040}.filter-group select:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.filter-actions{align-items:flex-end;padding-bottom:2px;display:flex}.btn-clear{color:#718096;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;padding:10px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.btn-clear:hover{color:#f63040;border-color:#f63040}.results-count{color:#718096;border-top:1px solid #e2e8f0;margin-top:16px;padding-top:12px;font-size:.85rem}.results-count .filter-date-active-label{color:#f63040;background:#f6304014;border:1px solid #f6304033;border-radius:10px;margin-left:4px;padding:1px 7px;font-size:.78rem;font-weight:600;display:inline-block}.filter-custom-date-row{border-top:1px dashed #e2e8f0;grid-template-columns:1fr 1fr;gap:24px 32px;max-width:500px;margin-top:12px;margin-left:auto;margin-right:auto;padding-top:12px}.filter-custom-date-row .filter-group input[type=date]{color:#2d3748;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:10px 12px;font-size:.9rem;transition:all .2s}.filter-custom-date-row .filter-group input[type=date]:hover{border-color:#f63040}.filter-custom-date-row .filter-group input[type=date]:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.action-items-list{flex-wrap:wrap;gap:24px;margin-top:24px;display:flex}.action-item-card{cursor:pointer;background:linear-gradient(#fff 0%,#fafbfc 100%);border:1px solid #e8e8e8;border-left:4px solid #f63040;border-radius:12px;flex-direction:column;flex:280px;min-width:200px;max-width:280px;padding:16px 16px 12px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a}.action-item-card:hover{border-color:#f63040;transform:translateY(-2px);box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014}.action-item-card:before{content:"";background:0 0;border-radius:12px 12px 0 0;height:3px;transition:background .2s;position:absolute;top:0;left:0;right:0}.action-item-card:hover:before{background:linear-gradient(90deg,#f63040 0%,#ff6b7a 100%)}.action-item-header{color:#2d3748;word-wrap:break-word;overflow-wrap:break-word;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:1rem;font-weight:700;line-height:1.4;display:flex}.status-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#f63040;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.action-item-field{color:#4a5568;flex-direction:column;gap:2px;margin-bottom:8px;font-size:.875rem;display:flex}.action-item-label{color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-right:0;font-size:.75rem;font-weight:600}.action-item-footer{color:#a0aec0;letter-spacing:.3px;border-top:1px solid #edf2f7;margin-top:auto;padding-top:12px;font-size:.75rem;font-weight:500}.status-open{background:linear-gradient(135deg,#1976d2 0%,#2196f3 100%)}.status-on-hold{background:linear-gradient(135deg,#f57c00 0%,#ff9800 100%)}.status-pending{color:#2d3748;background:linear-gradient(135deg,#f9a825 0%,#fbc02d 100%)}.status-solved{background:linear-gradient(135deg,#2e7d32 0%,#388e3c 100%)}.status-cancelled{background:linear-gradient(135deg,#c62828 0%,#d32f2f 100%)}.status-closed{background:linear-gradient(135deg,#5e35b1 0%,#6e00b3 100%)}@media (width<=1800px){.kanban-column{min-width:180px!important}.action-item-card{min-width:160px;max-width:100%;padding:12px 12px 10px}}@media (width<=1400px){.kanban-column{min-width:150px!important}}.kanban-column-header{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:1px;border-radius:12px 12px 0 0;margin:0;padding:12px 16px;font-size:.95rem;font-weight:700;box-shadow:0 2px 4px #0000001a}.kanban-header-open{background:linear-gradient(135deg,#1565c0 0%,#1976d2 100%)}.kanban-header-on-hold{background:linear-gradient(135deg,#ef6c00 0%,#ff9800 100%)}.kanban-header-pending{color:#2d3748;background:linear-gradient(135deg,#f9a825 0%,#fbc02d 100%)}.kanban-header-solved{background:linear-gradient(135deg,#2e7d32 0%,#43a047 100%)}.kanban-header-cancelled{background:linear-gradient(135deg,#c62828 0%,#e53935 100%)}.kanban-header-closed{background:linear-gradient(135deg,#5e35b1 0%,#7c4dff 100%)}.priority-critical{color:#f63040;font-weight:700;animation:2s ease-in-out infinite pulse-critical}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}.switch{align-items:center;gap:8px;margin-bottom:5px;display:flex}.table-bold{color:#2d3748;font-weight:700}.btn-space{flex-wrap:wrap;align-items:center;gap:12px;display:flex;justify-content:space-between!important}.space-flex{flex-direction:column;gap:6px;display:flex}.space-flex label{color:#4a5568;font-size:.9rem;font-weight:600}.space-flex input,.space-flex select,.space-flex textarea{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:10px 12px;font-size:.95rem;transition:all .2s}.space-flex input:focus,.space-flex select:focus,.space-flex textarea:focus{border-color:#f63040;outline:none;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;margin-bottom:16px;padding:16px;box-shadow:0 2px 8px #0000000d}.filter-row{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}.filter-group{flex-direction:column;flex:1;min-width:150px;display:flex}.filter-group label{color:#57565b;margin-bottom:4px;font-size:.85rem;font-weight:600}.filter-group select,.filter-group input{background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:.95rem;transition:border-color .2s}.filter-group select:focus,.filter-group input:focus{border-color:#f63040;outline:none}.filter-actions{align-items:flex-end;gap:8px;display:flex}.filter-btn{cursor:pointer;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s}.filter-btn-primary{color:#fff;background:#f63040;border:none}.filter-btn-primary:hover{background:#d42a38}.filter-btn-secondary{color:#57565b;background:#fff;border:1px solid #ddd}.filter-btn-secondary:hover{background:#f5f5f5}.quick-filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.quick-filter-pill{cursor:pointer;color:#57565b;background:#fff;border:1px solid #ddd;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:500;transition:all .2s}.quick-filter-pill:hover{color:#f63040;border-color:#f63040}.quick-filter-pill.active{color:#fff;background:#f63040;border-color:#f63040}.card-attachment-count,.card-collaborator-count{color:#888;align-items:center;gap:4px;font-size:.85rem;display:inline-flex}.card-metadata{border-top:1px solid #eee;gap:12px;margin-top:8px;padding-top:8px;display:flex}.overdue-badge{color:#fff;background:#f63040;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.priority-indicator{border-radius:12px 0 0 12px;width:4px;height:100%;position:absolute;top:0;left:0}.priority-indicator.low{background:#4caf50}.priority-indicator.medium{background:#ff9800}.priority-indicator.high{background:#f44336}.priority-indicator.critical{background:#f63040;animation:2s infinite pulse}.stats-bar{background:#f8f8f8;border-radius:8px;gap:24px;margin-bottom:16px;padding:12px 16px;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-label{color:#888;text-transform:uppercase;font-size:.8rem}.action-items-list-table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0000000f}.action-items-list-table thead{background:linear-gradient(135deg,#57565b 0%,#4a4a4e 100%)}.action-items-list-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f63040;padding:14px 16px;font-size:.85rem;font-weight:700}.action-items-list-table th:first-child{color:#fff;background:#f63040}.action-items-list-table tbody tr{border-bottom:1px solid #edf2f7;transition:all .2s}.action-items-list-table tbody tr:hover{background:linear-gradient(90deg,#f630400a 0%,#f6304005 100%)}.action-items-list-table tbody tr:last-child{border-bottom:none}.action-items-list-table td{color:#4a5568;vertical-align:middle;padding:14px 16px;font-size:.9rem}.action-items-list-table td:first-child{border-left:3px solid #0000;transition:border-color .2s}.action-items-list-table tbody tr:hover td:first-child{border-left-color:#f63040}.action-items-list-table select{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:130px;padding:8px 12px;font-size:.875rem;transition:all .2s}.action-items-list-table select:hover{border-color:#f63040}.action-items-list-table select:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.kanban-board-wrapper{flex-direction:column;display:flex}.kanban-status-headers{z-index:20;background:#f7fafc;border-bottom:2px solid #e2e8f0;gap:12px;margin-bottom:0;padding:8px 0;display:flex;position:sticky;top:100px}.kanban-status-headers .kanban-status-label{text-align:center;letter-spacing:.5px;color:#fff;border-radius:6px;flex:1;min-width:200px;padding:8px 12px;font-size:.85rem;font-weight:700}.kanban-status-headers .kanban-status-label.status-open{background:#2196f3}.kanban-status-headers .kanban-status-label.status-onhold{background:#ff9800}.kanban-status-headers .kanban-status-label.status-pending{color:#333;background:#ffc107}.kanban-status-headers .kanban-status-label.status-solved{background:#4caf50}.kanban-status-headers .kanban-status-label.status-cancelled{background:#f44336}.kanban-status-headers .kanban-status-label.status-closed{background:#607d8b}.kanban-status-headers .kanban-status-label.status-todo{background:#9e9e9e}.kanban-status-headers .kanban-status-label.status-inprogress{background:#2196f3}.kanban-status-headers .kanban-status-label.status-done{background:#4caf50}.kanban-board{align-items:flex-start;gap:12px;padding-bottom:16px;display:flex;overflow-x:auto}.kanban-column{box-sizing:border-box;background:linear-gradient(#f7fafc 0%,#edf2f7 100%);border:1px solid #e2e8f0;border-top:none;border-radius:0 0 12px 12px;flex:1;min-width:200px;padding:0}.kanban-column-cards{padding:0 12px 16px}.action-items-search-bar{background:#fff;width:100%;max-width:400px;transition:all .2s;border:2px solid #e2e8f0!important;border-radius:8px!important;padding:12px 16px!important;font-size:.95rem!important}.action-items-search-bar:focus{outline:none;box-shadow:0 0 0 3px #f630401a;border-color:#f63040!important}.action-items-search-bar::placeholder{color:#a0aec0}.filter-toggle-btn{cursor:pointer;transition:all .2s;color:#fff!important;background:#f63040!important;border:none!important;border-radius:6px!important;padding:10px 20px!important;font-size:.9rem!important;font-weight:600!important}.filter-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f630404d;background:#d42a38!important}.sort-control{align-items:center;gap:6px;display:flex}.sort-control label{color:#4a5568;white-space:nowrap;font-size:.85rem;font-weight:600}.btn-sort-direction{color:#4a5568;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 10px;font-size:.9rem;transition:all .2s;display:flex}.btn-sort-direction:hover{color:#f63040;border-color:#f63040}.filter-panel{box-shadow:0 2px 8px #0000000a;background:linear-gradient(#fff 0%,#f8fafc 100%)!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:16px 20px!important}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:16px;width:90vw;min-width:500px;max-width:800px;max-height:90vh;padding:28px 32px;animation:.3s slideIn;overflow-y:auto;box-shadow:0 20px 60px #0003}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{color:#2d3748;border-bottom:2px solid #f63040;margin-bottom:24px;padding-bottom:12px;font-size:1.5rem;font-weight:700}.modal-content>div{margin-bottom:16px}.modal-content label{color:#4a5568;margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.modal-content select,.modal-content input,.modal-content textarea{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-size:.95rem;transition:all .2s}.modal-content select:focus,.modal-content input:focus,.modal-content textarea:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.modal-content button{cursor:pointer;border-radius:8px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .2s}.modal-content button:first-of-type{color:#f63040;background:#fff;border:2px solid #f63040}.modal-content button:first-of-type:hover:not(:disabled){background:#f630400d}.modal-content button:last-of-type{color:#fff;background:#f63040;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}.help-text{color:#718096;margin-top:4px;font-size:.8rem;font-style:italic;display:block}.checkbox-field{align-items:center;gap:8px;flex-direction:row!important}.checkbox-field input[type=checkbox]{width:auto;margin-right:8px}.checkbox-field label{align-items:center;margin-bottom:0;display:inline-flex}.template-info{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:12px}.template-badge{color:#fff;background:#f63040;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.template-badge i{font-size:1rem}.template-loading{text-align:center;color:#718096;padding:20px}.file-upload-field{flex-direction:column!important}.file-upload-container{flex-direction:column;gap:8px;display:flex}.file-upload-input-group{gap:8px;display:flex}.file-upload-input-group .file-name-display{color:#4a5568;cursor:default;background:#f7fafc;flex:1}.file-browse-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#f63040;border:none;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s}.file-browse-btn:hover{background:#d42a38;transform:translateY(-1px)}.file-clear-btn{color:#4a5568;cursor:pointer;background:#e2e8f0;border:none;border-radius:6px;align-self:flex-start;padding:6px 12px;font-size:.85rem;transition:all .2s}.file-clear-btn:hover{background:#cbd5e0}.file-note{color:#a0aec0;font-size:.75rem;font-style:italic}.signature-field .signature-pad .signature-placeholder.clickable,.signature-field .signature-pad .signature-placeholder.clickable svg{color:#f63040}.list-view-container{border-radius:12px;overflow-x:auto}.clickable-row{cursor:pointer}.clickable-row:hover{background:linear-gradient(90deg,#f630400f 0%,#f6304005 100%)!important}.item-title{color:#2d3748;margin-bottom:4px;font-weight:600;display:block}.item-id{color:#a0aec0;font-size:.85em;font-weight:500}.list-view-load-more{justify-content:center;padding:16px 0;display:flex}.list-view-load-more .btn-load-more{color:#fff;cursor:pointer;background:linear-gradient(135deg,#57565b 0%,#4a4a4e 100%);border:none;border-radius:8px;padding:10px 28px;font-size:.9rem;font-weight:600;transition:all .2s}.list-view-load-more .btn-load-more:hover:not(:disabled){background:linear-gradient(135deg,#f63040 0%,#d42836 100%)}.list-view-load-more .btn-load-more:disabled{opacity:.6;cursor:not-allowed}@media (width<=1024px) and (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 (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{text-align:center;justify-content:center;width:100%}.search-filter-bar{flex-direction:column;gap:12px}.search-container{max-width:100%}.filter-buttons{flex-direction:column;width:100%}.btn-filter,.btn-export,.btn-merge-toolbar{justify-content:center;width:100%}.filter-panel-container{padding:12px}.quick-toggles{flex-direction:column;gap:12px}.toggle-switch{border-bottom:1px solid #edf2f7;justify-content:space-between;padding:8px 0}.toggle-switch:last-child{border-bottom:none}.advanced-filters{flex-direction:column;gap:12px}.filter-group{max-width:100%}.kanban-board{-webkit-overflow-scrolling:touch;padding-bottom:20px;overflow-x:auto}.kanban-column{flex-shrink:0;min-width:250px}.list-view-container{border-radius:0;margin:0 -8px}.action-items-list-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.action-items-list-table th,.action-items-list-table td{white-space:nowrap}.modal-content{min-width:unset;width:95vw;max-width:95vw;margin:10px;padding:20px}}@media (width<=1200px){.kanban-column-header{padding:10px 12px;font-size:.85rem}}.observer-picker{position:relative}.selected-observers{flex-wrap:wrap;gap:8px;min-height:32px;margin-bottom:8px;display:flex}.observer-tag{color:#4a5568;background:linear-gradient(135deg,#f0f4f8 0%,#e8eef4 100%);border:1px solid #d1dce8;border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;font-weight:500;display:inline-flex}.observer-remove-btn{cursor:pointer;color:#718096;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:all .2s;display:inline-flex}.observer-remove-btn:hover{color:#fff;background:#f63040}.observer-search-container{position:relative}.observer-search-input-wrapper{align-items:center;display:flex;position:relative}.observer-search-icon{color:#a0aec0;pointer-events:none;font-size:.9rem;position:absolute;left:12px}.observer-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;font-size:.95rem;transition:all .2s;padding:10px 12px 10px 36px!important}.observer-search-input:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.observer-search-input::placeholder{color:#a0aec0}.observer-dropdown{z-index:1100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:240px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.observer-dropdown-item{cursor:pointer;border-bottom:1px solid #f0f4f8;flex-direction:column;padding:10px 14px;transition:background .15s;display:flex}.observer-dropdown-item:last-child{border-bottom:none}.observer-dropdown-item:hover{background:linear-gradient(135deg,#f630400f 0%,#f6304005 100%)}.observer-name{color:#2d3748;font-size:.9rem;font-weight:600}.observer-email{color:#718096;margin-top:2px;font-size:.8rem}.observer-dropdown-empty{text-align:center;color:#a0aec0;padding:16px;font-size:.9rem}.action-item-card.needs-attention{border-left-color:#f59e0b;animation:2s ease-in-out infinite attention-pulse}@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{color:#f59e0b;font-size:1rem;animation:1s ease-in-out infinite attention-bell;position:absolute;top:8px;right:8px}@keyframes attention-bell{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.attention-badge{color:#f59e0b;align-items:center;margin-right:6px;display:inline-flex}.action-item-card.department-assigned{background:linear-gradient(90deg,#3b82f60d,#fff);border-left-color:#3b82f6}.department-indicator{color:#3b82f6;font-size:1rem;animation:2s ease-in-out infinite department-pulse;position:absolute;top:8px;right:8px}@keyframes department-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.department-badge{color:#3b82f6;align-items:center;margin-right:6px;display:inline-flex}.department-assignment{color:#3b82f6;align-items:center;font-weight:600;display:inline-flex}.action-item-icon{color:#718096;flex-shrink:0;margin-right:6px;font-size:.9rem}.project-link-field{margin-top:4px}.project-link{color:#3182ce;cursor:pointer;align-items:center;gap:4px;font-size:.85rem;transition:color .2s;display:inline-flex}.project-link:hover{color:#2b6cb0;text-decoration:underline}.project-link-badge{color:#3182ce;cursor:pointer;background:#ebf8ff;border-radius:4px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-size:.8rem;transition:all .2s;display:inline-flex}.project-link-badge:hover{background:#bee3f8}.clickable-row.needs-attention{background:linear-gradient(90deg,#f59e0b14 0%,#f59e0b05 100%)}.clickable-row.needs-attention:hover{background:linear-gradient(90deg,#f59e0b1f 0%,#f59e0b0a 100%)!important}.clickable-row.department-assigned{background:linear-gradient(90deg,#3b82f614 0%,#3b82f605 100%)}.clickable-row.department-assigned:hover{background:linear-gradient(90deg,#3b82f61f 0%,#3b82f60a 100%)!important}.clickable-row.selected-row{background:linear-gradient(90deg,#f630401a 0%,#f630400a 100%)}.clickable-row.selected-row:hover{background:linear-gradient(90deg,#f6304024 0%,#f630400f 100%)!important}.selection-toolbar{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.selection-count{color:#4a5568;font-weight:600}.btn-merge{color:#fff;cursor:pointer;background:#3182ce;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-merge:hover:not(:disabled){background:#2b6cb0}.btn-merge:disabled{opacity:.5;cursor:not-allowed}.btn-clear-selection{color:#718096;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .2s}.btn-clear-selection:hover{color:#f63040;border-color:#f63040}.merge-modal{max-width:550px}.merge-info{color:#4a5568;margin-bottom:16px}.merge-info p{margin:0 0 8px}.merge-target-selection{margin-bottom:20px}.merge-target-selection label{color:#4a5568;margin-bottom:6px;font-weight:600;display:block}.merge-target-selection select{border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:10px 12px;font-size:.95rem}.merge-preview{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:14px}.merge-preview h4{color:#4a5568;margin:0 0 12px;font-size:.9rem}.merge-preview ul{margin:0;padding:0;list-style:none}.merge-preview li{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:8px 0;font-size:.9rem;display:flex}.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{max-width:500px;margin-bottom:20px;position:relative}.board-selector-current{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.board-selector-current:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d}.board-info{flex:1;align-items:center;gap:10px;display:flex}.board-icon{font-size:1.25rem}.board-name{color:#2d3748;font-size:1rem;font-weight:600}.board-stats{color:#718096;margin-left:8px;font-size:.85rem}.board-actions{gap:8px;display:flex}.dropdown-arrow{font-size:.75rem;transition:transform .2s;display:inline-block}.dropdown-arrow.open{transform:rotate(180deg)}.board-selector-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:400px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.dropdown-header{color:#2d3748;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.875rem;font-weight:600}.dropdown-list{padding:8px 0}.board-item{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s;display:flex}.board-item:hover{background:#f7fafc}.board-item.active{background:#ebf8ff;border-left:3px solid #3182ce}.board-item-content{flex:1;justify-content:space-between;align-items:center;display:flex}.board-item-info{align-items:center;gap:10px;display:flex}.board-details{flex-direction:column;gap:2px;display:flex}.board-meta{color:#718096;font-size:.75rem}.board-color-indicator{border-radius:2px;width:4px;height:24px;margin-left:8px}.board-item-actions{margin-left:8px;position:relative}.board-menu{z-index:1001;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:160px;padding:4px 0;position:absolute;top:100%;right:0;box-shadow:0 4px 8px #0000001a}.board-menu button{text-align:left;cursor:pointer;color:#2d3748;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.875rem;transition:background .15s;display:flex}.board-menu button:hover{background:#f7fafc}.settings-section{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:24px}.settings-section:last-child{border-bottom:none}.settings-section h3{color:#2d3748;margin:0 0 16px;font-size:1.1rem;font-weight:600}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.color-picker{flex-direction:column;gap:8px;display:flex}.color-picker input[type=color]{cursor:pointer;border:1px solid #e2e8f0;border-radius:4px;width:100%;height:40px}.color-presets{flex-wrap:wrap;gap:6px;display:flex}.color-preset{cursor:pointer;border:2px solid #0000;border-radius:4px;width:28px;height:28px;transition:all .2s}.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}.column-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.column-item:hover{box-shadow:0 2px 4px #0000000d}.column-display{flex:1;align-items:center;gap:12px;display:flex}.column-color-indicator{border-radius:2px;width:4px;height:32px}.column-info{flex-direction:column;gap:2px;display:flex}.column-name{color:#2d3748;font-size:.95rem;font-weight:600}.column-status{color:#718096;font-size:.75rem}.column-actions{gap:6px;display:flex}.column-edit-form{flex:1;align-items:center;gap:8px;display:flex}.column-edit-form input,.column-edit-form select{border:1px solid #cbd5e0;border-radius:4px;flex:1;padding:8px;font-size:.875rem}.column-edit-form input[type=color]{flex:0 0 60px;height:38px}.board-info-section{background:#f7fafc;border-radius:8px;margin-bottom:24px;padding:16px}.board-display{align-items:center;gap:12px;display:flex}.board-description{color:#718096;margin:8px 0 0;font-size:.875rem}.access-section{margin-bottom:24px}.access-section h4{color:#2d3748;margin:0 0 16px;font-size:1rem;font-weight:600}.grant-access-form{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.user-search{margin-bottom:12px;position:relative}.user-search input{border:1px solid #cbd5e0;border-radius:6px;width:100%;padding:10px 10px 10px 36px;font-size:.875rem}.user-search .search-icon{color:#a0aec0;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.user-suggestions{background:#fff;border:1px solid #e2e8f0;border-radius:6px;max-height:200px;margin-top:8px;overflow-y:auto;box-shadow:0 2px 4px #0000000d}.user-suggestion{cursor:pointer;padding:10px 12px;transition:background .15s}.user-suggestion:hover{background:#f7fafc}.user-suggestion.selected{background:#ebf8ff;border-left:3px solid #3182ce}.user-info{flex-direction:column;gap:2px;display:flex}.user-name{color:#2d3748;font-size:.875rem;font-weight:600}.user-email{color:#718096;font-size:.75rem}.selected-user-form{border-top:1px solid #e2e8f0;flex-direction:column;gap:16px;margin-top:16px;padding-top:16px;display:flex}.selected-user-display{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:4px;padding:12px;display:flex}.permission-selector label{color:#2d3748;margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.permission-options{flex-direction:column;gap:8px;display:flex}.permission-option{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:6px;align-items:flex-start;gap:10px;padding:12px;transition:all .2s;display:flex}.permission-option:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d}.permission-option.selected{background:#ebf8ff;border-color:#3182ce}.permission-option input[type=radio]{margin-top:2px}.permission-details{flex-direction:column;gap:4px;display:flex}.permission-label{color:#2d3748;font-size:.875rem;font-weight:600}.permission-description{color:#718096;font-size:.75rem}.form-actions{gap:10px;display:flex}.access-list{flex-direction:column;gap:8px;display:flex}.access-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:12px;display:flex}.access-controls{align-items:center;gap:10px;display:flex}.permission-dropdown{cursor:pointer;background:#fff;border:1px solid #cbd5e0;border-radius:4px;padding:6px 10px;font-size:.875rem}.empty-state{text-align:center;color:#718096;padding:32px 16px}.empty-state p{margin:0 0 16px}.info-box{color:#2c5282;background:#ebf8ff;border-left:4px solid #3182ce;border-radius:4px;padding:12px;font-size:.875rem}.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{color:#2d3748;cursor:pointer;background:#e2e8f0;border:none;border-radius:4px;padding:6px 12px;font-size:.875rem}.btn-secondary-small:hover{background:#cbd5e0}.btn-danger-small{color:#fff;background:#fc8181;padding:6px;font-size:.75rem}.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{gap:10px;display:flex}.action-item-board-selector{flex-direction:column;gap:8px;display:flex}.action-item-board-selector label{color:#2d3748;align-items:center;gap:6px;font-size:.875rem;font-weight:600;display:flex}.action-item-board-selector .form-select{cursor:pointer;background:#fff;border:1px solid #cbd5e0;border-radius:6px;padding:8px 12px;font-size:.875rem;transition:border-color .2s}.action-item-board-selector .form-select:hover:not(:disabled){border-color:#a0aec0}.action-item-board-selector .form-select:focus{border-color:#3182ce;outline:none;box-shadow:0 0 0 3px #3182ce1a}.action-item-board-selector .form-select:disabled{cursor:not-allowed;opacity:.6;background:#f7fafc}.action-item-board-selector .board-info{color:#718096;padding-left:4px;font-size:.75rem}.action-item-board-selector .board-info strong{color:#2d3748}.board-selector-loading,.board-selector-empty{color:#718096;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;font-size:.875rem}.toggle-group{border:1px solid #e2e8f0;border-radius:6px;gap:0;margin-bottom:20px;display:flex;overflow:hidden}.toggle-button{color:#4a5568;cursor:pointer;background:#f7fafc;border:none;flex:1;padding:10px 20px;font-weight:500;transition:all .2s}.toggle-button:hover{background:#edf2f7}.toggle-button.active{color:#fff;background:#3182ce}.board-template-select{cursor:pointer;background:#fff;border:1px solid #cbd5e0;border-radius:6px;width:100%;padding:10px 12px;font-size:.9rem}.template-description{color:#4a5568;background:#f7fafc;border-left:3px solid #3182ce;border-radius:4px;align-items:flex-start;gap:8px;margin-top:8px;padding:10px;font-size:.875rem;display:flex}.template-columns-preview{background:#f7fafc;border-radius:6px;margin-top:15px;padding:15px}.template-columns-preview label{color:#2d3748;align-items:center;gap:6px;margin-bottom:10px;font-weight:600;display:flex}.columns-list{flex-direction:column;gap:8px;display:flex}.column-preview-item{background:#fff;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:.875rem;display:flex}.column-icon{font-size:1rem}.column-name{flex:1;font-weight:500}.wip-badge{color:#c53030;background:#fed7d7;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.board-activity-feed{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.activity-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.activity-header h3{align-items:center;gap:8px;margin:0;font-size:1.1rem;display:flex}.filter-toggle-btn{cursor:pointer;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;transition:all .2s}.filter-toggle-btn:hover{background:#edf2f7}.activity-filters{background:#f7fafc;border-radius:6px;align-items:center;gap:10px;margin-bottom:15px;padding:12px;display:flex}.activity-filters label{font-size:.875rem;font-weight:600}.activity-filters select{border:1px solid #cbd5e0;border-radius:4px;flex:1;padding:6px 10px;font-size:.875rem}.activity-list{flex-direction:column;gap:12px;max-height:400px;display:flex;overflow-y:auto}.activity-item{background:#f7fafc;border-radius:6px;gap:12px;padding:12px;transition:background .2s;display:flex}.activity-item:hover{background:#edf2f7}.activity-icon{flex-shrink:0;font-size:1.5rem}.activity-content{flex:1}.activity-description{color:#2d3748;margin-bottom:4px;font-size:.875rem}.activity-meta{color:#718096;align-items:center;gap:12px;font-size:.75rem;display:flex}.activity-pagination{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;display:flex}.pagination-btn{cursor:pointer;background:#fff;border:1px solid #cbd5e0;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#a0aec0}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#4a5568;font-size:.875rem}.board-statistics{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.board-statistics h3{align-items:center;gap:8px;margin:0 0 20px;font-size:1.1rem;display:flex}.board-statistics h4{color:#2d3748;margin:0 0 12px;font-size:.95rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px;display:grid}.stat-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:15px;display:flex}.stat-icon{color:#3182ce;font-size:2rem}.stat-content{flex:1}.stat-value{color:#2d3748;font-size:1.5rem;font-weight:700}.stat-label{color:#718096;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.stats-section{border-bottom:1px solid #e2e8f0;margin-bottom:20px;padding-bottom:20px}.stats-section:last-child{border-bottom:none;padding-bottom:0}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.metric-item{background:#f7fafc;border-radius:6px;align-items:center;gap:12px;padding:12px;display:flex}.metric-icon{color:#3182ce;font-size:1.5rem}.metric-info{flex:1}.metric-value{color:#2d3748;font-size:1.25rem;font-weight:600}.metric-label{color:#718096;font-size:.75rem}.column-breakdown{flex-direction:column;gap:8px;display:flex}.column-stat-item{position:relative}.column-stat-bar{border-radius:4px;height:30px;transition:width .3s}.column-stat-label{color:#fff;text-shadow:0 1px 2px #0000004d;justify-content:space-between;align-items:center;height:30px;padding:0 10px;font-size:.875rem;font-weight:500;display:flex;position:absolute;top:0;left:0;right:0}.assignee-list{flex-direction:column;gap:8px;display:flex}.assignee-item{background:#f7fafc;border-radius:6px;justify-content:space-between;align-items:center;padding:10px;display:flex}.assignee-name{color:#2d3748;font-weight:500}.assignee-count{color:#718096;font-size:.875rem}.warning-section{background:#fffaf0;border:1px solid #fed7aa;border-radius:8px;padding:15px}.warning-section h4{color:#c05621;align-items:center;gap:8px;display:flex}.violations-list{flex-direction:column;gap:8px;display:flex}.violation-item{background:#fff;border:1px solid #fed7aa;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.violation-column{color:#2d3748;font-weight:600}.violation-details{color:#c05621;font-size:.875rem}.checkbox-label{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.form-hint{color:#718096;margin-top:4px;font-size:.75rem;font-style:italic;display:block}.duplication-summary{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:20px;padding:15px}.duplication-summary h4{color:#2d3748;margin:0 0 10px;font-size:.9rem}.duplication-summary ul{margin:0;padding:0;list-style:none}.duplication-summary li{color:#4a5568;padding:6px 0;font-size:.875rem}.settings-tabs{background:#f7fafc;border-bottom:2px solid #e2e8f0;border-radius:8px 8px 0 0;gap:0;margin-bottom:24px;padding:0 16px;display:flex}.tab-button{cursor:pointer;color:#718096;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.tab-button:hover{color:#2d3748;background:#f630400d}.tab-button.active{color:#f63040;background:#fff;border-bottom-color:#f63040}.automation-rules-modal .modal-body{padding:24px}.automation-rules-modal .modal-header h2{align-items:center;gap:10px;display:flex}.automation-info{text-align:center;padding:40px 20px}.automation-info h3{color:#2d3748;margin-bottom:16px;font-size:1.5rem}.automation-info p{color:#718096;max-width:600px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:1rem}.automation-rule-form{background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden}.automation-rule-form .form-header{background:#f7fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.automation-rule-form .form-header h3{color:#2d3748;margin:0;font-size:1.1rem}.automation-rule-form .form-body{flex-direction:column;gap:12px;max-height:65vh;padding:20px;display:flex;overflow-y:auto}.automation-rule-form .form-footer{background:#f7fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.rule-builder-step-number{color:#fff;background:#dc3545;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.rule-builder-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:border-color .2s;position:relative}.rule-builder-section:hover{border-color:#cbd5e0}.rule-basics-section{border-left:4px solid #4a5568}.trigger-section{border-left:4px solid #805ad5}.conditions-section{background:#fffaf0;border-left:4px solid #ed8936}.action-section{border-left:4px solid #38a169}.section-description{color:#718096;margin:0 0 12px;font-size:.8rem;line-height:1.4}.optional-tag{color:#a0aec0;font-size:.75rem;font-weight:400}.rule-builder-label{color:#2d3748;align-items:center;gap:10px;margin-bottom:16px;font-size:.95rem;font-weight:600;display:flex}.rule-builder-badge{letter-spacing:1px;text-transform:uppercase;color:#fff;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.when-badge{background:#805ad5}.conditions-badge{background:#ed8936}.then-badge{background:#38a169}.rule-basics-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=700px){.rule-basics-grid{grid-template-columns:1fr}}.rule-builder-arrow{color:#cbd5e0;justify-content:center;padding:4px 0;display:flex}.trigger-type-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;display:grid}@media (width>=900px){.trigger-type-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){.trigger-type-grid{grid-template-columns:repeat(5,1fr)}}.trigger-type-card{text-align:center;cursor:pointer;color:#4a5568;background:#fff;border:2px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:72px;padding:14px 8px;font-size:.78rem;transition:all .15s;display:flex}.trigger-type-card:hover{background:#faf5ff;border-color:#805ad5;transform:translateY(-1px);box-shadow:0 2px 8px #805ad51a}.trigger-type-card.selected{color:#553c9a;background:linear-gradient(135deg,#f3e8ff,#ede9fe);border-color:#805ad5;font-weight:600;box-shadow:0 0 0 3px #805ad526}.trigger-type-card .trigger-icon{color:#805ad5;background:#805ad514;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.15rem;display:flex}.trigger-type-card.selected .trigger-icon{color:#6b46c1;background:#805ad52e}.trigger-type-card .trigger-label{font-size:.76rem;line-height:1.25}.trigger-description-hint{color:#553c9a;background:#ede9fe;border:1px solid #ddd6fe;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.8rem;line-height:1.4;display:flex}.trigger-description-hint svg{color:#805ad5;flex-shrink:0;margin-top:2px}.conditions-logic-toggle{border:1px solid #e2e8f0;border-radius:8px;gap:0;width:fit-content;margin-bottom:12px;display:flex;overflow:hidden}.logic-btn{cursor:pointer;color:#718096;background:#fff;border:none;padding:8px 16px;font-size:.8rem;font-weight:500;transition:all .15s}.logic-btn:first-child{border-right:1px solid #e2e8f0}.logic-btn.active{color:#fff;background:#ed8936;font-weight:600}.logic-btn:hover:not(.active){background:#fef3c7}.conditions-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.condition-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.condition-field-select{flex:1;min-width:140px;max-width:200px}.condition-operator-select{flex:.8;min-width:130px;max-width:180px}.condition-value-input{flex:1;min-width:120px}.condition-row .btn-icon-small{flex-shrink:0}.btn-add-condition{color:#ed8936;cursor:pointer;background:0 0;border:2px dashed #ed8936;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-add-condition:hover{color:#dd6b20;background:#fff7ed;border-color:#dd6b20}.time-input-row{align-items:center;gap:10px;display:flex}.time-value-input{width:100px}.time-unit-select{width:120px}.action-type-select{font-size:.95rem}.rule-options-row{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:24px;padding:16px 20px;display:flex}.rule-options-row .priority-group{max-width:140px}.rule-options-row .priority-group input{width:80px}.toggle-label{align-items:center;gap:8px;padding-top:24px;display:flex}.automation-rules-list{background:#fff;border-radius:12px;padding:24px}.rules-list-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.rules-list-header h3{color:#2d3748;margin:0;font-size:1.25rem}.rules-list{flex-direction:column;gap:16px;display:flex}.rule-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px 20px;transition:all .2s}.rule-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000000f}.rule-card.inactive{opacity:.55;background:#f7fafc}.rule-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.rule-card-title h4{color:#2d3748;margin:0 0 4px;font-size:1rem;font-weight:600}.rule-card-desc{color:#718096;margin:0;font-size:.8rem}.rule-actions{flex-shrink:0;gap:8px;display:flex}.btn-icon-small.active{color:#48bb78}.btn-icon-small.inactive{color:#cbd5e0}.rule-flow-summary{background:#f7fafc;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.rule-flow-when,.rule-flow-then{color:#4a5568;align-items:center;gap:8px;font-size:.85rem;display:flex}.rule-flow-badge{letter-spacing:.8px;color:#fff;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.rule-flow-icon{color:#805ad5;flex-shrink:0;align-items:center;display:flex}.rule-flow-text{line-height:1.3}.rule-flow-arrow{color:#a0aec0;flex-shrink:0;align-items:center;display:flex}.rule-card-footer{color:#a0aec0;align-items:center;gap:16px;font-size:.75rem;display:flex}.rule-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:600}.rule-status-badge.active{color:#276749;background:#c6f6d5}.rule-status-badge.inactive{color:#9b2c2c;background:#fed7d7}.rule-exec-count,.rule-last-run{font-style:italic}.automation-inline-section{padding:0!important}.automation-rules-inline{padding:0}.automation-rules-inline .automation-rules-list{padding:16px 0}.automation-rules-inline .automation-rule-form{border:2px solid #e2e8f0;border-radius:12px}.chip-tags{flex-wrap:wrap;gap:6px;margin-top:8px;margin-bottom:4px;display:flex}.chip-tag{border-radius:16px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.chip-tag--user{color:#5b21b6;background:#ede9fe;border:1px solid #c4b5fd}.chip-tag--dept{color:#92400e;background:#fef3c7;border:1px solid #fbbf24}.chip-tag--role{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.chip-tag__remove{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;align-items:center;padding:0 2px;display:inline-flex}.chip-tag__remove:hover{opacity:1}.chip-search-wrapper{margin-top:6px;position:relative}.chip-search-icon{color:#9ca3af;pointer-events:none;z-index:1;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.chip-search-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px 8px 32px;font-size:.85rem}.chip-search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb1a}.chip-dropdown{z-index:10;background:#fff;border:1px solid #d1d5db;border-radius:6px;max-height:180px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.chip-dropdown__item{cursor:pointer;padding:8px 12px;font-size:.85rem;transition:background .1s}.chip-dropdown__item:hover{background:#f3f4f6}.chip-dropdown__empty{text-align:center;color:#9ca3af;padding:12px;font-size:.85rem}.empty-state{text-align:center;padding:60px 20px}.empty-state svg{margin-bottom:16px}.empty-state p{color:#718096;margin-bottom:24px;font-size:1rem}.empty-state-title{color:#2d3748;margin-bottom:8px;font-size:1.25rem;font-weight:600}.loading-state{text-align:center;color:#718096;padding:40px 20px;font-size:1rem}.form-hint{color:#718096;align-items:center;gap:6px;margin-top:4px;font-size:.75rem;font-style:italic;display:flex}.form-hint svg{flex-shrink:0}.close-button-small{cursor:pointer;color:#a0aec0;background:0 0;border:none;padding:4px;transition:color .2s}.close-button-small:hover{color:#f63040}.board-sidebar-backdrop{z-index:998;background-color:#00000080;animation:.2s fadeIn;position:fixed;inset:0}.board-sidebar{z-index:999;background:#fff;flex-direction:column;width:320px;height:100vh;transition:left .3s;display:flex;position:fixed;top:0;left:-320px;overflow:hidden;box-shadow:2px 0 12px #0000001a}.board-sidebar.open{left:0}.board-sidebar-header{background:#57565b;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px;display:flex}.board-sidebar-header h2{color:#fff;margin:0;font-size:1.25rem;font-weight:700}.btn-icon-close{cursor:pointer;color:#fffc;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.2rem;transition:all .2s}.btn-icon-close:hover{color:#fff;background:#ffffff1a}.board-sidebar-create{border-bottom:1px solid #e2e8f0;padding:16px}.btn-create-board{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-create-board:hover{background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.board-sidebar-search{border-bottom:1px solid #e2e8f0;padding:16px}.board-search-input{background:#fff;border:2px solid #e2e8f0;border-radius:6px;width:100%;padding:10px 12px;font-size:.9rem;transition:all .2s}.board-search-input:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.board-sidebar-content{flex:1;padding:16px;overflow-y:auto}.board-section{margin-bottom:24px}.board-section-title{text-transform:uppercase;letter-spacing:.05em;color:#718096;margin:0 0 12px;padding:0 4px;font-size:.75rem;font-weight:600}.board-list{flex-direction:column;gap:8px;display:flex}.board-sidebar-item{background:#fff;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s;overflow:hidden}.board-sidebar-item:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #00000014}.board-sidebar-item.active{background:#fff5f5;border-color:#f63040;box-shadow:0 2px 8px #f6304026}.board-sidebar-item.drag-over{background:#ebf8ff;border-color:#4299e1;transform:scale(1.02);box-shadow:0 4px 12px #4299e14d}.board-sidebar-item.preview-active{background:#f0fff4;border-color:#48bb78;box-shadow:0 4px 12px #48bb784d}.board-sidebar-item.not-droppable{opacity:.6;cursor:not-allowed}.board-sidebar-item.not-droppable:hover{background:0 0;border-color:#e2e8f0}.board-sidebar-item-content{cursor:pointer;align-items:center;padding:12px;transition:background .2s;display:flex;position:relative}.board-sidebar-item-content:hover{background:#f7fafc}.board-color-bar{width:4px;height:100%;position:absolute;top:0;bottom:0;left:0}.board-info-container{flex:1;min-width:0;padding-left:8px}.board-name-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.board-sidebar-item .board-icon{flex-shrink:0;font-size:1rem}.board-sidebar-item .board-name{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.board-meta{color:#718096;align-items:center;gap:4px;font-size:.75rem;display:flex}.board-permission{color:#a0aec0;font-weight:500}.board-task-count{color:#a0aec0}.btn-expand{cursor:pointer;color:#a0aec0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.btn-expand:hover{color:#2d3748;background:#e2e8f0}.btn-expand svg.rotated{transform:rotate(90deg)}.board-actions-menu{background:#f7fafc;border-top:1px solid #e2e8f0;flex-direction:column;gap:4px;padding:8px;animation:.2s slideDown;display:flex}.board-action-btn{color:#4a5568;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.board-action-btn:hover{color:#2d3748;background:#e2e8f0}.board-action-btn.danger{color:#e53e3e}.board-action-btn.danger:hover{color:#c53030;background:#fff5f5}.board-sidebar-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.board-sidebar-empty p{color:#718096;margin-bottom:16px;font-size:.9rem}.btn-clear-search,.btn-create-board-empty{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-clear-search:hover,.btn-create-board-empty:hover{background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.btn-toggle-sidebar{color:#fff;cursor:pointer;z-index:990;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#f63040 0%,#d42a38 100%);border:none;border-left:2px solid #ffffff4d;border-radius:0 8px 8px 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:22px;min-width:22px;max-width:22px;padding:100px 0;font-size:.6rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:50%;left:0;overflow:hidden;transform:translateY(-50%);box-shadow:3px 0 15px #f6304066}.btn-toggle-sidebar:hover{background:linear-gradient(135deg,#d42a38 0%,#b8232f 100%);width:26px;min-width:26px;max-width:26px;transform:translateY(-50%)translate(2px);box-shadow:4px 0 20px #f6304099}.btn-toggle-sidebar:active{transform:translateY(-50%)translate(0);box-shadow:2px 0 10px #f6304080}.btn-toggle-sidebar.drag-hover{background:linear-gradient(135deg,#3182ce 0%,#2b6cb0 100%);width:32px;min-width:32px;max-width:32px;animation:1s ease-in-out infinite boardsTabPulse;transform:translateY(-50%)translate(3px);box-shadow:4px 0 24px #3182ce99}@keyframes boardsTabPulse{0%,to{box-shadow:4px 0 24px #3182ce99}50%{box-shadow:6px 0 30px #3182cecc}}.btn-toggle-sidebar svg{display:none}@media (width<=768px){.board-sidebar{width:280px;left:-280px}.btn-toggle-sidebar{letter-spacing:1px;width:18px;min-width:18px;max-width:18px;padding:80px 0;font-size:.55rem;top:45%}.btn-toggle-sidebar:hover{width:22px;min-width:22px;max-width:22px}}.markdown-editor-tabs{gap:4px;margin-bottom:6px;display:flex}.markdown-tab{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:5px;padding:4px 12px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.markdown-tab svg{font-size:.72rem}.markdown-tab:hover{color:#f63040;border-color:#f63040}.markdown-tab.active{color:#fff;background:#f63040;border-color:#f63040}.markdown-textarea{resize:vertical;color:#2d3748;box-sizing:border-box;background:#fafbfc;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:10px 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.88rem;line-height:1.6}.markdown-textarea:focus{background:#fff;border-color:#f63040;outline:none;box-shadow:0 0 0 2px #f630401a}.markdown-textarea::placeholder{color:#b0b8c4}.markdown-preview-panel{color:#2d3748;background:#fafbfc;border:1px solid #e2e8f0;border-radius:6px;min-height:80px;padding:12px 14px;font-size:.9rem;line-height:1.65}.markdown-preview-panel p{margin:0 0 .5em}.markdown-preview-panel strong{font-weight:700}.markdown-preview-panel em{font-style:italic}.markdown-preview-panel code{background:#edf2f7;border-radius:3px;padding:2px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85em}.markdown-preview-panel ul,.markdown-preview-panel ol{margin:0 0 .5em;padding-left:1.4em}.markdown-preview-panel li{margin-bottom:2px}.markdown-preview-empty{color:#a0aec0;font-size:.88rem;font-style:italic}.action-item-card.compact{box-sizing:border-box;cursor:grab;background:#fff;border:1px solid #e4e7ec;border-radius:8px;flex-direction:column;flex:none;gap:6px;width:100%;min-width:0;max-width:100%;padding:10px 12px;transition:box-shadow .15s,transform .15s,border-color .15s;display:flex;position:relative;box-shadow:0 1px 3px #10182814,0 1px 2px #1018280a}.action-item-card.compact:before{content:none}.action-item-card.compact:hover{border-color:#d0d5dd;transform:translateY(-1px);box-shadow:0 4px 12px #1018281a,0 2px 4px #1018280f}.action-item-card.compact:active{cursor:grabbing}.action-item-card.compact .card-indicator{color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.68rem;display:inline-flex;position:absolute;top:8px;right:8px}.action-item-card.compact .card-indicator.attention{background:#f59e0b}.action-item-card.compact .card-indicator.department{background:#6366f1}.action-item-card.compact .card-row{align-items:center;gap:6px;min-width:0;display:flex}.action-item-card.compact .card-row-title{padding-right:22px}.action-item-card.compact .card-row-title .card-icon{color:#667085;flex:none;font-size:.82rem}.action-item-card.compact .card-row-title .card-title-text{color:#101828;text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;min-width:0;font-size:.88rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.action-item-card.compact .card-row-meta{flex-wrap:wrap;gap:4px 6px;font-size:.72rem}.action-item-card.compact .card-row-meta .status-chip{text-transform:uppercase;letter-spacing:.2px;color:#475467;background:#eef2f6;border-radius:10px;align-items:center;padding:2px 8px;font-size:.68rem;font-weight:600;line-height:1.5;display:inline-flex}.action-item-card.compact .card-row-meta .meta-pill{color:#475467;text-overflow:ellipsis;white-space:nowrap;background:#f2f4f7;border-radius:4px;align-items:center;gap:4px;max-width:140px;padding:2px 6px;font-size:.7rem;display:inline-flex;overflow:hidden}.action-item-card.compact .card-row-meta .meta-pill.project-pill{color:#175cd3;cursor:pointer;background:#eff4ff}.action-item-card.compact .card-row-meta .meta-pill.project-pill:hover{background:#d1e0ff}.action-item-card.compact .card-row-meta .meta-date{color:#667085;align-items:center;gap:3px;font-size:.7rem;display:inline-flex}.action-item-card.compact .card-row-meta .meta-date svg{font-size:.65rem}.action-item-card.compact .card-row-footer{color:#667085;border-top:1px dashed #eaecf0;justify-content:space-between;padding-top:4px;font-size:.72rem}.action-item-card.compact .card-row-footer .card-assignee{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;display:inline-flex;overflow:hidden}.action-item-card.compact .card-row-footer .card-assignee svg{color:#98a2b3;flex:none}.action-item-card.compact .card-row-footer .card-ticket{color:#98a2b3;font-variant-numeric:tabular-nums;flex:none}.action-item-card.compact.needs-attention{border-left:3px solid #f59e0b}.action-item-card.compact.department-assigned:not(.needs-attention){border-left:3px solid #6366f1}.icon-picker-trigger{position:relative}.icon-picker-button{cursor:pointer;color:#2d3748;background:#fff;border:1px solid #cbd5e0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.875rem;transition:border-color .2s;display:flex}.icon-picker-button:hover{border-color:#3498db}.icon-picker-button .icon-name{color:#718096;font-size:.75rem}.icon-picker-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;width:320px;max-height:360px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 10px 25px #00000026}.icon-picker-search{border-bottom:1px solid #e2e8f0;padding:8px}.icon-picker-search input{border:1px solid #cbd5e0;border-radius:4px;width:100%;padding:8px 12px;font-size:.875rem}.icon-picker-search input:focus{border-color:#3498db;outline:none}.icon-picker-grid{grid-template-columns:repeat(8,1fr);gap:2px;max-height:260px;padding:8px;display:grid;overflow-y:auto}.icon-picker-item{cursor:pointer;color:#4a5568;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.icon-picker-item:hover{color:#2d3748;background:#edf2f7;border-color:#cbd5e0}.icon-picker-item.selected{color:#3498db;background:#ebf8ff;border-color:#3498db}.icon-picker-hint{color:#a0aec0;text-align:center;border-top:1px solid #e2e8f0;padding:6px 12px;font-size:.7rem}.columns-list.vertical{flex-direction:column;gap:8px;display:flex}.column-item.vertical{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.column-item.vertical:hover{box-shadow:0 2px 4px #0000000d}.column-reorder-controls{flex-direction:column;gap:2px;display:flex}.column-display.vertical-display{flex:1;align-items:center;gap:12px;display:flex}.column-edit-form.vertical-form{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.column-edit-form.vertical-form input,.column-edit-form.vertical-form select{border:1px solid #cbd5e0;border-radius:4px;flex:1;min-width:100px;padding:8px;font-size:.875rem}.column-edit-form.vertical-form input[type=color]{flex:0 0 50px;height:36px}.section-description{color:#718096;margin-top:4px;margin-bottom:12px;font-size:.8rem}.department-access-section{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:16px}.department-access-section h4{color:#2d3748;margin-bottom:12px;font-size:.95rem}.department-grant-form{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:12px;display:flex}.department-grant-form .form-group{flex:1;min-width:120px;margin-bottom:0}.department-grants-list{flex-direction:column;gap:8px;display:flex}.department-grant-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.department-grant-info{flex-direction:column;gap:2px;display:flex}.department-grant-info .dept-name{color:#2d3748;font-size:.9rem;font-weight:600}.department-grant-info .dept-permission{color:#718096;font-size:.75rem}.department-grant-info .dept-exclusions{color:#e53e3e;margin-top:2px;font-size:.7rem}.exclusion-manager{background:#fff5f5;border:1px solid #fed7d7;border-radius:4px;margin-top:8px;padding:8px}.exclusion-manager .exclusion-header{color:#c53030;margin-bottom:6px;font-size:.8rem;font-weight:500}.exclusion-manager .exclusion-list{flex-wrap:wrap;gap:4px;display:flex}.exclusion-manager .exclusion-tag{color:#c53030;background:#fed7d7;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;display:flex}.exclusion-manager .exclusion-tag button{cursor:pointer;color:#c53030;background:0 0;border:none;padding:0;font-size:.7rem;line-height:1}.suggested-merges-banner{background:#fffbeb;border:1px solid #f59e0b;border-radius:8px;margin:12px 0;padding:12px 16px}.suggested-merges-banner .suggested-merges-header{align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;display:flex}.suggested-merges-banner .suggested-merges-header .suggested-merges-icon{font-size:1.1rem}.suggested-merges-banner .suggested-merges-header .suggested-merges-count{color:#92400e;background:#fde68a;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:.75rem}.suggested-merges-banner .suggested-merges-groups{flex-direction:column;gap:8px;display:flex}.suggested-merges-banner .suggested-merge-group{background:#fff;border:1px solid #fde68a;border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.suggested-merges-banner .suggested-merge-group .merge-group-reason{color:#92400e;white-space:nowrap;font-size:.78rem;font-weight:600}.suggested-merges-banner .suggested-merge-group .merge-group-items{flex-wrap:wrap;flex:1;gap:6px;display:flex}.suggested-merges-banner .suggested-merge-group .merge-group-items .merge-group-item{text-overflow:ellipsis;white-space:nowrap;background:#f3f4f6;border-radius:4px;max-width:200px;padding:2px 8px;font-size:.75rem;overflow:hidden}.suggested-merges-banner .suggested-merge-group .merge-group-actions{gap:6px;display:flex}.suggested-merges-banner .suggested-merge-group .merge-group-actions .btn-merge-quick{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:4px;padding:4px 10px;font-size:.75rem}.suggested-merges-banner .suggested-merge-group .merge-group-actions .btn-merge-quick:disabled{opacity:.6;cursor:not-allowed}.suggested-merges-banner .suggested-merge-group .merge-group-actions .btn-dismiss{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:4px 10px;font-size:.75rem}.automation-scheduler-chip{color:#f63040;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#f6304014;border:1px dashed #f63040;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.automation-scheduler-chip--running{background:#f630402e;animation:1s ease-in-out infinite chip-pulse}.automation-scheduler-chip__spin{animation:1s linear infinite spin}@keyframes chip-pulse{0%,to{opacity:1}50%{opacity:.6}}.btn-run-automations{color:#f63040;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #f63040;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.btn-run-automations:hover:not(:disabled){color:#fff;background:#f63040}.btn-run-automations:disabled{opacity:.6;cursor:not-allowed}.btn-run-automations__spin{animation:1s linear infinite spin}.wl-root{flex-direction:column;gap:20px;padding:20px 0;display:flex}.wl-summary-strip{flex-wrap:wrap;gap:16px;display:flex}.wl-summary-tile{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:12px;min-width:140px;padding:14px 20px;display:flex}.wl-summary-tile .wl-summary-icon{color:#718096;font-size:1.4rem}.wl-summary-tile .wl-summary-value{color:#2d3748;font-size:1.6rem;font-weight:700;line-height:1.1;display:block}.wl-summary-tile .wl-summary-label{color:#718096;font-size:.75rem;font-weight:500;display:block}.wl-summary-tile.overdue{border-left:4px solid #e53e3e}.wl-summary-tile.overdue .wl-summary-icon{color:#e53e3e}.wl-summary-tile.escalated{border-left:4px solid #dd6b20}.wl-summary-tile.escalated .wl-summary-icon{color:#dd6b20}.wl-summary-tile.unassigned{border-left:4px solid #718096}.wl-summary-tile.upcoming{border-left:4px solid #f63040}.wl-summary-tile.upcoming .wl-summary-icon{color:#f63040}.wl-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.wl-tab-group{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;display:inline-flex;overflow:hidden}.wl-tab{color:#4a5568;cursor:pointer;background:0 0;border:none;border-right:1px solid #e2e8f0;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.wl-tab:last-child{border-right:none}.wl-tab:hover:not(.active){background:#edf2f7}.wl-tab.active{color:#fff;background:#f63040}.wl-toolbar-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.wl-dept-filter{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:7px 12px;font-size:.85rem}.wl-completed-toggle{color:#4a5568;cursor:pointer;align-items:center;gap:6px;font-size:.85rem;display:flex}.wl-completed-toggle input{cursor:pointer;accent-color:#f63040}.wl-refresh-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.wl-refresh-btn:hover{color:#f63040;border-color:#f63040}.wl-users-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.wl-user-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;padding:16px;transition:box-shadow .2s;display:flex}.wl-user-card:hover{box-shadow:0 4px 12px #00000014}.wl-user-card.has-overdue{border-left:4px solid #e53e3e}.wl-user-card.wl-unassigned-card{border-style:dashed}.wl-user-card-header{align-items:center;gap:10px;display:flex}.wl-user-avatar{color:#718096;background:#edf2f7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;display:flex}.wl-user-avatar.unassigned{background:#e2e8f0}.wl-user-info{flex-direction:column;flex:1;gap:3px;display:flex}.wl-user-name{color:#2d3748;font-size:.9rem;font-weight:600}.wl-dept-badge{color:#fff;border-radius:12px;width:fit-content;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.wl-user-total{text-align:center}.wl-user-total .wl-total-number{color:#2d3748;font-size:1.4rem;font-weight:700;line-height:1;display:block}.wl-user-total .wl-total-label{color:#718096;font-size:.7rem;display:block}.wl-priority-bar{background:#edf2f7;border-radius:3px;height:6px;display:flex;overflow:hidden}.wl-priority-segment{height:100%;transition:width .3s}.wl-no-items{color:#a0aec0;font-size:.75rem;font-style:italic}.wl-stat-row{flex-wrap:wrap;gap:6px;display:flex}.wl-stat-badge{border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.wl-stat-badge.wl-stat-overdue{color:#c53030;background:#fff5f5;border:1px solid #fed7d7}.wl-stat-badge.wl-stat-escalated{color:#c05621;background:#fffaf0;border:1px solid #feebc8}.wl-stat-badge.wl-stat-sla{color:#c53030;background:#fff5f5;border:1px solid #fed7d7}.wl-stat-badge.wl-stat-attention{color:#2b6cb0;background:#ebf8ff;border:1px solid #bee3f8}.wl-progress-row{align-items:center;gap:8px;display:flex}.wl-progress-label{color:#718096;white-space:nowrap;font-size:.75rem}.wl-progress-track{background:#edf2f7;border-radius:3px;flex:1;height:6px;overflow:hidden}.wl-progress-fill{background:#f63040;border-radius:3px;height:100%;transition:width .3s}.wl-progress-pct{color:#718096;text-align:right;min-width:30px;font-size:.75rem}.wl-upcoming-section{flex-direction:column;gap:4px;display:flex}.wl-upcoming-toggle{color:#4a5568;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:.8rem;font-weight:600;display:flex}.wl-upcoming-toggle:hover{color:#f63040}.wl-upcoming-toggle svg{font-size:.75rem}.wl-upcoming-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.wl-upcoming-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-size:.8rem;transition:background .15s;display:flex}.wl-upcoming-item:hover{background:#f7fafc}.wl-upcoming-item.overdue{background:#fff5f5}.wl-upcoming-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.wl-upcoming-title{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.wl-upcoming-date{color:#718096;white-space:nowrap;font-size:.75rem}.wl-dept-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.wl-dept-table{border-collapse:collapse;width:100%}.wl-dept-table th{text-align:left;color:#4a5568;background:#f7fafc;border-bottom:2px solid #e2e8f0;padding:12px 16px;font-size:.8rem;font-weight:600}.wl-dept-table td{color:#2d3748;border-bottom:1px solid #f0f4f8;padding:12px 16px;font-size:.85rem}.wl-dept-table tr:last-child td{border-bottom:none}.wl-dept-table tr:hover td{background:#f7fafc}.wl-dept-table .wl-row-overdue td{background:#fff5f5}.wl-td-num{text-align:right}.wl-overdue-cell{color:#c53030;font-weight:600}.wl-critical-cell{color:#e53e3e;font-weight:600}.wl-dept-dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.wl-table-progress{align-items:center;gap:8px;display:flex}.wl-table-progress .wl-progress-track{width:80px}.wl-table-progress span{color:#718096;font-size:.75rem}.wl-timeline{flex-direction:column;gap:8px;display:flex}.wl-timeline-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:box-shadow .15s;display:flex}.wl-timeline-item:hover{box-shadow:0 2px 8px #00000014}.wl-timeline-item.overdue{background:#fff5f5;border-left:4px solid #e53e3e}.wl-timeline-date{color:#4a5568;min-width:60px;font-size:.8rem;font-weight:700}.wl-timeline-priority-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.wl-timeline-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.wl-timeline-title{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.wl-timeline-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.wl-timeline-assignee,.wl-timeline-dept{color:#718096;align-items:center;gap:3px;font-size:.75rem;display:flex}.wl-timeline-prio-badge{color:#fff;border-radius:10px;padding:1px 7px;font-size:.7rem;font-weight:600;display:inline-block}.wl-badge-flag{border-radius:10px;align-items:center;gap:3px;padding:1px 7px;font-size:.7rem;font-weight:600;display:inline-flex}.wl-badge-flag.escalated{color:#c05621;background:#fffaf0;border:1px solid #feebc8}.wl-badge-flag.sla{color:#c53030;background:#fff5f5;border:1px solid #fed7d7}.wl-timeline-progress{min-width:100px}.wl-timeline-progress .wl-progress-track{width:100px}.wl-loading,.wl-error{color:#718096;justify-content:center;align-items:center;gap:12px;padding:60px 0;font-size:.95rem;display:flex}.wl-spinner{border:3px solid #e2e8f0;border-top-color:#f63040;border-radius:50%;width:24px;height:24px;animation:.7s linear infinite wl-spin}@keyframes wl-spin{to{transform:rotate(360deg)}}.wl-empty{text-align:center;color:#a0aec0;padding:40px;font-size:.9rem}.wl-footer{text-align:right;color:#a0aec0;padding-top:8px;font-size:.75rem}.module-template-config-page{max-width:100%;margin:0 auto;padding:24px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.header-left{flex:1}.page-header h1{color:#2d3748;align-items:center;gap:12px;margin:0 0 8px;font-size:1.75rem;font-weight:700;display:flex}.page-header h1 i{color:#f63040}.page-description{color:#718096;max-width:700px;margin:0;font-size:.95rem}.header-actions{align-items:center;gap:12px;display:flex}.header-actions .btn{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-outline-primary{color:#f63040;background:#fff;border:2px solid #f63040}.btn-outline-primary:hover{background:#f630400d}.backfill-modal .btn-primary{color:#fff;background:#f63040;border:none}.btn-primary.has-changes{animation:2s ease-in-out infinite pulse-save}@keyframes pulse-save{0%,to{box-shadow:0 0 #f6304066}50%{box-shadow:0 0 0 8px #f6304000}}.change-badge{color:#f63040;background:#fff;border-radius:12px;margin-left:4px;padding:2px 8px;font-size:.75rem}.filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;padding:16px 20px;display:flex;box-shadow:0 2px 8px #0000000a}.filter-group{align-items:center;gap:10px;display:flex}.filter-group label{color:#4a5568;white-space:nowrap;font-size:.9rem;font-weight:600}.filter-group select{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:260px;padding:8px 12px;font-size:.9rem;transition:border-color .2s}.filter-group select:focus{border-color:#f63040;outline:none}.checkbox-group{margin-left:auto}.checkbox-label{cursor:pointer;color:#4a5568;align-items:center;gap:8px;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{accent-color:#f63040;width:18px;height:18px}.loading-container{color:#718096;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.loading-container i{color:#f63040}.no-modules{color:#a0aec0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.modules-container{flex-direction:column;gap:24px;display:flex}.module-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.module-header{background:linear-gradient(135deg,#57565b 0%,#4a4a4e 100%);border-bottom:3px solid #f63040;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.module-header h2{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.1rem;font-weight:700;display:flex}.module-header h2 i{opacity:.9}.context-count{color:#fff;background:#fff3;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:500}.contexts-table-wrapper{overflow-x:auto}.contexts-table{border-collapse:collapse;width:100%}.contexts-table thead{background:#f7fafc}.contexts-table th{text-align:left;color:#718096;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.8rem;font-weight:600}.contexts-table tbody tr{transition:background .2s}.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{color:#4a5568;vertical-align:middle;border-bottom:1px solid #edf2f7;padding:14px 16px;font-size:.9rem}.icon-cell{text-align:center;width:40px}.icon-cell i{color:#718096;font-size:1rem}.contexts-table td strong{color:#2d3748;margin-bottom:2px;font-weight:600;display:block}.context-key{color:#a0aec0;font-family:monospace;font-size:.75rem}.description-cell{color:#718096;max-width:260px;font-size:.85rem}.text-muted{color:#cbd5e0;font-style:italic}.template-select{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;min-width:200px;padding:8px 12px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.template-select:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.template-select.changed{background:#fffaf0;border-color:#f6ad55}.template-select:disabled{cursor:not-allowed;opacity:.6;background:#f7fafc}.change-indicator{color:#f6ad55;margin-left:8px;font-size:.6rem;display:inline-block}.badge{border-radius:20px;margin-right:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-info{color:#2c5282;background:#bee3f8}.btn-sm{cursor:pointer;border-radius:6px;padding:6px 10px;font-size:.8rem;transition:all .2s}.btn-outline-warning{color:#dd6b20;background:0 0;border:1px solid #dd6b20}.btn-outline-warning:hover{background:#fffaf0}.btn-outline-success{color:#38a169;background:0 0;border:1px solid #38a169}.btn-outline-success:hover{background:#f0fff4}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:16px;min-width:400px;max-width:550px;max-height:90vh;padding:28px 32px;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-content h2{color:#2d3748;margin:0 0 8px;font-size:1.5rem;font-weight:700}.modal-description{color:#718096;margin:0 0 24px;font-size:.9rem}.modal-content .form-group{margin-bottom:16px}.modal-content .form-group label{color:#4a5568;margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.modal-content .form-control{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.modal-content .form-control:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.modal-content textarea.form-control{resize:vertical}.help-text{color:#a0aec0;margin-top:4px;font-size:.8rem}.help-text strong{color:#718096}.modal-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.modal-actions .btn-secondary{color:#4a5568;background:#fff;border:1px solid #e2e8f0}.modal-actions .btn-secondary:hover{background:#f7fafc}.modal-actions .btn:disabled{opacity:.5;cursor:not-allowed}.new-context-modal{min-width:500px;max-width:600px}.new-context-modal .modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.new-context-modal .modal-header h2{align-items:center;gap:10px;margin:0;font-size:1.35rem;display:flex}.new-context-modal .modal-header h2 i{color:#f63040}.new-context-modal .close-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.25rem;transition:all .2s}.new-context-modal .close-btn:hover{color:#4a5568;background:#f7fafc}.new-context-modal .modal-intro{margin-bottom:20px}.new-context-modal .info-box{background:#ebf8ff;border-left:4px solid #3182ce;border-radius:8px;gap:12px;padding:14px 16px;display:flex}.new-context-modal .info-box i{color:#3182ce;margin-top:2px;font-size:1.1rem}.new-context-modal .info-box strong{color:#2c5282;margin-bottom:4px;font-size:.9rem;display:block}.new-context-modal .info-box p{color:#4a5568;margin:0;font-size:.85rem;line-height:1.4}.new-context-modal .form-section{background:#f7fafc;border-radius:8px;margin-bottom:24px;padding:16px}.new-context-modal .form-section h3{color:#2d3748;margin:0 0 4px;font-size:1rem;font-weight:600}.new-context-modal .section-help{color:#718096;margin:0 0 16px;font-size:.85rem}.new-context-modal .required{color:#f63040;margin-left:2px}.new-context-modal .mt-2{margin-top:8px}@media (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 (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{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;align-items:flex-start;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.info-box>i{color:#0284c7;flex-shrink:0;margin-top:2px;font-size:1.25rem}.info-box strong{color:#0369a1;margin-bottom:4px;font-size:.95rem;display:block}.info-box p{color:#4a5568;margin:0;font-size:.9rem;line-height:1.5}.empty-state{text-align:center;background:#fff;border:2px dashed #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}.empty-state i{color:#cbd5e0;margin-bottom:20px}.empty-state h2{color:#4a5568;margin:0 0 12px;font-size:1.5rem;font-weight:700}.empty-state p{color:#718096;max-width:400px;margin:0 0 24px;font-size:1rem;line-height:1.6}.empty-state .btn-lg{padding:14px 28px;font-size:1rem}.contexts-list{padding:0}.context-row{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;transition:background .2s;display:flex}.context-row:last-child{border-bottom:none}.context-row:hover{background:#f8fafc}.context-row.has-pending-change{background:#fffdf0}.context-info{flex:0 0 260px;align-items:flex-start;gap:14px;min-width:0;max-width:260px;display:flex}.context-icon{color:#718096;background:#f7fafc;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.context-details{flex:1;min-width:0}.context-details strong{color:#2d3748;margin-bottom:4px;font-size:.95rem;font-weight:600;display:block}.context-description{color:#718096;font-size:.85rem;line-height:1.4;display:block}.context-template{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.context-template .template-label{color:#718096;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.context-template .template-select{width:100%;min-width:160px}.context-templates{flex:2;align-items:flex-end;gap:16px;min-width:0;display:flex}.btn-outline-secondary{color:#4a5568;background:#fff;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 (width<=900px){.context-row,.context-templates{flex-direction:column;align-items:stretch;gap:12px}.context-template{width:100%}.context-template .template-select{width:100%;min-width:unset}}.btn-backfill{color:#4338ca;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:background .2s,border-color .2s;display:inline-flex}.btn-backfill:hover{background:#e0e7ff;border-color:#a5b4fc}.backfill-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.backfill-modal{background:#fff;border-radius:10px;width:520px;max-width:90vw;padding:24px;box-shadow:0 20px 60px #0003}.backfill-modal .btn-cancel{cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:.9rem}.backfill-modal .btn-primary{color:#fff;cursor:pointer;background:#4338ca;border:none;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:500}.backfill-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.scheduled-tasks-page{max-width:1400px;margin:0 auto;padding:20px}.scheduled-tasks-page .page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.scheduled-tasks-page .page-header .header-content h1{color:#343a40;align-items:center;gap:12px;margin:0;font-size:1.75rem;font-weight:600;display:flex}.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{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.scheduled-tasks-page .page-header .header-actions .checkbox-label{color:#495057;cursor:pointer;align-items:center;gap:6px;font-size:.9rem;display:flex}.scheduled-tasks-page .page-header .header-actions .checkbox-label input{cursor:pointer}.scheduled-tasks-page .page-header .header-actions .filter-select{color:#495057;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:8px 12px;font-size:.9rem}.scheduled-tasks-page .page-header .header-actions .filter-select:focus{border-color:#dc3545;outline:none}.scheduled-tasks-page .loading-state{color:#6c757d;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.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{text-align:center;background:#f8f9fa;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.scheduled-tasks-page .empty-state i{color:#ced4da;margin-bottom:16px}.scheduled-tasks-page .empty-state h3{color:#495057;margin:0 0 8px;font-size:1.25rem}.scheduled-tasks-page .empty-state p{color:#6c757d;margin:0 0 20px}.scheduled-tasks-page .tasks-summary-bar{background:#fff;border-radius:8px;align-items:center;gap:24px;margin-bottom:20px;padding:16px 20px;display:flex;box-shadow:0 2px 8px #0000001a}.scheduled-tasks-page .tasks-summary-bar .summary-stat{flex-direction:column;align-items:center;min-width:60px;display:flex}.scheduled-tasks-page .tasks-summary-bar .summary-stat .summary-count{color:#343a40;font-size:1.5rem;font-weight:700}.scheduled-tasks-page .tasks-summary-bar .summary-stat .summary-count.success{color:#28a745}.scheduled-tasks-page .tasks-summary-bar .summary-stat .summary-count.danger{color:#dc3545}.scheduled-tasks-page .tasks-summary-bar .summary-stat .summary-count.muted{color:#adb5bd}.scheduled-tasks-page .tasks-summary-bar .summary-stat .summary-label{color:#adb5bd;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.scheduled-tasks-page .tasks-summary-bar .summary-filters{align-items:center;gap:12px;margin-left:auto;display:flex}.scheduled-tasks-page .tasks-summary-bar .summary-filters .checkbox-label{color:#495057;cursor:pointer;align-items:center;gap:6px;font-size:.9rem;display:flex}.scheduled-tasks-page .tasks-summary-bar .summary-filters .checkbox-label input{cursor:pointer}.scheduled-tasks-page .tasks-summary-bar .summary-filters .filter-select{color:#495057;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:8px 12px;font-size:.9rem}.scheduled-tasks-page .tasks-summary-bar .summary-filters .filter-select:focus{border-color:#dc3545;outline:none}.scheduled-tasks-page .tasks-table-wrapper{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.scheduled-tasks-page .tasks-table{border-collapse:collapse;width:100%;font-size:.9rem}.scheduled-tasks-page .tasks-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.scheduled-tasks-page .tasks-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#6c757d;white-space:nowrap;padding:12px 16px;font-size:.8rem;font-weight:600}.scheduled-tasks-page .tasks-table tbody tr{border-bottom:1px solid #e9ecef;transition:background .2s}.scheduled-tasks-page .tasks-table tbody tr:last-child{border-bottom:none}.scheduled-tasks-page .tasks-table tbody tr:hover{background:#f8f9fa}.scheduled-tasks-page .tasks-table tbody tr.row-disabled{opacity:.6;background:#e9ecef4d}.scheduled-tasks-page .tasks-table tbody td{vertical-align:middle;color:#495057;padding:14px 16px}.scheduled-tasks-page .tasks-table .col-status{width:100px}.scheduled-tasks-page .tasks-table .col-type{width:120px}.scheduled-tasks-page .tasks-table .col-schedule{width:180px}.scheduled-tasks-page .tasks-table .col-category{width:150px}.scheduled-tasks-page .tasks-table .col-last-run,.scheduled-tasks-page .tasks-table .col-next-run{width:140px}.scheduled-tasks-page .tasks-table .col-actions{text-align:right;width:150px}.scheduled-tasks-page .tasks-table .status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.scheduled-tasks-page .tasks-table .status-badge.status-success{color:#28a745;background:#28a7451f}.scheduled-tasks-page .tasks-table .status-badge.status-failed{color:#dc3545;background:#dc35451f}.scheduled-tasks-page .tasks-table .status-badge.status-disabled{color:#adb5bd;background:#e9ecef}.scheduled-tasks-page .tasks-table .status-badge.status-running{color:#17a2b8;background:#17a2b81f}.scheduled-tasks-page .tasks-table .status-badge.status-pending{color:#a07800;background:#ffc10726}.scheduled-tasks-page .tasks-table .task-name-cell{flex-direction:column;gap:2px;display:flex}.scheduled-tasks-page .tasks-table .task-name-cell .task-name{color:#343a40;font-size:.92rem;font-weight:600}.scheduled-tasks-page .tasks-table .task-name-cell .task-description{color:#adb5bd;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.3;display:-webkit-box;overflow:hidden}.scheduled-tasks-page .tasks-table .task-name-cell .task-error{color:#dc3545;align-items:center;gap:4px;margin-top:2px;font-size:.78rem;display:flex}.scheduled-tasks-page .tasks-table .type-badge{color:#6c757d;background:#f8f9fa;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:.82rem;display:inline-flex}.scheduled-tasks-page .tasks-table .schedule-text{color:#495057;font-size:.85rem}.scheduled-tasks-page .tasks-table .category-badge{color:#6c757d;align-items:center;gap:5px;font-size:.82rem;display:inline-flex}.scheduled-tasks-page .tasks-table .text-muted{color:#ced4da}.scheduled-tasks-page .tasks-table .date-text{color:#6c757d;white-space:nowrap;font-size:.83rem}.scheduled-tasks-page .tasks-table .action-buttons{justify-content:flex-end;gap:4px;display:flex}.scheduled-tasks-page .tasks-table .btn-action{cursor:pointer;color:#adb5bd;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .2s;display:inline-flex}.scheduled-tasks-page .tasks-table .btn-action:hover{color:#495057;background:#e9ecef}.scheduled-tasks-page .tasks-table .btn-action.btn-edit:hover{color:#17a2b8;background:#17a2b81a}.scheduled-tasks-page .tasks-table .btn-action.btn-pause:hover{color:#ba8b00;background:#ffc10726}.scheduled-tasks-page .tasks-table .btn-action.btn-enable:hover{color:#28a745;background:#28a7451a}.scheduled-tasks-page .tasks-table .btn-action.btn-delete:hover{color:#dc3545;background:#dc35451a}.scheduled-tasks-page .tasks-table .btn-action.btn-download:hover{color:#17a2b8;background:#17a2b81a}.scheduled-tasks-page .tasks-table .btn-action.btn-download:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.scheduled-tasks-page .scheduled-items-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.scheduled-tasks-page .scheduled-item-card{background:#fff;border-left:4px solid #dc3545;border-radius:8px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.scheduled-tasks-page .scheduled-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.scheduled-tasks-page .scheduled-item-card.inactive{opacity:.7;border-left-color:#ced4da}.scheduled-tasks-page .scheduled-item-card.inactive .card-header{background:#e9ecef}.scheduled-tasks-page .scheduled-item-card .card-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:16px;display:flex}.scheduled-tasks-page .scheduled-item-card .card-header .card-title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.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{color:#343a40;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.scheduled-tasks-page .scheduled-item-card .card-header .card-title .badge{white-space:nowrap;border-radius:12px;padding:3px 8px;font-size:.7rem;font-weight:500}.scheduled-tasks-page .scheduled-item-card .card-header .card-title .badge.badge-inactive{color:#fff;background:#adb5bd}.scheduled-tasks-page .scheduled-item-card .card-header .card-title .badge.badge-error{color:#fff;background:#dc3545}.scheduled-tasks-page .scheduled-item-card .card-header .card-actions{gap:4px;display:flex}.scheduled-tasks-page .scheduled-item-card .card-body{padding:16px}.scheduled-tasks-page .scheduled-item-card .card-body .description{color:#6c757d;margin:0 0 12px;font-size:.9rem;line-height:1.4}.scheduled-tasks-page .scheduled-item-card .card-body .card-meta{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.scheduled-tasks-page .scheduled-item-card .card-body .card-meta .meta-item{color:#6c757d;align-items:center;gap:6px;font-size:.85rem;display:flex}.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{border-top:1px solid #e9ecef;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px;display:grid}.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{color:#adb5bd;text-transform:uppercase;margin-bottom:4px;font-size:.75rem;display:block}.scheduled-tasks-page .scheduled-item-card .card-body .card-stats .stat .stat-value{color:#495057;font-size:.85rem;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{color:#dc3545;background:#dc35451a;border-radius:4px;align-items:flex-start;gap:8px;margin-top:12px;padding:8px 12px;font-size:.8rem;display:flex}.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{word-break:break-word;flex:1}.scheduled-tasks-page .btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.scheduled-tasks-page .btn:disabled{opacity:.6;cursor:not-allowed}.scheduled-tasks-page .btn.btn-primary{color:#fff;background:#dc3545}.scheduled-tasks-page .btn.btn-primary:hover:not(:disabled){background:#c82333}.scheduled-tasks-page .btn.btn-secondary{color:#495057;background:#e9ecef}.scheduled-tasks-page .btn.btn-secondary:hover:not(:disabled){background:#dee2e6}.scheduled-tasks-page .btn.btn-success{color:#fff;background:#28a745}.scheduled-tasks-page .btn.btn-success:hover:not(:disabled){background:#1e7e34}.scheduled-tasks-page .btn.btn-warning{color:#343a40;background:#ffc107}.scheduled-tasks-page .btn.btn-warning:hover:not(:disabled){background:#d39e00}.scheduled-tasks-page .btn.btn-danger{color:#fff;background:#dc3545}.scheduled-tasks-page .btn.btn-danger:hover:not(:disabled){background:#bd2130}.scheduled-tasks-page .btn.btn-icon{color:#6c757d;background:0 0;padding:6px 8px;font-size:.85rem}.scheduled-tasks-page .btn.btn-icon:hover:not(:disabled){color:#343a40;background:#e9ecef}.scheduled-tasks-page .btn.btn-icon.btn-success:hover:not(:disabled){color:#28a745;background:#28a7451a}.scheduled-tasks-page .btn.btn-icon.btn-warning:hover:not(:disabled){color:#a07800;background:#ffc10733}.scheduled-tasks-page .btn.btn-icon.btn-danger:hover:not(:disabled){color:#dc3545;background:#dc35451a}.modal-backdrop .modal-body .task-type-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.modal-backdrop .modal-body .task-type-grid .task-type-card{cursor:pointer;text-align:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;padding:24px 16px;transition:all .2s;display:flex}.modal-backdrop .modal-body .task-type-grid .task-type-card:hover{background:#fff;border-color:#dc3545}.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{color:#343a40;margin:0 0 8px;font-size:1rem;font-weight:600}.modal-backdrop .modal-body .task-type-grid .task-type-card p{color:#6c757d;margin:0 0 12px;font-size:.85rem;line-height:1.4}.modal-backdrop .modal-body .task-type-grid .task-type-card .category-badge{color:#6c757d;background:#e9ecef;border-radius:12px;padding:4px 10px;font-size:.7rem}.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{color:#495057;border-bottom:1px solid #e9ecef;margin:0 0 16px;padding-bottom:8px;font-size:1rem;font-weight:600}@media (width<=600px){.modal-backdrop .modal-body .form-row{grid-template-columns:1fr}}.modal-backdrop .modal-body .form-row.checkbox-row{flex-wrap:wrap;gap:20px;display:flex}.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{color:#343a40;border:1px solid #dee2e6;border-radius:6px;width:100%;padding:10px 12px;font-size:.9rem;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{border-color:#dc3545;outline:none}.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{background:#f8f9fa;font-family:Monaco,Menlo,Consolas,monospace;font-size:.85rem}.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{background-color:#dc35450d;border-color:#dc3545!important}.modal-backdrop .modal-body .form-group.checkbox-group{margin-bottom:8px}.modal-backdrop .modal-body .form-group.checkbox-group .checkbox-label{cursor:pointer;color:#495057;align-items:center;gap:8px;font-size:.9rem;display:flex}.modal-backdrop .modal-body .form-group.checkbox-group .checkbox-label input{cursor:pointer}@media (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;margin-top:12px;padding:16px}.schedule-builder .day-selector{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.schedule-builder .day-selector .day-btn{color:#495057;cursor:pointer;background:#fff;border:2px solid #dee2e6;border-radius:6px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .2s}.schedule-builder .day-selector .day-btn:hover{color:#dc3545;border-color:#dc3545}.schedule-builder .day-selector .day-btn.selected{color:#fff;background:#dc3545;border-color:#dc3545}.schedule-preview{color:#0c63e4;background:#e8f4fd;border:1px solid #b6d4fe;border-radius:6px;align-items:center;gap:10px;margin-top:12px;padding:12px 16px;font-size:.9rem;display:flex}.schedule-preview i{font-size:1.1rem}.config-subsection{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:16px}.config-subsection:last-child{margin-bottom:0}.config-subsection .config-subsection-title{color:#343a40;align-items:center;gap:8px;margin:0 0 4px;font-size:.95rem;font-weight:600;display:flex}.config-subsection .config-subsection-title .config-subsection-icon{color:#dc3545;font-size:.9rem}.config-subsection .config-subsection-desc{color:#adb5bd;margin:0 0 16px;font-size:.8rem}.placeholder-buttons{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.placeholder-buttons .placeholder-label{color:#adb5bd;font-size:.75rem;font-weight:500}.placeholder-buttons .placeholder-btn{color:#6c757d;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:14px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:500;transition:all .2s;display:inline-flex}.placeholder-buttons .placeholder-btn:hover{color:#dc3545;background:#dc35450d;border-color:#dc3545}.title-preview{background:#fff;border:1px dashed #dee2e6;border-radius:6px;align-items:baseline;gap:8px;margin-top:8px;padding:8px 12px;font-size:.85rem;display:flex}.title-preview .title-preview-label{color:#adb5bd;white-space:nowrap;font-size:.75rem;font-weight:600}.title-preview .title-preview-value{color:#343a40;font-weight:500}.priority-selector{gap:6px;display:flex}.priority-selector .priority-btn{cursor:pointer;text-align:center;background:#fff;border:2px solid #dee2e6;border-radius:6px;flex:1;padding:8px 6px;font-size:.8rem;font-weight:500;transition:all .2s}.priority-selector .priority-btn:hover{border-color:currentColor}.priority-selector .priority-btn.priority-low{color:#28a745}.priority-selector .priority-btn.priority-low.selected{color:#fff;background:#28a745;border-color:#28a745}.priority-selector .priority-btn.priority-medium{color:#17a2b8}.priority-selector .priority-btn.priority-medium.selected{color:#fff;background:#17a2b8;border-color:#17a2b8}.priority-selector .priority-btn.priority-high{color:#ffc107}.priority-selector .priority-btn.priority-high.selected{color:#343a40;background:#ffc107;border-color:#ffc107}.priority-selector .priority-btn.priority-critical{color:#dc3545}.priority-selector .priority-btn.priority-critical.selected{color:#fff;background:#dc3545;border-color:#dc3545}.due-date-input{align-items:center;gap:10px;display:flex}.due-date-input input{flex:none;width:80px!important}.due-date-input .due-date-suffix{color:#6c757d;white-space:nowrap;font-size:.85rem}.due-date-preview{font-style:italic}.assignment-type-selector{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;display:grid}@media (width<=600px){.assignment-type-selector{grid-template-columns:1fr}}.assignment-type-selector .assignment-type-btn{cursor:pointer;text-align:center;border:2px solid #dee2e6;border-radius:6px;padding:10px 14px;font-size:.85rem;font-weight:500;transition:border-color .2s,background .2s,color .2s;color:#495057!important;background:#fff!important}.assignment-type-selector .assignment-type-btn:hover{border-color:#dc3545;color:#dc3545!important}.assignment-type-selector .assignment-type-btn.selected{border-color:#dc3545;font-weight:600;color:#dc3545!important;background:#dc35450f!important}.user-search-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.user-search-header label{margin-bottom:0!important}.user-search-header .user-search-count{color:#dc3545;background:#dc354514;border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:600}.user-search-wrapper{position:relative}.user-search-input{color:#343a40;box-sizing:border-box;background:#fff;border:1px solid #dee2e6;border-radius:6px;width:100%;padding:8px 12px;font-size:.875rem}.user-search-input:focus{border-color:#dc3545;outline:none}.user-search-input::placeholder{color:#ced4da}.user-search-dropdown{z-index:10;background:#fff;border:1px solid #dee2e6;border-top:none;border-radius:0 0 6px 6px;max-height:180px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.user-search-dropdown .user-search-result{cursor:pointer;color:#495057;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;transition:background .2s;display:flex}.user-search-dropdown .user-search-result:hover{color:#dc3545;background:#dc35450f}.user-search-dropdown .user-search-result:not(:last-child){border-bottom:1px solid #f8f9fa}.user-search-dropdown .user-search-result .user-add-icon{color:#28a745;flex-shrink:0;font-size:.7rem}.user-search-dropdown .no-data-message{text-align:center;color:#adb5bd;padding:12px;font-size:.85rem}.user-selected-list{background:#fff;border:1px solid #e9ecef;border-radius:6px;margin-top:8px}.user-selected-list .user-selected-item{color:#343a40;justify-content:space-between;align-items:center;padding:6px 12px;font-size:.85rem;display:flex}.user-selected-list .user-selected-item:not(:last-child){border-bottom:1px solid #f8f9fa}.user-selected-list .user-selected-item .user-selected-name{flex:1}.user-selected-list .user-selected-item .user-selected-email{color:#adb5bd;margin-left:8px;font-size:.8rem}.user-selected-list .user-selected-item .user-remove-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;font-size:.75rem;transition:all .2s;display:inline-flex;color:#ced4da!important}.user-selected-list .user-selected-item .user-remove-btn:hover{background:#dc354514;color:#dc3545!important}.role-users-preview{margin-top:12px}.role-users-preview label{color:#495057;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.role-users-preview .no-data-message{text-align:center;color:#adb5bd;background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:10px 12px;font-size:.85rem}.role-users-preview .user-selected-list{margin-top:0}.btn-info{color:#fff;background:#17a2b8}.btn-info:hover:not(:disabled){background:#117a8b}.email-templates-page{max-width:1400px;margin:0 auto;padding:20px}.email-templates-page .page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.email-templates-page .page-header .header-content h1{color:#343a40;align-items:center;gap:12px;margin:0;font-size:1.75rem;font-weight:600;display:flex}.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{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.email-templates-page .page-header .header-actions .checkbox-label{color:#495057;cursor:pointer;align-items:center;gap:6px;font-size:.9rem;display:flex}.email-templates-page .page-header .header-actions .filter-select{color:#495057;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:8px 12px;font-size:.9rem}.email-templates-page .page-header .header-actions .filter-select:focus{border-color:#dc3545;outline:none}.email-templates-page .placeholders-info{background:#f8f9fa;border-radius:8px;margin-bottom:24px;overflow:hidden}.email-templates-page .placeholders-info .collapse-toggle{cursor:pointer;color:#495057;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:.9rem;display:flex}.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;transition:max-height .3s;overflow:hidden}.email-templates-page .placeholders-info .placeholders-content.expanded{max-height:300px;overflow-y:auto}.email-templates-page .placeholders-info .placeholders-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:16px;display:grid}.email-templates-page .placeholders-info .placeholders-grid .placeholder-item{background:#fff;border-radius:4px;flex-direction:column;gap:4px;padding:10px;font-size:.85rem;display:flex}.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-size:.8rem;font-style:italic}.email-templates-page .loading-state{color:#6c757d;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.email-templates-page .loading-state i{color:#dc3545;margin-bottom:16px}.email-templates-page .empty-state{text-align:center;background:#f8f9fa;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.email-templates-page .empty-state i{color:#ced4da;margin-bottom:16px}.email-templates-page .empty-state h3{color:#495057;margin:0 0 8px;font-size:1.25rem}.email-templates-page .empty-state p{color:#6c757d;margin:0 0 20px}.email-templates-page .templates-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.email-templates-page .template-card{background:#fff;border-left:4px solid #dc3545;border-radius:8px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.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{background:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:16px;display:flex}.email-templates-page .template-card .card-header .card-title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.email-templates-page .template-card .card-header .card-title .color-indicator{border-radius:50%;flex-shrink:0;width:12px;height:12px}.email-templates-page .template-card .card-header .card-title h3{color:#343a40;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.email-templates-page .template-card .card-header .card-title .badge{white-space:nowrap;border-radius:12px;padding:3px 8px;font-size:.7rem;font-weight:500}.email-templates-page .template-card .card-header .card-title .badge.badge-default{color:#fff;background:#28a745}.email-templates-page .template-card .card-header .card-title .badge.badge-inactive{color:#fff;background:#adb5bd}.email-templates-page .template-card .card-header .card-actions{gap:4px;display:flex}.email-templates-page .template-card .card-body{padding:16px}.email-templates-page .template-card .card-body .description{color:#6c757d;margin:0 0 12px;font-size:.9rem;line-height:1.4}.email-templates-page .template-card .card-body .card-meta{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.email-templates-page .template-card .card-body .card-meta .meta-item{color:#6c757d;align-items:center;gap:6px;font-size:.85rem;display:flex}.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{background:#f8f9fa;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.8rem}.email-templates-page .template-card .card-body .subject-preview{color:#495057;text-overflow:ellipsis;white-space:nowrap;background:#f8f9fa;border-radius:4px;padding:10px;font-size:.85rem;overflow:hidden}.email-templates-page .template-card .card-body .subject-preview strong{color:#343a40}.email-templates-page .btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.email-templates-page .btn:disabled{opacity:.6;cursor:not-allowed}.email-templates-page .btn.btn-primary{color:#fff;background:#dc3545}.email-templates-page .btn.btn-primary:hover:not(:disabled){background:#c82333}.email-templates-page .btn.btn-secondary{color:#495057;background:#e9ecef}.email-templates-page .btn.btn-secondary:hover:not(:disabled){background:#dee2e6}.email-templates-page .btn.btn-icon{color:#6c757d;background:0 0;padding:6px 8px;font-size:.85rem}.email-templates-page .btn.btn-icon:hover:not(:disabled){color:#343a40;background:#e9ecef}.email-templates-page .btn.btn-icon.btn-danger:hover:not(:disabled){color:#dc3545;background:#dc35451a}.modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-backdrop .modal-content{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 24px #0003}.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{border:none;width:100%;height:100%}.modal-backdrop .modal-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-backdrop .modal-header h2{color:#343a40;align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:600;display:flex}.modal-backdrop .modal-header h2 i{color:#dc3545}.modal-backdrop .modal-header .close-btn{color:#adb5bd;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.25rem}.modal-backdrop .modal-header .close-btn:hover{color:#495057}.modal-backdrop .modal-tabs{border-bottom:1px solid #e9ecef;padding:0 20px;display:flex}.modal-backdrop .modal-tabs .tab-btn{color:#6c757d;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-size:.9rem;font-weight:500;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{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (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{color:#495057;margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.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{color:#343a40;border:1px solid #dee2e6;border-radius:6px;width:100%;padding:10px 12px;font-size:.9rem;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{border-color:#dc3545;outline:none}.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{background:#f8f9fa;font-family:Monaco,Menlo,Consolas,monospace;font-size:.85rem}.modal-backdrop .modal-body .form-group small{color:#adb5bd;margin-top:4px;font-size:.75rem;display:block}.modal-backdrop .modal-body .form-group.checkbox-group-inline{align-items:center;gap:20px;margin-top:24px;display:flex}.modal-backdrop .modal-body .form-group.checkbox-group-inline .checkbox-label{cursor:pointer;color:#495057;align-items:center;gap:6px;font-size:.9rem;display:flex}.modal-backdrop .modal-body .input-with-placeholders .placeholder-buttons{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.modal-backdrop .modal-body .input-with-placeholders .placeholder-buttons .ph-btn{color:#495057;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:.75rem}.modal-backdrop .modal-body .input-with-placeholders .placeholder-buttons .ph-btn:hover{color:#dc3545;background:#e9ecef;border-color:#dc3545}.modal-backdrop .modal-body .color-input-group{gap:10px;display:flex}.modal-backdrop .modal-body .color-input-group input[type=color]{cursor:pointer;border:1px solid #dee2e6;border-radius:4px;width:50px;height:38px;padding:2px}.modal-backdrop .modal-body .color-input-group input[type=text]{flex:1}.modal-backdrop .modal-body .color-preview{border:1px solid #dee2e6;border-radius:8px;margin-top:20px;overflow:hidden}.modal-backdrop .modal-body .color-preview h4{color:#495057;background:#f8f9fa;margin:0;padding:10px;font-size:.9rem}.modal-backdrop .modal-body .color-preview .preview-header{color:#fff;align-items:center;gap:10px;padding:15px;display:flex}.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{color:#495057;margin:0 0 10px}.modal-backdrop .modal-body .color-preview .preview-content button{color:#fff;cursor:default;border:none;border-radius:4px;padding:8px 16px;font-size:.85rem}.modal-backdrop .modal-body .color-preview .preview-footer{text-align:center;background:#f8f9fa;padding:10px 15px;font-size:.8rem}.modal-backdrop .modal-body .preview-tab .preview-info{color:#0056b3;background:#e7f3ff;border:1px solid #b3d7ff;border-radius:6px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.9rem;display:flex}.modal-backdrop .modal-body .preview-tab .preview-info i{font-size:1.1rem}.modal-backdrop .modal-body .preview-tab .email-preview-container{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;height:400px;overflow:hidden}.modal-backdrop .modal-body .preview-tab .email-preview-container .email-preview-iframe{background:#fff;border:none;width:100%;height:100%}.modal-backdrop .modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}@media (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}}.email-mailboxes-page{max-width:1400px;margin:0 auto;padding:24px}.email-mailboxes-page .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.email-mailboxes-page .page-header .header-content h1{color:#1a1a1a;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:600;display:flex}.email-mailboxes-page .page-header .header-content .subtitle{color:#666;margin:0;font-size:14px}.email-mailboxes-page .page-header .btn-create{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.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;color:#666;padding:64px;font-size:16px}.email-mailboxes-page .empty-state{text-align:center;background:#f9f9f9;border:2px dashed #ddd;border-radius:12px;padding:80px 24px}.email-mailboxes-page .empty-state svg{color:#ccc;margin-bottom:24px}.email-mailboxes-page .empty-state h3{color:#333;margin:0 0 12px;font-size:20px}.email-mailboxes-page .empty-state p{color:#666;max-width:400px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:14px}.email-mailboxes-page .mailboxes-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.email-mailboxes-page .mailboxes-grid .mailbox-card{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.email-mailboxes-page .mailboxes-grid .mailbox-card:hover{border-color:#f63040;transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.email-mailboxes-page .mailboxes-grid .mailbox-card.inactive{opacity:.7;background:#fafafa}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-header{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-header .mailbox-info h3{color:#1a1a1a;margin:0 0 6px;font-size:16px;font-weight:600}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-header .mailbox-info .email-address{color:#666;font-size:13px}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-header .status-badge .badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-header .status-badge .badge.active{color:#2e7d32;background:#e8f5e9}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-header .status-badge .badge.inactive{color:#c62828;background:#ffebee}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-body{flex:1;padding:16px 20px}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-body .info-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.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 .info-row .value .direction-badge{border-radius:10px;margin-right:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-body .info-row .value .direction-badge.inbound{color:#1565c0;background:#e3f2fd}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-body .info-row .value .direction-badge.outbound{color:#2e7d32;background:#e8f5e9}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-body .info-row .value .direction-badge.none{color:#999;background:#f5f5f5}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-body .info-row .value .direction-badge.reply-only{color:#e65100;background:#fff3e0}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-body .error-row{color:#c62828;background:#ffebee;border-radius:6px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px;font-size:12px;line-height:1.4;display:flex}.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{background:#f8f9fa;border-top:1px solid #eee;flex-shrink:0;gap:6px;padding:10px 12px;display:flex}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-actions .btn-action{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-actions .btn-action:hover{color:#333;background:#f5f5f5}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-actions .btn-action.pause:hover{color:#f57c00;background:#fff3e0;border-color:#ffb74d}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-actions .btn-action.play:hover{color:#388e3c;background:#e8f5e9;border-color:#81c784}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-actions .btn-action.settings:hover{color:#1976d2;background:#e3f2fd;border-color:#64b5f6}.email-mailboxes-page .mailboxes-grid .mailbox-card .card-actions .btn-action.delete:hover{color:#c62828;background:#ffebee;border-color:#ef9a9a}.email-mailboxes-page .modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.email-mailboxes-page .modal-overlay .modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;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{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.email-mailboxes-page .modal-overlay .modal-content .modal-header h2{color:#1a1a1a;align-items:center;gap:12px;margin:0;font-size:22px;font-weight:600;display:flex}.email-mailboxes-page .modal-overlay .modal-content .modal-header .close-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:32px;line-height:1;transition:all .2s;display:flex}.email-mailboxes-page .modal-overlay .modal-content .modal-header .close-btn:hover{color:#f44336;background:#ffebee}.email-mailboxes-page .modal-overlay .modal-content .modal-body{flex:1;padding:28px;overflow-y:auto}.email-mailboxes-page .modal-overlay .modal-content .modal-body .warning{color:#f44336;margin-top:8px;font-size:14px}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .behavior-summary{background:#f0f7ff;border:1px solid #b3d4fc;border-radius:8px;margin-bottom:28px;padding:16px 20px}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .behavior-summary .summary-header{color:#1565c0;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .behavior-summary .summary-list{margin:0;padding:0;list-style:none}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .behavior-summary .summary-list li{color:#333;align-items:flex-start;gap:8px;padding:3px 0;font-size:13px;line-height:1.4;display:flex}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .behavior-summary .summary-list li .summary-icon{text-align:center;flex-shrink:0;width:20px}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section{border-bottom:1px solid #e0e0e0;margin-bottom:32px;padding-bottom:24px}.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{color:#333;margin:0 0 20px;font-size:16px;font-weight:600}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .section-help{color:#666;margin:-12px 0 20px;font-size:13px;line-height:1.4;display:block}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .inbound-mode-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .inbound-mode-cards .mode-card{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:16px;transition:all .2s}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .inbound-mode-cards .mode-card:hover{background:#f8fbff;border-color:#90caf9}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .inbound-mode-cards .mode-card.selected{background:#e3f2fd;border-color:#1976d2;box-shadow:0 2px 8px #1976d226}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .inbound-mode-cards .mode-card .mode-card-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .inbound-mode-cards .mode-card .mode-card-header .mode-label{color:#1a1a1a;font-size:14px;font-weight:600}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .inbound-mode-cards .mode-card .mode-card-header svg{color:#1976d2}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .inbound-mode-cards .mode-card .mode-description{color:#555;margin:0 0 8px;font-size:12px;line-height:1.4}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .inbound-mode-cards .mode-card .mode-usecases{color:#888;font-size:11px;font-style:italic}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-row.checkboxes{flex-direction:column;gap:12px;display:flex}.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{flex-direction:column;display:flex}.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{color:#555;margin-bottom:6px;font-size:13px;font-weight:500}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field .field-help{color:#777;margin-top:4px;font-size:12px;font-style:italic;line-height:1.3;display:block}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field .field-help.type-description{color:#555;background:#f8f9fa;border-left:3px solid #adb5bd;border-radius:4px;margin-top:6px;padding:8px 10px;font-style:normal}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field .field-help.type-warning{color:#6d5c00;background:#fff8e1;border-left-color:#f9a825}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-field .field-help.type-recommended{color:#2e7d32;background:#e8f5e9;border-left-color:#43a047}.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{color:#333;border:1px solid #d0d0d0;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.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{border-color:#f63040;outline:none;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{color:#555;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .checkbox-with-help{flex-direction:column;display:flex}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .checkbox-with-help .checkbox-label{margin-bottom:2px}.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .checkbox-with-help .field-help{color:#777;margin-top:2px;margin-left:26px;font-size:12px;font-style:italic;line-height:1.3;display:block}.email-mailboxes-page .modal-overlay .modal-content .modal-body .preset-intro{color:#666;margin:0 0 24px;font-size:14px;line-height:1.5}.email-mailboxes-page .modal-overlay .modal-content .modal-body .preset-cards{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.email-mailboxes-page .modal-overlay .modal-content .modal-body .preset-cards .preset-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:24px;transition:all .2s}.email-mailboxes-page .modal-overlay .modal-content .modal-body .preset-cards .preset-card:hover{background:#fef5f5;border-color:#f63040;transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.email-mailboxes-page .modal-overlay .modal-content .modal-body .preset-cards .preset-card .preset-icon{color:#555;background:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.email-mailboxes-page .modal-overlay .modal-content .modal-body .preset-cards .preset-card:hover .preset-icon{color:#f63040;background:#ffe0e3}.email-mailboxes-page .modal-overlay .modal-content .modal-body .preset-cards .preset-card h3{color:#1a1a1a;margin:0 0 8px;font-size:16px;font-weight:600}.email-mailboxes-page .modal-overlay .modal-content .modal-body .preset-cards .preset-card .preset-description{color:#555;margin:0 0 8px;font-size:13px;line-height:1.4}.email-mailboxes-page .modal-overlay .modal-content .modal-body .preset-cards .preset-card .preset-examples{color:#999;font-size:11px;font-style:italic}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid .stat-card{text-align:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid .stat-card .stat-value{color:#333;margin-bottom:8px;font-size:32px;font-weight:700}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid .stat-card .stat-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.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;margin-bottom:24px;padding:16px}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .status-info .info-item{color:#555;align-items:center;gap:10px;margin-bottom:8px;font-size:14px;display:flex}.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;border-radius:6px;margin-top:8px;padding:10px}.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{cursor:pointer;border-bottom:1px solid #e0e0e0;align-items:center;gap:8px;margin-bottom:16px;padding:12px 0;display:flex}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .section-header h3{color:#333;margin:0;font-size:15px;font-weight:600}.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{border-collapse:collapse;width:100%;font-size:13px}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table th{text-align:left;color:#555;background:#f5f5f5;border-bottom:2px solid #ddd;padding:12px 8px;font-weight:600}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table td{vertical-align:middle;border-bottom:1px solid #eee;padding:10px 8px}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .email-from{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .email-subject{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .email-date{white-space:nowrap;color:#666;font-size:12px}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .result-badge{border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-block}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .result-badge.success{color:#2e7d32;background:#e8f5e9}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .result-badge.info{color:#1565c0;background:#e3f2fd}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .result-badge.error{color:#c62828;background:#ffebee}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .result-badge.default{color:#666;background:#f5f5f5}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .result-badge.skipped{color:#e65100;background:#fff3e0}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .processed-emails-table table .action-item-id a{color:#1976d2;font-weight:500;text-decoration:none}.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{background:#f9f9f9;border-top:1px solid #e0e0e0;justify-content:flex-end;gap:12px;padding:20px 28px;display:flex}.email-mailboxes-page .modal-overlay .modal-content .modal-footer button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.email-mailboxes-page .modal-overlay .modal-content .modal-footer button.btn-cancel{color:#555;background:#f5f5f5}.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{color:#fff;background:#4caf50}.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{cursor:not-allowed;background:#ccc}.email-mailboxes-page .modal-overlay .modal-content .modal-footer button.btn-delete{color:#fff;background:#f44336}.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{color:#fff;background:#2196f3}.email-mailboxes-page .modal-overlay .modal-content .modal-footer button.btn-refresh:hover{background:#1976d2;box-shadow:0 2px 8px #2196f34d}.email-mailboxes-page .alias-section .alias-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.email-mailboxes-page .alias-section .alias-list .alias-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.email-mailboxes-page .alias-section .alias-list .alias-card:hover{border-color:#90caf9;box-shadow:0 2px 8px #0000000f}.email-mailboxes-page .alias-section .alias-list .alias-card.inactive{opacity:.6;background:#fafafa}.email-mailboxes-page .alias-section .alias-list .alias-card .alias-card-header{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.email-mailboxes-page .alias-section .alias-list .alias-card .alias-card-header .alias-info{flex-direction:column;min-width:0;display:flex}.email-mailboxes-page .alias-section .alias-list .alias-card .alias-card-header .alias-info strong{color:#1a1a1a;font-size:14px}.email-mailboxes-page .alias-section .alias-list .alias-card .alias-card-header .alias-info .alias-email{color:#777;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.email-mailboxes-page .alias-section .alias-list .alias-card .alias-card-header .alias-badges{flex-shrink:0;gap:6px;display:flex}.email-mailboxes-page .alias-section .alias-list .alias-card .alias-card-header .alias-badges .alias-type-badge{color:#1565c0;white-space:nowrap;background:#e3f2fd;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.email-mailboxes-page .alias-section .alias-list .alias-card .alias-card-header .alias-badges .alias-inactive-badge{color:#c62828;background:#ffebee;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.email-mailboxes-page .alias-section .alias-list .alias-card .alias-card-actions{flex-shrink:0;gap:6px;margin-left:12px;display:flex}.email-mailboxes-page .alias-section .alias-list .alias-card .alias-card-actions .btn-alias-edit,.email-mailboxes-page .alias-section .alias-list .alias-card .alias-card-actions .btn-alias-delete{cursor:pointer;color:#555;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;transition:all .2s;display:flex}.email-mailboxes-page .alias-section .alias-list .alias-card .alias-card-actions .btn-alias-edit:hover{color:#1565c0;background:#e3f2fd;border-color:#90caf9}.email-mailboxes-page .alias-section .alias-list .alias-card .alias-card-actions .btn-alias-delete:hover{color:#c62828;background:#ffebee;border-color:#ef9a9a}.email-mailboxes-page .alias-section .alias-empty{text-align:center;background:#f9f9f9;border:1px dashed #ddd;border-radius:8px;margin-bottom:16px;padding:20px}.email-mailboxes-page .alias-section .alias-empty p{color:#888;margin:0;font-size:13px}.email-mailboxes-page .alias-section .btn-add-alias{color:#555;cursor:pointer;background:#fff;border:2px dashed silver;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 18px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.email-mailboxes-page .alias-section .btn-add-alias:hover{color:#1976d2;background:#f0f7ff;border-color:#1976d2}.email-mailboxes-page .alias-section .alias-edit-form{background:#f8fbff;border:1px solid #b3d4fc;border-radius:10px;margin-top:16px;padding:20px}.email-mailboxes-page .alias-section .alias-edit-form h4{color:#1565c0;margin:0 0 16px;font-size:15px;font-weight:600}.email-mailboxes-page .alias-section .alias-edit-form .alias-form-actions{border-top:1px solid #d6e4f0;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:16px;display:flex}.email-mailboxes-page .alias-section .alias-edit-form .alias-form-actions .btn-cancel,.email-mailboxes-page .alias-section .alias-edit-form .alias-form-actions .btn-save{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.email-mailboxes-page .alias-section .alias-edit-form .alias-form-actions .btn-cancel{color:#555;background:#f5f5f5}.email-mailboxes-page .alias-section .alias-edit-form .alias-form-actions .btn-cancel:hover{background:#e0e0e0}.email-mailboxes-page .alias-section .alias-edit-form .alias-form-actions .btn-save{color:#fff;background:#4caf50}.email-mailboxes-page .alias-section .alias-edit-form .alias-form-actions .btn-save:hover:not(:disabled){background:#43a047;box-shadow:0 2px 8px #4caf504d}.email-mailboxes-page .alias-section .alias-edit-form .alias-form-actions .btn-save:disabled{cursor:not-allowed;background:#ccc}@media (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 .preset-cards,.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .form-row,.email-mailboxes-page .modal-overlay .modal-content .modal-body .mailbox-form .form-section .inbound-mode-cards{grid-template-columns:1fr}.email-mailboxes-page .modal-overlay .modal-content .modal-body .alias-section .alias-list .alias-card{flex-direction:column;align-items:flex-start;gap:10px}.email-mailboxes-page .modal-overlay .modal-content .modal-body .alias-section .alias-list .alias-card .alias-card-actions{justify-content:flex-end;width:100%;margin-left:0}.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.email-mailboxes-page .modal-overlay .modal-content .modal-body.stats-modal .stats-grid{grid-template-columns:1fr}}.checklist-reporting-page{max-width:1400px;margin:0 auto;padding:2rem}.checklist-reporting-page .page-header{margin-bottom:2rem}.checklist-reporting-page .page-header .header-title{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.checklist-reporting-page .page-header .header-title .title-icon{color:#3b82f6;font-size:2rem}.checklist-reporting-page .page-header .header-title h1{color:#1f2937;margin:0;font-size:1.8rem;font-weight:600}.checklist-reporting-page .page-header .subtitle{color:#6b7280;margin:0;padding-left:3rem;font-size:.95rem}.checklist-reporting-page .tab-navigation{border-bottom:2px solid #e5e7eb;gap:0;margin-bottom:2rem;display:flex}.checklist-reporting-page .tab-navigation .tab-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.checklist-reporting-page .tab-navigation .tab-btn:hover{color:#374151;background-color:#f9fafb}.checklist-reporting-page .tab-navigation .tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.checklist-reporting-page .tab-navigation .tab-btn svg{font-size:1rem}.checklist-reporting-page .controls-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.checklist-reporting-page .controls-section .property-selector{flex:1;min-width:300px}.checklist-reporting-page .controls-section .property-selector label{color:#374151;margin-bottom:.5rem;font-weight:500;display:block}.checklist-reporting-page .controls-section .property-selector select{cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.75rem;font-size:1rem;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{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.checklist-reporting-page .controls-section .month-navigator{align-items:center;gap:1rem;display:flex}.checklist-reporting-page .controls-section .month-navigator .nav-btn{cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.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{color:#374151;font-size:1.2rem}.checklist-reporting-page .controls-section .month-navigator .current-month{color:#1f2937;text-align:center;min-width:180px;font-size:1.1rem;font-weight:600}.checklist-reporting-page .stats-section{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.checklist-reporting-page .stats-section .stat-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:1rem;padding:1.5rem;display:flex;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{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.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 .stats-section .stat-card.excused .stat-icon,.checklist-reporting-page .stats-section .stat-card.excused .stat-value{color:#f59e0b}.checklist-reporting-page .loading-container{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}.checklist-reporting-page .loading-container .spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}.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{grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.checklist-reporting-page .calendar-container .calendar-header .calendar-header-day{text-align:center;color:#374151;background-color:#f9fafb;border-radius:.375rem;padding:.75rem;font-weight:600}.checklist-reporting-page .calendar-container .calendar-grid{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day{border:2px solid #e5e7eb;border-radius:.375rem;flex-direction:column;justify-content:flex-start;align-items:center;min-height:120px;padding:.5rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day.empty{background-color:#0000;border:none}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day .day-number{margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day .status-icon{margin-top:auto;font-size:1.5rem}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day .excuse-text{text-align:center;word-break:break-word;flex-direction:column;align-items:center;width:100%;margin-top:.25rem;padding:0 .25rem;line-height:1.2;display:flex;overflow:hidden}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day .excuse-text .excuse-provider{color:#7a5d2a;margin-bottom:2px;font-size:.6rem;font-weight:600}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day .excuse-text .excuse-reason{color:#92400e;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.55rem;display:-webkit-box;overflow:hidden}.checklist-reporting-page .calendar-container .calendar-grid .calendar-day .holiday-name{color:#6b7280;text-align:center;margin-top:.25rem;font-size:.625rem;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{border-top:1px solid #e5e7eb;justify-content:center;gap:2rem;margin-top:2rem;padding-top:2rem;display:flex}.checklist-reporting-page .calendar-container .legend .legend-item{align-items:center;gap:.5rem;display:flex}.checklist-reporting-page .calendar-container .legend .legend-item .legend-color{border:2px solid;border-radius:.25rem;width:24px;height:24px}.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{color:#374151;font-size:.875rem}.checklist-reporting-page .empty-state{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}.checklist-reporting-page .empty-state .empty-icon{color:#d1d5db;margin-bottom:1rem;font-size:4rem}.checklist-reporting-page .empty-state p{font-size:1.1rem}.checklist-reporting-page .modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.checklist-reporting-page .modal-overlay .modal-content{background-color:#fff;border-radius:.5rem;width:90%;max-width:500px;box-shadow:0 10px 25px #0003}.checklist-reporting-page .modal-overlay .modal-content .modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.checklist-reporting-page .modal-overlay .modal-content .modal-header h3{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.checklist-reporting-page .modal-overlay .modal-content .modal-header .close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:2rem;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{color:#374151;margin:0 0 .75rem}.checklist-reporting-page .modal-overlay .modal-content .modal-body .reason-audit-info{background-color:#f3f4f6;border-left:3px solid #3b82f6;border-radius:.25rem;margin:0 0 1rem;padding:.75rem 1rem}.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{color:#374151;margin-bottom:.5rem;font-weight:500;display:block}.checklist-reporting-page .modal-overlay .modal-content .modal-body textarea{resize:vertical;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.checklist-reporting-page .modal-overlay .modal-content .modal-body textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.checklist-reporting-page .modal-overlay .modal-content .modal-body textarea:disabled{cursor:not-allowed;background-color:#f3f4f6}.checklist-reporting-page .modal-overlay .modal-content .modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.checklist-reporting-page .modal-overlay .modal-content .modal-footer button{cursor:pointer;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.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{color:#374151;background-color:#f3f4f6}.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{color:#fff;background-color:#3b82f6}.checklist-reporting-page .modal-overlay .modal-content .modal-footer button.btn-primary:hover:not(:disabled){background-color:#2563eb}.checklist-reporting-page .exception-toggle{flex:1;min-width:300px}.checklist-reporting-page .exception-toggle .toggle-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;transition:all .2s;display:flex}.checklist-reporting-page .exception-toggle .toggle-btn:hover{background-color:#f9fafb;border-color:#3b82f6}.checklist-reporting-page .exception-toggle .toggle-btn .toggle-icon{font-size:1.5rem}.checklist-reporting-page .exception-toggle .toggle-btn .toggle-icon.on{color:#3b82f6}.checklist-reporting-page .exception-toggle .toggle-btn .toggle-icon.off{color:#9ca3af}.checklist-reporting-page .exception-report .exception-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.checklist-reporting-page .exception-report .exception-summary .summary-card{text-align:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.checklist-reporting-page .exception-report .exception-summary .summary-card .summary-value{color:#1f2937;font-size:2.5rem;font-weight:700}.checklist-reporting-page .exception-report .exception-summary .summary-card .summary-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.875rem}.checklist-reporting-page .exception-report .exception-summary .summary-card.alert{border-left:4px solid #ef4444}.checklist-reporting-page .exception-report .exception-summary .summary-card.alert .summary-value{color:#ef4444}.checklist-reporting-page .exception-report .exception-summary .summary-card.success{border-left:4px solid #10b981}.checklist-reporting-page .exception-report .exception-summary .summary-card.success .summary-value{color:#10b981}.checklist-reporting-page .exception-report .exception-properties{flex-direction:column;gap:1.5rem;display:flex}.checklist-reporting-page .exception-report .exception-property-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.checklist-reporting-page .exception-report .exception-property-card .property-card-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.checklist-reporting-page .exception-report .exception-property-card .property-card-header .property-info{align-items:center;gap:.75rem;display:flex}.checklist-reporting-page .exception-report .exception-property-card .property-card-header .property-info h3{color:#1f2937;margin:0;font-size:1.1rem;font-weight:600}.checklist-reporting-page .exception-report .exception-property-card .property-card-header .property-info .property-code{color:#6b7280;background-color:#e5e7eb;border-radius:.25rem;padding:.15rem .5rem;font-size:.8rem}.checklist-reporting-page .exception-report .exception-property-card .property-card-header .property-stats{gap:.5rem;display:flex}.checklist-reporting-page .exception-report .exception-property-card .property-card-header .property-stats .stat-pill{border-radius:1rem;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.checklist-reporting-page .exception-report .exception-property-card .property-card-header .property-stats .stat-pill.submitted-pill{color:#065f46;background-color:#d1fae5}.checklist-reporting-page .exception-report .exception-property-card .property-card-header .property-stats .stat-pill.missed-pill{color:#991b1b;background-color:#fee2e2}.checklist-reporting-page .exception-report .exception-property-card .exception-table{border-collapse:collapse;width:100%}.checklist-reporting-page .exception-report .exception-property-card .exception-table thead th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background-color:#fafafa;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;font-size:.8rem;font-weight:600}.checklist-reporting-page .exception-report .exception-property-card .exception-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s}.checklist-reporting-page .exception-report .exception-property-card .exception-table tbody tr:hover{background-color:#f9fafb}.checklist-reporting-page .exception-report .exception-property-card .exception-table tbody tr:last-child{border-bottom:none}.checklist-reporting-page .exception-report .exception-property-card .exception-table tbody tr.no-reason td:first-child{border-left:3px solid #ef4444}.checklist-reporting-page .exception-report .exception-property-card .exception-table tbody tr.has-reason td:first-child{border-left:3px solid #f59e0b}.checklist-reporting-page .exception-report .exception-property-card .exception-table tbody td{color:#374151;padding:.75rem 1rem;font-size:.9rem}.checklist-reporting-page .exception-report .exception-property-card .exception-table tbody td.reason-cell{max-width:400px}.checklist-reporting-page .exception-report .exception-property-card .exception-table tbody td .no-reason-text{color:#9ca3af;font-style:italic}.checklist-reporting-page .exception-report .exception-property-card .exception-table tbody td .status-badge{border-radius:.25rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.checklist-reporting-page .exception-report .exception-property-card .exception-table tbody td .status-badge.missed-badge{color:#991b1b;background-color:#fee2e2}.checklist-reporting-page .exception-report .exception-property-card .exception-table tbody td .status-badge.excused-badge{color:#92400e;background-color:#fef3c7}@media (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{padding:.5rem;font-size:.875rem}.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]{cursor:pointer;accent-color:#f63040;border-radius:3px;width:18px;height:18px;transition:transform .3s ease-in-out}input[type=checkbox]:hover{transform:scale(1.1)}input[type=text],input[type=password],input[type=email]{box-sizing:border-box;color:#333;background-color:#fff;border:1px solid #57565b;border-radius:6px;width:100%;padding:15px 10px;font-size:16px;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;outline:none;box-shadow:0 0 8px #f6304080}.read-only-input,.read-only-form-group input,.read-only-form-group select,.read-only-form-group textarea{color:#6c757d!important;cursor:not-allowed!important;pointer-events:none!important;background-color:#f8f9fa!important;border-color:#e0e0e0!important}.enquiry-only-container input[type=checkbox].read-only-input,.enquiry-only-container input[type=radio].read-only-input{opacity:.6}.dashboard-card{box-sizing:border-box;background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;margin-bottom:32px;padding:24px 24px 16px;box-shadow:0 2px 8px #0000000f}.dashboard-grid .dashboard-card{flex:320px}@media (width<=600px){.footer{flex-direction:column;align-items:flex-start;padding:12px 8px}.footer-content{width:100%;margin-bottom:8px;margin-left:0}.footer-logo{align-self:flex-end;max-width:100%;margin-right:0}.footer-img{max-width:90vw}}@media print{.navbar,.navbar-logo,.mobile-logo-menu-btn,.burger-menu-btn,button,.button-secondary,.pdf-exclude,.footer{display:none!important}@page{size:A4 portrait;margin:8mm}html,body{width:100%;max-width:210mm;height:auto!important;min-height:auto!important;box-shadow:none!important;background:#fff!important;font-size:8px!important;overflow-x:hidden!important}body,table,th,td,.main-content,.dashboard-card,.dashboard-section-header,.dashboard-gray-card,.section-title,.chart-label,.chart-legend,.chart-tooltip{padding:0!important;font-size:7px!important;line-height:1.3!important}h1,h2{margin:0 0 2px!important;font-size:9px!important}h3,h4,h5,h6{margin:0 0 2px!important;font-size:8px!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{box-shadow:none!important;background:#fff!important;border-width:1px!important;margin-bottom:3px!important;padding:3px!important}.chart-container{box-shadow:none!important;background:#fff!important}.main-content{page-break-inside:auto!important;break-inside:auto!important;background:#fff!important;width:100%!important;max-width:190mm!important;margin:0 auto!important;padding:0!important}.financial-data-section{page-break-inside:auto!important;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,.financial-data-section,.income-statement-container,.dashboard-card,.dashboard-row,.arrears-box,.left-arrears,.right-arrears,.dashboard-table-wrapper,.rre-ratios-container,.table-wrapper{box-sizing:border-box!important;page-break-inside:avoid!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!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{table-layout:auto!important;word-break:normal!important;page-break-inside:avoid!important;width:100%!important;max-width:100%!important;margin:0!important}th,td{word-break:normal!important;white-space:normal!important;-webkit-hyphens:auto!important;hyphens:auto!important;padding:1px 2px!important;font-size:10px!important;overflow:visible!important}table th,table td{white-space:nowrap!important;width:auto!important;min-width:0!important}table th:first-child,table td:first-child{width:100px!important;min-width:100px!important;max-width:300px!important}table tr:first-child th:first-child{white-space:nowrap!important;width:auto!important;min-width:50px!important}table{table-layout:fixed!important}[style*=min-width],[style*=max-width],[style*=width]{width:100%!important;min-width:0!important;max-width:100%!important}.dashboard-card+.dashboard-card,.income-statement-container+.dashboard-card,.dashboard-row+.dashboard-row{margin-top:4px!important}}.sipa-reporting-page .sipa-info-text{color:#666;font-size:.9rem;font-style:italic}.sipa-reporting-page .sipa-error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:10px 16px;font-size:.9rem}.sipa-reporting-page .sipa-empty-state{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.sipa-reporting-page .sipa-empty-state svg{color:#d1d5db;margin-bottom:16px}.sipa-reporting-page .sipa-empty-state h3{color:#374151;margin:0 0 8px;font-size:1.2rem}.sipa-reporting-page .sipa-empty-state p{max-width:420px;margin:0;line-height:1.5}.sipa-tab-bar{border-bottom:2px solid #e5e7eb;gap:0;margin-bottom:24px;display:flex}.sipa-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 20px;font-size:.92rem;font-weight:500;transition:color .2s,border-color .2s;display:inline-flex}.sipa-tab:hover{color:#374151}.sipa-tab.active{color:#dc3545;border-bottom-color:#dc3545;font-weight:600}.sipa-tab svg{font-size:.9rem}.sipa-tab-content .sipa-tab-panel{animation:.2s ease-in fadeIn}.sipa-problem-areas-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.sipa-problem-areas-table{border-collapse:collapse;width:100%;font-size:.88rem}.sipa-problem-areas-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.sipa-problem-areas-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:#6b7280;padding:10px 14px;font-size:.78rem;font-weight:600}.sipa-problem-areas-table tbody tr{border-bottom:1px solid #f3f4f6}.sipa-problem-areas-table tbody tr:last-child{border-bottom:none}.sipa-problem-areas-table tbody tr:hover{background:#f9fafb}.sipa-problem-areas-table tbody tr.row-critical{border-left:3px solid #dc3545}.sipa-problem-areas-table tbody tr.row-warning{border-left:3px solid #f59e0b}.sipa-problem-areas-table tbody td{color:#374151;vertical-align:middle;padding:10px 14px}.sipa-problem-areas-table tbody .control-cell{max-width:250px}.sipa-problem-areas-table tbody .score-cell{text-align:center;font-weight:500}.sipa-problem-areas-table tbody .percentage-cell .percentage-badge{border-radius:10px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-block}.sipa-problem-areas-table tbody .percentage-cell .percentage-badge.critical{color:#dc3545;background:#dc35451f}.sipa-problem-areas-table tbody .percentage-cell .percentage-badge.warning{color:#b45309;background:#f59e0b1f}.threshold-input{text-align:center;border:1px solid #d1d5db;border-radius:4px;width:70px;padding:6px 8px;font-size:.9rem}.sipa-compare-summary{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 6px #0000000a}.sipa-compare-summary .summary-header{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.sipa-compare-summary .summary-header h2{margin:0;font-size:1.2rem}.sipa-compare-summary .summary-header .property-label{color:#666;font-size:.95rem}.sipa-compare-summary .summary-scores{flex-wrap:wrap;gap:16px;margin-bottom:14px;display:flex}.sipa-compare-summary .summary-scores .score-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;min-width:130px;padding:12px 20px}.sipa-compare-summary .summary-scores .score-card .score-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.8rem;display:block}.sipa-compare-summary .summary-scores .score-card .score-value{font-size:1.5rem;font-weight:700;display:block}.sipa-compare-summary .summary-scores .score-card.positive{background:#f0fdf4;border-color:#86efac}.sipa-compare-summary .summary-scores .score-card.positive .score-value{color:#16a34a}.sipa-compare-summary .summary-scores .score-card.negative{background:#fef2f2;border-color:#fca5a5}.sipa-compare-summary .summary-scores .score-card.negative .score-value{color:#dc2626}.sipa-compare-summary .summary-stats-bar{flex-wrap:wrap;gap:20px;display:flex}.sipa-compare-summary .summary-stats-bar .stat{align-items:center;gap:5px;font-size:.9rem;font-weight:500;display:inline-flex}.sipa-compare-summary .summary-stats-bar .stat.improved{color:#16a34a}.sipa-compare-summary .summary-stats-bar .stat.declined{color:#dc2626}.sipa-compare-summary .summary-stats-bar .stat.unchanged{color:#64748b}.sipa-compare-category{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #0000000a}.sipa-compare-category .category-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:14px 18px;display:flex}.sipa-compare-category .category-header h2{margin:0;font-size:1.1rem}.sipa-compare-category .category-header .category-changes{color:#92400e;background:#fef3c7;border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:600}.sipa-compare-section{border-bottom:1px solid #f1f5f9}.sipa-compare-section:last-child{border-bottom:none}.sipa-compare-section .section-header{cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border:none;align-items:center;gap:8px;padding:12px 18px;transition:background .15s;display:flex}.sipa-compare-section .section-header:hover{background:#fafafa}.sipa-compare-section .section-header .section-title{margin:0;font-size:1rem;font-weight:600}.sipa-compare-section .section-header .section-weight{color:#94a3b8;margin-left:auto;font-size:.8rem}.sipa-compare-section .section-body{padding:0 8px 8px}.sipa-compare-subsection{border:1px solid #f1f5f9;border-radius:6px;margin:4px 0;overflow:hidden}.sipa-compare-subsection .subsection-header{cursor:pointer;text-align:left;width:100%;color:inherit;font-size:.9rem;font-weight:500;font:inherit;background:#fafbfc;border:none;align-items:center;gap:8px;padding:8px 12px;transition:background .15s;display:flex}.sipa-compare-subsection .subsection-header:hover{background:#f5f5f5}.sipa-compare-subsection .subsection-header .subsection-title{flex:1}.sipa-compare-subsection .subsection-header .changes-count{color:#0369a1;background:#e0f2fe;border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:600}.sipa-compare-subsection .subsection-controls{padding:4px 8px 8px}.sipa-compare-control-row{border-left:3px solid #0000;border-radius:5px;margin:4px 0;padding:8px 12px;transition:background .15s}.sipa-compare-control-row.change-improved{background:#f0fdf4;border-left-color:#16a34a}.sipa-compare-control-row.change-declined{background:#fef2f2;border-left-color:#dc2626}.sipa-compare-control-row .control-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.sipa-compare-control-row .control-header .control-label{flex:1;font-size:.9rem;font-weight:500}.sipa-compare-control-row .control-values{flex-wrap:wrap;gap:16px;display:flex}.sipa-compare-control-row .control-values .value-column{align-items:center;gap:6px;font-size:.85rem;display:flex}.sipa-compare-control-row .control-values .value-column .value-label{color:#94a3b8;min-width:60px;font-weight:500}.sipa-compare-control-row .control-values .value-column .value-text{color:#334155}.sipa-compare-control-row .control-values .value-column .value-score{color:#64748b;font-size:.8rem}.sipa-compare-control-row .control-values .value-column.older .value-text{color:#6b7280}.sipa-compare-control-row .control-values .value-column.newer .value-text{font-weight:600}.sipa-compare-control-row .reason-toggle{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin-top:6px;padding:2px 0;font-size:.8rem;display:inline-flex}.sipa-compare-control-row .reason-toggle:hover{text-decoration:underline}.sipa-compare-control-row .change-reason{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;margin-top:4px;padding:6px 10px;font-size:.82rem}.sipa-compare-control-row .sipa-action-item-link{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;font-size:.82rem;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.sipa-compare-control-row .sipa-action-item-link:hover{background:#dbeafe;border-color:#93c5fd}.sipa-compare-control-row .sipa-action-item-link .action-item-status{border-radius:8px;padding:1px 6px;font-size:.75rem;font-weight:500}.sipa-compare-control-row .sipa-action-item-link .action-item-status.status-open{color:#92400e;background:#fef3c7}.sipa-compare-control-row .sipa-action-item-link .action-item-status.status-on-hold{color:#3730a3;background:#e0e7ff}.sipa-compare-control-row .sipa-action-item-link .action-item-status.status-pending{color:#854d0e;background:#fef9c3}.sipa-compare-control-row .sipa-action-item-link .action-item-status.status-solved,.sipa-compare-control-row .sipa-action-item-link .action-item-status.status-closed{color:#065f46;background:#d1fae5}.sipa-compare-control-row .sipa-action-item-link .action-item-status.status-cancelled{color:#6b7280;background:#f3f4f6}.sipa-change-badge{white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.sipa-change-badge.improved{color:#16a34a;background:#dcfce7}.sipa-change-badge.declined{color:#dc2626;background:#fee2e2}.sipa-change-badge.neutral{color:#64748b;background:#f1f5f9}.sipa-change-badge.info{color:#0369a1;background:#e0f2fe}.sipa-overview-header{margin-bottom:1.5rem}.sipa-overview-header h2{color:#1e293b;margin:0 0 4px;font-size:1.3rem}.sipa-overview-header .sipa-overview-subtitle{color:#64748b;margin:0;font-size:.9rem}.sipa-overview-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.sipa-overview-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:flex-start;width:100%;min-height:120px;padding:16px;transition:box-shadow .15s,border-color .15s;display:flex}.sipa-overview-card:hover:not(:disabled){border-color:#94a3b8;box-shadow:0 4px 12px #00000014}.sipa-overview-card:disabled{cursor:default;opacity:.7}.sipa-overview-card.improved{border-left:4px solid #16a34a}.sipa-overview-card.declined{border-left:4px solid #dc2626}.sipa-overview-card.unchanged{border-left:4px solid #94a3b8}.sipa-overview-card.no_comparison{border-left:4px solid #e2e8f0}.sipa-overview-card .card-property-name{color:#1e293b;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:8px;font-size:.9rem;font-weight:600;line-height:1.3}.sipa-overview-card .card-score{color:#334155;margin-top:auto;margin-bottom:6px;font-size:1.5rem;font-weight:700}.sipa-overview-card .card-change{align-items:center;gap:4px;font-size:.85rem;font-weight:500;display:flex}.sipa-overview-card .card-change.improved{color:#16a34a}.sipa-overview-card .card-change.declined{color:#dc2626}.sipa-overview-card .card-change.unchanged{color:#64748b}.sipa-overview-card .card-change .no-prev{color:#94a3b8;font-style:italic}.sipa-manual-compare-section{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem}.sipa-manual-compare-section h3{color:#475569;margin:0 0 1rem;font-size:1.1rem}.sipa-changes-only-toggle{border-top:1px solid #f1f5f9;margin-top:12px;padding-top:12px}.sipa-changes-only-toggle label{color:#475569;cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.sipa-changes-only-toggle label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.btn-back{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;transition:background .15s;display:inline-flex}.btn-back:hover{background:#e2e8f0}@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:#333;--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{color:#333;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9f9f9;margin:0;padding:0;font-family:Lato,MS Sans Serif,Arial,sans-serif,system-ui;font-size:14px;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{color:#333;margin-top:0;margin-bottom:.5em;font-family:Lato,Arial,sans-serif;font-weight:700}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;font-family:inherit;font-size:16px;font-weight:700;line-height:inherit;text-decoration:none;transition:color .3s ease-in-out}a:hover{color:#e90a1c;text-decoration:underline}button{color:#fff;min-width:120px;height:40px;font-family:inherit;font-size:16px;font-weight:700;line-height:inherit;box-sizing:border-box;cursor:pointer;background-color:#f63040;border:none;border-radius:6px;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)}.button-secondary{color:#fff;min-width:120px;height:40px;font-family:inherit;font-size:16px;font-weight:700;line-height:inherit;box-sizing:border-box;cursor:pointer;background-color:#f63040;border:none;border-radius:6px;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.button-secondary{background-color:#57565b}.button-secondary:hover{background-color:#706f75;transform:translateY(-2px)}.button-secondary:active{background-color:#646268;transform:translateY(0)}.button-outline{color:#f63040;cursor:pointer;box-sizing:border-box;background-color:#0000;border:2px solid #f63040;border-radius:6px;min-width:120px;height:40px;font-family:inherit;font-size:16px;font-weight:700;transition:background-color .3s ease-in-out,color .3s ease-in-out}.button-outline:hover{color:#fff;background-color:#f63040}input[type=checkbox],[type=checkbox].sipa-opt-input{cursor:pointer;accent-color:#f63040;border-radius:3px;width:18px;height:18px;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{box-sizing:border-box;color:#333;background-color:#fff;border:1px solid #57565b;border-radius:6px;width:100%;padding:15px 10px;font-size:16px;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;outline:none;box-shadow:0 0 8px #f6304080}select{box-sizing:border-box;color:#333;background-color:#fff;border:1px solid #57565b;border-radius:6px;width:100%;padding:15px 10px;font-size:16px;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}select:focus{border-color:#f63040;outline:none;box-shadow:0 0 8px #f6304080}select{padding:5px 10px}table{border-collapse:separate;border-spacing:0;background:#fff;border:2px solid #57565b;margin-bottom:16px;font-size:14px;overflow:hidden;box-shadow:0 1px 4px #00000008}table th{color:#fff;text-align:left;background:#57565b;border-bottom:2px solid #fff;height:42px;padding:8px 10px;font-weight:700;line-height:1.2}table td{text-align:left;border-bottom:1px solid #e0e0e0;padding:2px 6px}table tr:first-child th:first-child{color:#fff;white-space:nowrap;background:#f63040;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:1.5px solid #d3d3d3;border-radius:6px;flex-direction:column;align-items:center;margin-bottom:32px;padding:24px 24px 16px;display:flex;box-shadow:0 2px 8px #0000000f}.recharts-cartesian-grid-bg{fill:#f4f4f4}.chart-canvas,.chart-svg{background:#f7f7f7;border:1.5px solid #d3d3d3;border-radius:6px;max-width:700px;display:block;box-shadow:0 1px 4px #00000008;width:100%!important;height:320px!important}.chart-axis{stroke:#bdbdbd;stroke-width:1.5px}.chart-grid{stroke:#e0e0e0;stroke-width:1px}.chart-line-primary{stroke:#57565b;stroke-width:3px;fill:none}.chart-line-secondary{stroke:#f63040;stroke-width:3px;fill:none;stroke-dasharray:8 6}.chart-marker-square{fill:#57565b;stroke:#fff;stroke-width:2px;shape-rendering:geometricprecision}.chart-marker-diamond{fill:#f63040;stroke:#fff;stroke-width:2px;shape-rendering:geometricprecision}.chart-label,.chart-legend{fill:#57565b;color:#57565b;font-family:Lato,Arial,sans-serif;font-size:15px;font-weight:700}.chart-legend{flex-direction:row;align-items:center;gap:32px;margin-top:18px;font-size:15px;font-weight:400;display:flex}.chart-legend .legend-item{align-items:center;gap:8px;display:flex}.chart-legend .legend-item .legend-line{border-radius:2px;width:32px;height:4px}.chart-legend .legend-item .legend-line.primary{background:#57565b}.chart-legend .legend-item .legend-line.secondary{background:repeating-linear-gradient(90deg,#f63040,#f63040 12px,#0000 12px 20px)}.chart-legend .legend-item .legend-marker-square{background:#57565b;border:2px solid #fff;width:12px;height:12px;display:inline-block}.chart-legend .legend-item .legend-marker-diamond{background:#f63040;border:2px solid #fff;width:12px;height:12px;display:inline-block;transform:rotate(45deg)}.chart-tooltip{color:#fff;pointer-events:none;z-index:1;opacity:.95;background:#57565b;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:700;position:absolute;box-shadow:0 4px 16px #0000001a}.chart-bar-actual{fill:#f63040;rx:3}.chart-bar-budget{fill:#57565b;rx:3}.chart-legend .legend-bar-actual{background:#f63040;border-radius:3px;width:16px;height:16px;margin-right:6px;display:inline-block}.chart-legend .legend-bar-budget{background:#57565b;border-radius:3px;width:16px;height:16px;margin-right:6px;display:inline-block}.chart-x-axis-label{fill:#333;text-anchor:end;font-family:Lato,Arial,sans-serif;font-size:14px;transform:rotate(-35deg)}.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{color:#6c757d!important;cursor:not-allowed!important;pointer-events:none!important;background-color:#f8f9fa!important;border-color:#e0e0e0!important}.read-only-form{pointer-events:auto;overflow-y:auto}.read-only-form>:not(.read-only-allowed){pointer-events:none}.read-only-hidden{display:none!important}.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;cursor:default;text-decoration: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}.enquiry-only-banner{color:#856404;text-align:center;z-index:1000;background-color:#fff3cd;padding:10px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 5px #0000001a}.enquiry-only-banner .banner-content{justify-content:center;align-items:center;display:flex}.enquiry-only-banner .banner-content .icon{margin-right:8px;font-size:18px}.enquiry-only-banner .banner-content .message{font-weight:500}.layout-root{flex-direction:column;min-height:100vh;display:flex}.main-content{background:#f9f9f9;flex:1 0 auto;max-width:1400px;margin:110px auto 16px}.dashboard-card,.sipa-panel,.sipa-category-card{box-sizing:border-box;background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;margin-bottom:32px;padding:24px 24px 16px;box-shadow:0 2px 8px #0000000f}.dashboard-section-header{color:#fff;letter-spacing:.5px;background:#f63040;border-radius:6px 6px 0 0;margin-bottom:0;padding:12px 20px;font-size:1.1rem;font-weight:700}.dashboard-gray-card{color:#fff;background:#57565b;border-radius:6px 6px 0 0;margin-bottom:0;padding:10px 18px;font-size:1rem;font-weight:700}.dashboard-grid{flex-wrap:wrap;align-items:stretch;gap:32px;margin-bottom:32px;display:flex}.dashboard-grid.compact{gap:24px}.dashboard-grid .dashboard-card,.dashboard-grid .sipa-panel,.dashboard-grid .sipa-category-card{flex:320px}.section-title{color:#57565b;margin-top:0;margin-bottom:18px;font-size:22px;font-weight:700}.user-info-row{justify-content:flex-start;align-items:center;gap:16px;margin-bottom:18px;display:flex}.user-avatar{color:#57565b;background:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.global-cache-banner{z-index:2000;position:fixed;top:0;left:0;right:0}.global-cache-banner .cache-banner{border:1px solid #8a888f;margin-bottom:0;padding:8px 12px;background:#57565b!important}.global-cache-banner .cache-row{align-items:center;gap:12px;display:flex}.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{color:#fff;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.global-cache-banner .cache-icon{color:#f63040}.global-cache-banner .spin{transform-origin:50%;animation:1.2s linear infinite cache-rotate;display:inline-block}.global-cache-banner .spin-ccw{transform-origin:50%;animation:1.2s linear infinite cache-rotate-ccw;display:inline-block}.global-cache-banner .cache-progress{background:#97959b;border-radius:4px;flex:auto;height:8px;overflow:hidden}.global-cache-banner .cache-progress-bar{background:#f63040;height:100%;transition:width .25s ease-in-out}.global-cache-banner .cache-close-btn{cursor:pointer;color:#f63040;background:0 0;border:none;align-items:center;padding:2px 6px;font-size:16px;font-weight:800;line-height:1;display:flex}.global-cache-banner .cache-meta{opacity:.75;font-size:12px;font-weight:400}.global-cache-banner .cache-detail-row{align-items:center;gap:8px;padding-top:4px;display:flex}.global-cache-banner .cache-current-job{color:#ffffffb3;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.global-cache-banner .cache-current-job .cache-icon{width:10px;height:10px}.honeycomb-animation{justify-content:center;align-items:center;margin-bottom:16px;display:flex}.honeycomb-animation svg{overflow:visible}.honeycomb-hex{transform-box:fill-box;animation:2.2s ease-in-out infinite alternate honeycomb-float}.footer{color:#fff;letter-spacing:.01em;box-sizing:border-box;background:#57565b;justify-content:space-between;align-items:center;width:100%;padding:18px 0 16px;font-family:Lato,Arial,sans-serif;font-size:1.08rem;display:flex;box-shadow:0 -2px 8px #0000000f}.footer-content{text-align:left;flex:auto;min-width:0;margin-left:24px}.footer-logo{align-items:center;max-width:40vw;margin-right:24px;display:flex}.footer-img{max-width:100%;height:auto;display:block}@media (width<=600px){.footer{flex-direction:column;align-items:flex-start;padding:12px 8px}.footer-content{width:100%;margin-bottom:8px;margin-left:0}.footer-logo{align-self:flex-end;max-width:100%;margin-right:0}.footer-img{max-width:90vw}}@media print{.navbar,.navbar-logo,.mobile-logo-menu-btn,.burger-menu-btn,button,.button-secondary,.pdf-exclude,.footer{display:none!important}@page{size:A4 portrait;margin:8mm}html,body{width:100%;max-width:210mm;height:auto!important;min-height:auto!important;box-shadow:none!important;background:#fff!important;font-size:8px!important;overflow-x:hidden!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{padding:0!important;font-size:7px!important;line-height:1.3!important}h1,h2{margin:0 0 2px!important;font-size:9px!important}h3,h4,h5,h6{margin:0 0 2px!important;font-size:8px!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{box-shadow:none!important;background:#fff!important;border-width:1px!important;margin-bottom:3px!important;padding:3px!important}.chart-container{box-shadow:none!important;background:#fff!important}.main-content{page-break-inside:auto!important;break-inside:auto!important;background:#fff!important;width:100%!important;max-width:190mm!important;margin:0 auto!important;padding:0!important}.financial-data-section{page-break-inside:auto!important;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,.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{box-sizing:border-box!important;page-break-inside:avoid!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!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{table-layout:auto!important;word-break:normal!important;page-break-inside:avoid!important;width:100%!important;max-width:100%!important;margin:0!important}th,td{word-break:normal!important;white-space:normal!important;-webkit-hyphens:auto!important;hyphens:auto!important;padding:1px 2px!important;font-size:10px!important;overflow:visible!important}table th,table td{white-space:nowrap!important;width:auto!important;min-width:0!important}table th:first-child,table td:first-child{width:100px!important;min-width:100px!important;max-width:300px!important}table tr:first-child th:first-child{white-space:nowrap!important;width:auto!important;min-width:50px!important}table{table-layout:fixed!important}[style*=min-width],[style*=max-width],[style*=width]{width:100%!important;min-width:0!important;max-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}}.sipa-page{flex-direction:column;gap:18px;padding:8px 12px 24px;display:flex}.sipa-force-break{page-break-before:always;break-before:page}.sipa-header-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sipa-header-row h1,.sipa-header-row h2,.sipa-header-row h3{margin:0}.sipa-filters,.sipa-controls-bar{background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;display:flex;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{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;align-items:stretch;gap:16px;display:grid}.sipa-column{flex-direction:column;min-width:260px;display:flex}.sipa-toolbar{flex-wrap:wrap;align-items:flex-start;gap:8px;width:100%;display:flex}.sipa-toolbar>*{flex:160px;min-width:140px}.sipa-toolbar button{flex:none}.sipa-toolbar input[type=number],.sipa-toolbar [type=number].sipa-opt-input{max-width:110px}.sipa-weight-usage{margin:2px 4px 6px;font-size:.65rem;line-height:1.2}.sipa-panel{flex-direction:column;min-height:320px;padding:14px 14px 10px;display:flex}.sipa-panel h3{background:var(--secondary-color);color:#fff;letter-spacing:.5px;border-radius:4px;margin:0 0 6px;padding:6px 10px;font-size:1rem}.sipa-list-box{background:#fff;border:1px solid #d6d6d6;border-radius:4px;margin:0 0 8px;padding:0;font-size:.78rem;list-style:none}.sipa-list-box li{cursor:pointer;border-bottom:1px solid #eee;padding:6px 8px;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{background:#fafafa;border:1px solid #ccc;border-radius:4px;flex-direction:column;gap:4px;margin-top:6px;padding:8px;display:flex}.sipa-option-row{gap:6px;display:flex}.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{grid-template-columns:1fr 1fr auto auto;align-items:center;gap:6px;display:grid}.sipa-opt-input{height:34px;padding:0 10px;font-size:.7rem}.sipa-opt-enf{background:#fff;border:1px solid #ccc;border-radius:6px;align-items:center;gap:4px;height:34px;padding:0 8px;font-size:.6rem;display:flex}.sipa-opt-enf input,.sipa-opt-enf .sipa-opt-input{margin:0}.sipa-opt-del{color:#fff;cursor:pointer;background:#e62639;border:none;border-radius:6px;height:34px;padding:0 14px;font-size:.65rem}.sipa-opt-del:hover{filter:brightness(.9)}.sipa-inline{align-items:center;gap:8px;display:flex}.sipa-answers-structure{flex-direction:column;gap:12px;display:flex}.sipa-category-card{padding:10px 12px}.sipa-category-title{color:var(--secondary-color);margin:0 0 4px;font-size:.95rem;font-weight:700}.sipa-section-title{margin:8px 0 4px;font-size:.85rem;font-weight:600}.sipa-subsection-title{margin:4px 0 4px 4px;font-size:.8rem;font-style:italic}.sipa-controls-table{border-collapse:separate;border-spacing:0 4px;width:100%;font-size:.72rem}.sipa-controls-table td{vertical-align:top;padding:4px 6px}.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{color:var(--secondary-color);font-size:.75rem;font-weight:600}.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 (width<=1400px){.sipa-grid-panels{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (width<=900px){.sipa-grid-panels{grid-template-columns:1fr}}@media (width<=700px){.sipa-toolbar>*{flex:48%}.sipa-toolbar input[type=number],.sipa-toolbar [type=number].sipa-opt-input{flex:48%;max-width:100%}}@media (width<=520px){.sipa-toolbar>*{flex:100%}.sipa-toolbar button{width:100%}}@media (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{color:var(--primary-color,#2c3e50);margin:0 0 8px;font-size:1.5rem}.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;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000000d}.sipa-config-page .config-section h2{color:var(--secondary-color,#34495e);margin:0 0 12px;font-size:1.1rem}.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{flex-wrap:wrap;gap:12px;display:flex}.sipa-config-page .config-actions .btn{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:.85rem;font-weight:500;transition:all .2s}.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{color:#333;background:0 0;border:1px solid #ccc}.sipa-config-page .config-actions .btn-outline:hover:not(:disabled){background:#f5f5f5}.sipa-config-page .config-actions .btn-warning{color:#fff;background:#f39c12}.sipa-config-page .config-actions .btn-warning:hover:not(:disabled){background:#c87f0a}.sipa-config-page .config-actions .btn-danger{color:#fff;background:#e74c3c}.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{color:#e74c3c;margin:0 0 16px}.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;margin-bottom:20px;padding:16px}.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{color:#555;width:40%;font-weight:600}.sipa-config-page .import-confirm-modal .import-preview .preview-table tr:nth-child(2n){background:#00000005}.sipa-config-page .import-confirm-modal .modal-actions{justify-content:flex-end;gap:12px;display:flex}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay .modal-content{background:#fff;border-radius:8px;max-width:90%;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 4px 20px #00000026}.sipa-score-delta{cursor:pointer;border-radius:12px;align-items:center;gap:3px;margin-left:8px;padding:2px 8px;font-size:.75rem;font-weight:600;transition:opacity .15s;display:inline-flex}.sipa-score-delta:hover{opacity:.8}.sipa-score-delta.improved{color:#065f46;background:#d1fae5}.sipa-score-delta.declined{color:#991b1b;background:#fee2e2}.sipa-settings-page{box-sizing:border-box;max-width:100%;padding:0 6px 10px}.sipa-settings-page .sipa-settings-header{margin-bottom:16px}.sipa-settings-page .sipa-settings-header h1{color:#333;align-items:center;gap:10px;margin:0 0 4px;font-size:1.5rem;display:flex}.sipa-settings-page .sipa-settings-header .sipa-settings-desc{color:#666;margin:0;font-size:.9rem}.sipa-settings-page .sipa-settings-tabs{border-bottom:2px solid #e5e7eb;flex-wrap:wrap;gap:4px;margin-bottom:20px;display:flex}.sipa-settings-page .sipa-settings-tabs .sipa-settings-tab{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 18px;font-size:.9rem;transition:color .15s,border-color .15s;display:flex}.sipa-settings-page .sipa-settings-tabs .sipa-settings-tab:hover{color:#333}.sipa-settings-page .sipa-settings-tabs .sipa-settings-tab.active{color:#4a90d9;border-bottom-color:#4a90d9;font-weight:600}.sipa-settings-page .sipa-settings-tab-content{min-height:200px}.hexagon-loader-container{z-index:9999;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.hexagon-loader{width:120px;height:120px;position:relative}.hexagon{width:30px;height:17.32px;margin:8.66px 0;position:absolute}.hexagon:before,.hexagon:after{content:"";border-left:15px solid #0000;border-right:15px solid #0000;width:0;position:absolute}.hexagon:before{border-bottom:8.66px solid;bottom:100%}.hexagon:after{border-top:8.66px solid;top:100%}.group1{color:#57565b;background-color:#57565b;animation:2.5s ease-in-out .5s infinite alternate colorSwapGroup1;box-shadow:0 0 10px #0000001a}.group2{color:#f63040;background-color:#f63040;animation:2.5s ease-in-out .5s infinite alternate colorSwapGroup2;box-shadow:0 0 10px #f630404d}@keyframes colorSwapGroup1{0%{color:#57565b;background-color:#57565b;box-shadow:0 0 10px #0000001a}to{color:#f63040;background-color:#f63040;box-shadow:0 0 10px #f630404d}}@keyframes colorSwapGroup2{0%{color:#f63040;background-color:#f63040;box-shadow:0 0 10px #f630404d}to{color:#57565b;background-color:#57565b;box-shadow:0 0 10px #0000001a}}.hex-1a{opacity:0;animation:.5s ease-out .4s forwards slideFromTop,1.5s ease-in-out 1s infinite alternate pulseHex;top:0;left:41px;transform:translateY(-50px)}.hex-2a{opacity:0;animation:.5s ease-out .2s forwards slideFromLeft,1.5s ease-in-out 1.2s infinite alternate pulseHex;top:26px;left:25px;transform:translate(-50px)}.hex-2b{opacity:0;animation:.5s ease-out .2s forwards slideFromRight,1.5s ease-in-out 1.4s infinite alternate pulseHex;top:26px;left:57px;transform:translate(50px)}.hex-3a{opacity:0;animation:.5s ease-out forwards slideFromLeft,1.5s ease-in-out 1.6s infinite alternate pulseHex;top:52px;left:8px;transform:translate(-50px)}.hex-3b{opacity:0;animation:.5s ease-out forwards slideFromBottom,1.5s ease-in-out 1.8s infinite alternate pulseHex;top:52px;left:40px;transform:translateY(50px)}.hex-3c{opacity:0;animation:.5s ease-out forwards slideFromRight,1.5s ease-in-out 2s infinite alternate pulseHex;top:52px;left:72px;transform:translate(50px)}@keyframes slideFromLeft{to{opacity:1;transform:translate(0)}}@keyframes slideFromRight{to{opacity:1;transform:translate(0)}}@keyframes slideFromTop{to{opacity:1;transform:translateY(0)}}@keyframes slideFromBottom{to{opacity:1;transform:translateY(0)}}@keyframes pulseHex{0%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(1.1)}}.loading-indicator{align-items:baseline;margin-top:30px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex}.loading-text{color:#57565b;letter-spacing:1px;font-size:16px;font-weight:500}.loading-dots{color:#f63040;text-align:left;width:24px;font-size:16px;font-weight:500;display:inline-block}.itreport .itreport-greeting{align-items:center;gap:8px;margin-bottom:8px;display:flex}.itreport .itreport-title{margin:0 0 16px;font-size:24px;font-weight:700}.itreport .itreport-meta{background:#f8f9fa;border:1px solid #e0e3e8;border-radius:6px;flex-wrap:wrap;gap:16px 32px;margin:0 0 12px;padding:12px 16px;font-size:12px;display:flex}.itreport .itreport-meta-item{flex-direction:column;min-width:140px;display:flex}.itreport .itreport-meta-label{text-transform:uppercase;letter-spacing:.5px;color:#6c757d;margin-bottom:2px;font-size:10px;font-weight:600}.itreport .itreport-meta-value{color:#212529;font-weight:500}.itreport .itreport-disclaimer{color:#6c757d;margin:0 0 20px;font-size:11px;font-style:italic}.itreport .itreport-handover{background:#fbfcfd;border:1px solid #e0e3e8;border-left:4px solid #f63040;border-radius:6px;margin:0 0 24px;padding:12px 16px}.itreport .itreport-handover .itreport-handover-label{text-transform:uppercase;letter-spacing:.5px;color:#f63040;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.itreport .itreport-handover p{color:#343a40;margin:0;font-size:12.5px;line-height:1.5}.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{background:#f8f9fa;margin:0 0 16px;padding:16px}.itreport .exec-banner-layout{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.itreport .exec-banner-score{flex:none}.itreport .exec-banner-value{font-size:48px;font-weight:700;line-height:1}.itreport .exec-banner-suffix{margin-left:4px;font-size:24px;font-weight:400}.itreport .exec-banner-label{margin-top:4px;font-size:14px;font-weight:600}.itreport .exec-banner-sublabel{color:#666;margin-top:2px;font-size:11px}.itreport .exec-banner-body{flex:auto;min-width:300px}.itreport .exec-banner-text{color:#444;font-size:14px;line-height:1.6}.itreport .metrics-row{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.itreport .metrics-row .metric-card{flex:24%;min-width:0}.itreport .metric-card{box-sizing:border-box;background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;flex:0 200px;margin:0;padding:12px;box-shadow:0 2px 8px #0000000f}.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:320px;min-width:320px}.itreport .dashboard-grid.compact .metric-card--lg{flex:45%;min-width:0}.itreport .metric-label{text-transform:uppercase;color:#555;font-size:11px;font-weight:600}.itreport .metric-value{margin-top:4px;font-size:32px;font-weight:700}.itreport .metric-value--sm{font-size:26px}.itreport .metric-value--md{font-size:28px}.itreport .metric-value--text{font-size:16px}.itreport .metric-subtitle{color:#666;font-size:10px}.itreport .metric-delta{margin-top:4px;font-size:10px;font-weight:600}.itreport .charts-row{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.itreport .asset-lifecycle-row{flex-wrap:nowrap;gap:12px;margin-bottom:16px;display:flex}.itreport .asset-lifecycle-row .asset-lifecycle-card{flex:50%;min-width:0}.itreport .chart-card{flex-direction:column;flex:320px;margin-bottom:12px;padding:14px;display:flex}.itreport .chart-card--wide{flex-basis:420px}.itreport .chart-title{margin:0 0 8px;font-size:14px}.itreport .chart-subtitle{color:#666;margin-bottom:4px;font-size:11px}.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{border-collapse:collapse;width:100%;margin-bottom:0;font-size:11px}.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{color:#fff;background:#333}.itreport .security-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.itreport .security-grid>.dashboard-card{flex-direction:column;justify-content:space-between;margin:0;padding:14px;display:flex}.itreport .section-divider{border-bottom:2px solid var(--primary-color,#f63040);margin:32px 0 16px;padding-bottom:8px;font-size:18px}.itreport .explanation-box{color:#666;background:#f8f9fa;border-radius:4px;margin-top:16px;padding:12px;font-size:12px;line-height:1.6}.itreport .explanation-box ul{margin:8px 0 0 20px;padding-left:0}.itreport .action-callout{background:#fff3cd;border-left:3px solid #ffc107;margin-top:8px;padding:8px;font-size:11px}.itreport .action-callout--danger{border-left-color:#d32f2f}.itreport .data-source{color:#999;margin-top:8px;font-size:10px;line-height:1.4}.itreport .summary-box{color:#666;background:#f5f5f5;border-radius:4px;padding:14px;font-size:12px;line-height:1.7}.itreport .unavailable-card{background:#fff3e0}.itreport .inline-tag{border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.itreport .overall-health-score .overall-health-flex{flex-wrap:wrap;gap:24px;display:flex}.itreport .overall-health-score .overall-health-gauge{text-align:center;flex-direction:column;flex:0 300px;justify-content:center;align-items:center;padding:8px;display:flex}.itreport .overall-health-score .overall-health-gauge svg{margin:0 auto;display:block}.itreport .overall-health-score .overall-health-table{flex: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{white-space:nowrap;width:140px}.itreport .overall-health-score .overall-health-table .col-score{width:60px}.itreport .overall-health-score .overall-health-table .col-delta{text-align:center;width:42px}.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{text-transform:none;margin:16px 0 6px;font-size:13px;font-weight:600}.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,.itreport .insight-block p:last-child{margin-bottom:0}.itreport .ai-commentary-box{background:linear-gradient(135deg,#f5f7fa 0%,#e8edf3 100%);border-left:4px solid #1976d2;border-radius:8px;margin-top:16px;padding:16px}.itreport .ai-commentary-header{color:#1976d2;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.itreport .ai-commentary-loading{text-align:center;color:#666;font-size:13px}.itreport .ai-commentary-content{color:#333;white-space:pre-wrap;font-size:14px;line-height:1.6}.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{padding:4px 6px;font-size:10px}.itreport .heatmap-table td{cursor:help;border-radius:2px;width:16px;height:16px}.itreport .heatmap-table th:first-child,.itreport .heatmap-table td:first-child{white-space:nowrap;width:64px;min-width:64px}.itreport .risk-register{border:none}.itreport .risk-register-table{table-layout:auto;border-collapse:collapse;width:100%}.itreport .risk-register-table th,.itreport .risk-register-table td{white-space:normal;overflow-wrap:break-word;vertical-align:top;border:1px solid #d3d3d3;padding:5px 7px;line-height:1.3}.itreport .risk-register-table thead th{text-align:left;font-weight:600}.itreport .risk-register-table thead th:first-child{background:var(--primary-color);color:#fff}.itreport .risk-register-table thead th:not(:first-child){color:#fff;background:#4a4a4a}.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{align-self:center!important;margin:0 auto!important;display:block!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;max-width:100%!important;overflow:hidden!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{flex-direction:column!important;min-height:100vh!important;display:flex!important}.itreport .risk-register-section .risk-register{flex-direction:column!important;flex:auto!important;display:flex!important}.itreport .risk-register-body{flex:none!important}.itreport .risk-register-signature{break-inside:avoid!important;margin-top:auto!important;padding-top:12px!important}.itreport .risk-register-signature .sig-approval-title{margin-top:0!important;margin-bottom:4px!important;font-size:10px!important}.itreport .risk-register-signature .sig-row{flex-wrap:nowrap!important;gap:16px!important}.itreport .risk-register-signature .sig-line{height:20px!important}.itreport .risk-register-signature .sig-label{margin-top:2px!important;font-size:9px!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{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;width:auto!important}.itreport .sentry-issues-table th:nth-child(2),.itreport .sentry-issues-table td:nth-child(2){white-space:normal!important;overflow-wrap:break-word!important;width:70px!important}.itreport .sentry-issues-table th:nth-child(3),.itreport .sentry-issues-table td:nth-child(3){white-space:nowrap!important;width:60px!important}.itreport .sentry-issues-table th:nth-child(4),.itreport .sentry-issues-table td:nth-child(4){white-space:nowrap!important;width:65px!important}.itreport .sentry-issues-table th:nth-child(5),.itreport .sentry-issues-table td:nth-child(5){white-space:nowrap!important;width:85px!important}.itreport .sentry-issues-table td,.itreport .sentry-issues-table th{text-overflow:ellipsis!important;padding:4px 5px!important;line-height:1.3!important;overflow:hidden!important}.itreport .risk-register-table tr{break-inside:avoid;page-break-inside:avoid}.itreport .risk-register-table{table-layout:fixed!important;font-size:9px!important}.itreport .risk-register-table th,.itreport .risk-register-table td{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;padding:3px 4px!important;line-height:1.2!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{break-inside:avoid!important;page-break-inside:avoid!important;flex-wrap:nowrap!important;gap:12px!important;display:flex!important}.itreport .asset-lifecycle-row .asset-lifecycle-card{flex:48%!important;min-width:0!important;max-width:48%!important}.itreport .overall-health-score{break-inside:auto!important}.itreport .overall-health-flex{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.itreport .overall-health-gauge{flex:none!important;order:0!important;padding: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;order:1!important;min-width:0!important;font-size:8px!important}.itreport .overall-health-table table{table-layout:fixed!important;font-size:8px!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{border-top-width:2px!important;height: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: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{flex-basis:100px!important;padding:6px 8px!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;max-height:none!important;overflow:hidden!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{break-before:avoid!important;page-break-before:avoid!important;flex:100%!important;width:100%!important;min-width:0!important}.itreport .explanation-box{break-inside:avoid!important;page-break-inside:avoid!important;padding:8px!important;font-size:9px!important;line-height:1.4!important}.itreport .explanation-box ul{margin:4px 0 0 16px!important}.itreport .explanation-box li{margin-bottom:2px!important}.itreport .data-source{padding:4px 8px!important;font-size: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{margin-bottom:8px!important;padding:8px 12px!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;border-radius:8px;margin-bottom:20px;padding:25px;box-shadow:0 2px 4px #0000001a}.router-monitoring-settings .settings-section h2{color:#333;align-items:center;gap:10px;margin:0 0 10px;font-size:1.5rem;display:flex}.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{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px;display:grid}.router-monitoring-settings .setting-item{flex-direction:column;gap:8px;display:flex}.router-monitoring-settings .setting-item.full-width{grid-column:1/-1}.router-monitoring-settings .setting-item label{flex-direction:column;gap:4px;font-size:.95rem;display:flex}.router-monitoring-settings .setting-item label strong{color:#333}.router-monitoring-settings .setting-item label .setting-description{color:#666;font-size:.85rem;font-weight:400}.router-monitoring-settings .setting-item .input-with-unit{align-items:center;gap:8px;display:flex}.router-monitoring-settings .setting-item .input-with-unit input[type=number]{border:1px solid #ddd;border-radius:4px;flex:1;max-width:150px;padding:10px;font-size:1rem}.router-monitoring-settings .setting-item .input-with-unit input[type=number]:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 2px #2196f31a}.router-monitoring-settings .setting-item .input-with-unit input[type=number]:disabled{cursor:not-allowed;background:#f5f5f5}.router-monitoring-settings .setting-item .input-with-unit .unit{color:#666;min-width:60px;font-weight:700}.router-monitoring-settings .setting-item select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:10px;font-size:1rem}.router-monitoring-settings .setting-item select:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 2px #2196f31a}.router-monitoring-settings .setting-item select:disabled{cursor:not-allowed;background:#f5f5f5}.router-monitoring-settings .setting-item input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin-right:8px}.router-monitoring-settings .setting-item input[type=checkbox]:disabled{cursor:not-allowed}.router-monitoring-settings .purge-info{color:#666;background:#f9f9f9;border-radius:4px;align-items:center;margin-bottom:15px;padding:15px;font-size:.9rem;display:flex}.router-monitoring-settings .purge-info strong{color:#333;margin-right:5px}.router-monitoring-settings .info-box{color:#1565c0;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;align-items:flex-start;gap:10px;padding:15px;font-size:.9rem;line-height:1.5;display:flex}.router-monitoring-settings .info-box svg{flex-shrink:0;margin-top:2px}.router-monitoring-settings .alert-subsection-header{grid-column:1/-1;align-items:center;gap:10px;margin-top:4px;padding:10px 0 2px;display:flex}.router-monitoring-settings .alert-subsection-header span{color:#888;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;font-size:.75rem;font-weight:700}.router-monitoring-settings .alert-subsection-header:before,.router-monitoring-settings .alert-subsection-header:after{content:"";background:#e0e0e0;flex:1;height:1px}.router-monitoring-settings .threshold-hint{color:#1976d2;background:#e8f4fd;border-left:3px solid #64b5f6;border-radius:3px;margin-top:2px;padding:4px 8px;font-size:.8rem;line-height:1.4}.router-monitoring-settings .setting-warning{color:#7a4800;background:#fff3e0;border-left:3px solid #ff9800;border-radius:3px;align-items:flex-start;gap:7px;margin-top:4px;padding:6px 10px;font-size:.82rem;line-height:1.5;display:flex}.router-monitoring-settings .setting-warning svg{color:#e65100;flex-shrink:0;margin-top:2px}.router-monitoring-settings .btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.router-monitoring-settings .btn.btn-primary{color:#fff;background:#2196f3}.router-monitoring-settings .btn.btn-primary:hover:not(:disabled){background:#1976d2;box-shadow:0 2px 8px #2196f34d}.router-monitoring-settings .btn.btn-primary:disabled{cursor:not-allowed;background:#bbdefb}.router-monitoring-settings .btn.btn-secondary{color:#2196f3;background:#fff;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{align-items:center;display:flex}@media (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{color:#333;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:2rem;font-weight:600;display:flex}.router-provisioning-settings-page .page-header h1 svg{color:#007bff}.router-provisioning-settings-page .page-header .subtitle{color:#666;margin:0;font-size:1rem}.router-provisioning-settings-page .alert{border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.router-provisioning-settings-page .alert svg{flex-shrink:0;font-size:1.25rem}.router-provisioning-settings-page .alert.alert-danger{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.router-provisioning-settings-page .settings-section{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #00000014}.router-provisioning-settings-page .settings-section .section-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1rem}.router-provisioning-settings-page .settings-section .section-header h2{color:#333;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:1.5rem;font-weight:600;display:flex}.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;margin:0;font-size:.95rem}.router-provisioning-settings-page .settings-section .form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}@media (width>=1200px){.router-provisioning-settings-page .settings-section .form-grid{grid-template-columns:repeat(2,1fr)}}.router-provisioning-settings-page .settings-section .form-group{flex-direction:column;display:flex}.router-provisioning-settings-page .settings-section .form-group label{color:#333;margin-bottom:.5rem;font-size:.95rem;font-weight:500}.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{background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:.75rem;font-size:1rem;transition:all .2s}.router-provisioning-settings-page .settings-section .form-group .form-control:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.router-provisioning-settings-page .settings-section .form-group .form-control:disabled{cursor:not-allowed;background-color:#f5f5f5}.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{align-items:center;display:flex;position:relative}.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{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex;position:absolute;right:.5rem}.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{color:#6c757d;margin-top:.5rem;font-size:.875rem;line-height:1.4;display:block}.router-provisioning-settings-page .settings-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.router-provisioning-settings-page .settings-actions .btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.875rem 2rem;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.router-provisioning-settings-page .settings-actions .btn.btn-primary{color:#fff;background-color:#007bff}.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{cursor:not-allowed;opacity:.6;background-color:#6c757d}.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;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.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;margin-top:2rem;padding:1.5rem}.router-provisioning-settings-page .info-box h3{color:#004085;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:600;display:flex}.router-provisioning-settings-page .info-box h3 svg{color:#0056b3}.router-provisioning-settings-page .info-box ul{color:#004085;margin:0;padding-left:1.5rem}.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 (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{justify-content:center;width:100%}.router-provisioning-settings-page .settings-actions .last-modified-info{text-align:center;justify-content:center}}.firewall-templates-modern{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.firewall-templates-modern .templates-header-actions{border-bottom:2px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.firewall-templates-modern .templates-header-actions .header-info{align-items:center;gap:20px;display:flex}.firewall-templates-modern .templates-header-actions .header-info .templates-count{color:#333;font-size:16px;font-weight:600}.firewall-templates-modern .templates-header-actions .header-info .last-fetched{color:#666;font-size:13px}.firewall-templates-modern .templates-header-actions .header-buttons{gap:10px;display:flex}.firewall-templates-modern .templates-table-container{margin-bottom:15px;overflow-x:auto}.firewall-templates-modern .templates-table-container .templates-table{border-collapse:collapse;width:100%;font-size:14px}.firewall-templates-modern .templates-table-container .templates-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.firewall-templates-modern .templates-table-container .templates-table thead th{text-align:left;white-space:nowrap;border-right:1px solid #fff3;padding:12px 8px;font-size:13px;font-weight:600}.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{vertical-align:middle;padding:10px 8px}.firewall-templates-modern .templates-table-container .templates-table tbody tr td.no-data{text-align:center;color:#999;padding:40px;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{text-align:center;border-radius:12px;min-width:30px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.firewall-templates-modern .priority-badge.priority-high{color:#fff;background-color:#dc3545}.firewall-templates-modern .priority-badge.priority-medium{color:#333;background-color:#ffc107}.firewall-templates-modern .priority-badge.priority-low{color:#fff;background-color:#28a745}.firewall-templates-modern .category-badge{align-items:center;gap:4px;font-size:18px;display:flex}.firewall-templates-modern .category-badge .mandatory-icon{color:#dc3545;font-size:12px}.firewall-templates-modern .status-toggle{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.firewall-templates-modern .status-toggle.enabled{color:#fff;background-color:#28a745}.firewall-templates-modern .status-toggle.enabled:hover{background-color:#218838}.firewall-templates-modern .status-toggle.disabled{color:#fff;background-color:#6c757d}.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{text-transform:uppercase;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.firewall-templates-modern .action-badge.action-accept{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.firewall-templates-modern .action-badge.action-drop,.firewall-templates-modern .action-badge.action-reject{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.firewall-templates-modern .action-badge.action-tarpit{color:#856404;background-color:#fff3cd;border:1px solid #ffeeba}.firewall-templates-modern .action-badge.action-other{color:#0c5460;background-color:#d1ecf1;border:1px solid #bee5eb}.firewall-templates-modern .inline-edit-input,.firewall-templates-modern .inline-edit-select{border:1px solid #ced4da;border-radius:4px;width:100%;padding:6px 8px;font-family:Courier New,monospace;font-size:13px}.firewall-templates-modern .inline-edit-input:focus,.firewall-templates-modern .inline-edit-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 .2rem #667eea40}.firewall-templates-modern .address-display{color:#495057;font-family:Courier New,monospace;font-size:12px}.firewall-templates-modern .port-display{color:#6c757d;margin-top:2px;font-family:Courier New,monospace;font-size:11px}.firewall-templates-modern .comment-text{color:#6c757d;font-size:12px;font-style:italic}.firewall-templates-modern .action-buttons{justify-content:center;gap:8px;display:flex}.firewall-templates-modern .action-buttons .btn-icon{cursor:pointer;border:none;border-radius:4px;padding:6px 10px;font-size:14px;transition:all .2s}.firewall-templates-modern .action-buttons .btn-icon.btn-save{color:#fff;background-color:#28a745}.firewall-templates-modern .action-buttons .btn-icon.btn-save:hover{background-color:#218838}.firewall-templates-modern .action-buttons .btn-icon.btn-cancel{color:#fff;background-color:#6c757d}.firewall-templates-modern .action-buttons .btn-icon.btn-cancel:hover{background-color:#5a6268}.firewall-templates-modern .action-buttons .btn-icon.btn-edit{color:#fff;background-color:#007bff}.firewall-templates-modern .action-buttons .btn-icon.btn-edit:hover{background-color:#0069d9}.firewall-templates-modern .action-buttons .btn-icon.btn-delete{color:#fff;background-color:#dc3545}.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{color:#666;background-color:#f8f9fa;border-radius:4px;flex-wrap:wrap;gap:20px;padding:12px;font-size:13px;display:flex}.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{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:20px;display:flex}.add-template-modal .modal-header h2{align-items:center;gap:10px;margin:0;font-size:20px;display:flex}.add-template-modal .modal-header h2 svg{font-size:18px}.add-template-modal .modal-header .modal-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:background-color .2s;display:flex}.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{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.add-template-modal .modal-body .form-grid .form-group{flex-direction:column;display:flex}.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{color:#333;margin-bottom:6px;font-size:14px;font-weight:600}.add-template-modal .modal-body .form-grid .form-group label.checkbox-label{cursor:pointer;flex-direction:row;align-items:center;gap:8px}.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{border:1px solid #ced4da;border-radius:4px;padding:10px 12px;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{border-color:#667eea;outline:none;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{color:#6c757d;margin-top:4px;font-size:12px}.add-template-modal .modal-footer{background-color:#f8f9fa;border-radius:0 0 8px 8px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay .modal-content{background:#fff;border-radius:8px;animation:.3s ease-out modalSlideIn;box-shadow:0 10px 40px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.btn.btn-primary{color:#fff;background-color:#667eea}.btn.btn-primary:hover{background-color:#5568d3}.btn.btn-primary:active{background-color:#4451b8}.btn.btn-secondary{color:#fff;background-color:#6c757d}.btn.btn-secondary:hover{background-color:#5a6268}.btn svg{font-size:16px}@media (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 (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 (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}}.l7-info-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:.85rem 1.1rem;font-size:.875rem;line-height:1.5;display:flex}.l7-info-banner .l7-info-icon{flex-shrink:0;margin-top:2px;font-size:1rem}.l7-info-banner code{background:#fff9;border:1px solid #bfdbfe;border-radius:4px;padding:.1rem .35rem;font-size:.82rem}.l7-form-panel{background:#fff;border:2px solid #0d6efd;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.l7-form-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.l7-form-header h4{color:#1e293b;margin:0;font-size:1.1rem}.l7-picker-label{color:#334155;margin-bottom:.75rem;font-size:.875rem}.l7-picker-label strong{color:#0d6efd}.l7-service-picker{margin-bottom:1.25rem}.l7-service-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.65rem;max-height:320px;padding:.25rem;display:grid;overflow-y:auto}@media (width<=640px){.l7-service-grid{grid-template-columns:repeat(3,1fr)}}.l7-service-card{cursor:pointer;color:#475569;text-align:center;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:72px;padding:.7rem .55rem;font-size:.78rem;transition:all .18s;display:flex}.l7-service-card:hover{border-color:var(--service-color,#0d6efd);background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.l7-service-card.selected{border-color:var(--service-color,#0d6efd);background:#fff;box-shadow:0 0 0 3px #0d6efd1f}.l7-service-card.selected .l7-service-label{color:var(--service-color,#0d6efd);font-weight:600}.l7-service-card .l7-service-emoji{flex-shrink:0;font-size:1.5rem;line-height:1}.l7-service-card .l7-service-label{color:#475569;overflow-wrap:break-word;word-break:break-word;max-width:100%;font-size:.75rem;font-weight:500;line-height:1.25}.l7-form-fields{border-top:1px solid #e2e8f0;padding-top:1.1rem}.l7-form-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (width<=640px){.l7-form-grid{grid-template-columns:1fr}}.l7-form-group{flex-direction:column;gap:.35rem;display:flex}.l7-form-group label{color:#334155;font-size:.82rem;font-weight:600}.l7-form-group label .required{color:#ef4444}.l7-form-group input,.l7-form-group select,.l7-form-group textarea{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.l7-form-group input:focus,.l7-form-group select:focus,.l7-form-group textarea:focus{border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd1f}.l7-form-group input::placeholder,.l7-form-group select::placeholder,.l7-form-group textarea::placeholder{color:#94a3b8}.l7-form-group textarea{resize:vertical;min-height:72px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.82rem;line-height:1.5}.l7-form-hint{color:#64748b;font-size:.73rem;line-height:1.4}.l7-regex-section{margin-top:.5rem}.l7-regex-toggle{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.82rem;transition:all .15s;display:inline-flex}.l7-regex-toggle:hover{color:#0d6efd;background:#eff6ff;border-color:#0d6efd}.l7-regex-field textarea{background:#f8fafc}.l7-form-actions{border-top:1px solid #e2e8f0;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.l7-name-cell{align-items:center;gap:.5rem;display:flex}.l7-service-badge{background:color-mix(in srgb, var(--service-color,#64748b) 12%, white);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;display:inline-flex}.l7-rule-name{color:#1e293b;font-size:.875rem;font-weight:600}.l7-description{color:#64748b;font-size:.83rem}.l7-chain-badge{color:#1e293b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;padding:.2rem .55rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem}.l7-action-badge{text-transform:capitalize;border-radius:20px;padding:.22rem .65rem;font-size:.78rem;font-weight:600;display:inline-block}.l7-action-badge--drop{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.l7-action-badge--reject{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.l7-action-badge--accept{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.l7-tab .l7-regex-preview{text-overflow:ellipsis;white-space:nowrap;color:#475569;cursor:help;vertical-align:middle;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;max-width:220px;padding:.2rem .55rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;display:inline-block;overflow:hidden}.l7-deploy-cell{flex-direction:column;gap:.2rem;display:flex}.l7-deploy-badge{border-radius:20px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.l7-deploy-badge--deployed{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.l7-deploy-badge--pending{color:#854d0e;background:#fef9c3;border:1px solid #fde68a}.l7-deploy-badge--partial{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.l7-deploy-badge--not-deployed{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.l7-router-count{color:#64748b;font-size:.72rem}.l7-deploy-btn{color:#0d6efd}.l7-deploy-btn:hover{background:#eff6ff}.l7-deploy-btn:disabled{opacity:.5;cursor:not-allowed}.l7-deploy-btn .spinning{animation:1s linear infinite spin}.router-address-lists-page{max-width:1400px;margin:0 auto;padding:2rem}.router-address-lists-page .page-header{border-bottom:2px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.router-address-lists-page .page-header .header-content h1{color:#2c3e50;margin-bottom:.5rem;font-size:2rem}.router-address-lists-page .page-header .header-content p{color:#7f8c8d;font-size:1rem}.router-address-lists-page .sub-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin;border-bottom:2px solid #dee2e6;gap:0;margin-bottom:1.5rem;display:flex;overflow-x:auto}.router-address-lists-page .sub-tab{white-space:nowrap;cursor:pointer;color:#6c757d;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.router-address-lists-page .sub-tab:hover{color:#495057;background:#f8f9fa}.router-address-lists-page .sub-tab.active{color:#0d6efd;background:#fff;border-bottom-color:#0d6efd;font-weight:600}.router-address-lists-page .address-list-content .content-header{background:#f8f9fa;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;display:flex}.router-address-lists-page .address-list-content .content-header .header-info h3{color:#2c3e50;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.5rem;display:flex}.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{gap:1rem;display:flex}.router-address-lists-page .address-list-content .info-alert{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin-bottom:2rem;padding:1rem 1.5rem}.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;margin-bottom:2rem;padding: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{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (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{color:#2c3e50;margin-bottom:.5rem;font-weight:500;display:block}.router-address-lists-page .address-list-content .add-entry-form .form-group input{border:1px solid #ddd;border-radius:4px;width:100%;padding:.75rem;font-size:1rem}.router-address-lists-page .address-list-content .add-entry-form .form-group input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.router-address-lists-page .address-list-content .add-entry-form .form-actions{gap:1rem;display:flex}.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{text-align:center;color:#7f8c8d;padding:4rem 2rem}.router-address-lists-page .address-list-content .entries-table .no-entries svg{color:#ddd;margin-bottom:1rem;font-size:4rem}.router-address-lists-page .address-list-content .entries-table .no-entries p{margin-bottom:1.5rem;font-size:1.2rem}.router-address-lists-page .address-list-content .entries-table table{border-collapse:collapse;width:100%;box-shadow:none;border:none;margin-bottom:0}.router-address-lists-page .address-list-content .entries-table table thead{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%)}.router-address-lists-page .address-list-content .entries-table table thead tr th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#475569;white-space:normal;background:0 0;border-bottom:2px solid #e2e8f0;width:auto;height:auto;padding:.85rem 1.25rem;font-size:.8rem;font-weight:600}.router-address-lists-page .address-list-content .entries-table table thead tr th:first-child{color:#475569;background:0 0}.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{background:#fff;border-bottom:1px solid #f1f5f9;transition:background .15s}.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{color:#334155;vertical-align:middle;text-align:left;border-bottom:none;padding:.9rem 1.25rem;font-size:.9rem;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{color:#1e293b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.3rem .6rem;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.85rem}.router-address-lists-page .address-list-content .entries-table table tbody tr td code.danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.router-address-lists-page .address-list-content .entries-table table tbody tr td .inline-edit{border:1px solid #3498db;border-radius:4px;width:100%;padding:.5rem}.router-address-lists-page .address-list-content .entries-table table tbody tr td .sync-status .status-badge{border-radius:20px;align-items:center;gap:.35rem;padding:.3rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.router-address-lists-page .address-list-content .entries-table table tbody tr td .sync-status .status-badge.success{color:#166534;background:#dcfce7}.router-address-lists-page .address-list-content .entries-table table tbody tr td .sync-status .status-badge.warning{color:#854d0e;background:#fef9c3}.router-address-lists-page .address-list-content .entries-table table tbody tr td .sync-status .status-badge.error{color:#991b1b;background:#fef2f2}.router-address-lists-page .address-list-content .entries-table table tbody tr td .router-count{color:#1976d2;background:#e3f2fd;border-radius:20px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.router-address-lists-page .address-list-content .entries-table table tbody tr td .action-buttons{justify-content:center;gap:.5rem;display:flex}.btn-primary,.btn-secondary,.btn-sync{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary:disabled,.btn-secondary:disabled,.btn-sync:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background:#3498db}.btn-primary:hover:not(:disabled){background:#2980b9;transform:translateY(-1px);box-shadow:0 4px 8px #3498db4d}.btn-secondary{color:#fff;background:#95a5a6}.btn-secondary:hover:not(:disabled){background:#7f8c8d}.btn-sync{color:#fff;background:#27ae60}.btn-sync:hover:not(:disabled){background:#229954}.btn-sync .spinning{animation:1s linear infinite spin}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:inline-flex}.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 (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}}.ual-stats-row{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.ual-stat-chip{border:1px solid #0000;border-radius:8px;align-items:center;gap:.45rem;min-width:100px;padding:.55rem 1rem;display:flex}.ual-stat-chip .ual-stat-value{font-size:1.35rem;font-weight:700;line-height:1}.ual-stat-chip .ual-stat-label{text-transform:uppercase;letter-spacing:.04em;color:inherit;opacity:.75;white-space:nowrap;font-size:.72rem}.ual-stat-chip .ual-stat-icon{opacity:.8;font-size:.85rem}.ual-stat-chip.ual-stat-total{color:#334155;background:#f1f5f9;border-color:#e2e8f0}.ual-stat-chip.ual-stat-success{color:#166534;background:#dcfce7;border-color:#bbf7d0}.ual-stat-chip.ual-stat-warning{color:#854d0e;background:#fef9c3;border-color:#fde68a}.ual-stat-chip.ual-stat-danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}.ual-stat-chip.ual-stat-neutral{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.ual-stat-chip.ual-stat-info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.ual-controls-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.6rem .75rem;display:flex}.ual-search-wrap{flex:1;align-items:center;min-width:200px;max-width:340px;display:flex;position:relative}.ual-search-icon{color:#94a3b8;pointer-events:none;font-size:.75rem;position:absolute;left:.6rem}.ual-search-input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:.45rem 2rem .45rem 1.8rem;font-size:.85rem;transition:border-color .15s}.ual-search-input::placeholder{color:#94a3b8}.ual-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.ual-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px 4px;font-size:.7rem;display:flex;position:absolute;right:.4rem}.ual-search-clear:hover{color:#475569;background:#f1f5f9}.ual-filter-wrap{align-items:center;gap:.3rem;display:flex;position:relative}.ual-filter-icon{color:#94a3b8;flex-shrink:0;font-size:.72rem}.ual-filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:auto;padding:.42rem .7rem;font-size:.82rem;transition:border-color .15s}.ual-filter-select:focus,.ual-filter-select:hover{border-color:#3b82f6}.ual-filter-select option{background:#fff}.ual-result-count{color:#64748b;white-space:nowrap;margin-left:auto;font-size:.78rem}.ual-trend-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:1.5rem;padding:1rem 1.25rem .75rem}.ual-trend-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.ual-trend-title{color:#1e293b;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.ual-trend-title-icon{color:#3b82f6}.ual-trend-warning-badge{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.75rem;font-weight:500;display:inline-flex}.ual-trend-controls{align-items:center;gap:.3rem;display:flex}.ual-trend-window-label{color:#64748b;margin-right:.15rem;font-size:.78rem}.ual-trend-window-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:.25rem .6rem;font-size:.78rem;transition:all .15s}.ual-trend-window-btn:hover{color:#3b82f6;border-color:#3b82f6}.ual-trend-window-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6;font-weight:600}.ual-trend-legend{color:#64748b;align-items:center;gap:.25rem;margin:.4rem 0 0;font-size:.75rem;display:flex}.ual-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.timestamp-unknown{color:#94a3b8;-webkit-user-select:none;user-select:none;font-style:italic}.sync-progress-wrap{flex-direction:column;gap:.3rem;min-width:120px;display:flex}.sync-progress-wrap .sync-progress-bar{background:#e2e8f0;border-radius:3px;width:100%;height:6px;overflow:hidden}.sync-progress-wrap .sync-progress-bar .sync-progress-fill{background:linear-gradient(90deg,#3b82f6,#22c55e);border-radius:3px;height:100%;transition:width .4s}.sync-progress-wrap .sync-progress-label{color:#64748b;font-size:.75rem;font-weight:500}.sync-progress-wrap .sync-router-details{flex-wrap:wrap;gap:.25rem;margin-top:.15rem;display:flex}.sync-progress-wrap .sync-router-chip{white-space:nowrap;border-radius:10px;padding:.1rem .5rem;font-size:.65rem;font-weight:600;display:inline-block}.sync-progress-wrap .sync-router-chip.synced{color:#166534;background:#dcfce7}.sync-progress-wrap .sync-router-chip.pending{color:#854d0e;background:#fef9c3}.sync-progress-wrap .sync-router-chip.failed{color:#991b1b;background:#fef2f2}.service-providers-page{box-sizing:border-box;width:100%;max-width:100%;padding:0}.service-providers-page .sp-page-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.service-providers-page .sp-page-header .sp-header-left h1{color:#333;align-items:center;gap:10px;margin:0 0 4px;font-size:1.5rem;display:flex}.service-providers-page .sp-page-header .sp-header-left .sp-header-desc{color:#666;margin:0;font-size:.9rem}.service-providers-page .sp-page-header .sp-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.service-providers-page .sp-page-header .sp-btn-manage-categories{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:6px;padding:9px 16px;font-size:.9rem;transition:background .15s;display:flex}.service-providers-page .sp-page-header .sp-btn-manage-categories:hover{background:#f5f5f5}.service-providers-page .sp-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.service-providers-page .sp-toolbar .sp-search-wrap{flex:1;min-width:200px;position:relative}.service-providers-page .sp-toolbar .sp-search-wrap .sp-search-icon{color:#999;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.service-providers-page .sp-toolbar .sp-search-wrap .sp-search{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:8px 12px 8px 34px;font-size:.9rem}.service-providers-page .sp-toolbar .sp-search-wrap .sp-search:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.service-providers-page .sp-toolbar .sp-filter-select{border:1px solid #ddd;border-radius:6px;outline:none;min-width:160px;padding:8px 12px;font-size:.9rem}.service-providers-page .sp-toolbar .sp-filter-select:focus{border-color:#4caf50}.service-providers-page .sp-toolbar .sp-inactive-toggle{color:#555;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:.9rem;display:flex}.service-providers-page .sp-toolbar .sp-inactive-toggle input[type=checkbox]{cursor:pointer;width:15px;height:15px}.service-providers-page .sp-empty{text-align:center;color:#999;padding:60px 20px}.service-providers-page .sp-empty svg{opacity:.3;margin-bottom:16px}.service-providers-page .sp-empty p{margin-bottom:20px;font-size:1.1rem}.service-providers-page .sp-list{flex-direction:column;gap:8px;width:100%;display:flex}.service-providers-page .sp-provider-card{background:#fff;border:1px solid #eee;border-radius:8px;transition:box-shadow .15s;overflow:hidden;box-shadow:0 2px 4px #00000014}.service-providers-page .sp-provider-card:hover{box-shadow:0 4px 12px #0000001f}.service-providers-page .sp-provider-card.sp-inactive{opacity:.65;border-left:4px solid #ccc}.service-providers-page .sp-provider-card .sp-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:14px 16px;display:flex}.service-providers-page .sp-provider-card .sp-card-header:hover{background:#f8f9fa}.service-providers-page .sp-provider-card .sp-card-header .sp-card-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.service-providers-page .sp-provider-card .sp-card-header .sp-card-left .sp-expand-icon{color:#888;flex-shrink:0}.service-providers-page .sp-provider-card .sp-card-header .sp-card-left .sp-card-name-block{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.service-providers-page .sp-provider-card .sp-card-header .sp-card-left .sp-card-name-block .sp-provider-name{color:#222;font-size:1rem;font-weight:600}.service-providers-page .sp-provider-card .sp-card-header .sp-card-meta{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;display:flex}.service-providers-page .sp-provider-card .sp-card-header .sp-card-meta .sp-meta-item{color:#666;align-items:center;gap:4px;font-size:.82rem;display:flex}.service-providers-page .sp-provider-card .sp-card-header .sp-card-actions{flex-shrink:0;gap:6px;display:flex}.service-providers-page .sp-provider-card .sp-category-badge{text-transform:uppercase;letter-spacing:.03em;color:#1565c0;background:#e3f2fd;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.service-providers-page .sp-provider-card .sp-category-badge.sp-cat-it{color:#1565c0;background:#e3f2fd}.service-providers-page .sp-provider-card .sp-category-badge.sp-cat-telecoms{color:#2e7d32;background:#e8f5e9}.service-providers-page .sp-provider-card .sp-category-badge.sp-cat-electrical{color:#e65100;background:#fff3e0}.service-providers-page .sp-provider-card .sp-category-badge.sp-cat-plumbing{color:#01579b;background:#e1f5fe}.service-providers-page .sp-provider-card .sp-category-badge.sp-cat-cleaning{color:#6a1b9a;background:#f3e5f5}.service-providers-page .sp-provider-card .sp-category-badge.sp-cat-security{color:#c62828;background:#ffebee}.service-providers-page .sp-provider-card .sp-category-badge.sp-cat-maintenance{color:#558b2f;background:#f9fbe7}.service-providers-page .sp-provider-card .sp-category-badge.sp-cat-landscaping{color:#388e3c;background:#e8f5e9}.service-providers-page .sp-provider-card .sp-category-badge.sp-cat-other{color:#555;background:#fafafa}.service-providers-page .sp-provider-card .sp-inactive-badge{color:#78909c;background:#eceff1;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.service-providers-page .sp-provider-card .sp-contracts-badge{color:#2e7d32;background:#e8f5e9;border-radius:12px;padding:2px 8px;font-size:.8rem}.service-providers-page .sp-provider-card .sp-mda-badge{color:#e65100;background:#fff3e0;border-radius:12px;padding:2px 8px;font-size:.8rem}.service-providers-page .sp-btn-icon{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:flex}.service-providers-page .sp-btn-icon.sp-btn-edit{color:#1565c0;background:#e3f2fd}.service-providers-page .sp-btn-icon.sp-btn-edit:hover{background:#bbdefb}.service-providers-page .sp-btn-icon.sp-btn-delete{color:#c62828;background:#ffebee}.service-providers-page .sp-btn-icon.sp-btn-delete:hover{background:#ffcdd2}.service-providers-page .sp-btn-icon.sp-btn-delete:disabled{opacity:.4;cursor:not-allowed}.service-providers-page .sp-detail-loading{color:#999;text-align:center;padding:20px;font-size:.9rem}.service-providers-page .sp-detail{background:#fafafa;border-top:1px solid #eee;padding:20px}.service-providers-page .sp-detail .sp-detail-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.service-providers-page .sp-detail .sp-detail-section{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000000f}.service-providers-page .sp-detail .sp-detail-section h3{color:#555;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #eee;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:8px;font-size:.9rem;font-weight:600;display:flex}.service-providers-page .sp-detail .sp-detail-section.sp-contracts-section{grid-column:1/-1}.service-providers-page .sp-detail .sp-detail-fields{flex-direction:column;gap:8px;display:flex}.service-providers-page .sp-detail .sp-detail-field{align-items:flex-start;gap:8px;display:flex}.service-providers-page .sp-detail .sp-detail-field.sp-field-full{flex-direction:column}.service-providers-page .sp-detail .sp-detail-field .sp-field-label{color:#888;flex-shrink:0;align-items:center;gap:4px;min-width:100px;padding-top:1px;font-size:.8rem;display:flex}.service-providers-page .sp-detail .sp-detail-field .sp-field-value{color:#333;font-size:.9rem}.service-providers-page .sp-detail .sp-detail-field .sp-field-value.sp-notes{white-space:pre-wrap;color:#555;font-size:.85rem}.service-providers-page .sp-detail .sp-detail-field .sp-notes-markdown{color:#444;width:100%;font-size:.88rem;line-height:1.65}.service-providers-page .sp-detail .sp-detail-field .sp-notes-markdown h1,.service-providers-page .sp-detail .sp-detail-field .sp-notes-markdown h2,.service-providers-page .sp-detail .sp-detail-field .sp-notes-markdown h3,.service-providers-page .sp-detail .sp-detail-field .sp-notes-markdown h4,.service-providers-page .sp-detail .sp-detail-field .sp-notes-markdown h5,.service-providers-page .sp-detail .sp-detail-field .sp-notes-markdown h6{color:#333;margin:.6em 0 .3em;font-size:1em}.service-providers-page .sp-detail .sp-detail-field .sp-notes-markdown p{margin:.25em 0}.service-providers-page .sp-detail .sp-detail-field .sp-notes-markdown code{background:#f0f0f0;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:.9em}.service-providers-page .sp-detail .sp-detail-field .sp-notes-markdown pre{background:#f5f5f5;border-radius:5px;padding:10px;overflow:auto}.service-providers-page .sp-detail .sp-detail-field .sp-notes-markdown ul,.service-providers-page .sp-detail .sp-detail-field .sp-notes-markdown ol{margin:.25em 0;padding-left:1.4em}.service-providers-page .sp-detail .sp-detail-field .sp-notes-markdown blockquote{color:#777;border-left:3px solid #ccc;margin:.4em 0;padding:4px 10px}.service-providers-page .sp-detail .sp-detail-field .sp-notes-markdown table{border-collapse:collapse;width:100%;font-size:.85em}.service-providers-page .sp-detail .sp-detail-field .sp-notes-markdown table th,.service-providers-page .sp-detail .sp-detail-field .sp-notes-markdown table td{text-align:left;border:1px solid #ddd;padding:4px 8px}.service-providers-page .sp-detail .sp-detail-field .sp-notes-markdown table th{background:#f5f5f5}.service-providers-page .sp-detail .sp-detail-field .sp-link{color:#1976d2;text-decoration:none}.service-providers-page .sp-detail .sp-detail-field .sp-link:hover{text-decoration:underline}.service-providers-page .sp-contracts-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.service-providers-page .sp-contract-card{background:#f5f8ff;border:1px solid #c5d5f0;border-radius:8px;padding:12px}.service-providers-page .sp-contract-card .sp-contract-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.service-providers-page .sp-contract-card .sp-contract-header .sp-contract-label{color:#1a237e;font-size:.9rem;font-weight:600}.service-providers-page .sp-contract-card .sp-contract-header .sp-contract-label .sp-contract-router{color:#555;font-size:.85rem;font-weight:400}.service-providers-page .sp-contract-card .sp-contract-header .sp-contract-ip{color:#888;font-family:monospace;font-size:.78rem}.service-providers-page .sp-contract-card .sp-contract-details{flex-wrap:wrap;gap:10px;display:flex}.service-providers-page .sp-contract-card .sp-contract-details .sp-contract-detail{color:#555;background:#fff;border:1px solid #dde;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.8rem;display:flex}.service-providers-page .sp-contract-card .sp-contract-details .sp-contract-detail.sp-expiry.expiry-ok{color:#2e7d32;background:#f1f8e9;border-color:#c8e6c9}.service-providers-page .sp-contract-card .sp-contract-details .sp-contract-detail.sp-expiry.expiry-warning{color:#e65100;background:#fff8f0;border-color:#ffe0b2}.service-providers-page .sp-contract-card .sp-contract-details .sp-contract-detail.sp-expiry.expiry-critical{color:#c62828;background:#fff5f5;border-color:#ffcdd2}.service-providers-page .sp-modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.service-providers-page .sp-modal{background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;box-shadow:0 20px 60px #0000004d}.service-providers-page .sp-modal.sp-modal-sm{max-width:440px}.service-providers-page .sp-modal .sp-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.service-providers-page .sp-modal .sp-modal-header h2{color:#222;align-items:center;gap:8px;margin:0;font-size:1.25rem;display:flex}.service-providers-page .sp-modal .sp-modal-header .sp-modal-close{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;font-size:1.1rem;display:flex}.service-providers-page .sp-modal .sp-modal-header .sp-modal-close:hover{color:#333;background:#f5f5f5}.service-providers-page .sp-modal .sp-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.service-providers-page .sp-modal .sp-modal-footer{border-top:1px solid #eee;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.service-providers-page .sp-form-section{margin-bottom:20px}.service-providers-page .sp-form-section h3{color:#777;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #eee;margin:0 0 12px;padding-bottom:6px;font-size:.85rem;font-weight:600}.service-providers-page .sp-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=580px){.service-providers-page .sp-form-grid{grid-template-columns:1fr}}.service-providers-page .sp-form-group{flex-direction:column;gap:5px;display:flex}.service-providers-page .sp-form-group.sp-full{grid-column:1/-1}.service-providers-page .sp-form-group label{color:#555;font-size:.85rem;font-weight:600}.service-providers-page .sp-form-group input,.service-providers-page .sp-form-group select,.service-providers-page .sp-form-group textarea{resize:vertical;color:#333;border:1px solid #ddd;border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:.9rem}.service-providers-page .sp-form-group input:focus,.service-providers-page .sp-form-group select:focus,.service-providers-page .sp-form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5026}.service-providers-page .sp-form-group input::placeholder,.service-providers-page .sp-form-group select::placeholder,.service-providers-page .sp-form-group textarea::placeholder{color:#bbb}.service-providers-page .sp-form-group .sp-field-hint{color:#999;margin-top:2px;font-size:.77rem}.service-providers-page .sp-form-group .sp-field-hint.sp-mda-selected{color:#2e7d32}.service-providers-page .sp-mda-search-wrap{position:relative}.service-providers-page .sp-mda-search-wrap input{box-sizing:border-box;width:100%;padding-right:50px}.service-providers-page .sp-mda-search-wrap .sp-mda-spinner{color:#888;font-size:.8rem;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.service-providers-page .sp-mda-search-wrap .sp-mda-spinner .spin{animation:.8s linear infinite sp-spin}.service-providers-page .sp-mda-search-wrap .sp-mda-clear{cursor:pointer;color:#aaa;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.service-providers-page .sp-mda-search-wrap .sp-mda-clear:hover{color:#555}.service-providers-page .sp-mda-dropdown{z-index:50;background:#fff;border:1px solid #ddd;border-radius:6px;max-height:240px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.service-providers-page .sp-mda-dropdown.sp-mda-empty{color:#888;cursor:default;padding:10px 14px;font-size:.85rem}.service-providers-page .sp-mda-dropdown .sp-mda-option{cursor:pointer;border-bottom:1px solid #f0f0f0;flex-direction:column;gap:2px;padding:9px 14px;transition:background .1s;display:flex}.service-providers-page .sp-mda-dropdown .sp-mda-option:last-child{border-bottom:none}.service-providers-page .sp-mda-dropdown .sp-mda-option:hover{background:#f5f8ff}.service-providers-page .sp-mda-dropdown .sp-mda-option .sp-mda-name{color:#222;font-size:.88rem;font-weight:600}.service-providers-page .sp-mda-dropdown .sp-mda-option .sp-mda-code{color:#888;font-family:monospace;font-size:.78rem}.service-providers-page .sp-mda-dropdown .sp-mda-option .sp-mda-contact{color:#aaa;font-size:.78rem}.service-providers-page .sp-notes-editor-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.service-providers-page .sp-notes-editor-header label{color:#555;font-size:.85rem;font-weight:600}.service-providers-page .sp-notes-editor-header .sp-notes-mode-tabs{gap:4px;display:flex}.service-providers-page .sp-notes-editor-header .sp-notes-mode-tabs .sp-notes-mode-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;transition:all .15s;display:flex}.service-providers-page .sp-notes-editor-header .sp-notes-mode-tabs .sp-notes-mode-btn.active{color:#fff;background:#333;border-color:#333}.service-providers-page .sp-notes-toolbar{background:#f8f9fa;border:1px solid #ddd;border-bottom:none;border-radius:6px 6px 0 0;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;display:flex}.service-providers-page .sp-notes-toolbar .sp-notes-toolbar-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:26px;font-size:.82rem;transition:background .1s;display:flex}.service-providers-page .sp-notes-toolbar .sp-notes-toolbar-btn:hover{color:#222;background:#e0e0e0}.service-providers-page .sp-notes-toolbar .sp-notes-toolbar-sep{background:#ddd;width:1px;height:18px;margin:0 4px}.service-providers-page .sp-notes-textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:130px;line-height:1.5;border-top:none!important;border-radius:0 0 6px 6px!important;font-family:Consolas,Monaco,monospace!important;font-size:.88rem!important}.service-providers-page .sp-notes-preview{color:#444;background:#fafafa;border:1px solid #ddd;border-radius:6px;min-height:100px;padding:12px 14px;font-size:.88rem;line-height:1.65}.service-providers-page .sp-notes-preview h1,.service-providers-page .sp-notes-preview h2,.service-providers-page .sp-notes-preview h3,.service-providers-page .sp-notes-preview h4,.service-providers-page .sp-notes-preview h5,.service-providers-page .sp-notes-preview h6{color:#333;margin:.6em 0 .3em;font-size:1em}.service-providers-page .sp-notes-preview p{margin:.25em 0}.service-providers-page .sp-notes-preview code{background:#f0f0f0;border-radius:3px;padding:1px 4px;font-family:monospace}.service-providers-page .sp-notes-preview pre{background:#f5f5f5;border-radius:5px;padding:10px;overflow:auto}.service-providers-page .sp-notes-preview ul,.service-providers-page .sp-notes-preview ol{margin:.25em 0;padding-left:1.4em}.service-providers-page .sp-notes-preview blockquote{color:#777;border-left:3px solid #ccc;margin:.4em 0;padding:4px 10px}.service-providers-page .sp-notes-preview table{border-collapse:collapse;width:100%;font-size:.85em}.service-providers-page .sp-notes-preview table th,.service-providers-page .sp-notes-preview table td{text-align:left;border:1px solid #ddd;padding:4px 8px}.service-providers-page .sp-notes-preview table th{background:#f5f5f5}.service-providers-page .sp-category-manager-desc{color:#666;margin:0 0 16px;font-size:.87rem;line-height:1.5}.service-providers-page .sp-category-add-row{gap:8px;margin-bottom:16px;display:flex}.service-providers-page .sp-category-add-row .sp-category-input{border:1px solid #ddd;border-radius:6px;outline:none;flex:1;padding:8px 10px;font-family:inherit;font-size:.9rem}.service-providers-page .sp-category-add-row .sp-category-input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5026}.service-providers-page .sp-category-add-row .sp-btn-add-category{color:#fff;cursor:pointer;white-space:nowrap;background:#4caf50;border:none;border-radius:6px;align-items:center;gap:5px;padding:8px 14px;font-size:.88rem;font-weight:600;display:flex}.service-providers-page .sp-category-add-row .sp-btn-add-category:hover{background:#43a047}.service-providers-page .sp-category-add-row .sp-btn-add-category:disabled{opacity:.5;cursor:not-allowed}.service-providers-page .sp-category-list{border:1px solid #eee;border-radius:6px;overflow:hidden}.service-providers-page .sp-category-list .sp-category-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;display:flex}.service-providers-page .sp-category-list .sp-category-row:last-child{border-bottom:none}.service-providers-page .sp-category-list .sp-category-row .sp-category-name{color:#333;flex:1;font-size:.9rem}.service-providers-page .sp-category-list .sp-category-row .sp-category-in-use{color:#888;background:#f5f5f5;border:1px solid #eee;border-radius:10px;padding:2px 8px;font-size:.78rem}.service-providers-page .sp-btn-cancel{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:6px;padding:9px 18px;font-size:.9rem;display:flex}.service-providers-page .sp-btn-cancel:hover{background:#f5f5f5}.service-providers-page .sp-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.service-providers-page .sp-btn-save{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;align-items:center;gap:6px;padding:9px 20px;font-size:.9rem;font-weight:600;display:flex}.service-providers-page .sp-btn-save:hover{background:#43a047}.service-providers-page .sp-btn-save:disabled{opacity:.6;cursor:not-allowed}@keyframes sp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.service-contracts-page{box-sizing:border-box;max-width:100%;padding:0 6px 10px}.service-contracts-page .scp-page-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.service-contracts-page .scp-page-header .scp-header-left h1{color:#333;align-items:center;gap:10px;margin:0 0 4px;font-size:1.5rem;display:flex}.service-contracts-page .scp-page-header .scp-header-left .scp-header-desc{color:#666;margin:0;font-size:.9rem}.service-contracts-page .scp-stats-bar{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.service-contracts-page .scp-stats-bar .scp-stat-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;flex:1;gap:4px;min-width:140px;padding:14px 16px;transition:box-shadow .15s,border-color .15s;display:flex;box-shadow:0 1px 3px #0000000f}.service-contracts-page .scp-stats-bar .scp-stat-card:hover{box-shadow:0 3px 8px #0000001a}.service-contracts-page .scp-stats-bar .scp-stat-card.active-filter{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.service-contracts-page .scp-stats-bar .scp-stat-card .scp-stat-value{color:#333;font-size:2rem;font-weight:700;line-height:1}.service-contracts-page .scp-stats-bar .scp-stat-card .scp-stat-value.color-total{color:#555}.service-contracts-page .scp-stats-bar .scp-stat-card .scp-stat-value.color-active{color:#22c55e}.service-contracts-page .scp-stats-bar .scp-stat-card .scp-stat-value.color-expired{color:#ef4444}.service-contracts-page .scp-stats-bar .scp-stat-card .scp-stat-value.color-soon{color:#f59e0b}.service-contracts-page .scp-stats-bar .scp-stat-card .scp-stat-label{color:#888;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:500}.service-contracts-page .scp-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.service-contracts-page .scp-toolbar .scp-search-wrap{flex:1;min-width:220px;position:relative}.service-contracts-page .scp-toolbar .scp-search-wrap .scp-search-icon{color:#999;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.service-contracts-page .scp-toolbar .scp-search-wrap .scp-search{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:8px 12px 8px 34px;font-size:.9rem}.service-contracts-page .scp-toolbar .scp-search-wrap .scp-search:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.service-contracts-page .scp-toolbar .scp-filter-group{flex-wrap:wrap;gap:6px;display:flex}.service-contracts-page .scp-toolbar .scp-filter-group .scp-filter-btn{color:#555;cursor:pointer;white-space:nowrap;background:#f9f9f9;border:1px solid #ddd;border-radius:20px;padding:7px 14px;font-size:.85rem;font-weight:500;transition:all .15s}.service-contracts-page .scp-toolbar .scp-filter-group .scp-filter-btn:hover{background:#f0f0f0;border-color:#aaa}.service-contracts-page .scp-toolbar .scp-filter-group .scp-filter-btn.active{color:#fff;background:#4caf50;border-color:#4caf50}.service-contracts-page .scp-toolbar .scp-filter-group .scp-filter-btn.active-expired{color:#fff;background:#ef4444;border-color:#ef4444}.service-contracts-page .scp-toolbar .scp-filter-group .scp-filter-btn.active-soon{color:#fff;background:#f59e0b;border-color:#f59e0b}.service-contracts-page .scp-toolbar .scp-category-filter{align-items:center;gap:6px;display:flex}.service-contracts-page .scp-toolbar .scp-category-filter select{color:#555;cursor:pointer;background:#f9f9f9;border:1px solid #ddd;border-radius:6px;outline:none;padding:7px 10px;font-size:.85rem}.service-contracts-page .scp-toolbar .scp-category-filter select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5026}.service-contracts-page .scp-toolbar .scp-result-count{color:#888;white-space:nowrap;font-size:.85rem}.service-contracts-page .scp-loading{color:#888;justify-content:center;align-items:center;gap:10px;padding:60px 20px;font-size:.95rem;display:flex}.service-contracts-page .scp-empty{text-align:center;color:#aaa;padding:60px 20px;font-size:.95rem}.service-contracts-page .scp-table-wrap{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.service-contracts-page .scp-table{table-layout:auto;border-collapse:collapse;background:#fff;width:100%;min-width:0}.service-contracts-page .scp-table thead th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.05em;white-space:normal;background:#4b5563;border-bottom:1px solid #e5e7eb;padding:7px 10px;font-size:.78rem;font-weight:600}.service-contracts-page .scp-table thead .scp-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.service-contracts-page .scp-table tbody tr.scp-row{border-bottom:1px solid #f0f0f0;transition:background .1s}.service-contracts-page .scp-table tbody tr.scp-row:last-child{border-bottom:none}.service-contracts-page .scp-table tbody tr.scp-row:hover{background:#fafcff}.service-contracts-page .scp-table tbody tr.scp-row td{color:#333;vertical-align:middle;word-break:break-word;padding:10px 12px;font-size:.86rem}.service-contracts-page .scp-table tbody tr.scp-row .scp-provider-name{color:#222;font-weight:600}.service-contracts-page .scp-table tbody tr.scp-row .scp-provider-category{color:#888;margin-top:2px;font-size:.75rem}.service-contracts-page .scp-table tbody tr.scp-row .scp-router-name{color:#444;font-weight:500}.service-contracts-page .scp-table tbody tr.scp-row .scp-ip-address{color:#777;margin-top:2px;font-family:monospace;font-size:.8rem}.service-contracts-page .scp-table tbody tr.scp-row .scp-speed-cell,.service-contracts-page .scp-table tbody tr.scp-row .scp-sla-cell{font-variant-numeric:tabular-nums;white-space:nowrap}.service-contracts-page .scp-table tbody tr.scp-row .scp-expiry-ok{color:#22c55e;font-weight:600}.service-contracts-page .scp-table tbody tr.scp-row .scp-expiry-soon{color:#f59e0b;font-weight:600}.service-contracts-page .scp-table tbody tr.scp-row .scp-expiry-expired{color:#ef4444;font-weight:600}.service-contracts-page .scp-table tbody tr.scp-row .scp-expiry-none{color:#aaa}.service-contracts-page .scp-table tbody tr.scp-row .scp-status-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:5px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.service-contracts-page .scp-table tbody tr.scp-row .scp-status-badge.status-active{color:#16a34a;background:#dcfce7}.service-contracts-page .scp-table tbody tr.scp-row .scp-status-badge.status-expired{color:#dc2626;background:#fee2e2}.service-contracts-page .scp-table tbody tr.scp-row .scp-status-badge.status-soon{color:#d97706;background:#fef3c7}.service-contracts-page .scp-table tbody tr.scp-row .scp-status-badge.status-unknown{color:#9ca3af;background:#f3f4f6}.service-contracts-page .scp-table tbody tr.scp-row .scp-actions{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.service-contracts-page .scp-table tbody tr.scp-row .scp-actions button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:5px;align-items:center;gap:5px;padding:5px 9px;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.service-contracts-page .scp-table tbody tr.scp-row .scp-actions button.btn-edit{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.service-contracts-page .scp-table tbody tr.scp-row .scp-actions button.btn-edit:hover{background:#dbeafe;border-color:#93c5fd}.service-contracts-page .scp-table tbody tr.scp-row .scp-actions button.btn-history{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.service-contracts-page .scp-table tbody tr.scp-row .scp-actions button.btn-history:hover{background:#ede9fe;border-color:#c4b5fd}.service-contracts-page .scp-table tbody tr.scp-row .scp-actions button.btn-history.open{color:#fff;background:#7c3aed;border-color:#7c3aed}.service-contracts-page .scp-table tbody tr.scp-history-row{background:#fafafa;border-bottom:1px solid #e5e7eb}.service-contracts-page .scp-table tbody tr.scp-history-row td{padding:0}.service-contracts-page .scp-table tbody tr.scp-history-row .scp-history-panel{border-left:3px solid #7c3aed;margin:0;padding:12px 16px 12px 24px}.service-contracts-page .scp-table tbody tr.scp-history-row .scp-history-panel .scp-history-title{color:#555;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.82rem;font-weight:600}.service-contracts-page .scp-table tbody tr.scp-history-row .scp-history-panel .scp-history-loading{color:#aaa;padding:8px 0;font-size:.85rem}.service-contracts-page .scp-table tbody tr.scp-history-row .scp-history-panel .scp-history-empty{color:#aaa;font-size:.85rem;font-style:italic}.service-contracts-page .scp-table tbody tr.scp-history-row .scp-history-panel .scp-history-list{flex-direction:column;gap:10px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.service-contracts-page .scp-table tbody tr.scp-history-row .scp-history-panel .scp-history-list .scp-history-item{align-items:flex-start;gap:12px;font-size:.84rem;display:flex}.service-contracts-page .scp-table tbody tr.scp-history-row .scp-history-panel .scp-history-list .scp-history-item .scp-hist-dot{background:#7c3aed;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.service-contracts-page .scp-table tbody tr.scp-history-row .scp-history-panel .scp-history-list .scp-history-item .scp-hist-body{flex:1;min-width:0}.service-contracts-page .scp-table tbody tr.scp-history-row .scp-history-panel .scp-history-list .scp-history-item .scp-hist-body .scp-hist-timestamp{color:#999;margin-bottom:2px;font-size:.75rem}.service-contracts-page .scp-table tbody tr.scp-history-row .scp-history-panel .scp-history-list .scp-history-item .scp-hist-body .scp-hist-changes{color:#333;line-height:1.45}.service-contracts-page .scp-table tbody tr.scp-history-row .scp-history-panel .scp-history-list .scp-history-item .scp-hist-body .scp-hist-changes .scp-hist-field{color:#555;background:#f0f0f0;border-radius:3px;margin-right:4px;padding:1px 5px;font-size:.75rem;font-weight:600;display:inline-block}.service-contracts-page .scp-table tbody tr.scp-history-row .scp-history-panel .scp-history-list .scp-history-item .scp-hist-body .scp-hist-changes .scp-hist-arrow{color:#999;margin:0 4px}.service-contracts-page .scp-table tbody tr.scp-history-row .scp-history-panel .scp-history-list .scp-history-item .scp-hist-body .scp-hist-changes .scp-hist-old{color:#ef4444}.service-contracts-page .scp-table tbody tr.scp-history-row .scp-history-panel .scp-history-list .scp-history-item .scp-hist-body .scp-hist-changes .scp-hist-new{color:#22c55e}.service-contracts-page .scp-type-badge{white-space:nowrap;background:#fff;border:1px solid;border-radius:12px;align-items:center;gap:5px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.service-contracts-page .btn-delete{cursor:pointer;border:1px solid;border-radius:5px;font-size:.8rem;transition:all .15s;color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important;padding:5px 8px!important}.service-contracts-page .btn-delete:hover{background:#fee2e2!important;border-color:#fca5a5!important}.service-contracts-page .scp-terms-panel{border-left:3px solid #4caf50;padding:12px 16px}.service-contracts-page .scp-terms-panel .scp-terms-table{border-collapse:collapse;width:100%;font-size:.84rem}.service-contracts-page .scp-terms-panel .scp-terms-table thead th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:.04em;background:0 0;border-bottom:1px solid #e5e7eb;padding:7px 10px;font-size:.72rem;font-weight:600}.service-contracts-page .scp-terms-panel .scp-terms-table tbody td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:7px 10px}.service-contracts-page .scp-terms-panel .scp-terms-table tbody tr:last-child td{border-bottom:none}.service-contracts-page .scp-terms-empty{color:#aaa;border-left:3px solid #4caf50;padding:16px 20px;font-size:.85rem;font-style:italic}.service-contracts-page .scp-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.service-contracts-page .scp-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;box-shadow:0 20px 60px #0003}.service-contracts-page .scp-modal .scp-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.service-contracts-page .scp-modal .scp-modal-header h2{color:#333;margin:0;font-size:1.2rem}.service-contracts-page .scp-modal .scp-modal-header .scp-modal-close{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:1.1rem}.service-contracts-page .scp-modal .scp-modal-header .scp-modal-close:hover{color:#333;background:#f0f0f0}.service-contracts-page .scp-modal .scp-modal-body{flex:1;padding:24px;overflow-y:auto}.service-contracts-page .scp-modal .scp-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.service-contracts-page .scp-modal .scp-modal-footer .scp-btn-cancel{color:#555;cursor:pointer;background:#f9f9f9;border:1px solid #ddd;border-radius:6px;padding:8px 20px;font-size:.9rem}.service-contracts-page .scp-modal .scp-modal-footer .scp-btn-cancel:hover{background:#f0f0f0}.service-contracts-page .scp-modal .scp-modal-footer .scp-btn-save{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;font-size:.9rem;font-weight:600;display:flex}.service-contracts-page .scp-modal .scp-modal-footer .scp-btn-save:hover{background:#43a047}.service-contracts-page .scp-modal .scp-modal-footer .scp-btn-save:disabled{opacity:.6;cursor:not-allowed}.service-contracts-page .scp-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.service-contracts-page .scp-form-grid .scp-form-full{grid-column:1/-1}.service-contracts-page .scp-form-group{flex-direction:column;gap:4px;display:flex}.service-contracts-page .scp-form-group label{color:#555;text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.service-contracts-page .scp-form-group input,.service-contracts-page .scp-form-group select,.service-contracts-page .scp-form-group textarea{color:#333;border:1px solid #ddd;border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:.9rem}.service-contracts-page .scp-form-group input:focus,.service-contracts-page .scp-form-group select:focus,.service-contracts-page .scp-form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5026}.service-contracts-page .scp-form-group textarea{resize:vertical;min-height:60px}.service-contracts-page .scp-terms-section{margin-top:24px}.service-contracts-page .scp-terms-section .scp-terms-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.service-contracts-page .scp-terms-section .scp-terms-header h3{color:#333;align-items:center;gap:8px;margin:0;font-size:1rem;display:flex}.service-contracts-page .scp-terms-section .scp-add-term-btn{color:#4caf50;cursor:pointer;background:#f0fff0;border:1px solid #4caf50;border-radius:6px;align-items:center;gap:5px;padding:6px 14px;font-size:.82rem;font-weight:600;display:flex}.service-contracts-page .scp-terms-section .scp-add-term-btn:hover{background:#e0ffe0}.service-contracts-page .scp-terms-section .scp-terms-empty-msg{color:#aaa;padding:12px 0;font-size:.85rem;font-style:italic}.service-contracts-page .scp-term-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:16px}.service-contracts-page .scp-term-card .scp-term-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.service-contracts-page .scp-term-card .scp-term-card-header .scp-term-num{color:#4caf50;text-transform:uppercase;font-size:.82rem;font-weight:700}.service-contracts-page .scp-term-card .scp-term-card-header .scp-remove-term{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:4px;font-size:.85rem}.service-contracts-page .scp-term-card .scp-term-card-header .scp-remove-term:hover{color:#991b1b}.service-contracts-page .scp-documents-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:16px}.service-contracts-page .scp-doc-list{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.service-contracts-page .scp-doc-item{background:#f9f9f9;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;display:flex}.service-contracts-page .scp-doc-item .scp-doc-icon{flex-shrink:0;font-size:1.1rem}.service-contracts-page .scp-doc-item .scp-doc-info{flex:1;min-width:0}.service-contracts-page .scp-doc-item .scp-doc-info .scp-doc-name{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;text-decoration:none;display:block;overflow:hidden}.service-contracts-page .scp-doc-item .scp-doc-info .scp-doc-name:hover{color:#4caf50;text-decoration:underline}.service-contracts-page .scp-doc-item .scp-doc-info .scp-doc-meta{color:#888;font-size:.75rem;display:block}.service-contracts-page .scp-doc-item .scp-doc-actions{flex-shrink:0;gap:6px;display:flex}.service-contracts-page .scp-doc-item .scp-doc-actions .scp-doc-download,.service-contracts-page .scp-doc-item .scp-doc-actions .scp-doc-delete{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:.8rem;text-decoration:none}.service-contracts-page .scp-doc-item .scp-doc-actions .scp-doc-download{color:#3498db}.service-contracts-page .scp-doc-item .scp-doc-actions .scp-doc-download:hover{color:#2980b9;background:#eef6ff}.service-contracts-page .scp-doc-item .scp-doc-actions .scp-doc-delete{color:#dc2626}.service-contracts-page .scp-doc-item .scp-doc-actions .scp-doc-delete:hover{color:#991b1b;background:#fff0f0}.service-contracts-page .scp-upload-area{color:#4caf50;cursor:pointer;background:#f0fff0;border:1px dashed #4caf50;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:background .15s;display:inline-flex}.service-contracts-page .scp-upload-area:hover{background:#e0ffe0}.service-contracts-page .scp-term-docs-section{border-top:1px dashed #e5e7eb;margin-top:8px;padding-top:8px}.service-contracts-page .scp-term-docs-inline{flex-direction:column;gap:3px;display:flex}.service-contracts-page .scp-term-docs-inline .scp-term-doc-link{color:#333;align-items:center;gap:4px;font-size:.78rem;text-decoration:none;display:inline-flex}.service-contracts-page .scp-term-docs-inline .scp-term-doc-link span{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.service-contracts-page .scp-term-docs-inline .scp-term-doc-link:hover{color:#4caf50;text-decoration:underline}.scp-field-hint{color:#6b7280;margin-top:4px;font-size:.78rem;line-height:1.3;display:block}.template-renderer{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.template-renderer form{padding:0}.template-renderer .template-section{border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem;overflow:hidden}.template-renderer .template-section:last-of-type{border-bottom:none}.template-renderer .template-section .section-title{color:#333;letter-spacing:-.01em;border-bottom:3px solid #f63040;align-items:center;gap:.5rem;margin:0 0 1.25rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:700;display:flex}.template-renderer .template-section .section-title:before{content:"";background:#f63040;border-radius:2px;width:4px;height:1.25rem;margin-right:.25rem;display:inline-block}.template-renderer .template-section .section-fields{flex-direction:column;gap:1.25rem;width:100%;max-width:100%;display:flex}.template-renderer .field-group{margin-bottom:0;position:relative}.template-renderer .field-group .form-label{color:#475569;letter-spacing:.01em;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.template-renderer .field-group .form-label .required-indicator{color:#f63040;margin-left:.25rem;font-weight:700}.template-renderer .field-group .form-control{color:#333;background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.95rem;line-height:1.5;transition:all .2s}.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{background:#fefefe;border-color:#f63040;outline:none;box-shadow:0 0 0 4px #f630401a}.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{cursor:not-allowed;opacity:.7;background-color:#f9f9f9}.template-renderer .field-group textarea.form-control{resize:vertical;min-height:120px}.template-renderer .field-group select.form-control{appearance:none;cursor:pointer;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-position:right 1rem center;background-repeat:no-repeat;background-size:12px 10px;padding-right:2.5rem}.template-renderer .field-group .form-text{color:#94a3b8;margin-top:.5rem;font-size:.8rem;font-style:italic;display:block}.template-renderer .field-group .invalid-feedback{color:#f63040;margin-top:.5rem;font-size:.8rem;font-weight:500;animation:.4s ease-in-out shake;display:block}.template-renderer .checkbox-field .checkbox-wrapper{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:1rem 1.25rem;transition:all .2s}.template-renderer .checkbox-field .checkbox-wrapper:hover{background:#fff;border-color:#fa929a}.template-renderer .checkbox-field .checkbox-wrapper .form-check{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:flex-start;gap:.75rem;margin:0;padding:0;display:flex}.template-renderer .checkbox-field .checkbox-wrapper .form-check .form-check-input{cursor:pointer;accent-color:#f63040;border:2px solid #e2e8f0;border-radius:4px;flex-shrink:0;width:1.25rem;min-width:1.25rem;height:1.25rem;margin:.125rem 0 0;transition:all .2s}.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;color:#333;flex:1;font-size:.95rem;font-weight:600;line-height:1.4}.template-renderer .checkbox-field .checkbox-wrapper .form-text{color:#94a3b8;margin-top:.75rem;padding-left:2rem;font-size:.8rem;font-style:italic;display:block}.template-renderer .checkbox-field .invalid-feedback{margin-top:.5rem}.template-renderer .form-actions{background:linear-gradient(#fff 0%,#f8fafc 100%);border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;padding:1.25rem 2rem;display:flex;position:sticky;bottom:0}.template-renderer .form-actions .btn{cursor:pointer;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-width:160px;padding:.75rem 2rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.template-renderer .form-actions .btn svg{font-size:.9rem}.template-renderer .form-actions .btn.btn-primary{color:#fff;background:#f63040;border-color:#f63040}.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{color:#333;background:#fff;border-color:#e2e8f0}.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;box-shadow:none!important;transform:none!important}.template-renderer.read-only .form-control,.template-renderer.read-only .form-check-input{cursor:not-allowed;background-color:#f9f9f9;border-color:#e2e8f0}.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{box-sizing:border-box;width:100%;max-width:100%;margin-bottom:0;overflow:hidden}.field-row-container .field-row-label{color:#475569;border-bottom:1px dashed #e2e8f0;margin-bottom:1rem;padding-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.field-row-container .field-row-columns{box-sizing:border-box;flex-wrap:nowrap;align-items:stretch;gap:1.5rem;width:100%;display:flex}.field-row-container .row-column-wrapper{box-sizing:border-box;flex-direction:column;gap:1rem;min-width:0;display:flex;overflow:hidden}.field-row-container .row-column-wrapper .field-group{box-sizing:border-box;width:100%;margin-bottom:0}.field-row-container .row-column-wrapper .form-control{box-sizing:border-box;width:100%;max-width:100%}.field-row-container .row-column-wrapper textarea.form-control{width:100%;max-width:100%}.field-row-container .row-column-wrapper .checkbox-field{flex-direction:column;display:flex}.field-row-container .row-column-wrapper .checkbox-field .checkbox-wrapper{flex-direction:column;justify-content:flex-start;display:flex}@media (width<=992px){.field-row-container .field-row-columns{flex-wrap:wrap;gap:1rem}.field-row-container .field-row-columns .row-column-wrapper{min-width:100%;flex:100%!important;max-width:100%!important}}@media (width<=768px){.template-renderer{border-radius:0}.template-renderer .template-section{padding:1.25rem 1rem}.template-renderer .form-actions{flex-direction:column-reverse;padding:1rem}.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{background:linear-gradient(135deg,#f9f9f9 0%,#fff 100%);border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.toggle-switch-container:hover{border-color:#fa929a}.toggle-switch-container .toggle-switch{cursor:pointer;flex-shrink:0;width:52px;height:28px;margin:0;display:inline-block;position:relative}.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 0%,#e90a1c 100%)}.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{cursor:pointer;background:#e2e8f0;border-radius:28px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.toggle-switch-container .toggle-switch .toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 6px #0003}.toggle-switch-container .toggle-label{color:#333;min-width:40px;font-size:.95rem;font-weight:600}.radio-group{flex-direction:column;gap:.5rem;display:flex}.radio-group .form-check{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:all .2s;display:flex}.radio-group .form-check:hover{background:linear-gradient(135deg,#fff 0% 100%);border-color:#fa929a}.radio-group .form-check .form-check-input{accent-color:#f63040;cursor:pointer;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0}.radio-group .form-check .form-check-input:checked{background-color:#f63040;border-color:#f63040}.radio-group .form-check .form-check-label{cursor:pointer;color:#333;flex:1;font-weight:500}.radio-group .form-check:has(.form-check-input:checked){background:linear-gradient(135deg,#f630400d 0%,#f630401a 100%);border-color:#f63040}.rating-field{align-items:center;gap:.25rem;display:flex}.rating-field .rating-star{color:#8a888f;cursor:pointer;background:0 0;border:none;min-width:auto;height:auto;padding:.25rem;font-size:1.5rem;transition:all .2s}.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{color:#57565b;margin-left:.75rem;font-weight:500}.slider-field{align-items:center;gap:1rem;display:flex}.slider-field .form-range{-webkit-appearance:none;background:#a3a2a8;border-radius:3px;outline:none;flex:1;height:6px}.slider-field .form-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#f63040;border-radius:50%;width:20px;height:20px;transition:all .2s}.slider-field .form-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-field .form-range::-moz-range-thumb{cursor:pointer;background:#f63040;border:none;border-radius:50%;width:20px;height:20px}.slider-field .slider-value{text-align:center;color:#f63040;min-width:40px;font-weight:600}.signature-field .signature-pad{text-align:center;cursor:pointer;background:#f9f9f9;border:2px dashed #8a888f;border-radius:8px;padding:2rem;transition:all .2s;position:relative}.signature-field .signature-pad:hover{background:#f4f4f4;border-color:#f63040}.signature-field .signature-pad.signed{cursor:default;border-style:solid;border-color:#a3a2a8;padding:1rem}.signature-field .signature-pad.signed:hover{background:#f9f9f9;border-color:#a3a2a8}.signature-field .signature-pad .signature-image{object-fit:contain;max-width:100%;max-height:120px;margin:0 auto;display:block}.signature-field .signature-pad .signature-clear-btn{color:#57565b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.signature-field .signature-pad .signature-clear-btn:hover{color:#f63040;background:#fee;border-color:#f63040}.signature-field .signature-pad .signature-placeholder{color:#57565b;flex-direction:column;align-items:center;gap:.5rem;display:flex}.signature-field .signature-pad .signature-placeholder svg{font-size:1.5rem}.signature-field .signature-pad .signature-placeholder small{color:#7d7b82;font-size:.8rem}.signature-field .signature-pad .signature-placeholder.clickable,.signature-field .signature-pad .signature-placeholder.clickable svg{color:#f63040}.signature-field .signature-pad .signature-placeholder.no-signature{color:#706f75;cursor:default}.checklist-item-field{background:#f9f9f9;border:1px solid #a3a2a8;border-radius:8px;grid-template-columns:1fr 200px auto;align-items:start;gap:1rem;padding:1rem;display:grid}.checklist-item-field .checklist-description{color:#333;font-weight:500;line-height:1.5}.checklist-item-field .checklist-comments textarea{resize:vertical;min-height:60px}.checklist-item-field .checklist-toggle{flex-direction:column;align-items:center;gap:.25rem;display:flex}.checklist-item-wrapper.full-width{grid-column:1/-1}.checklist-group-field{border:1px solid #8a888f;border-radius:8px;overflow:hidden}.checklist-group-field .checklist-group-header{color:#fff;background:#57565b;padding:.75rem 1rem;font-weight:600}.checklist-group-field .checklist-group-items{padding:.5rem}.checklist-group-field .checklist-sub-item{border-bottom:1px solid #b0b0b4;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.checklist-group-field .checklist-sub-item:last-child{border-bottom:none}.checklist-group-field .checklist-sub-item .sub-item-number{color:#f63040;min-width:24px;font-weight:600}.checklist-group-field .checklist-sub-item .sub-item-label{color:#333;flex:1}.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{width:16px;height:16px}.checklist-group-field .checklist-sub-item .toggle-switch.small input:checked+.toggle-slider:before{transform:translate(18px)}.checklist-group-field .checklist-group-comments{background:#f9f9f9;border-top:1px solid #a3a2a8;padding:.75rem 1rem}.checklist-group-wrapper.full-width{grid-column:1/-1}.heading-field h4{color:#333;border-bottom:2px solid #f63040;margin:0;padding-bottom:.5rem;font-weight:700}.heading-wrapper.full-width{grid-column:1/-1;margin-top:1rem}.divider-field hr{border:none;border-top:1px solid #97959b;margin:0}.divider-wrapper.full-width{grid-column:1/-1;padding:.5rem 0}.paragraph-field p{color:#57565b;background:#f4f4f4;border-left:3px solid #f63040;border-radius:0 8px 8px 0;margin:0;padding:.75rem;font-size:.95rem;line-height:1.6}.paragraph-wrapper.full-width,.spacer-wrapper.full-width{grid-column:1/-1}.markdown-block-field{color:#57565b;background:#f8f9fa;border-left:3px solid #f63040;border-radius:0 8px 8px 0;padding:.75rem 1rem;font-size:.95rem;line-height:1.65}.markdown-block-field p{margin:0 0 .5em}.markdown-block-field p:last-child{margin-bottom:0}.markdown-block-field strong{font-weight:700}.markdown-block-field em{font-style:italic}.markdown-block-field code{background:#edf2f7;border-radius:3px;padding:2px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85em}.markdown-block-field ul,.markdown-block-field ol{margin:0 0 .5em;padding-left:1.4em}.markdown-block-field li{margin-bottom:2px}.markdown-block-field h1,.markdown-block-field h2,.markdown-block-field h3,.markdown-block-field h4,.markdown-block-field h5,.markdown-block-field h6{margin:.4em 0 .2em;font-size:1em;font-weight:700}.markdown-block-field blockquote{color:#666;border-left:3px solid #ccc;margin:.5em 0;padding:.25em .75em;font-style:italic}.markdown-block-wrapper.full-width{grid-column:1/-1}.question-block-field{word-break:break-word;white-space:pre-wrap;align-items:flex-start;transition:box-shadow .15s;display:flex}.question-block-field .question-block-icon{flex-shrink:0;font-size:1.1em;line-height:1}.question-block-field .question-block-text{flex:1}.question-block-wrapper.full-width{grid-column:1/-1}.icon-display-field{min-height:28px;padding:4px 0}.icon-display-field i{line-height:1;display:inline-block}.icon-display-field .icon-display-caption{margin-top:4px}.icon-display-wrapper.full-width{grid-column:1/-1}.multi-select-field{flex-direction:column;gap:8px;display:flex}.multi-select-field.layout-horizontal{flex-flow:wrap;gap:12px}.multi-select-field .multi-select-option{color:#333;cursor:pointer;align-items:center;gap:8px;font-size:.95rem;display:flex}.multi-select-field .multi-select-option input[type=checkbox]{accent-color:#f63040;cursor:pointer;width:16px;height:16px}.multi-select-field .multi-select-option.other-option .other-text-input{border:1px solid #97959b;border-radius:8px;flex:1;max-width:200px;margin-left:4px;padding:4px 8px;font-size:.9rem}.multi-select-field .multi-select-option.other-option .other-text-input:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 2px #f6304026}.likert-scale-field .likert-points{justify-content:space-between;gap:6px;display:flex}.likert-scale-field .likert-point{cursor:pointer;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:10px 4px;transition:background .15s;display:flex}.likert-scale-field .likert-point:hover{background:#f1f1f1}.likert-scale-field .likert-point.selected{background:#f6304014}.likert-scale-field .likert-point.selected .likert-radio{background:#f63040;border-color:#f63040;box-shadow:inset 0 0 0 3px #fff}.likert-scale-field .likert-point .likert-radio{background:#fff;border:2px solid #97959b;border-radius:50%;width:22px;height:22px;transition:all .15s}.likert-scale-field .likert-point .likert-label{color:#57565b;text-align:center;word-wrap:break-word;max-width:80px;font-size:.7rem;line-height:1.3}.image-display-field{padding:4px 0}.image-display-field img{border-radius:8px;display:inline-block;box-shadow:0 1px 4px #0000000f}.image-display-field .image-caption{color:#57565b;margin-top:6px;font-size:.85rem;font-style:italic}.image-display-wrapper.full-width{grid-column:1/-1}.info-alert-field{word-break:break-word;white-space:pre-wrap}.info-alert-wrapper.full-width{grid-column:1/-1}@media (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}}.entra-user-selector-field{position:relative}.entra-user-selector-field .entra-suggestions-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:0 0 6px 6px;max-height:280px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.entra-user-selector-field .entra-suggestions-dropdown .entra-suggestion-item{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:10px 14px;transition:background .15s}.entra-user-selector-field .entra-suggestions-dropdown .entra-suggestion-item:last-child{border-bottom:none}.entra-user-selector-field .entra-suggestions-dropdown .entra-suggestion-item:hover{background:#f8fafc}.entra-user-selector-field .entra-suggestions-dropdown .entra-suggestion-item .entra-suggestion-name{color:#2d3748;font-size:.9rem;font-weight:600}.entra-user-selector-field .entra-suggestions-dropdown .entra-suggestion-item .entra-suggestion-details{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.entra-user-selector-field .entra-suggestions-dropdown .entra-suggestion-item .entra-suggestion-details .entra-detail{color:#718096;font-size:.78rem}.entra-user-selector-field .entra-suggestions-dropdown .entra-suggestion-item .entra-suggestion-details .entra-detail.entra-email{color:#4299e1}.role-selector-field .data-linked-loading{color:#94a3b8;align-items:center;gap:8px;padding:8px 0;font-size:.85rem;display:flex}.it-service-desk-page{box-sizing:border-box;max-width:100%;padding:0 6px 10px}.it-service-desk-page .itsd-page-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.it-service-desk-page .itsd-page-header .itsd-header-left h1{color:#333;align-items:center;gap:10px;margin:0 0 4px;font-size:1.5rem;display:flex}.it-service-desk-page .itsd-page-header .itsd-header-left .itsd-header-desc{color:#666;margin:0;font-size:.9rem}.it-service-desk-page .itsd-tabs{border-bottom:2px solid #e5e7eb;flex-wrap:wrap;gap:4px;margin-bottom:20px;display:flex}.it-service-desk-page .itsd-tabs .itsd-tab{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 18px;font-size:.9rem;transition:color .15s,border-color .15s;display:flex}.it-service-desk-page .itsd-tabs .itsd-tab:hover{color:#333}.it-service-desk-page .itsd-tabs .itsd-tab.active{color:#4a90d9;border-bottom-color:#4a90d9;font-weight:600}.it-service-desk-page .itsd-section .itsd-section-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.it-service-desk-page .itsd-section .itsd-search-box{background:#fff;border:1px solid #ddd;border-radius:6px;flex:1;align-items:center;gap:8px;min-width:200px;max-width:400px;padding:8px 12px;display:flex}.it-service-desk-page .itsd-section .itsd-search-box input{border:none;outline:none;flex:1;font-size:.9rem}.it-service-desk-page .itsd-section .itsd-search-box svg{color:#999}.it-service-desk-page .itsd-section .itsd-filter-select{background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:.9rem}.it-service-desk-page .itsd-section .itsd-date-range{align-items:center;gap:12px;display:flex}.it-service-desk-page .itsd-section .itsd-date-range label{color:#555;align-items:center;gap:6px;font-size:.85rem;display:flex}.it-service-desk-page .itsd-section .itsd-date-range label input{border:1px solid #ddd;border-radius:6px;padding:6px 10px;font-size:.85rem}.it-service-desk-page .itsd-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:6px;padding:9px 16px;font-size:.9rem;transition:background .15s;display:inline-flex}.it-service-desk-page .itsd-btn:hover{background:#f5f5f5}.it-service-desk-page .itsd-btn.primary{color:#fff;background:#4a90d9;border-color:#4a90d9}.it-service-desk-page .itsd-btn.primary:hover{background:#3a7bc8}.it-service-desk-page .itsd-btn.secondary{color:#4a90d9;background:#f0f7ff;border-color:#b3d4fc}.it-service-desk-page .itsd-btn.secondary:hover{background:#dbeafe}.it-service-desk-page .itsd-btn:disabled{opacity:.6;cursor:not-allowed}.it-service-desk-page .itsd-btn-icon{cursor:pointer;color:#666;background:0 0;border:none;padding:4px}.it-service-desk-page .itsd-btn-icon:hover{color:#333}.it-service-desk-page .itsd-badge{border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.it-service-desk-page .itsd-badge.default{color:#1e40af;background:#dbeafe}.it-service-desk-page .itsd-badge.inactive,.it-service-desk-page .itsd-badge.paused{color:#991b1b;background:#fee2e2}.it-service-desk-page .itsd-badge.draft{color:#92400e;background:#fef3c7}.it-service-desk-page .itsd-badge.published{color:#065f46;background:#d1fae5}.it-service-desk-page .itsd-badge.archived{color:#4b5563;background:#e5e7eb}.it-service-desk-page .itsd-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;padding:20px;box-shadow:0 1px 3px #0000000f}.it-service-desk-page .itsd-form-card h3{color:#333;margin:0 0 16px;font-size:1.1rem}.it-service-desk-page .itsd-form-card h4{color:#555;margin:16px 0 8px;font-size:.95rem}.it-service-desk-page .itsd-form-card .itsd-form-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.it-service-desk-page .itsd-form-card .itsd-form-grid.four-col{grid-template-columns:repeat(4,1fr)}.it-service-desk-page .itsd-form-card .itsd-form-grid label{color:#555;flex-direction:column;gap:4px;font-size:.85rem;font-weight:500;display:flex}.it-service-desk-page .itsd-form-card .itsd-form-grid label input,.it-service-desk-page .itsd-form-card .itsd-form-grid label select,.it-service-desk-page .itsd-form-card .itsd-form-grid label textarea{border:1px solid #ddd;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:.9rem}.it-service-desk-page .itsd-form-card .itsd-form-grid label input:focus,.it-service-desk-page .itsd-form-card .itsd-form-grid label select:focus,.it-service-desk-page .itsd-form-card .itsd-form-grid label textarea:focus{border-color:#4a90d9;outline:none;box-shadow:0 0 0 2px #4a90d926}.it-service-desk-page .itsd-form-card .itsd-form-grid label small{color:#999;font-size:.75rem}.it-service-desk-page .itsd-form-card .itsd-form-grid .itsd-checkbox-label{flex-direction:row;align-items:center;gap:8px}.it-service-desk-page .itsd-form-card .itsd-form-grid .itsd-checkbox-label input[type=checkbox]{width:auto}.it-service-desk-page .itsd-form-card .itsd-icon-preview{color:#4a90d9;align-items:center;gap:6px;margin-top:4px;font-size:1.3rem;display:inline-flex}.it-service-desk-page .itsd-form-card .itsd-form-actions{border-top:1px solid #eee;gap:8px;margin-top:16px;padding-top:12px;display:flex}.it-service-desk-page .itsd-editor-toolbar{background:#f9fafb;border:1px solid #ddd;border-bottom:none;border-radius:6px 6px 0 0;align-items:center;gap:2px;margin-top:12px;padding:6px 8px;display:flex}.it-service-desk-page .itsd-editor-toolbar button{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;padding:6px 8px}.it-service-desk-page .itsd-editor-toolbar button:hover{color:#333;background:#e5e7eb}.it-service-desk-page .itsd-editor-toolbar button.active{color:#4a90d9;background:#dbeafe}.it-service-desk-page .itsd-editor-toolbar .itsd-editor-divider{background:#ddd;width:1px;height:20px;margin:0 6px}.it-service-desk-page .itsd-content-editor{resize:vertical;box-sizing:border-box;border:1px solid #ddd;border-radius:0 0 6px 6px;width:100%;padding:12px;font-family:SFMono-Regular,Consolas,monospace;font-size:.9rem;line-height:1.5}.it-service-desk-page .itsd-content-editor:focus{border-color:#4a90d9;outline:none}.it-service-desk-page .itsd-markdown-body{color:#333;padding:16px;line-height:1.6}.it-service-desk-page .itsd-markdown-body.preview-box{background:#fff;border:1px solid #ddd;border-radius:0 0 6px 6px;min-height:200px}.it-service-desk-page .itsd-markdown-body h1,.it-service-desk-page .itsd-markdown-body h2,.it-service-desk-page .itsd-markdown-body h3,.it-service-desk-page .itsd-markdown-body h4{margin:16px 0 8px}.it-service-desk-page .itsd-markdown-body h2{border-bottom:1px solid #eee;padding-bottom:6px;font-size:1.3rem}.it-service-desk-page .itsd-markdown-body p{margin:0 0 10px}.it-service-desk-page .itsd-markdown-body code{background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:.85em}.it-service-desk-page .itsd-markdown-body pre{background:#f3f4f6;border-radius:6px;padding:12px;overflow-x:auto}.it-service-desk-page .itsd-markdown-body blockquote{color:#555;border-left:3px solid #4a90d9;margin-left:0;padding-left:12px}.it-service-desk-page .itsd-markdown-body ul,.it-service-desk-page .itsd-markdown-body ol{padding-left:24px}.it-service-desk-page .itsd-markdown-body table{border-collapse:collapse;width:100%;margin:12px 0}.it-service-desk-page .itsd-markdown-body th,.it-service-desk-page .itsd-markdown-body td{text-align:left;border:1px solid #e5e7eb;padding:8px}.it-service-desk-page .itsd-markdown-body th{background:#f9fafb;font-weight:600}.it-service-desk-page .itsd-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;margin:12px 0;overflow:hidden;box-shadow:0 1px 3px #0000000f}.it-service-desk-page .itsd-table th,.it-service-desk-page .itsd-table td{text-align:left;border-bottom:1px solid #f0f0f0;padding:10px 14px;font-size:.9rem}.it-service-desk-page .itsd-table th{color:#555;text-align:left;background:#f9fafb;font-weight:600}.it-service-desk-page .itsd-table.compact th,.it-service-desk-page .itsd-table.compact td{padding:6px 10px;font-size:.85rem}.it-service-desk-page .itsd-stats-row{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.it-service-desk-page .itsd-stats-row .itsd-stat{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;flex:1;gap:4px;min-width:120px;padding:14px 16px;display:flex;box-shadow:0 1px 3px #0000000f}.it-service-desk-page .itsd-stats-row .itsd-stat .itsd-stat-value{color:#333;font-size:1.8rem;font-weight:700;line-height:1}.it-service-desk-page .itsd-stats-row .itsd-stat .itsd-stat-value.color-green{color:#22c55e}.it-service-desk-page .itsd-stats-row .itsd-stat .itsd-stat-value.color-red{color:#ef4444}.it-service-desk-page .itsd-stats-row .itsd-stat .itsd-stat-value.csat-score{color:#f59e0b}.it-service-desk-page .itsd-stats-row .itsd-stat .itsd-stat-label{color:#888;align-items:center;gap:4px;font-size:.8rem;display:flex}.it-service-desk-page .itsd-report-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;padding:20px;box-shadow:0 1px 3px #0000000f}.it-service-desk-page .itsd-report-card .itsd-report-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.it-service-desk-page .itsd-report-card .itsd-report-header h3{color:#333;margin:0}.it-service-desk-page .itsd-category-tree .itsd-category-node .itsd-category-row{border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;padding:8px 12px;transition:background .1s;display:flex}.it-service-desk-page .itsd-category-tree .itsd-category-node .itsd-category-row:hover{background:#f9fafb}.it-service-desk-page .itsd-category-tree .itsd-category-node .itsd-category-row .itsd-expand-btn{cursor:pointer;color:#888;background:0 0;border:none;padding:4px}.it-service-desk-page .itsd-category-tree .itsd-category-node .itsd-category-row .itsd-expand-btn:hover{color:#4a90d9}.it-service-desk-page .itsd-category-tree .itsd-category-node .itsd-category-row .itsd-category-color{border-radius:3px;flex-shrink:0;width:12px;height:12px}.it-service-desk-page .itsd-category-tree .itsd-category-node .itsd-category-row .itsd-category-name{color:#333;font-weight:500}.it-service-desk-page .itsd-category-tree .itsd-category-node .itsd-category-row .itsd-category-path{color:#999;margin-left:8px;font-size:.8rem}.it-service-desk-page .itsd-category-tree .itsd-category-node .itsd-category-row .itsd-category-actions{gap:4px;margin-left:auto;display:flex}.it-service-desk-page .itsd-category-tree .itsd-category-node .itsd-category-row .itsd-category-actions button{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;padding:4px 6px}.it-service-desk-page .itsd-category-tree .itsd-category-node .itsd-category-row .itsd-category-actions button:hover{color:#4a90d9;background:#f0f7ff}.it-service-desk-page .itsd-category-tree .itsd-category-node .itsd-category-row .itsd-category-actions button.danger:hover{color:#ef4444;background:#fef2f2}.it-service-desk-page .itsd-card-list{flex-direction:column;gap:8px;display:flex}.it-service-desk-page .itsd-policy-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.it-service-desk-page .itsd-policy-card.is-default{border-left:3px solid #4a90d9}.it-service-desk-page .itsd-policy-card .itsd-policy-header{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.it-service-desk-page .itsd-policy-card .itsd-policy-header:hover{background:#f9fafb}.it-service-desk-page .itsd-policy-card .itsd-policy-header .itsd-policy-title{color:#333;align-items:center;gap:8px;font-weight:500;display:flex}.it-service-desk-page .itsd-policy-card .itsd-policy-header .itsd-policy-title svg{color:#4a90d9}.it-service-desk-page .itsd-policy-card .itsd-policy-header .itsd-policy-actions{align-items:center;gap:8px;display:flex}.it-service-desk-page .itsd-policy-card .itsd-policy-header .itsd-policy-actions button{cursor:pointer;color:#888;background:0 0;border:none;padding:4px}.it-service-desk-page .itsd-policy-card .itsd-policy-header .itsd-policy-actions button:hover{color:#4a90d9}.it-service-desk-page .itsd-policy-card .itsd-policy-detail{padding:0 16px 16px}.it-service-desk-page .itsd-policy-card .itsd-policy-detail .itsd-policy-desc{color:#666;margin:0 0 12px;font-size:.9rem}.it-service-desk-page .itsd-policy-card .itsd-policy-detail .itsd-policy-meta{color:#666;flex-wrap:wrap;gap:16px;margin-top:12px;font-size:.85rem;display:flex}.it-service-desk-page .itsd-policy-card .itsd-policy-detail .itsd-policy-meta span{align-items:center;gap:4px;display:flex}.it-service-desk-page .itsd-article-list{flex-direction:column;gap:8px;display:flex}.it-service-desk-page .itsd-article-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:14px 16px;transition:box-shadow .15s;box-shadow:0 1px 3px #0000000f}.it-service-desk-page .itsd-article-card:hover{box-shadow:0 3px 8px #0000001a}.it-service-desk-page .itsd-article-card .itsd-article-title{color:#333;align-items:center;gap:8px;margin-bottom:4px;font-weight:500;display:flex}.it-service-desk-page .itsd-article-card .itsd-article-title svg{color:#4a90d9;flex-shrink:0}.it-service-desk-page .itsd-article-card .itsd-article-summary{color:#666;margin:4px 0 8px;font-size:.85rem}.it-service-desk-page .itsd-article-card .itsd-article-footer{color:#888;align-items:center;gap:12px;font-size:.8rem;display:flex}.it-service-desk-page .itsd-article-card .itsd-article-footer span{align-items:center;gap:4px;display:flex}.it-service-desk-page .itsd-article-card .itsd-article-footer .itsd-article-actions{gap:4px;margin-left:auto;display:flex}.it-service-desk-page .itsd-article-card .itsd-article-footer .itsd-article-actions button{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;padding:4px 6px}.it-service-desk-page .itsd-article-card .itsd-article-footer .itsd-article-actions button:hover{color:#4a90d9;background:#f0f7ff}.it-service-desk-page .itsd-article-card .itsd-article-footer .itsd-article-actions button.danger:hover{color:#ef4444;background:#fef2f2}.it-service-desk-page .itsd-article-view{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;padding:20px;box-shadow:0 1px 3px #0000000f}.it-service-desk-page .itsd-article-view .itsd-article-view-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.it-service-desk-page .itsd-article-view .itsd-article-view-header h2{color:#333;margin:0}.it-service-desk-page .itsd-article-view .itsd-article-meta{color:#666;border-bottom:1px solid #eee;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding-bottom:12px;font-size:.85rem;display:flex}.it-service-desk-page .itsd-article-view .itsd-article-meta span{align-items:center;gap:4px;display:flex}.it-service-desk-page .itsd-schedule-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:14px 16px;box-shadow:0 1px 3px #0000000f}.it-service-desk-page .itsd-schedule-card.paused{opacity:.7}.it-service-desk-page .itsd-schedule-card .itsd-schedule-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.it-service-desk-page .itsd-schedule-card .itsd-schedule-header .itsd-schedule-title{color:#333;align-items:center;gap:8px;font-weight:500;display:flex}.it-service-desk-page .itsd-schedule-card .itsd-schedule-header .itsd-schedule-actions{gap:4px;display:flex}.it-service-desk-page .itsd-schedule-card .itsd-schedule-header .itsd-schedule-actions button{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;padding:4px 6px}.it-service-desk-page .itsd-schedule-card .itsd-schedule-header .itsd-schedule-actions button:hover{color:#4a90d9;background:#f0f7ff}.it-service-desk-page .itsd-schedule-card .itsd-schedule-header .itsd-schedule-actions button.danger:hover{color:#ef4444;background:#fef2f2}.it-service-desk-page .itsd-schedule-card .itsd-schedule-detail{color:#888;flex-wrap:wrap;gap:14px;font-size:.8rem;display:flex}.it-service-desk-page .itsd-schedule-card .itsd-schedule-detail span{align-items:center;gap:4px;display:flex}.it-service-desk-page .itsd-schedule-card .itsd-schedule-template{color:#555;margin:6px 0 0;font-size:.85rem}.it-service-desk-page .star-filled{color:#f59e0b}.it-service-desk-page .star-empty{color:#ddd}.it-service-desk-page .itsd-feedback-list{flex-direction:column;gap:8px;display:flex}.it-service-desk-page .itsd-feedback-list .itsd-feedback-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px}.it-service-desk-page .itsd-feedback-list .itsd-feedback-card .itsd-feedback-stars{margin-bottom:6px}.it-service-desk-page .itsd-feedback-list .itsd-feedback-card .itsd-feedback-text{color:#333;margin:0;font-size:.9rem}.it-service-desk-page .itsd-feedback-list .itsd-feedback-card .itsd-feedback-date{color:#999;margin-top:4px;font-size:.75rem;display:block}.it-service-desk-page .itsd-empty{text-align:center;color:#999;padding:32px;font-size:.9rem}.it-service-desk-page .color-green{color:#22c55e}.it-service-desk-page .color-red{color:#ef4444}.it-service-desk-page .spin{animation:1s linear infinite itsd-spin}@keyframes itsd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.remediation-step-editor{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:12px 14px}.remediation-step-editor .step-editor-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.remediation-step-editor .step-editor-header h4{color:#374151;align-items:center;gap:8px;margin:0;font-size:.9rem;display:flex}.remediation-step-editor .step-editor-header .step-editor-actions{gap:4px;display:flex}.remediation-step-editor .steps-empty{text-align:left;color:#6b7280;padding:10px 0;font-size:.85rem}.remediation-step-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:10px;overflow:hidden}.remediation-step-card .step-card-head{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.remediation-step-card .step-card-head .step-index{color:#fff;background:#f63040;border-radius:50%;flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:inline-flex}.remediation-step-card .step-card-head .step-title{flex:1 1 0;min-width:0;overflow:hidden}.remediation-step-card .step-card-head .step-title .step-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.85rem;font-weight:600;overflow:hidden}.remediation-step-card .step-card-head .step-title .step-action-type{color:#6b7280;flex-wrap:nowrap;align-items:center;gap:5px;margin-top:2px;font-size:.72rem;display:flex}.remediation-step-card .step-card-head .step-title .step-action-type .step-type-chip{color:#f63040;white-space:nowrap;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:.65rem;font-weight:600}.remediation-step-card .step-card-head .step-title .step-action-type .step-type-chip.step-type-chip--safe{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.remediation-step-card .step-card-head .step-head-controls{flex:none;align-items:center;gap:2px;margin-left:auto;display:flex}.remediation-step-card .step-card-head .step-head-controls .btn-icon{color:#6b7280;width:28px;min-width:0;height:28px;font-size:inherit;font-weight:inherit;line-height:inherit;box-sizing:border-box;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:inline-flex}.remediation-step-card .step-card-head .step-head-controls .btn-icon:hover{color:#f63040;background-color:#f3f4f6;transform:none}.remediation-step-card .step-card-head .step-head-controls .btn-icon:active{transform:none}.remediation-step-card .step-card-head .step-head-controls .btn-icon.btn-danger:hover{color:#d41f2f}.remediation-step-card .step-card-head .step-head-controls .btn-icon:disabled{opacity:.35;cursor:not-allowed;background:0 0}.remediation-step-card .step-card-body{border-top:1px solid #e5e7eb;padding:12px 12px 6px}.remediation-step-card .step-card-body .step-config-fields{margin-top:6px}.remediation-step-card .step-card-body .step-advanced-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=720px){.remediation-step-card .step-card-body .step-advanced-grid{grid-template-columns:repeat(2,1fr)}}.remediation-step-card .step-card-body .step-condition-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.remediation-step-card .step-card-body .field-help{color:#9ca3af;margin-top:2px;font-size:.72rem;display:block}.remediation-step-card .step-card-body .code-textarea{white-space:pre;tab-size:4;font-family:Cascadia Code,Consolas,Courier New,monospace;font-size:.8rem;line-height:1.45}.remediation-step-card .step-card-body .script-field-toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.remediation-step-card .step-card-body .script-field-toolbar label{margin:0}.btn-icon.btn-reorder{color:#6b7280}.btn-icon.btn-reorder:hover{color:#f63040}.btn-icon.btn-reorder:disabled{opacity:.35;cursor:not-allowed}.wizard-preview-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px}.wizard-preview-panel .preview-head{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.wizard-preview-panel .preview-head h4{color:#374151;align-items:center;gap:8px;margin:0;font-size:.9rem;display:flex}.wizard-preview-panel .preview-mode-banner{border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;display:flex}.wizard-preview-panel .preview-mode-banner.mode-live{color:#d41f2f;background:#fef2f2}.wizard-preview-panel .preview-mode-banner.mode-simulated{color:#b45309;background:#fffbeb}.wizard-preview-panel .preview-mode-banner.mode-disabled{color:#6b7280;background:#f3f4f6}.wizard-preview-panel .preview-steps{margin:0;padding:0;list-style:none}.wizard-preview-panel .preview-step{text-align:left;border-bottom:1px solid #f1f1f1;gap:10px;padding:10px 14px;display:flex}.wizard-preview-panel .preview-step:last-child{border-bottom:none}.wizard-preview-panel .preview-step .preview-step-order{color:#374151;background:#f3f4f6;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:inline-flex}.wizard-preview-panel .preview-step .preview-step-main{flex:auto;min-width:0}.wizard-preview-panel .preview-step .preview-step-main .preview-step-name{color:#111827;font-size:.84rem;font-weight:600}.wizard-preview-panel .preview-step .preview-step-main .preview-step-desc{color:#4b5563;margin-top:2px;font-size:.8rem}.wizard-preview-panel .preview-step .preview-step-main .preview-step-meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.wizard-preview-panel .preview-step .preview-step-main .preview-step-meta .meta-chip{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;padding:2px 7px;font-size:.68rem}.wizard-preview-panel .preview-step .preview-step-main .preview-step-meta .meta-chip.live{color:#f63040;background:#fef2f2;border-color:#fecaca}.wizard-preview-panel .preview-step .preview-step-main .preview-step-meta .meta-chip.simulated{color:#b45309;background:#fffbeb;border-color:#fde68a}.wizard-preview-panel .preview-step .preview-step-main .preview-step-meta .meta-chip.condition{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.script-library .script-risk{font-weight:600}.script-library .script-risk.risk-Low{color:#6b7280}.script-library .script-risk.risk-Medium{color:#f59e0b}.script-library .script-risk.risk-High{color:#ef4444}.script-library .script-system-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-left:6px;padding:2px 7px;font-size:.66rem;font-weight:600}.script-library .script-version{color:#9ca3af;font-size:.72rem}.script-library .row-sub{color:#6b7280;margin-top:2px;font-size:.78rem}.script-picker{align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.script-picker select{padding:3px 6px;font-size:.78rem}.fqt-page{box-sizing:border-box;width:100%;max-width:100%;padding:0}.fqt-page .fqt-page-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.fqt-page .fqt-page-header .fqt-header-left h1{color:#333;align-items:center;gap:10px;margin:0 0 4px;font-size:1.5rem;display:flex}.fqt-page .fqt-page-header .fqt-header-left .fqt-header-desc{color:#666;margin:0;font-size:.9rem}.fqt-page .fqt-query-builder{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #00000014}.fqt-page .fqt-query-builder .fqt-section-title{color:#333;margin-bottom:16px;font-size:1rem;font-weight:600}.fqt-page .fqt-type-cards{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.fqt-page .fqt-type-card{cursor:pointer;text-align:left;box-sizing:border-box;background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:flex-start;gap:14px;min-width:260px;height:auto;padding:16px;transition:all .15s;display:flex}.fqt-page .fqt-type-card:hover{background:#f5f5f5;border-color:#999}.fqt-page .fqt-type-card.fqt-type-active{background:#f1f8e9;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5026}.fqt-page .fqt-type-card .fqt-type-icon{color:#888;flex-shrink:0;margin-top:2px;font-size:1.5rem}.fqt-page .fqt-type-card.fqt-type-active .fqt-type-icon{color:#4caf50}.fqt-page .fqt-type-card .fqt-type-info .fqt-type-name{color:#222;margin-bottom:4px;font-size:.95rem;font-weight:600}.fqt-page .fqt-type-card .fqt-type-info .fqt-type-desc{color:#777;font-size:.82rem;line-height:1.4}.fqt-page .fqt-params{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:16px;display:flex}.fqt-page .fqt-param-group{flex-direction:column;gap:4px;display:flex}.fqt-page .fqt-param-group .fqt-label{color:#555;text-transform:uppercase;letter-spacing:.3px;font-size:.82rem;font-weight:600}.fqt-page .fqt-param-group .fqt-select{border:1px solid #ddd;border-radius:6px;outline:none;min-width:140px;padding:8px 12px;font-size:.9rem}.fqt-page .fqt-param-group .fqt-select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.fqt-page .fqt-param-group.fqt-param-execute{margin-left:auto}.fqt-page .fqt-btn-execute{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;align-items:center;gap:8px;padding:9px 22px;font-size:.9rem;font-weight:600;transition:background .15s;display:flex}.fqt-page .fqt-btn-execute:hover:not(:disabled){background:#43a047}.fqt-page .fqt-btn-execute:disabled{opacity:.65;cursor:not-allowed}.fqt-page .fqt-spin{animation:1s linear infinite fqt-rotate}@keyframes fqt-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fqt-page .fqt-endpoint-preview{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:flex}.fqt-page .fqt-endpoint-preview .fqt-endpoint-label{color:#888;white-space:nowrap;font-weight:600}.fqt-page .fqt-endpoint-preview .fqt-endpoint-url{color:#333;word-break:break-all;font-family:Consolas,Courier New,monospace}.fqt-page .fqt-error{color:#cf1322;background:#fff3f0;border:1px solid #ffccc7;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.fqt-page .fqt-error svg{flex-shrink:0;margin-top:2px;font-size:1.1rem}.fqt-page .fqt-error strong{margin-bottom:4px;display:block}.fqt-page .fqt-error p{color:#555;margin:0;font-size:.9rem;line-height:1.5}.fqt-page .fqt-results{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #00000014}.fqt-page .fqt-results-header{border-bottom:1px solid #eee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.fqt-page .fqt-results-header .fqt-results-info{color:#333;align-items:center;gap:10px;display:flex}.fqt-page .fqt-results-header .fqt-results-info svg{color:#888}.fqt-page .fqt-results-header .fqt-results-info .fqt-results-title{font-size:.95rem;font-weight:600}.fqt-page .fqt-results-header .fqt-results-info .fqt-results-count{color:#999;background:#f0f0f0;border-radius:10px;padding:2px 8px;font-size:.82rem}.fqt-page .fqt-btn-export{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:.85rem;transition:background .15s;display:flex}.fqt-page .fqt-btn-export:hover{background:#f5f5f5}.fqt-page .fqt-table-wrap{max-height:600px;overflow:auto}.fqt-page .fqt-table{border-collapse:collapse;width:100%;font-size:.88rem}.fqt-page .fqt-table thead{z-index:1;position:sticky;top:0}.fqt-page .fqt-table thead th{text-align:left;color:#555;text-transform:capitalize;white-space:nowrap;background:#f8f9fa;border-bottom:2px solid #e0e0e0;padding:10px 14px;font-size:.82rem;font-weight:600}.fqt-page .fqt-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .1s}.fqt-page .fqt-table tbody tr:hover{background:#f9fbe7}.fqt-page .fqt-table tbody td{color:#333;white-space:nowrap;padding:9px 14px}.short-posting-input-page{max-width:520px;padding:2rem}.short-posting-input-page h1{color:#1e293b;margin-bottom:1.75rem;font-size:1.5rem;font-weight:600}.short-posting-input-page .short-posting-form{flex-direction:column;gap:1.25rem;display:flex}.short-posting-input-page .form-group{flex-direction:column;gap:.4rem;display:flex}.short-posting-input-page .form-group label{color:#334155;font-size:.9rem;font-weight:600}.short-posting-input-page .form-group input[type=date],.short-posting-input-page .form-group select,.short-posting-input-page .form-group textarea{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.5rem .75rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.short-posting-input-page .form-group input[type=date]:focus,.short-posting-input-page .form-group select:focus,.short-posting-input-page .form-group textarea:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f6304026}.short-posting-input-page .form-group textarea{resize:vertical;min-height:100px}.short-posting-input-page .form-actions{margin-top:.5rem}.short-posting-input-page .btn-submit{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:6px;padding:.55rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s}.short-posting-input-page .btn-submit:hover:not(:disabled){background:#d4202e}.short-posting-input-page .btn-submit:disabled{opacity:.6;cursor:not-allowed}.graph-box{background:#fff;border:2px solid #484848;flex-direction:column;display:flex}.graph-heading{color:#fff;white-space:nowrap;background:#57565b;width:fit-content;margin-top:20px;font-weight:600;text-align:left!important;padding:5px!important;font-size:16px!important}.graph-heading-arrears{color:#fff;white-space:nowrap;background:#57565b;width:fit-content;margin-top:20px;padding:5px;font-size:1rem;font-weight:600}.graph-content{flex-direction:column;flex:1;display:flex}.custom-recharts-tooltip{background:#fff;border:1px solid #ccc;border-radius:4px;padding:8px 12px;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);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);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%));height: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;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.dashboard-row{gap:2rem;width:100%;display:flex}.dashboard-table-wrapper{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.dashboard-table-wrapper table{width:100%}.arrears-box{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];grid-template-columns:1fr 1fr;gap:10px 2rem;width:100%;display:grid}.left-arrears{grid-column:1;display:contents}.right-arrears{grid-column:2;display:contents}.left-arrears>.table-wrapper:first-child{grid-area:row1-start/1/row1-end}.left-arrears>.table-wrapper:nth-child(2){grid-area:row2-start/1/row2-end}.left-arrears>.table-wrapper:nth-child(3){grid-area:row3-start/1/row3-end}.left-arrears>.table-wrapper:nth-child(4){grid-area:row4-start/1/row4-end}.left-arrears>.table-wrapper:nth-child(5){grid-area:row5-start/1/row5-end}.right-arrears>.table-wrapper:first-child{grid-area:row1-start/2/row2-end}.right-arrears>.table-wrapper:nth-child(2){grid-area:row3-start/2/row4-end}.right-arrears>.table-wrapper:nth-child(3){grid-area:row5-start/2/row5-end}.table-wrapper{box-sizing:border-box;flex-direction:column;width:100%;min-height:0;margin:0;padding:0;display:flex}.table-wrapper>.graph-box{flex:1;min-height:0}.table-wrapper table{table-layout:fixed;box-sizing:border-box;width:100%;margin:0;padding:0}.bold-row{font-weight:700}.income-statement-table tbody tr:first-child,.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(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}.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}.react-tooltip{color:#333!important;opacity:1!important;z-index:9999!important;background-color:#fff!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important}.react-tooltip table{border-collapse:collapse;margin:0!important;padding:0!important}.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}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{opacity:0;pointer-events:none;position:absolute;top:0;left:0}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{backface-visibility:hidden;background:inherit;z-index:-1;position:absolute}.core-styles-module_content__BRKdB{z-index:1;position:relative}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out;will-change:opacity}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in;will-change:opacity}.styles-module_tooltip__mnnfp{border-radius:3px;width:max-content;font-size:90%}.styles-module_content__ydYdI{background:inherit;border-radius:inherit;padding:8px 16px}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.dashboard-content{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto}.graph-box{height:300px!important}.opsoperations-dashboard{flex-direction:column;gap:.3rem;width:100%;display:flex}.opsdashboard-row{gap:1rem;width:100%;display:flex}.opsdashboard-col{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.opsdash table{box-sizing:border-box;width:100%}.opsdashboard-row--full{width:100%;padding-top:10px}.opsdashboard-row--full table{box-sizing:border-box;table-layout:fixed;width:100%}.opsgraph-box{box-sizing:border-box;width:100%;min-height:300px;margin-bottom:16px;position:relative;overflow:hidden}@media screen and (width<=1200px){.opsgraph-box{height:280px;min-height:280px}}@media screen and (width<=768px){.opsgraph-box{height:260px;min-height:260px}}.dashboard-greeting{align-items:center;gap:8px;margin-bottom:16px;font-size:22px;font-weight:700;display:flex}.dark-gray{color:#fff;font-weight:700;background:#57565b!important}.dark-gray td{color:#fff;border-bottom:none}.bridge-graph{box-sizing:border-box;background:#fff;border:2px solid #57565b;border-radius:0;margin-top:32px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.bridge-graph .graph-heading{color:#fff;background:#57565b;border-radius:6px 6px 0 0;padding:10px 18px;font-size:1rem;font-weight:700}.bridge-graph>div:last-child{padding:16px 24px}.sustain-main-container{background:#f5f5f5;padding:24px}.sustain-top-row{gap:24px;margin-bottom:32px;display:flex}.sustain-left-block,.sustain-right-block{flex-direction:column;flex:1;display:flex}.sustain-left-block{flex:1.5}.sustain-right-block{flex:1}.sustain-block-header{color:#fff;background:#4a4a4a;border-radius:4px 4px 0 0;margin:0;padding:10px 16px;font-size:1rem;font-weight:700}.sustain-block-content{background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;flex:1;padding:12px}.sustain-left-block-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:12px;display:grid}.sustain-right-block-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.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;justify-content:flex-start;align-items:flex-start;min-height:120px;padding:16px;font-size:.9rem;display:flex}.sustain-bottom-row{gap:24px;margin-top:24px;display:flex}.sustain-pie-block{background:#fff;border:1px solid #ddd;border-radius:4px;flex-direction:column;flex:1;align-items:center;display:flex;overflow:hidden}.sustain-pie-block .sustain-block-header{z-index:1;border-radius:4px;align-self:center;width:auto;margin-top:16px;margin-bottom:8px;padding:8px 24px;font-size:.95rem;position:relative}.sustain-pie-chart-placeholder{justify-content:center;align-items:center;padding-bottom:16px;display:flex}.sustain-solar-table-block{background:#fff;border:1px solid #ddd;border-radius:4px;margin-top:32px;padding:16px}.sustain-stat-content{align-items:flex-start;gap:8px;width:100%;display:flex}.sustain-stat-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.sustain-stat-icon{object-fit:contain;flex-shrink:0;width:90px;height:90px;margin:-17px;display:block}.sustain-stat-text{color:#333;flex-direction:column;gap:2px;display:flex}.sustain-stat-value{color:var(--primary-color);font-size:1.6rem;font-weight:700;line-height:1.2}.sustain-stat-value.sustain-stat-percentage{color:var(--primary-color)}.sustain-stat-label{color:#555;font-size:.85rem;line-height:1.3}.sustain-stat-subtext{color:#555;margin-top:8px;font-size:.85rem;line-height:1.4}.sustain-stat-subvalue{color:#333;font-weight:700}.recharts-legend-wrapper{margin-top:8px}.recharts-legend-item-text{color:#333!important;font-size:.85rem!important}.donut-center-label{fill:#333;font-size:1.2rem;font-weight:700}.finance-dashboard{box-sizing:border-box;width:90vw;min-height:100vh;padding:0}.dashboard-greeting{align-items:center;gap:8px;padding-bottom:8px;font-size:22px;font-weight:700;display:flex}.findashboard-section{box-sizing:border-box;justify-content:stretch;align-items:center;width:100%;min-height:0;display:flex}.findashboard-section.data-graph{box-sizing:border-box;background:#fff;border:2px solid #57565b;border-radius:0;flex-direction:column;align-items:stretch;margin-bottom:28px;padding:16px;box-shadow:0 2px 8px #0000000f}.graph-heading{color:#fff;text-align:left;background:#57565b;border-radius:0;align-self:flex-start;margin-bottom:8px;padding:10px 10px 10px 5px;font-size:1.2rem;font-weight:700}.findashboard-header{background:#f8f9fa;font-size:1.2rem;font-weight:700}.arrears-dash-grid{box-sizing:border-box;grid-template-rows:auto auto auto auto;grid-template-columns:1fr 1fr;column-gap:24px;width:100%;display:grid}.arrears-dash-header{flex-direction:column;grid-column:1/span 2;align-items:flex-start;display:flex}.dashboard-greeting{align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.arrears-dash-table{grid-area:2/1/3/2;align-self:start}.arrears-dash-empty{grid-area:2/2/3/3}.arrears-dash-graph-left{grid-area:3/1/4/2}.arrears-dash-graph-right{border:2px solid #4a4a4e;grid-area:3/2/4/3;min-width:0}.arrears-dash-table-bottom-left{grid-area:4/1/5/2;margin-top:18px}.arrears-dash-table-bottom-right{grid-area:4/2/5/3;margin-top:18px}.arrears-table{table-layout:fixed;width:100%}.arrears-table th:nth-child(2),.arrears-table td:nth-child(2){text-align:left;width:28%}.arrears-table th:first-child,.arrears-table td:first-child{width:32%}.arrears-table th:nth-child(3),.arrears-table td:nth-child(3),.arrears-table th:nth-child(4),.arrears-table td:nth-child(4){text-align:right;white-space:nowrap;width:20%}.arrears-table-total-row,.arrears-table-total-row td,.arrears-table-total-row th{color:#fff;background-color:#57565b!important}.arrears-table-total-row td:nth-child(3),.arrears-table-total-row td td:nth-child(3),.arrears-table-total-row th td:nth-child(3){padding-left:0;padding-right:0}.graph-heading-arrears-new{color:#fff;text-align:left;background:#57565b;width:fit-content;margin-top:16px;margin-bottom:13px;padding:4px 8px;font-size:16px;font-weight:700}.graph-data-arrears{margin:0;padding:0}.leasing-dashboard-container{box-sizing:border-box;background:#f9f9f9;flex-direction:column;align-items:stretch;width:100%;max-width:none;min-height:100vh;margin:0 auto;padding:24px 16px;display:flex}.leasing-dashboard-content{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:16px;width:100%;display:flex}.leasing-dashboard-header h3{margin:0;font-size:18px;font-weight:700}.leasing-dashboard-top-row{grid-template-columns:repeat(auto-fit,minmax(480px,1fr));grid-auto-rows:1fr;align-items:stretch;gap:16px;display:grid}.leasing-dashboard-col{flex-direction:column;gap:16px;min-width:0;height:100%;display:flex}.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{box-sizing:border-box;width:100%;min-width:0}.leasing-dashboard-section:not(.basic-graph){overflow:hidden}.leasing-dashboard-section:not(.basic-graph)>div{width:100%;min-width:0;overflow-x:auto}.leasing-dashboard-section:not(.basic-graph) table{table-layout:fixed;word-break:break-word;width:100%;margin-bottom:0;padding-bottom:0}.basic-graph{box-sizing:border-box;background:#fff;border:2px solid #57565b;border-radius:0;flex-direction:column;width:100%;height:100%;min-height:360px;display:flex;box-shadow:0 2px 8px #0000000f}.leasing-dashboard-container .graph-heading{color:#fff;text-align:left;background:#57565b;border-radius:0;align-self:flex-start;margin-bottom:8px;padding:10px 10px 10px 5px;font-size:1.2rem;font-weight:700}.leasing-tooltip{background:#fff;border:1px solid #e0e0e0;border-radius:6px;max-width:500px;padding:8px;font-size:12px;box-shadow:0 2px 8px #0000000f}.leasing-tooltip__title{margin-bottom:6px;font-weight:700;display:block}.leasing-tooltip__empty{color:#6c757d}.leasing-tooltip__head-table{border-collapse:collapse;table-layout:fixed;width:100%}.leasing-tooltip__head-table thead tr{background:#f4f4f4;border-bottom:2px solid #e0e0e0}.leasing-tooltip__head-table thead tr th{text-align:left;padding:8px;font-weight:700}.leasing-tooltip__head-table thead tr th:first-child{border-right:1px solid #e0e0e0;width:50%}.leasing-tooltip__head-table thead tr th:last-child{width:50%}.leasing-tooltip__body-wrap{border-bottom:1px solid #d3d3d3;max-height:300px;overflow-y:auto}.leasing-tooltip__body-table{border-collapse:collapse;table-layout:fixed;width:100%}.leasing-tooltip__body-table tbody tr{border-bottom:1px solid #f4f4f4}.leasing-tooltip__body-table tbody tr td{padding:6px 8px}.leasing-tooltip__body-table tbody tr td:first-child{border-right:1px solid #f4f4f4;width:50%}.leasing-tooltip__body-table tbody tr td:last-child{width:50%}.legal-main-container{box-sizing:border-box;width:100%;min-height:100vh;padding:24px 16px}.legal-header{margin-bottom:16px}.legal-header h3{margin:0;font-size:18px;font-weight:700}.legal-container-row{flex-direction:row;margin-bottom:8px;display:flex}.legal-top-row{flex-direction:column;width:50%;display:flex}.legal-top-row:first-child{padding-right:4px}.legal-top-row:last-child{padding-left:4px}.legal-middle-row{flex-direction:column;width:50%;display:flex}.legal-middle-row:first-child{padding-right:4px}.legal-middle-row:last-child{padding-left:4px}.table-spacing{padding-right:4px}.legal-bottom-row{width:50%}.legal-bottom-row:first-child,.legal-bottom-row.left-side{padding-right:4px}.legal-bottom-row:last-child{padding-left:4px}.legal-graph-card{box-sizing:border-box;background:#fff;border:2px solid #57565b;border-radius:0;flex-direction:column;height:300px;display:flex;box-shadow:0 2px 8px #0000000f}.graph-data{flex:auto;height:100%;min-height:0}.fica-table-container{width:100%;padding-left:0}.fica-table-container table{width:100%;height:200px}.arrears-table-container,.arrears-table-container table{width:100%}.marketing-dashboard{box-sizing:border-box;width:100%}.grid-2x2{box-sizing:border-box;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}.table-cell{grid-area:1/1/2/2;align-self:start;width:100%}.table-cell table{width:100%}.empty-cell{grid-area:1/2/2/3}.chart-cell-1{grid-area:2/1/3/2}.chart-cell-2{grid-area:2/2/3/3}.income-bar-chart{box-sizing:border-box;background:#fff;border:2px solid #57565b;border-radius:0;padding-top:32px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.income-bar-chart__heading{color:#fff;background:#57565b;border-radius:0;padding:10px 18px;font-size:1rem;font-weight:700;display:inline-block}.income-bar-chart>div:last-child{padding:16px 0}@media screen and (width<=900px){.grid-2x2{grid-template-columns:1fr}.table-cell,.empty-cell,.chart-cell-1,.chart-cell-2{grid-column:1/2}.empty-cell{display:none}}.marketing-dashboard__grid{box-sizing:border-box;flex-direction:column;gap:10px;width:90vw;min-height:100vh;padding:0;display:flex}.marketing-dashboard__row{gap:24px;display:flex}.marketing-dashboard__cell{flex:1}.marketing-dashboard__cell.half-width{flex:0 0 calc(50% - 12px);max-width:calc(50% - 12px)}.full-height table{height:100%}.csi-milestones-table{border-spacing:0;border-collapse:collapse;width:100%}.csi-milestones-table th,.csi-milestones-table td{border:none}.csi-milestones-table__category{color:#fff;background-color:#57565b}.csi-milestones-table__desc{color:#6c757d}.csi-milestones-table__spacer{height:1.3em}.inline-hexagon-loader-container{justify-content:center;align-items:center;min-height:80px;padding:20px 0;display:flex;position:relative}.inline-hexagon-loader{width:80px;height:80px;position:relative}.inline-hexagon{width:20px;height:11.55px;margin:5.77px 0;position:absolute}.inline-hexagon:before,.inline-hexagon:after{content:"";border-left:10px solid #0000;border-right:10px solid #0000;width:0;position:absolute}.inline-hexagon:before{border-bottom:5.77px solid;bottom:100%}.inline-hexagon:after{border-top:5.77px solid;top:100%}.inline-hexagon-loader .group1{color:#57565b;background-color:#57565b;animation:2.5s ease-in-out .5s infinite alternate colorSwapGroup1Inline;box-shadow:0 0 8px #0000001a}.inline-hexagon-loader .group2{color:#f63040;background-color:#f63040;animation:2.5s ease-in-out .5s infinite alternate colorSwapGroup2Inline;box-shadow:0 0 8px #f630404d}@keyframes colorSwapGroup1Inline{0%{color:#57565b;background-color:#57565b;box-shadow:0 0 8px #0000001a}to{color:#f63040;background-color:#f63040;box-shadow:0 0 8px #f630404d}}@keyframes colorSwapGroup2Inline{0%{color:#f63040;background-color:#f63040;box-shadow:0 0 8px #f630404d}to{color:#57565b;background-color:#57565b;box-shadow:0 0 8px #0000001a}}.inline-hex-1a{opacity:0;animation:.5s ease-out .2s forwards slideFromTopInline,1.5s ease-in-out .8s infinite alternate pulseHexInline;top:0;left:27px}.inline-hex-2a{opacity:0;animation:.5s ease-out .1s forwards slideFromLeftInline,1.5s ease-in-out 1s infinite alternate pulseHexInline;top:17px;left:17px}.inline-hex-2b{opacity:0;animation:.5s ease-out .1s forwards slideFromRightInline,1.5s ease-in-out 1.2s infinite alternate pulseHexInline;top:17px;left:38px}.inline-hex-3a{opacity:0;animation:.5s ease-out forwards slideFromLeftInline,1.5s ease-in-out 1.4s infinite alternate pulseHexInline;top:34px;left:5px}.inline-hex-3b{opacity:0;animation:.5s ease-out forwards slideFromBottomInline,1.5s ease-in-out 1.6s infinite alternate pulseHexInline;top:34px;left:27px}.inline-hex-3c{opacity:0;animation:.5s ease-out forwards slideFromRightInline,1.5s ease-in-out 1.8s infinite alternate pulseHexInline;top:34px;left:48px}@keyframes slideFromLeftInline{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromRightInline{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromTopInline{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromBottomInline{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseHexInline{0%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(1.1)}}._strip_1gzgr_1{color:#333;background:#fff;border:1px solid #e3e6ea;border-left-width:4px;border-radius:6px;margin:0 0 16px;padding:12px 14px;font-size:13px}._strip_1gzgr_1._ok_1gzgr_11{border-left-color:#1f9d55}._strip_1gzgr_1._warn_1gzgr_14{border-left-color:#b7791f}._strip_1gzgr_1._bad_1gzgr_17{border-left-color:#f63040}._stripError_1gzgr_21{color:#666;border-left-color:#f63040}._summaryRow_1gzgr_26{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}._headlineGroup_1gzgr_34{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._dot_1gzgr_41{background:currentColor;border-radius:50%;width:9px;height:9px;display:inline-block}._ok_1gzgr_11 ._dot_1gzgr_41{color:#1f9d55}._warn_1gzgr_14 ._dot_1gzgr_41{color:#b7791f}._bad_1gzgr_17 ._dot_1gzgr_41{color:#f63040}._headline_1gzgr_34{color:#1f2933;font-size:14px;font-weight:600}._badgeOk_1gzgr_64,._badgeWarn_1gzgr_65,._badgeBad_1gzgr_66{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}._badgeOk_1gzgr_64{color:#1f9d55;background:#1f9d551f}._badgeWarn_1gzgr_65{color:#b7791f;background:#b7791f1f}._badgeBad_1gzgr_66{color:#f63040;background:#f630401f}._toggle_1gzgr_90{color:#f63040;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:12px;font-weight:600}._toggle_1gzgr_90:hover{text-decoration:underline}._toggle_1gzgr_90:focus-visible{outline-offset:2px;outline:2px solid #f63040}._issueLine_1gzgr_108{color:#555;margin-top:8px;font-size:12.5px}._issueLine_1gzgr_108 ._ok_1gzgr_11{color:#1f9d55}._issueLine_1gzgr_108 ._warn_1gzgr_14{color:#b7791f}._issueLine_1gzgr_108 ._bad_1gzgr_17{color:#f63040;font-weight:600}._feedList_1gzgr_124{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 18px;margin:10px 0 0;padding:0;list-style:none;display:grid}._feedItem_1gzgr_133{border-bottom:1px solid #f0f1f3;align-items:center;gap:8px;padding:3px 0;display:flex}._feedStatus_1gzgr_141{text-transform:uppercase;letter-spacing:.03em;text-align:center;border-radius:4px;flex:none;min-width:68px;padding:2px 6px;font-size:10.5px;font-weight:700}._feedStatus_1gzgr_141._ok_1gzgr_11{color:#1f9d55;background:#1f9d551f}._feedStatus_1gzgr_141._warn_1gzgr_14{color:#b7791f;background:#b7791f1f}._feedStatus_1gzgr_141._bad_1gzgr_17{color:#f63040;background:#f630401f}._feedName_1gzgr_165{color:#1f2933;flex:auto;font-weight:500}._feedAge_1gzgr_171{color:#8a94a0;flex:none;font-size:11.5px}@media print{._toggle_1gzgr_90{display:none}._feedList_1gzgr_124{display:block}._feedItem_1gzgr_133{break-inside:avoid}}.threat-hunting-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-bottom:2.5rem;padding:2rem;box-shadow:0 10px 30px #0003}.threat-hunting-header h1{color:#fff;text-shadow:0 2px 4px #0003;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.threat-hunting-header .subtitle{color:#fffffff2;margin-bottom:1.5rem;font-size:1.2rem;font-weight:500}.threat-hunting-header .controls-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.threat-hunting-header .controls-bar .time-range-selector{align-items:center;gap:.75rem;display:flex}.threat-hunting-header .controls-bar .time-range-selector label{color:#fff;font-size:1rem;font-weight:600}.threat-hunting-header .controls-bar .time-range-selector select{color:#333;cursor:pointer;background:#fffffff2;border:2px solid #ffffff4d;border-radius:8px;padding:.625rem 1.25rem;font-size:1rem;font-weight:500;transition:all .3s}.threat-hunting-header .controls-bar .time-range-selector select:hover{background:#fff;border-color:#fff9}.threat-hunting-header .controls-bar .time-range-selector select:focus{border-color:#fff;outline:none;box-shadow:0 0 0 3px #fff3}.threat-hunting-header .controls-bar .btn-refresh{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:.75rem 1.75rem;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #00000026}.threat-hunting-header .controls-bar .btn-refresh:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.threat-hunting-header .controls-bar .btn-refresh:active{transform:translateY(0)}.summary-section{margin:2.5rem 0}.summary-section .summary-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.summary-section .summary-cards .summary-card{text-align:center;background:#fff;border:none;border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000014}.summary-section .summary-cards .summary-card:before{content:"";background:linear-gradient(90deg, var(--card-accent-color,#667eea), var(--card-accent-color-light,#764ba2));height:5px;position:absolute;top:0;left:0;right:0}.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{color:#2c3e50;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;font-size:1.15rem;font-weight:700}.summary-section .summary-cards .summary-card .summary-value{background:linear-gradient(135deg, var(--card-accent-color,#667eea), var(--card-accent-color-light,#764ba2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:.75rem 0;font-size:3.5rem;font-weight:800;line-height:1}.summary-section .summary-cards .summary-card .summary-value-small{color:#34495e;margin:.75rem 0;font-size:1.1rem;font-weight:600}.summary-section .summary-cards .summary-card p{color:#7f8c8d;margin-top:.5rem;font-size:.95rem}.threat-hunting-results .dlp-section,.threat-hunting-results .insider-risk-section{background:#fff;border:none;border-radius:16px;margin:2.5rem 0;padding:2rem;box-shadow:0 8px 24px #00000014}.threat-hunting-results .dlp-section h2,.threat-hunting-results .insider-risk-section h2{color:#2c3e50;border-bottom:3px solid #ecf0f1;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;font-size:1.75rem;font-weight:700;display:flex}.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{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.threat-hunting-results .query-results-grid .query-result-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #dee2e6;border-radius:12px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.threat-hunting-results .query-results-grid .query-result-section:after{content:"";background:linear-gradient(#667eea,#764ba2);width:4px;height:100%;transition:width .3s;position:absolute;top:0;left:0}.threat-hunting-results .query-results-grid .query-result-section:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.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{color:#fff;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:700;display:inline-flex;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{color:#fff;background:linear-gradient(135deg,#27ae60,#229954);border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:700;display:inline-flex;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{background:#fff;border-left:3px solid #667eea;border-radius:8px;margin-top:1.25rem;padding:1rem}.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{background:linear-gradient(135deg,#fff5f5,#ffe5e5);border:2px solid #e74c3c;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #e74c3c26}.threat-hunting-results .query-results-grid .query-result-error h4{color:#c0392b;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:700;display:flex}.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{background:#fff;border-radius:16px;margin:2.5rem 0;padding:2rem;box-shadow:0 8px 24px #00000014}.threat-hunting-results .report-metadata h3{color:#2c3e50;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;display:flex}.threat-hunting-results .report-metadata h3:before{content:"ℹ️";font-size:1.5rem}.threat-hunting-results .report-metadata .metadata-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.threat-hunting-results .report-metadata .metadata-grid .metadata-item{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #dee2e6;border-radius:10px;padding:1.25rem;transition:all .3s}.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;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.95rem;font-weight:700;display:block}.threat-hunting-results .report-footer{background:linear-gradient(135deg,#f0f4f8 0%,#d9e2ec 100%);border-left:6px solid #3498db;border-radius:16px;margin-top:2.5rem;padding:2rem;box-shadow:0 4px 12px #0000000d}.threat-hunting-results .report-footer .disclaimer{color:#2c3e50;margin-bottom:1rem;font-size:1rem;line-height:1.8}.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;background:#fff;border-radius:16px;max-width:600px;margin:2rem auto;padding:4rem 3rem;box-shadow:0 8px 24px #0000001a}.error-container:before{content:"⚠️";margin-bottom:1.5rem;font-size:4rem;display:block}.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{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;padding:.875rem 2.5rem;font-size:1.05rem;font-weight:700;transition:all .3s;box-shadow:0 6px 16px #667eea66}.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{align-items:center;display:flex}.enhanced-mode-toggle label{cursor:pointer;color:#fff;background:#ffffff1a;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.enhanced-mode-toggle label:hover{background:#fff3}.enhanced-mode-toggle label input[type=checkbox]{cursor:pointer;accent-color:#fff;width:20px;height:20px}.soc-mode-toggle .btn-soc-mode{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0078d4,#106ebe);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 12px #0078d44d}.soc-mode-toggle .btn-soc-mode:hover{background:linear-gradient(135deg,#0090f5,#1280d5);transform:translateY(-2px);box-shadow:0 6px 20px #0078d466}.soc-mode-toggle .btn-soc-mode:active{transform:translateY(0)}.graph-api-section{background:#fff;border:none;border-radius:16px;margin:2.5rem 0;padding:2rem;position:relative;box-shadow:0 8px 24px #00000014}.graph-api-section:before{content:"";border-radius:16px 16px 0 0;height:5px;position:absolute;top:0;left:0;right: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;border-bottom:3px solid #ecf0f1;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;font-size:1.75rem;font-weight:700;display:flex}.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{color:#2c3e50;margin:.75rem 0;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{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #dee2e6;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.graph-api-section .correlation-info .correlation-details .correlation-patterns h4{color:#2c3e50;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.3rem;font-weight:700;display:flex}.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{padding-left:0;list-style:none}.graph-api-section .correlation-info .correlation-details .correlation-patterns ul li{color:#2c3e50;background:#fff;border-left:4px solid #8661c5;border-radius:8px;margin:.75rem 0;padding:1rem;font-weight:500;transition:all .3s;box-shadow:0 2px 8px #0000000d}.graph-api-section .correlation-info .correlation-details .correlation-patterns ul li:hover{border-left-width:6px;transform:translate(5px);box-shadow:0 4px 12px #0000001a}.graph-api-section .correlation-info .correlation-details .correlation-patterns ul li:before{content:"•";color:#8661c5;width:1em;margin-right:.5rem;font-size:1.5rem;font-weight:700;display:inline-block}.graph-api-result .graph-api-items{margin-top:1.5rem}.graph-api-result .graph-api-items .graph-api-item{background:#fff;border-left:4px solid #0078d4;border-radius:10px;margin:1rem 0;padding:1.25rem;transition:all .3s;box-shadow:0 3px 10px #00000014}.graph-api-result .graph-api-items .graph-api-item:hover{border-left-width:6px;transform:translate(5px);box-shadow:0 5px 15px #0000001f}.graph-api-result .graph-api-items .graph-api-item p{color:#2c3e50;margin:.5rem 0;font-size:.95rem;line-height:1.5}.graph-api-result .graph-api-items .graph-api-item p strong{color:#1a252f;font-weight:700}.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{color:#7f8c8d;text-align:center;margin-top:1rem;font-size:.95rem;font-style:italic;font-weight:500}.graph-api-result .info-message{background:linear-gradient(135deg,#f0f8ff 0%,#e6f2ff 100%);border:2px solid #3498db;border-radius:10px;margin-top:1.5rem;padding:1.25rem}.graph-api-result .info-message:before{content:"ℹ️";margin-bottom:.75rem;font-size:1.5rem;display:block}.graph-api-result .info-message p{color:#2c3e50;margin:.75rem 0;font-size:.95rem;line-height:1.6}.graph-api-result .info-message p.recommendation{color:#667eea;border-top:2px solid #667eea33;margin-top:1rem;padding-top:.75rem;font-weight:700}.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 0%,#2d3748 100%)}.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{color:#e2e8f0;background:#2d3748}.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 0%,#1a202c 100%);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 0%,#1a202c 100%)}.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 0%,#1a202c 100%);border-color:#4a5568}.graph-api-section .correlation-info .correlation-details .correlation-patterns ul li,.graph-api-result .graph-api-items .graph-api-item{color:#e2e8f0;background:#374151}.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 0%,#1a202c 100%);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 0%,#1a202c 100%);border-color:#4a5568}.threat-hunting-results .report-metadata .metadata-grid .metadata-item strong{color:#e2e8f0}}.soc-carousel{color:#fff;background:#1a1d29;flex-direction:column;width:100%;min-height:100vh;display:flex;overflow:hidden}.soc-carousel.fullscreen{z-index:9999;position:fixed;inset:0}.soc-carousel-header{background:#242836;border-bottom:2px solid #3a3f51;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;box-shadow:0 4px 8px #0000004d}.soc-carousel-header .exit-soc-mode-btn{color:#dc3545;cursor:pointer;background:#dc354533;border:2px solid #dc3545;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:all .3s}.soc-carousel-header .exit-soc-mode-btn:hover{color:#fff;background:#dc3545;transform:scale(1.05)}.soc-carousel-header .exit-soc-mode-btn:active{transform:scale(.98)}.soc-title-section .soc-main-title{letter-spacing:.5px;text-shadow:2px 2px 4px #00000080;margin:0 0 .25rem;font-size:2.5rem;font-weight:700}.soc-title-section .soc-subtitle{color:#b0b3c1;margin:0;font-size:1.3rem;font-weight:300}.connection-status{flex-direction:column;align-items:flex-end;gap:.5rem;font-size:1rem;display:flex}.connection-status .status-indicator-container{align-items:center;gap:.5rem;display:flex}.connection-status .status-indicator-container .status-icon{font-size:1.5rem}.connection-status .status-indicator-container .status-icon.pulse{animation:1.5s ease-in-out infinite pulse}.connection-status .status-indicator-container .status-label{font-size:1.1rem;font-weight:600}.connection-status .refresh-info,.connection-status .last-refresh-time{color:#b0b3c1;font-size:.9rem}.connection-status .refresh-info strong,.connection-status .last-refresh-time strong{color:#fff}.connection-status .refresh-paused{color:#ffc107;font-weight:600}.soc-carousel-body{flex:1;padding:2rem;overflow-y:auto}.soc-carousel.fullscreen .soc-carousel-body{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.soc-carousel.fullscreen .soc-carousel-body::-webkit-scrollbar{display:none}.soc-view-container{max-width:1600px;margin:0 auto}.soc-view{animation:.5s ease-in-out fadeIn}.soc-view .view-title{text-align:center;text-shadow:2px 2px 6px #00000080;letter-spacing:1px;margin:0 0 2rem;font-size:3rem;font-weight:700}.soc-view .no-data-message{text-align:center;color:#b0b3c1;margin:4rem 0;font-size:1.8rem}.soc-view .view-header-with-refresh{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.soc-view .view-header-with-refresh .refresh-alerts-btn{color:#000;cursor:pointer;background:#ffc107;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:600;transition:all .3s}.soc-view .view-header-with-refresh .refresh-alerts-btn:hover{background:#d39e00;transform:scale(1.05)}.view-summary-header{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.view-summary-header .summary-stat{text-align:center;background:#242836;border-left:4px solid #6c757d;border-radius:12px;padding:1.5rem;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{color:#b0b3c1;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:1rem;display:block}.view-summary-header .summary-stat .summary-value{text-shadow:1px 1px 3px #00000080;font-size:3rem;font-weight:700;line-height:1;display:block}.view-summary-header .summary-stat .summary-value-small{font-size:1.2rem;font-weight:600;display:block}.overall-posture-card{text-align:center;background:#242836;border-radius:16px;margin-bottom:2rem;padding:2rem;box-shadow:0 6px 12px #0006}.overall-posture-card h3{color:#b0b3c1;text-transform:uppercase;letter-spacing:2px;margin:0 0 1rem;font-size:1.5rem}.overall-posture-card .posture-score{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.overall-posture-card .posture-score .score-value{text-shadow:2px 2px 8px #000000b3;font-size:6rem;font-weight:700;line-height:1}.overall-posture-card .posture-score .score-label{letter-spacing:3px;font-size:2rem;font-weight:600}.overall-posture-card .posture-timestamp{color:#b0b3c1;font-size:.9rem}.incident-cards-grid,.summary-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.incident-card{background:#242836;border-left:4px solid #6c757d;border-radius:12px;padding:1.5rem;transition:all .3s;box-shadow:0 4px 8px #0000004d}.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{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.incident-card .incident-card-header .incident-title{color:#fff;margin:0;font-size:1.3rem;font-weight:600}.incident-card .incident-card-header .expand-icon{color:#b0b3c1;font-size:1.5rem;font-weight:700;transition:transform .3s}.incident-card .incident-card-body .incident-metric{align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.incident-card .incident-card-body .incident-metric .metric-value{text-shadow:1px 1px 4px #00000080;font-size:4rem;font-weight:700;line-height:1}.incident-card .incident-card-body .incident-metric .trend-indicator{font-size:1.5rem;font-weight:600}.incident-card .incident-card-body .risk-score-badge{color:#fff;text-shadow:1px 1px 2px #00000080;border-radius:6px;margin-bottom:1rem;padding:.5rem 1rem;font-size:1rem;font-weight:700;display:inline-block}.incident-card .incident-details{border-top:1px solid #3a3f51;margin-top:1.5rem;padding-top:1.5rem}.incident-card .incident-details .detail-row{justify-content:space-between;padding:.5rem 0;font-size:1rem;display:flex}.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;font-weight:600;text-decoration:none;transition:color .2s}.incident-card .incident-details .portal-link-row .defender-portal-link:hover{color:#3498db;text-decoration:underline}.quick-stats-bar{background:#242836;border-radius:12px;justify-content:space-around;padding:1.5rem;display:flex;box-shadow:0 4px 8px #0000004d}.quick-stats-bar .stat-item{text-align:center}.quick-stats-bar .stat-item .stat-label{color:#b0b3c1;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:1rem;display:block}.quick-stats-bar .stat-item .stat-value{font-size:2.5rem;font-weight:700;line-height:1;display:block}.quick-stats-bar .stat-item .stat-value.high-priority{color:#dc3545}.view-details-section{background:#242836;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 8px #0000004d}.view-details-section h3{color:#fff;margin:0 0 1.5rem;font-size:1.8rem}.view-details-section .no-data-message{color:#b0b3c1;text-align:center;margin:2rem 0;font-size:1.2rem}.policy-status-grid,.risk-detection-grid,.platform-breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.policy-item,.detection-item,.platform-stat{text-align:center;background:#1e212d;border-radius:8px;padding:1rem}.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{color:#b0b3c1;margin-bottom:.5rem;font-size:.9rem;display:block}.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{font-size:2rem;font-weight:700;display:block}.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{margin-bottom:.5rem;font-size:2rem;display:block}.policy-item .platform-issues,.detection-item .platform-issues,.platform-stat .platform-issues{color:#fd7e14;margin-top:.5rem;font-size:.85rem;display:block}.alert-feed-section .alert-feed{max-height:600px;overflow-y:auto}.alert-feed-section .alert-feed .alert-feed-list{flex-direction:column;gap:1rem;display:flex}.alert-feed-section .alert-feed .alert-feed-item{background:#1e212d;border-left:4px solid #6c757d;border-radius:8px;padding:1rem}.alert-feed-section .alert-feed .alert-feed-item .alert-header-row{justify-content:space-between;margin-bottom:.5rem;display:flex}.alert-feed-section .alert-feed .alert-feed-item .alert-header-row .alert-severity{text-transform:uppercase;letter-spacing:1px;font-size:1rem;font-weight:700}.alert-feed-section .alert-feed .alert-feed-item .alert-header-row .alert-timestamp{color:#b0b3c1;font-size:.9rem}.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{color:#b0b3c1;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.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{background:#ffffff0d;border-radius:4px;padding:.25rem .5rem}.alert-feed-section .alert-feed .alert-feed-item .alert-description{color:#b0b3c1;margin-top:.5rem;font-size:.9rem}.alert-feed-section .alert-feed .no-alerts-message{text-align:center;padding:4rem 2rem}.alert-feed-section .alert-feed .no-alerts-message p{color:#28a745;margin:0;font-size:2rem}.alert-feed-section .alert-feed .no-alerts-message p.sub-message{color:#b0b3c1;margin-top:.5rem;font-size:1.2rem}.soc-carousel-footer{background:#242836;border-top:2px solid #3a3f51;padding:1.5rem 2rem;box-shadow:0 -4px 8px #0000004d}.progress-indicator{justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.progress-indicator .progress-dot{cursor:pointer;background:#3a3f51;border:none;border-radius:50%;width:16px;height:16px;padding:0;transition:all .3s}.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{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.soc-controls .controls-group{gap:.75rem;display:flex}.soc-controls .controls-group.action-controls{margin-left:auto}.soc-controls .control-btn{color:#fff;cursor:pointer;background:#2e3345;border:2px solid #3a3f51;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.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{color:#fff;background:#28a745;border-color:#1e7e34}.soc-controls .control-btn.pause-btn.playing{color:#000;background:#ffc107;border-color:#d39e00}.soc-controls .keyboard-shortcuts-hint{text-align:center;width:100%;margin-top:.5rem}.soc-controls .keyboard-shortcuts-hint small{color:#b0b3c1;font-size:.85rem}.auto-cycle-indicator{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex;position:fixed;bottom:1rem;right:1rem}.auto-cycle-indicator .cycle-icon{font-size:1.2rem;animation:3s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.risk-users-table{border-collapse:collapse;width:100%}.risk-users-table thead{background:#1a1d27}.risk-users-table thead th{text-align:left;color:#b0b3c1;text-transform:uppercase;letter-spacing:1px;padding:1rem;font-size:1rem;font-weight:600}.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-size:1.2rem;font-weight:700}@media (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 (width<=768px){.soc-carousel-header{text-align:center;flex-direction:column;gap:1rem}.connection-status{align-items:center}.incident-cards-grid{grid-template-columns:1fr}.soc-controls{flex-direction:column}.soc-controls .controls-group{justify-content:center;width:100%}}@media print{.soc-carousel-footer,.auto-cycle-indicator{display:none}.soc-carousel-body{overflow:visible}}.soc-overview-dashboard{max-width:1400px;margin:0 auto;padding:2rem}.soc-overview-dashboard .dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.soc-overview-dashboard .dashboard-header h1{color:var(--primary-color);margin:0;font-size:2rem}.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{align-items:center;gap:1rem;display:flex}.soc-overview-dashboard .dashboard-header .header-controls .enhanced-toggle{cursor:pointer;align-items:center;gap:.5rem;display:flex}.soc-overview-dashboard .dashboard-header .header-controls .enhanced-toggle input[type=checkbox]{cursor:pointer}.soc-overview-dashboard .dashboard-header .header-controls .btn-refresh{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:.9rem;transition:all .3s}.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:1s linear infinite spin}.soc-overview-dashboard .error-banner{color:#dc3545;background:#dc35451a;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:1rem;display:flex}.soc-overview-dashboard .error-banner i{font-size:1.2rem}.soc-overview-dashboard .security-score-section{background:var(--card-bg);border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 4px #0000001a}.soc-overview-dashboard .security-score-section h2{text-align:center;margin:0 0 2rem;font-size:1.8rem}.soc-overview-dashboard .security-score-section .score-display{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;display:flex}.soc-overview-dashboard .security-score-section .score-display .score-circle{background:var(--bg-color);border:10px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:200px;height:200px;display:flex;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{color:var(--text-muted);font-size:1.5rem}.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{margin-bottom:1rem;font-size:2rem;font-weight:700}.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);border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 4px #0000001a}.soc-overview-dashboard .security-domains h2{margin:0 0 1.5rem;font-size:1.8rem}.soc-overview-dashboard .security-domains .domains-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.soc-overview-dashboard .security-domains .domains-grid .domain-card{background:var(--bg-color);border-top:4px solid var(--primary-color);border-radius:8px;padding:1.5rem}.soc-overview-dashboard .security-domains .domains-grid .domain-card .domain-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.soc-overview-dashboard .security-domains .domains-grid .domain-card .domain-header i{color:var(--primary-color);font-size:2rem}.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{background:var(--card-bg);border-radius:4px;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;display:flex}.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;color:var(--text-muted);padding:2rem;font-style:italic}.soc-overview-dashboard .security-domains .domains-grid .domain-card .domain-link{background:var(--primary-color);color:#fff;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;text-decoration:none;transition:background .3s;display:flex}.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);border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 4px #0000001a}.soc-overview-dashboard .quick-actions h2{margin:0 0 1.5rem;font-size:1.8rem}.soc-overview-dashboard .quick-actions .actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.soc-overview-dashboard .quick-actions .actions-grid .action-card{background:var(--bg-color);color:var(--text-color);border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex}.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{color:var(--primary-color);font-size:2.5rem}.soc-overview-dashboard .quick-actions .actions-grid .action-card span{text-align:center;font-weight:500}.soc-overview-dashboard .features-section{background:var(--card-bg);border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 4px #0000001a}.soc-overview-dashboard .features-section h2{margin:0 0 1.5rem;font-size:1.8rem}.soc-overview-dashboard .features-section .features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.soc-overview-dashboard .features-section .features-grid .feature-item{background:var(--bg-color);border-radius:8px;padding:1.5rem}.soc-overview-dashboard .features-section .features-grid .feature-item i{color:var(--primary-color);margin-bottom:1rem;font-size:2.5rem}.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);margin:0;line-height:1.6}.soc-overview-dashboard .integration-status{background:var(--card-bg);border-radius:8px;padding:2rem;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{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.soc-overview-dashboard .integration-status .status-items .status-item{background:var(--bg-color);border-left:4px solid var(--border-color);border-radius:8px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.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{color:var(--primary-color);font-size:2rem}.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{border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.soc-overview-dashboard .integration-status .status-items .status-item .status-badge.active{color:#28a745;background:#28a7451a}.soc-overview-dashboard .integration-status .status-items .status-item .status-badge.inactive{color:#dc3545;background:#dc35451a}.soc-overview-dashboard .loading{text-align:center;padding:3rem}.soc-overview-dashboard .loading .spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:50px;height:50px;margin:0 auto 1rem;animation:1s linear infinite spin}.soc-overview-dashboard .loading p{color:var(--text-muted)}.network-security-dashboard{max-width:1400px;margin:0 auto;padding:2rem}.network-security-dashboard .dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.network-security-dashboard .dashboard-header h1{color:var(--primary-color);margin:0;font-size:2rem}.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{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:.9rem;transition:all .3s}.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:1s linear infinite spin}.network-security-dashboard .security-summary{background:var(--card-bg);border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.network-security-dashboard .security-summary h2{margin:0 0 1.5rem;font-size:1.5rem}.network-security-dashboard .security-summary .summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.network-security-dashboard .security-summary .summary-cards .summary-card{background:var(--bg-color);border-left:4px solid var(--primary-color);border-radius:8px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.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{color:var(--primary-color);font-size:2rem}.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{margin-bottom:.25rem;font-size:2rem;font-weight:700}.network-security-dashboard .security-summary .summary-cards .summary-card .card-content .card-label{color:var(--text-muted);font-size:.9rem}.network-security-dashboard .routers-section{background:var(--card-bg);border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.network-security-dashboard .routers-section h2{margin:0 0 1.5rem;font-size:1.5rem}.network-security-dashboard .routers-section .routers-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.network-security-dashboard .routers-section .routers-grid .router-card{background:var(--bg-color);cursor:pointer;border:2px solid #0000;border-radius:8px;padding:1.5rem;transition:all .3s}.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{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:.5rem 0;display:flex}.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{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;padding:.75rem;font-size:.9rem;transition:background .3s}.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);border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.network-security-dashboard .router-security-details h2{margin:0 0 1.5rem;font-size:1.5rem}.network-security-dashboard .router-security-details .security-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.network-security-dashboard .router-security-details .security-metrics .metric-card{background:var(--bg-color);text-align:center;border-radius:8px;padding:1.5rem}.network-security-dashboard .router-security-details .security-metrics .metric-card h3{color:var(--text-muted);margin:0 0 1rem;font-size:1rem}.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{color:var(--primary-color);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.network-security-dashboard .router-security-details .security-metrics .metric-card .metric-subtitle{color:var(--text-muted);font-size:.9rem}.network-security-dashboard .router-security-details .risk-assessment{background:var(--bg-color);text-align:center;border-radius:8px;padding:1.5rem}.network-security-dashboard .router-security-details .risk-assessment h3{margin:0 0 1rem}.network-security-dashboard .router-security-details .risk-assessment .risk-score{border-radius:8px;padding:2rem;display:inline-block}.network-security-dashboard .router-security-details .risk-assessment .risk-score.risk-critical{color:#dc3545;background:#dc35451a}.network-security-dashboard .router-security-details .risk-assessment .risk-score.risk-high{color:#ffc107;background:#ffc1071a}.network-security-dashboard .router-security-details .risk-assessment .risk-score.risk-medium{color:#17a2b8;background:#17a2b81a}.network-security-dashboard .router-security-details .risk-assessment .risk-score.risk-low{color:#28a745;background:#28a7451a}.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{margin-top:.5rem;font-size:1.2rem}.network-security-dashboard .help-section{background:var(--card-bg);border-radius:8px;padding:1.5rem;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{color:var(--primary-color);margin-right:.5rem}.network-security-dashboard .help-section p{color:var(--text-muted);margin-bottom:1rem;line-height:1.6}.network-security-dashboard .help-section .help-links{flex-wrap:wrap;gap:1rem;display:flex}.network-security-dashboard .help-section .help-links .help-link{background:var(--primary-color);color:#fff;border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background .3s;display:inline-flex}.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{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:50px;height:50px;margin:0 auto 1rem;animation:1s linear infinite spin}.network-security-dashboard .loading i,.network-security-dashboard .error-message i{color:var(--primary-color);margin-bottom:1rem;font-size:3rem}.network-security-dashboard .loading .btn-retry,.network-security-dashboard .error-message .btn-retry{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-top:1rem;padding:.75rem 1.5rem;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;color:var(--text-muted);padding:3rem}.network-security-dashboard .no-data i{opacity:.5;margin-bottom:1rem;font-size:3rem}.network-security-dashboard .no-data p{margin:.5rem 0}.network-security-dashboard .no-data small{font-size:.85rem}.endpoint-security-dashboard{max-width:1400px;margin:0 auto;padding:2rem}.endpoint-security-dashboard .dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.endpoint-security-dashboard .dashboard-header h1{color:var(--primary-color);margin:0;font-size:2rem}.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{align-items:center;gap:1rem;display:flex}.endpoint-security-dashboard .dashboard-header .header-controls .days-selector{border:1px solid var(--border-color);background:var(--bg-color);cursor:pointer;border-radius:4px;padding:.75rem}.endpoint-security-dashboard .dashboard-header .header-controls .btn-refresh{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:.9rem;transition:all .3s}.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:1s linear infinite spin}.endpoint-security-dashboard .security-summary{background:var(--card-bg);border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.endpoint-security-dashboard .security-summary h2{margin:0 0 1.5rem;font-size:1.5rem}.endpoint-security-dashboard .security-summary .summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.endpoint-security-dashboard .security-summary .summary-cards .summary-card{background:var(--bg-color);border-left:4px solid var(--border-color);border-radius:8px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.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{color:var(--primary-color);font-size:2rem}.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{margin-bottom:.25rem;font-size:2rem;font-weight:700}.endpoint-security-dashboard .security-summary .summary-cards .summary-card .card-content .card-label{color:var(--text-muted);font-size:.9rem}.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{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.endpoint-security-dashboard .security-summary .alert-summary .alert-cards .alert-card{background:var(--bg-color);text-align:center;border-left:4px solid var(--border-color);border-radius:8px;padding:1.5rem}.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{margin-bottom:.5rem;font-size:2rem;font-weight:700}.endpoint-security-dashboard .security-summary .alert-summary .alert-cards .alert-card .alert-label{color:var(--text-muted);font-size:.9rem}.endpoint-security-dashboard .security-summary .risk-indicator{color:#dc3545;background:#dc35451a;border-radius:4px;align-items:center;gap:.5rem;margin-top:1.5rem;padding:1rem;display:flex}.endpoint-security-dashboard .security-summary .risk-indicator i{font-size:1.2rem}.endpoint-security-dashboard .correlation-section{background:var(--card-bg);border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.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{color:#ffc107;background:#ffc1071a;border-radius:4px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:1rem;display:flex}.endpoint-security-dashboard .correlation-section .correlation-warning i{font-size:1.2rem}.endpoint-security-dashboard .correlation-section .gap-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem;display:grid}.endpoint-security-dashboard .correlation-section .gap-list .gap-item{background:var(--bg-color);border-radius:4px;align-items:center;gap:.5rem;padding:.75rem;display:flex}.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);border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.endpoint-security-dashboard .agents-section h2{margin:0 0 1.5rem;font-size:1.5rem}.endpoint-security-dashboard .agents-section .agents-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.endpoint-security-dashboard .agents-section .agents-list .agent-item{background:var(--bg-color);border-left:4px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;padding:1rem;transition:all .3s;display:flex}.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{color:var(--primary-color);margin-right:1rem;font-size:2rem}.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{margin-bottom:.25rem;font-weight:700}.endpoint-security-dashboard .agents-section .agents-list .agent-item .agent-info .agent-os{color:var(--text-muted);font-size:.85rem}.endpoint-security-dashboard .agents-section .agents-list .agent-item .agent-status{border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.endpoint-security-dashboard .agents-section .agents-list .agent-item .agent-status.status-online{color:#28a745;background:#28a7451a}.endpoint-security-dashboard .agents-section .agents-list .agent-item .agent-status.status-offline{color:#dc3545;background:#dc35451a}.endpoint-security-dashboard .agents-section .agents-list .agent-item .agent-status.status-overdue{color:#ffc107;background:#ffc1071a}.endpoint-security-dashboard .alerts-section{background:var(--card-bg);border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.endpoint-security-dashboard .alerts-section h2{margin:0 0 1.5rem;font-size:1.5rem}.endpoint-security-dashboard .alerts-section .alerts-list{flex-direction:column;gap:.75rem;display:flex}.endpoint-security-dashboard .alerts-section .alerts-list .alert-item{background:var(--bg-color);border-left:4px solid var(--border-color);border-radius:8px;padding:1rem;display:flex}.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{margin-right:1rem;font-size:1.5rem}.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{color:var(--text-muted);gap:1rem;font-size:.85rem;display:flex}.endpoint-security-dashboard .agent-details-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.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{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.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{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1.5rem}.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{gap:1rem;display:grid}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-body .detail-section .detail-grid .detail-item{background:var(--bg-color);border-radius:4px;justify-content:space-between;padding:.75rem;display:flex}.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{background:var(--bg-color);border-radius:4px;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;display:flex}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-body .detail-section .services-list .service-item .service-status{border-radius:12px;padding:.25rem .75rem;font-size:.85rem}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-body .detail-section .services-list .service-item .service-status.running{color:#28a745;background:#28a7451a}.endpoint-security-dashboard .agent-details-modal .modal-content .modal-body .detail-section .services-list .service-item .service-status.stopped{color:#dc3545;background:#dc35451a}.endpoint-security-dashboard .help-section{background:var(--card-bg);border-radius:8px;padding:1.5rem;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{color:var(--primary-color);margin-right:.5rem}.endpoint-security-dashboard .help-section p{color:var(--text-muted);margin-bottom:1rem;line-height:1.6}.endpoint-security-dashboard .help-section .help-links{flex-wrap:wrap;gap:1rem;display:flex}.endpoint-security-dashboard .help-section .help-links .help-link{background:var(--primary-color);color:#fff;border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background .3s;display:inline-flex}.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{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:50px;height:50px;margin:0 auto 1rem;animation:1s linear infinite spin}.endpoint-security-dashboard .loading i,.endpoint-security-dashboard .error-message i{color:var(--primary-color);margin-bottom:1rem;font-size:3rem}.endpoint-security-dashboard .loading .btn-retry,.endpoint-security-dashboard .error-message .btn-retry{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-top:1rem;padding:.75rem 1.5rem;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;color:var(--text-muted);padding:3rem}.endpoint-security-dashboard .no-data i{opacity:.5;margin-bottom:1rem;font-size:3rem}.endpoint-security-dashboard .no-data p{margin:.5rem 0}.endpoint-security-dashboard .no-data small{font-size:.85rem}.monitoring-config-panel{background:var(--panel-background,#fff);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.monitoring-config-panel.loading{flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.monitoring-config-panel.loading .spinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.monitoring-config-panel .panel-header{border-bottom:2px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.monitoring-config-panel .panel-header h3{color:#333;margin:0;font-size:1.5em}.monitoring-config-panel .panel-header .status-indicators{gap:10px;display:flex}.monitoring-config-panel .status-badge{border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:.9em;font-weight:500;display:flex}.monitoring-config-panel .status-badge.enabled{color:#155724;background:#d4edda}.monitoring-config-panel .status-badge.enabled svg{color:#28a745}.monitoring-config-panel .status-badge.disabled{color:#721c24;background:#f8d7da}.monitoring-config-panel .status-badge.disabled svg{color:#dc3545}.monitoring-config-panel .status-badge.online{color:#155724;background:#d4edda}.monitoring-config-panel .status-badge.online svg{color:#28a745}.monitoring-config-panel .status-badge.offline{color:#721c24;background:#f8d7da}.monitoring-config-panel .status-badge.offline svg{color:#dc3545}.monitoring-config-panel .error-message{color:#721c24;background:#f8d7da;border-left:4px solid #dc3545;border-radius:4px;align-items:center;gap:8px;margin-bottom:15px;padding:12px;display:flex}.monitoring-config-panel .current-status{background:#f8f9fa;border-radius:6px;margin-bottom:20px;padding:15px}.monitoring-config-panel .current-status .status-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;display:grid}.monitoring-config-panel .current-status .status-item{flex-direction:column;gap:4px;display:flex}.monitoring-config-panel .current-status .status-item.full-width{grid-column:1/-1}.monitoring-config-panel .current-status .status-item label{color:#666;font-size:.9em;font-weight:600}.monitoring-config-panel .current-status .status-item span{color:#333;font-size:1em}.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{background:#f8f9fa;border-radius:6px;margin-bottom:25px;padding:15px}.monitoring-config-panel .config-section h4{color:#444;border-bottom:1px solid #dee2e6;margin:0 0 15px;padding-bottom:10px;font-size:1.2em}.monitoring-config-panel .config-section .form-group{margin-bottom:15px}.monitoring-config-panel .config-section .form-group label{color:#555;margin-bottom:6px;font-weight:500;display:block}.monitoring-config-panel .config-section .form-group label.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.monitoring-config-panel .config-section .form-group label.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.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{border:1px solid #ced4da;border-radius:4px;width:100%;padding:8px 12px;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{border-color:#80bdff;outline:none;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{cursor:not-allowed;background:#e9ecef}.monitoring-config-panel .config-section .form-group input[type=range]{width:100%;margin:8px 0}.monitoring-config-panel .config-section .form-group small{color:#6c757d;margin-top:4px;font-size:.875em;display:block}.monitoring-config-panel .config-section .form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}@media (width<=768px){.monitoring-config-panel .config-section .form-row{grid-template-columns:1fr}}.monitoring-config-panel .action-buttons{border-top:2px solid #e0e0e0;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;display:flex}.monitoring-config-panel .action-buttons .btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;padding:10px 20px;font-size:1em;font-weight:500;transition:all .2s;display:flex}.monitoring-config-panel .action-buttons .btn:disabled{opacity:.6;cursor:not-allowed}.monitoring-config-panel .action-buttons .btn.btn-primary{color:#fff;background:#007bff}.monitoring-config-panel .action-buttons .btn.btn-primary:hover:not(:disabled){background:#0056b3}.monitoring-config-panel .action-buttons .btn.btn-secondary{color:#fff;background:#6c757d}.monitoring-config-panel .action-buttons .btn.btn-secondary:hover:not(:disabled){background:#545b62}.monitoring-config-panel .action-buttons .btn.btn-danger{color:#fff;background:#dc3545}.monitoring-config-panel .action-buttons .btn.btn-danger:hover:not(:disabled){background:#c82333}.monitoring-config-panel .action-buttons .btn svg.spinning{animation:1s linear infinite spin}.time-range-selector{position:relative}.time-range-selector .time-range-controls{align-items:center;gap:4px;display:flex}.time-range-selector .time-range-controls .nav-btn{cursor:pointer;color:#555;background:#fff;border:1px solid #ced4da;border-radius:4px;padding:7px 10px;font-size:.85em;transition:all .15s}.time-range-selector .time-range-controls .nav-btn:hover{color:#333;background:#f0f0f0}.time-range-selector .time-range-controls .range-display-btn{cursor:pointer;color:#333;white-space:nowrap;background:#fff;border:1px solid #ced4da;border-radius:4px;align-items:center;gap:8px;padding:7px 14px;font-size:.9em;transition:all .15s;display:flex}.time-range-selector .time-range-controls .range-display-btn:hover,.time-range-selector .time-range-controls .range-display-btn.active{background:#f0f7ff;border-color:#80bdff}.time-range-selector .time-range-controls .range-display-btn.realtime{color:#155724;background:#d4edda;border-color:#28a745}.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{z-index:1000;color:#c7d0d9;background:#1e2128;border:1px solid #3a3f4b;border-radius:6px;min-width:680px;margin-top:6px;padding:16px;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #00000059}.time-range-selector .time-range-panel .custom-range{border-bottom:1px solid #3a3f4b;align-items:flex-end;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.time-range-selector .time-range-panel .custom-range .custom-inputs{flex:1;gap:12px;display:flex}.time-range-selector .time-range-panel .custom-range .custom-inputs label{flex-direction:column;flex:1;gap:4px;display:flex}.time-range-selector .time-range-panel .custom-range .custom-inputs label span{color:#8c949e;text-transform:uppercase;letter-spacing:.5px;font-size:.8em}.time-range-selector .time-range-panel .custom-range .custom-inputs label .input-wrapper{background:#2a2e38;border:1px solid #3a3f4b;border-radius:4px;align-items:center;gap:6px;padding:0 8px;display:flex}.time-range-selector .time-range-panel .custom-range .custom-inputs label .input-wrapper svg{color:#6c757d;flex-shrink:0;font-size:.85em}.time-range-selector .time-range-panel .custom-range .custom-inputs label .input-wrapper input{color:#c7d0d9;background:0 0;border:none;outline:none;width:100%;padding:7px 4px;font-family:inherit;font-size:.85em}.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{color:#fff;cursor:pointer;white-space:nowrap;background:#3274d9;border:none;border-radius:4px;padding:8px 20px;font-size:.85em;font-weight:600;transition:background .15s}.time-range-selector .time-range-panel .custom-range .apply-btn:hover{background:#2563c9}.time-range-selector .time-range-panel .preset-groups{gap:20px;display:flex}.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{text-transform:uppercase;letter-spacing:.8px;color:#6c757d;border-bottom:1px solid #2a2e38;margin-bottom:8px;padding-bottom:4px;font-size:.75em}.time-range-selector .time-range-panel .preset-groups .preset-group .group-presets{flex-direction:column;gap:2px;display:flex}.time-range-selector .time-range-panel .preset-groups .preset-group .group-presets .preset-btn{color:#8ab4f8;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:3px;padding:5px 8px;font-size:.85em;transition:all .1s}.time-range-selector .time-range-panel .preset-groups .preset-group .group-presets .preset-btn:hover{color:#aecbfa;background:#2a2e38}.time-range-selector .time-range-panel .preset-groups .preset-group .group-presets .preset-btn.selected{color:#fff;background:#3274d9}.time-range-selector .time-range-panel .preset-groups .preset-group:first-child{flex:none}.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{color:#81e89e;background:#28a74522}.time-range-selector .time-range-panel .preset-groups .preset-group:first-child .preset-btn.selected{color:#fff;background:#28a745}.monitoring-charts{background:var(--panel-background,#fff);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.monitoring-charts.loading{flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.monitoring-charts.loading .spinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.monitoring-charts .charts-header{border-bottom:2px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;display:flex}.monitoring-charts .charts-header .header-left{flex-direction:column;gap:8px;display:flex}.monitoring-charts .charts-header .header-left h3{color:#333;align-items:center;gap:10px;margin:0;font-size:1.5em;display:flex}.monitoring-charts .charts-header .header-left .connection-status{color:#666;align-items:center;gap:10px;font-size:.9em;display:flex}.monitoring-charts .charts-header .header-left .connection-status .status-dot{border-radius:50%;width:10px;height:10px}.monitoring-charts .charts-header .header-left .connection-status .status-dot.connected{background:#28a745;animation:2s infinite pulse}.monitoring-charts .charts-header .header-left .connection-status .status-dot.disconnected{background:#dc3545}.monitoring-charts .charts-header .header-left .connection-status .last-update{color:#999;align-items:center;gap:4px;font-size:.85em;display:flex}.monitoring-charts .charts-header .header-right{align-items:center;gap:10px;display:flex}.monitoring-charts .charts-header .header-right select{cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:4px;padding:8px 12px;font-size:.9em}.monitoring-charts .charts-header .header-right select:focus{border-color:#80bdff;outline:none;box-shadow:0 0 0 .2rem #007bff40}.monitoring-charts .charts-header .header-right .refresh-btn{cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:4px;padding:8px 12px;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{color:#666;font-size:1.1em}.monitoring-charts .charts-header .header-right .refresh-btn svg.spinning{animation:1s linear infinite spin}.monitoring-charts .error-message{color:#721c24;background:#f8d7da;border-left:4px solid #dc3545;border-radius:4px;align-items:center;gap:8px;margin-bottom:15px;padding:12px;display:flex}.monitoring-charts .realtime-indicator{color:#155724;background:#d4edda;border-left:4px solid #28a745;border-radius:4px;align-items:center;gap:10px;margin-bottom:15px;padding:10px 16px;font-size:.9em;font-weight:500;display:flex}.monitoring-charts .realtime-indicator .realtime-dot{background:#28a745;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.5s ease-in-out infinite pulse}.monitoring-charts .zoom-hint{color:#6c757d;align-items:center;gap:6px;margin-bottom:12px;padding:6px 12px;font-size:.8em;font-style:italic;display:flex}.monitoring-charts .zoom-hint svg{color:#007bff;font-size:.9em}.monitoring-charts .stat-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px;display:grid}.monitoring-charts .stat-cards .stat-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.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{background:#fff5f5;border-left:4px solid #dc3545}.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{color:#6c757d;flex-shrink:0;font-size:1.5em}.monitoring-charts .stat-cards .stat-card .stat-content{min-width:0}.monitoring-charts .stat-cards .stat-card .stat-content .stat-value{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:1.25em;font-weight:700;line-height:1.2;overflow:hidden}.monitoring-charts .stat-cards .stat-card .stat-content .stat-label{color:#999;text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.8em}.monitoring-charts .section-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.monitoring-charts .section-filters .filter-label{color:#666;align-items:center;gap:6px;font-size:.9em;font-weight:600;display:flex}.monitoring-charts .section-filters .filter-btn{cursor:pointer;color:#6c757d;background:#fff;border:1px solid #dee2e6;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85em;transition:all .2s;display:inline-flex}.monitoring-charts .section-filters .filter-btn:hover{background:#f8f9fa;border-color:#adb5bd}.monitoring-charts .section-filters .filter-btn.active{color:#fff;background:#007bff;border-color:#007bff}.monitoring-charts .section-filters .filter-btn.active:hover{background:#0056b3}.monitoring-charts .section-filters .interface-select{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:4px;margin-left:auto;padding:6px 12px;font-size:.85em}.monitoring-charts .section-filters .interface-select:focus{border-color:#80bdff;outline:none;box-shadow:0 0 0 2px #007bff26}.monitoring-charts .charts-grid{grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:16px;display:grid}@media (width<=1100px){.monitoring-charts .charts-grid{grid-template-columns:1fr}}.monitoring-charts .charts-grid .chart-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px}.monitoring-charts .charts-grid .chart-container.chart-full-width{grid-column:1/-1}.monitoring-charts .charts-grid .chart-container.chart-zoomable .recharts-wrapper{cursor:crosshair;-webkit-user-select:none;user-select:none}.monitoring-charts .charts-grid .chart-container h4{color:#444;border-bottom:1px solid #dee2e6;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:8px;font-size:1em;display:flex}.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{color:#adb5bd;margin-left:auto;font-size:.8em}.monitoring-charts .charts-grid .chart-container .show-more-btn{color:#007bff;cursor:pointer;background:0 0;border:1px dashed #ced4da;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.9em;transition:all .2s;display:flex}.monitoring-charts .charts-grid .chart-container .show-more-btn:hover{background:#f0f7ff;border-color:#80bdff}.monitoring-charts .charts-grid .no-data{color:#666;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.monitoring-charts .charts-grid .no-data svg{color:#ccc;margin-bottom:20px;font-size:4em}.monitoring-charts .charts-grid .no-data p{margin:5px 0;font-size:1.1em}.monitoring-charts .charts-grid .no-data p.hint{color:#999;font-size:.9em}.monitoring-charts .charts-grid .section-empty-state{text-align:center;color:#666;flex-direction:column;justify-content:center;align-items:center;padding:36px 20px;display:flex}.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{color:#999;max-width:360px;font-size:.82em}.monitoring-charts .custom-tooltip{background:#fffffff5;border:1px solid #dee2e6;border-radius:6px;padding:10px 14px;font-size:.85em;box-shadow:0 4px 12px #0000001f}.monitoring-charts .custom-tooltip .tooltip-label{color:#333;border-bottom:1px solid #e9ecef;margin:0 0 6px;padding-bottom:4px;font-weight:600}.monitoring-charts .custom-tooltip p{margin:2px 0}.monitoring-charts .interface-summary{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.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{color:#333;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-family:Courier New,monospace;font-size:.92em;font-weight:600;overflow:hidden}.monitoring-charts .interface-summary .interface-card .if-stats{gap:16px;display:flex}.monitoring-charts .interface-summary .interface-card .if-stats .if-in,.monitoring-charts .interface-summary .interface-card .if-stats .if-out{align-items:center;gap:4px;font-family:Courier New,monospace;font-size:.88em;font-weight:500;display:flex}.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{border-bottom:2px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;padding-bottom:16px;display:flex}.reporting-charts .charts-header .header-left{flex-direction:column;gap:6px;display:flex}.reporting-charts .charts-header .header-left h3{color:#333;align-items:center;gap:10px;margin:0;font-size:1.5em;display:flex}.reporting-charts .charts-header .header-left .header-subtitle{color:#888;font-size:.9em}.reporting-charts .charts-header .header-right{align-items:center;gap:10px;display:flex}.reporting-charts .charts-header .header-right .refresh-btn{cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:4px;padding:8px 12px;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{color:#666;font-size:1.1em}.reporting-charts .charts-header .header-right .refresh-btn svg.spinning{animation:1s linear infinite reporting-spin}.reporting-charts .error-message{color:#721c24;background:#f8d7da;border-left:4px solid #dc3545;border-radius:4px;align-items:center;gap:8px;margin-bottom:15px;padding:12px;display:flex}.reporting-charts .zoom-hint{color:#6c757d;align-items:center;gap:6px;margin-bottom:12px;padding:6px 12px;font-size:.8em;font-style:italic;display:flex}.reporting-charts .zoom-hint svg{color:#007bff;font-size:.9em}.reporting-charts .stat-cards{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin-bottom:24px;display:grid}.reporting-charts .stat-cards .stat-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;align-items:center;gap:12px;padding:16px 18px;transition:all .2s;display:flex}.reporting-charts .stat-cards .stat-card:hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000014}.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{background:#fff5f5;border-left:4px solid #dc3545}.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{color:#6c757d;flex-shrink:0;font-size:1.5em}.reporting-charts .stat-cards .stat-card .stat-content{min-width:0}.reporting-charts .stat-cards .stat-card .stat-content .stat-value{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:1.25em;font-weight:700;line-height:1.2;overflow:hidden}.reporting-charts .stat-cards .stat-card .stat-content .stat-label{color:#999;text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.8em}.reporting-charts .insights-band{background:#fbfcff;border:1px solid #e6e9f2;border-radius:10px;margin-bottom:24px;padding:16px 18px}.reporting-charts .insights-band__header{color:#333;align-items:center;gap:8px;margin-bottom:14px;font-size:.95em;font-weight:700;display:flex}.reporting-charts .insights-band__header svg{color:#f6b500}.reporting-charts .insights-band__subtitle{color:#999;margin-left:4px;font-size:.82em;font-weight:400}.reporting-charts .insights-band .insights-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.reporting-charts .insights-band .insight-card{background:#fff;border:1px solid #eef0f5;border-left:4px solid #6c757d;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.reporting-charts .insights-band .insight-card .insight-icon{color:#6c757d;flex-shrink:0;margin-top:2px;font-size:1.2em}.reporting-charts .insights-band .insight-card .insight-title{color:#2a2a2a;font-size:.92em;font-weight:600;line-height:1.3}.reporting-charts .insights-band .insight-card .insight-detail{color:#6b6b6b;margin-top:3px;font-size:.82em;line-height:1.4}.reporting-charts .insights-band .insight-card--good{border-left-color:#28a745}.reporting-charts .insights-band .insight-card--good .insight-icon{color:#28a745}.reporting-charts .insights-band .insight-card--warn{background:#fffdf6;border-left-color:#f0ad4e}.reporting-charts .insights-band .insight-card--warn .insight-icon{color:#e0a800}.reporting-charts .insights-band .insight-card--bad{background:#fff7f7;border-left-color:#dc3545}.reporting-charts .insights-band .insight-card--bad .insight-icon{color:#dc3545}.reporting-charts .insights-band .insight-card--info{border-left-color:#17a2b8}.reporting-charts .insights-band .insight-card--info .insight-icon{color:#17a2b8}.reporting-charts .section-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.reporting-charts .section-filters .filter-label{color:#666;align-items:center;gap:6px;font-size:.9em;font-weight:600;display:flex}.reporting-charts .section-filters .filter-btn{cursor:pointer;color:#6c757d;background:#fff;border:1px solid #dee2e6;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85em;transition:all .2s;display:inline-flex}.reporting-charts .section-filters .filter-btn:hover{background:#f8f9fa;border-color:#adb5bd}.reporting-charts .section-filters .filter-btn.active{color:#fff;background:#007bff;border-color:#007bff}.reporting-charts .section-filters .filter-btn.active:hover{background:#0056b3}.reporting-charts .section-divider{color:#333;border-bottom:2px solid #dee2e6;grid-column:1/-1;align-items:center;gap:10px;margin-top:8px;padding:10px 0 8px;font-size:1.1em;font-weight:700;display:flex}.reporting-charts .section-divider svg{color:#007bff;font-size:.95em}.reporting-charts .charts-grid{grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:18px;display:grid}@media (width<=1100px){.reporting-charts .charts-grid{grid-template-columns:1fr}}.reporting-charts .charts-grid .chart-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:18px;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.chart-zoomable .recharts-wrapper{cursor:crosshair;-webkit-user-select:none;user-select:none}.reporting-charts .charts-grid .chart-container h4{color:#333;border-bottom:1px solid #dee2e6;align-items:center;gap:8px;margin:0 0 14px;padding-bottom:10px;font-size:1em;font-weight:700;display:flex}.reporting-charts .charts-grid .chart-container h4 svg{color:#007bff;font-size:.9em}.reporting-charts .charts-grid .chart-container .show-more-btn{color:#007bff;cursor:pointer;background:0 0;border:1px dashed #ced4da;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.9em;transition:all .2s;display:flex}.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{color:#666;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.reporting-charts .charts-grid .no-data svg{color:#ccc;margin-bottom:20px;font-size:4em}.reporting-charts .charts-grid .no-data p{margin:5px 0;font-size:1.1em}.reporting-charts .charts-grid .no-data p.hint{color:#999;font-size:.9em}.reporting-charts .charts-grid .no-data .spinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;margin-bottom:20px;animation:1s linear infinite reporting-spin}.reporting-charts .charts-grid .section-empty-state{text-align:center;color:#666;flex-direction:column;justify-content:center;align-items:center;padding:36px 20px;display:flex}.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{color:#999;max-width:360px;font-size:.82em}.reporting-charts .custom-tooltip{background:#fffffff7;border:1px solid #dee2e6;border-radius:8px;padding:10px 14px;font-size:.85em;box-shadow:0 4px 16px #0000001f}.reporting-charts .custom-tooltip .tooltip-label{color:#333;border-bottom:1px solid #e9ecef;margin:0 0 6px;padding-bottom:4px;font-weight:600}.reporting-charts .custom-tooltip p{margin:2px 0}.reporting-charts .bandwidth-table{width:100%;overflow-x:auto}.reporting-charts .bandwidth-table table{border-collapse:separate;border-spacing:0;border-radius:8px;width:100%;min-width:700px;font-size:.88em;overflow:hidden}.reporting-charts .bandwidth-table table th,.reporting-charts .bandwidth-table table td{text-align:left;border-bottom:1px solid #e9ecef;padding:10px 14px}.reporting-charts .bandwidth-table table th{color:#fff;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#495057;font-size:.85em;font-weight:600}.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{white-space:nowrap;font-family:Courier New,monospace;font-size:.92em}.reporting-charts .bandwidth-table table td.if-name{color:#333;font-family:inherit;font-weight:600}.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 tbody tr.if-private td{opacity:.55}.reporting-charts .bandwidth-table table .if-public-icon{color:#17a2b8;vertical-align:middle;margin-left:6px;font-size:.85em}.reporting-charts .bandwidth-table table tfoot .total-row td{color:#333;background:#f0f4f8;border-top:2px solid #dee2e6;border-bottom:none;font-weight:700}.reporting-charts .bandwidth-table table tfoot .total-row td.if-name{color:#007bff;font-weight:800}.reporting-charts .uptime-summary{padding:10px 0}.reporting-charts .uptime-summary .uptime-gauge{flex-wrap:wrap;align-items:center;gap:30px;display:flex}.reporting-charts .uptime-summary .uptime-gauge .uptime-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:140px;display:flex;box-shadow:0 2px 8px #0000001a}.reporting-charts .uptime-summary .uptime-gauge .uptime-circle .uptime-inner{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.reporting-charts .uptime-summary .uptime-gauge .uptime-circle .uptime-inner .uptime-value{color:#333;font-size:1.5em;font-weight:700}.reporting-charts .uptime-summary .uptime-gauge .uptime-details{flex:1;min-width:200px}.reporting-charts .uptime-summary .uptime-gauge .uptime-details p{color:#555;margin:6px 0;font-size:.92em}.reporting-charts .uptime-summary .uptime-gauge .uptime-details .uptime-sla{border-radius:6px;margin-top:10px;padding:8px 14px;font-size:.9em;font-weight:600}.reporting-charts .uptime-summary .uptime-gauge .uptime-details .uptime-sla.excellent,.reporting-charts .uptime-summary .uptime-gauge .uptime-details .uptime-sla.good{color:#155724;background:#d4edda}.reporting-charts .uptime-summary .uptime-gauge .uptime-details .uptime-sla.poor{color:#721c24;background:#f8d7da}.reporting-charts .btest-performance-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;display:grid}.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{border-bottom:1px solid #e9ecef;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-header .perf-label{color:#333;font-size:.95em;font-weight:700}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-header .perf-ip{color:#6c757d;font-family:Courier New,monospace;font-size:.82em}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-header .perf-count{color:#6c757d;background:#f0f4f8;border-radius:12px;margin-left:auto;padding:3px 10px;font-size:.78em;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{color:#495057;align-items:center;gap:6px;margin-bottom:6px;font-size:.85em;font-weight:600;display:flex}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-body .perf-metric .perf-bar-container{background:#e9ecef;border-radius:5px;height:10px;margin-bottom:6px;overflow:hidden}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-body .perf-metric .perf-bar-container .perf-bar{border-radius:5px;height:100%;transition:width .5s}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-body .perf-metric .perf-values{color:#6c757d;flex-wrap:wrap;gap:12px;font-size:.78em;display:flex}.reporting-charts .btest-performance-grid .btest-perf-card .perf-card-body .perf-metric .perf-values .perf-percentage{margin-left:auto;font-size:1em;font-weight:700}.reporting-charts .public-ip-summary{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch;gap:14px;display:grid}.reporting-charts .public-ip-summary .public-ip-card{background:#fff;border:1px solid #dee2e6;border-radius:10px;width:100%;max-width:none;padding:18px;transition:all .2s}.reporting-charts .public-ip-summary .public-ip-card:hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000014}.reporting-charts .public-ip-summary .public-ip-card .pip-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;display:flex}.reporting-charts .public-ip-summary .public-ip-card .pip-header .pip-label{color:#333;min-width:0;font-size:.95em;font-weight:700}.reporting-charts .public-ip-summary .public-ip-card .pip-header .pip-ip{color:#6c757d;text-align:right;font-family:Courier New,monospace;font-size:.85em}.reporting-charts .public-ip-summary .public-ip-card .pip-stats{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.reporting-charts .public-ip-summary .public-ip-card .pip-stats .pip-stat{flex-direction:column;gap:2px;display:flex}.reporting-charts .public-ip-summary .public-ip-card .pip-stats .pip-stat .pip-stat-value{color:#333;font-size:1.15em;font-weight:700}.reporting-charts .public-ip-summary .public-ip-card .pip-stats .pip-stat .pip-stat-label{color:#999;text-transform:uppercase;letter-spacing:.05em;font-size:.75em}.reporting-charts .public-ip-summary .public-ip-card .pip-stats .pip-stat .pip-monitor-badge{border-radius:12px;padding:4px 10px;font-size:.78em;font-weight:600}.reporting-charts .public-ip-summary .public-ip-card .pip-stats .pip-stat .pip-monitor-badge.active{color:#155724;background:#d4edda}.reporting-charts .public-ip-summary .public-ip-card .pip-stats .pip-stat .pip-monitor-badge.inactive{color:#6c757d;background:#f8f9fa}.reporting-charts .charts-grid .chart-container .recharts-legend-wrapper .recharts-legend-item{margin-bottom:4px;margin-right:12px}.reporting-charts .charts-grid .chart-container .recharts-legend-wrapper .recharts-legend-item-text{color:#555;font-size:.82em}@keyframes reporting-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.router-action-items-panel{background:#fff;border:1px solid #e9ecef;border-radius:10px;margin-bottom:24px;padding:18px 20px}.router-action-items-panel .raip-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.router-action-items-panel .raip-header h4{color:#333;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;display:flex}.router-action-items-panel .raip-header h4 svg{color:#fd7e14}.router-action-items-panel .raip-header .raip-header-right{align-items:center;gap:8px;display:flex}.router-action-items-panel .raip-header .raip-open-badge{color:#fff;background:#dc3545;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.router-action-items-panel .raip-header .raip-refresh-btn{cursor:pointer;color:#6c757d;background:0 0;border:1px solid #ced4da;border-radius:4px;align-items:center;padding:4px 8px;transition:background .2s;display:flex}.router-action-items-panel .raip-header .raip-refresh-btn:hover:not(:disabled){background:#f8f9fa}.router-action-items-panel .raip-header .raip-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.router-action-items-panel .raip-error{color:#dc3545;align-items:center;gap:6px;margin-bottom:10px;font-size:.85rem;display:flex}.router-action-items-panel .raip-loading{color:#6c757d;align-items:center;gap:10px;padding:12px 0;font-size:.9rem;display:flex}.router-action-items-panel .raip-empty{color:#aaa;text-align:center;padding:12px 0;font-size:.9rem}.router-action-items-panel .raip-list{flex-direction:column;gap:8px;display:flex}.router-action-items-panel .raip-item{background:#f8f9fa;border-left:4px solid #ced4da;border-radius:0 6px 6px 0;padding:10px 14px;transition:background .15s}.router-action-items-panel .raip-item:hover{background:#f1f3f5}.router-action-items-panel .raip-item.open{border-left-color:#007bff}.router-action-items-panel .raip-item.on-hold{border-left-color:#fd7e14}.router-action-items-panel .raip-item.pending{border-left-color:#ffc107}.router-action-items-panel .raip-item.solved{border-left-color:#28a745}.router-action-items-panel .raip-item.cancelled{border-left-color:#dc3545}.router-action-items-panel .raip-item.closed{opacity:.75;border-left-color:#6c757d}.router-action-items-panel .raip-item .raip-item-main{flex-direction:column;gap:6px;display:flex}.router-action-items-panel .raip-item .raip-item-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.router-action-items-panel .raip-item .raip-item-link{color:#007bff;align-items:center;gap:5px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.router-action-items-panel .raip-item .raip-item-link:hover{text-decoration:underline}.router-action-items-panel .raip-item .raip-item-link .raip-external-icon{opacity:.7;font-size:.7rem}.router-action-items-panel .raip-item .raip-item-id{color:#aaa;font-size:.78rem}.router-action-items-panel .raip-item .raip-item-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem;display:flex}.router-action-items-panel .raip-item .raip-date,.router-action-items-panel .raip-item .raip-resolved-date{color:#6c757d;align-items:center;gap:4px;display:flex}.action-item-status-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.action-item-status-badge.open{color:#084298;background:#cfe2ff}.action-item-status-badge.on-hold{color:#7a3b00;background:#ffe5d0}.action-item-status-badge.pending{color:#664d03;background:#fff3cd}.action-item-status-badge.solved{color:#0a3622;background:#d1e7dd}.action-item-status-badge.cancelled{color:#58151c;background:#f8d7da}.action-item-status-badge.closed{color:#41464b;background:#e2e3e5}.action-item-priority-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.action-item-priority-badge.critical{color:#58151c;background:#f8d7da}.action-item-priority-badge.high{color:#7a3b00;background:#ffe5d0}.action-item-priority-badge.medium{color:#664d03;background:#fff3cd}.action-item-priority-badge.low{color:#41464b;background:#e2e3e5}.router-backup-management{padding:20px}.router-backup-management .backup-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.router-backup-management .backup-header h3{color:#333;margin:0}.router-backup-management .loading-message{color:#666;justify-content:center;align-items:center;padding:40px;font-size:16px;display:flex}.router-backup-management .loading-message svg{margin-right:10px;font-size:20px}.router-backup-management .alert{border-radius:4px;align-items:center;gap:10px;margin-bottom:15px;padding:12px 15px;display:flex}.router-backup-management .alert.alert-danger{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.router-backup-management .alert.alert-success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.router-backup-management .create-backup-section{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.router-backup-management .create-backup-section h4{color:#333;margin-top:0;margin-bottom:15px}.router-backup-management .create-backup-section .create-backup-form{gap:10px;margin-bottom:10px;display:flex}.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{color:#666;margin:0;font-size:.9em}.router-backup-management .restore-settings{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:20px;padding:15px}.router-backup-management .restore-settings label{color:#856404;margin-bottom:8px;font-weight:600;display:block}.router-backup-management .restore-settings input{max-width:200px;margin-bottom:8px}.router-backup-management .restore-settings .help-text{color:#856404;margin:0;font-size:.85em}.router-backup-management .backups-list h4{color:#333;margin-bottom:15px}.router-backup-management .backups-list .no-backups{text-align:center;color:#999;padding:60px 20px}.router-backup-management .backups-list .no-backups svg{opacity:.3;margin-bottom:15px;font-size:48px}.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{border-collapse:collapse;background:#fff;width:100%;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{text-align:left;color:#495057;white-space:nowrap;border-bottom:2px solid #dee2e6;padding:12px;font-weight:600}.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{vertical-align:middle;padding:12px}.router-backup-management .backups-list .backups-table tbody tr td small{color:#666;font-size:.85em;display:block}.router-backup-management .backups-list .backups-table .backup-type{text-transform:capitalize;border-radius:4px;padding:4px 8px;font-size:.85em;font-weight:600;display:inline-block}.router-backup-management .backups-list .backups-table .backup-type.manual{color:#0c5460;background:#d1ecf1}.router-backup-management .backups-list .backups-table .backup-type.automatic{color:#155724;background:#d4edda}.router-backup-management .backups-list .backups-table .backup-type.prechange{color:#856404;background:#fff3cd}.router-backup-management .backups-list .backups-table .backup-type.prerestore{color:#721c24;background:#f8d7da}.router-backup-management .backups-list .backups-table .status-success{color:#28a745;align-items:center;gap:5px;display:flex}.router-backup-management .backups-list .backups-table .status-failed{color:#dc3545;align-items:center;gap:5px;display:flex}.router-backup-management .backups-list .backups-table .restore-count{color:#007bff;font-weight:600}.router-backup-management .backups-list .backups-table .actions{gap:8px;display:flex}.router-backup-management .backups-list .backups-table .actions button{min-width:36px}.router-bulk-operations{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.router-bulk-operations .operations-header{margin-bottom:30px}.router-bulk-operations .operations-header h3{color:#333;align-items:center;gap:10px;margin:0 0 10px;font-size:1.5rem;display:flex}.router-bulk-operations .operations-header h3 svg{color:#007bff}.router-bulk-operations .operations-header .description{color:#666;margin:0}.router-bulk-operations .alert{border-radius:4px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 15px;display:flex}.router-bulk-operations .alert.alert-error{color:#c33;background:#fee;border:1px solid #fcc}.router-bulk-operations .alert.alert-success{color:#2e7d32;background:#e7f5e7;border:1px solid #4caf50}.router-bulk-operations .alert .close-btn{cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:auto;font-size:1.2rem}.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{color:#333;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.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{border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;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{border-color:#007bff;outline:none;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{cursor:not-allowed;background:#f5f5f5}.router-bulk-operations .operations-form .form-group textarea{resize:vertical;font-family:Consolas,Monaco,Courier New,monospace}.router-bulk-operations .operations-form .form-group .help-text{color:#666;margin-top:5px;font-size:.85rem;display:block}.router-bulk-operations .operations-form .form-group .router-selection-actions{align-items:center;gap:10px;margin-bottom:15px;display:flex}.router-bulk-operations .operations-form .form-group .router-selection-actions .selection-count{color:#666;margin-left:auto;font-size:.9rem}.router-bulk-operations .operations-form .form-group .router-list{background:#fafafa;border:1px solid #ddd;border-radius:4px;max-height:300px;padding:10px;overflow-y:auto}.router-bulk-operations .operations-form .form-group .router-list .router-checkbox{cursor:pointer;border-radius:4px;align-items:center;gap:10px;padding:8px;display:flex}.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;margin-left:5px;font-size:.85rem}.router-bulk-operations .operations-form .form-group .checkbox-label{cursor:pointer;align-items:center;gap:10px;font-weight:400;display:flex}.router-bulk-operations .operations-form .form-group .checkbox-label input[type=checkbox]{cursor:pointer}.router-bulk-operations .operations-form .form-group .safe-mode-options{background:#f9f9f9;border-left:3px solid #007bff;border-radius:4px;margin-top:15px;padding:15px}.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{border-top:1px solid #eee;justify-content:flex-end;padding-top:20px;display:flex}.router-bulk-operations .btn-primary,.router-bulk-operations .btn-secondary{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:all .2s;display:inline-flex}.router-bulk-operations .btn-primary:disabled,.router-bulk-operations .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.router-bulk-operations .btn-primary{color:#fff;background:#007bff}.router-bulk-operations .btn-primary:hover:not(:disabled){background:#0056b3}.router-bulk-operations .btn-secondary{color:#fff;background:#6c757d}.router-bulk-operations .btn-secondary:hover:not(:disabled){background:#545b62}.router-bulk-operations .operations-history{margin-top:40px}.router-bulk-operations .operations-history h4{color:#333;margin:0 0 20px;font-size:1.2rem}.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{border-collapse:collapse;width:100%}.router-bulk-operations .operations-history .operations-table table th,.router-bulk-operations .operations-history .operations-table table td{text-align:left;border-bottom:1px solid #eee;padding:12px}.router-bulk-operations .operations-history .operations-table table th{color:#333;background:#f5f5f5;font-weight:700}.router-bulk-operations .operations-history .operations-table table tbody tr:hover{background:#f9f9f9}.router-bulk-operations .operations-history .operations-table table .status-badge{border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:.85rem;font-weight:700;display:inline-flex}.router-scheduled-scripts{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.router-scheduled-scripts .scripts-header{flex-direction:column;gap:15px;margin-bottom:30px;display:flex}.router-scheduled-scripts .scripts-header h3{color:#333;align-items:center;gap:10px;margin:0;font-size:1.5rem;display:flex}.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{border-radius:4px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 15px;display:flex}.router-scheduled-scripts .alert.alert-error{color:#c33;background:#fee;border:1px solid #fcc}.router-scheduled-scripts .alert.alert-success{color:#2e7d32;background:#e7f5e7;border:1px solid #4caf50}.router-scheduled-scripts .alert .close-btn{cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:auto;font-size:1.2rem}.router-scheduled-scripts .alert .close-btn:hover{opacity:1}.router-scheduled-scripts .script-form{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:30px;padding:25px}.router-scheduled-scripts .script-form h4{color:#333;margin:0 0 20px;font-size:1.2rem}.router-scheduled-scripts .script-form .form-group{margin-bottom:20px}.router-scheduled-scripts .script-form .form-group label{color:#333;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.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{border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;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{border-color:#007bff;outline:none;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{cursor:not-allowed;background:#f5f5f5}.router-scheduled-scripts .script-form .form-group textarea{resize:vertical;font-family:Consolas,Monaco,Courier New,monospace}.router-scheduled-scripts .script-form .form-group .help-text{color:#666;margin-top:5px;font-size:.85rem;display:block}.router-scheduled-scripts .script-form .form-group .router-list{background:#fff;border:1px solid #ddd;border-radius:4px;max-height:200px;padding:10px;overflow-y:auto}.router-scheduled-scripts .script-form .form-group .router-list .router-checkbox{cursor:pointer;border-radius:4px;align-items:center;gap:10px;padding:8px;display:flex}.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{cursor:pointer;align-items:center;gap:10px;font-weight:400;display:flex}.router-scheduled-scripts .script-form .form-group .checkbox-label input[type=checkbox]{cursor:pointer}.router-scheduled-scripts .script-form .form-actions{border-top:1px solid #ddd;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;display:flex}.router-scheduled-scripts .btn-primary,.router-scheduled-scripts .btn-secondary{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:all .2s;display:inline-flex}.router-scheduled-scripts .btn-primary:disabled,.router-scheduled-scripts .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.router-scheduled-scripts .btn-primary{color:#fff;background:#007bff}.router-scheduled-scripts .btn-primary:hover:not(:disabled){background:#0056b3}.router-scheduled-scripts .btn-secondary{color:#fff;background:#6c757d}.router-scheduled-scripts .btn-secondary:hover:not(:disabled){background:#545b62}.router-scheduled-scripts .scripts-list{margin-top:40px}.router-scheduled-scripts .scripts-list h4{color:#333;margin:0 0 20px;font-size:1.2rem}.router-scheduled-scripts .scripts-list .loading-state{color:#666;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.router-scheduled-scripts .scripts-list .loading-state svg{color:#007bff;font-size:1.5rem}.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{border-collapse:collapse;width:100%}.router-scheduled-scripts .scripts-list .scripts-table table th,.router-scheduled-scripts .scripts-list .scripts-table table td{text-align:left;border-bottom:1px solid #eee;padding:12px}.router-scheduled-scripts .scripts-list .scripts-table table th{color:#333;background:#f5f5f5;font-weight:700}.router-scheduled-scripts .scripts-list .scripts-table table tbody tr:hover{background:#f9f9f9}.router-scheduled-scripts .scripts-list .scripts-table table .status-toggle{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:5px;padding:6px 12px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.router-scheduled-scripts .scripts-list .scripts-table table .status-toggle.enabled{color:#4caf50;background:#e7f5e7}.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{color:#f44336;background:#fee}.router-scheduled-scripts .scripts-list .scripts-table table .status-toggle.disabled:hover{background:#fdd}.router-scheduled-scripts .scripts-list .scripts-table table .script-name{color:#333;font-weight:700}.router-scheduled-scripts .scripts-list .scripts-table table .script-description{color:#666;margin-top:3px;font-size:.85rem}.router-scheduled-scripts .scripts-list .scripts-table table .action-buttons{gap:8px;display:flex}.router-scheduled-scripts .scripts-list .scripts-table table .action-buttons .btn-icon{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 10px;transition:all .2s}.router-scheduled-scripts .scripts-list .scripts-table table .action-buttons .btn-icon:hover{color:#007bff;background:#f5f5f5;border-color:#007bff}.router-scheduled-scripts .scripts-list .scripts-table table .action-buttons .btn-icon.btn-danger:hover{color:#f44336;border-color:#f44336}.router-firewall-editor{padding:0}.router-firewall-editor .firewall-header{background:#fff;border-bottom:2px solid #dee2e6;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;display:flex}.router-firewall-editor .firewall-header .header-title{align-items:center;gap:12px;display:flex}.router-firewall-editor .firewall-header .header-title h2{color:#333;margin:0;font-size:1.5rem}.router-firewall-editor .firewall-header .mode-toggle{background:#f8f9fa;border-radius:8px;gap:8px;padding:4px;display:flex}.router-firewall-editor .firewall-header .mode-toggle .mode-btn{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.router-firewall-editor .firewall-header .mode-toggle .mode-btn:hover{background:#e9ecef}.router-firewall-editor .firewall-header .mode-toggle .mode-btn.active{color:#fff;background:#007bff}.router-firewall-editor .firewall-header .btn-refresh{color:#495057;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.router-firewall-editor .firewall-header .btn-refresh:hover:not(:disabled){color:#007bff;background:#f8f9fa;border-color:#007bff}.router-firewall-editor .firewall-header .btn-refresh:disabled{opacity:.6;cursor:not-allowed}.router-firewall-editor .firewall-header .btn-refresh .spinning{animation:1s linear infinite spin}.router-firewall-editor .alert{border-radius:6px;align-items:center;gap:12px;margin:0 20px 20px;padding:12px 20px;display:flex;position:relative}.router-firewall-editor .alert.alert-error{color:#c33;background:#fee;border:1px solid #f88}.router-firewall-editor .alert.alert-success{color:#3a3;background:#efe;border:1px solid #8c8}.router-firewall-editor .alert .alert-close{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;font-size:1.5rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.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{background:#f8f9fa;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px;display:flex}.router-firewall-editor .router-info .fetch-time{color:#666;align-items:center;gap:6px;font-size:.9rem;display:flex}.router-firewall-editor .firewall-tabs{border-bottom:2px solid #dee2e6;flex-wrap:nowrap;gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.router-firewall-editor .firewall-tabs .tab-btn{cursor:pointer;color:#6c757d;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex-shrink:0;align-items:center;gap:6px;padding:10px 16px;font-size:.9rem;transition:all .2s;display:inline-flex}.router-firewall-editor .firewall-tabs .tab-btn:hover{color:#495057;background:#f8f9fa}.router-firewall-editor .firewall-tabs .tab-btn.active{color:#007bff;border-bottom-color:#007bff;font-weight:600}.router-firewall-editor .tab-content .content-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.router-firewall-editor .tab-content .content-header .legend{gap:20px;display:flex}.router-firewall-editor .tab-content .content-header .legend .legend-item{color:#666;align-items:center;gap:6px;font-size:.9rem;display:flex}.router-firewall-editor .tab-content .content-header .legend .legend-item svg{flex-shrink:0}.router-firewall-editor .rules-table-container{border:1px solid #dee2e6;border-radius:6px;overflow-x:auto}.router-firewall-editor .rules-table-container .rules-table{border-collapse:collapse;width:100%;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{text-align:left;white-space:nowrap;border-bottom:2px solid #dee2e6;padding:12px 8px}.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{vertical-align:middle;padding:10px 8px}.router-firewall-editor .rules-table-container .rules-table tbody tr td input,.router-firewall-editor .rules-table-container .rules-table tbody tr td select{border:1px solid #ced4da;border-radius:4px;width:100%;padding:4px 8px;font-size:.85rem}.router-firewall-editor .drag-handle-cell{text-align:center;width:30px;padding:0 4px!important}.router-firewall-editor .drag-handle{cursor:grab;color:#bbb;border-radius:3px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:inline-flex}.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{color:#6c757d;text-align:center;font-size:.85rem;font-weight:600}.router-firewall-editor .btn-toggle{background:0 0!important;border:none!important;padding:2px!important}.router-firewall-editor .rule-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.router-firewall-editor .rule-badge.global-badge{color:#2196f3;background:#e3f2fd}.router-firewall-editor .rule-badge.local-badge{color:#4caf50;background:#e8f5e9}.router-firewall-editor .chain-badge{background:#e9ecef;border-radius:4px;padding:4px 8px;font-size:.85rem;font-weight:500;display:inline-block}.router-firewall-editor .action-badge{color:#fff;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:4px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-block}.router-firewall-editor .address-info,.router-firewall-editor .port-info,.router-firewall-editor .mark-info{font-family:Courier New,monospace;font-size:.85rem;display:block}.router-firewall-editor .mark-info{color:#795548;font-weight:500}.router-firewall-editor .comment-text{text-overflow:ellipsis;white-space:nowrap;max-width:200px;display:block;overflow:hidden}.router-firewall-editor .rule-actions,.router-firewall-editor .edit-actions{flex-wrap:nowrap;justify-content:center;gap:6px;display:flex}.router-firewall-editor .btn-icon,.router-firewall-editor .btn-cancel,.router-firewall-editor .btn-save{color:#495057;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:4px;justify-content:center;align-items:center;padding:6px 10px;font-size:.85rem;transition:all .15s;display:inline-flex}.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){color:#0056b3;background:#e7f1ff;border-color:#007bff}.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){color:#c82333;background:#fee;border-color:#dc3545}.router-firewall-editor .btn-save{color:#fff;background:#4caf50;border-color:#4caf50}.router-firewall-editor .btn-save:hover:not(:disabled){background:#45a049}.router-firewall-editor .btn-cancel{color:#fff;background:#f44336;border-color:#f44336}.router-firewall-editor .btn-cancel:hover:not(:disabled){background:#da190b}.router-firewall-editor .btn-primary,.router-firewall-editor .btn-secondary{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .2s;display:inline-flex}.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;color:#999;padding:60px 20px}.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{border:4px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;width:48px;height:48px;margin:0 auto 20px;animation:1s linear infinite spin}.router-firewall-editor .tab-placeholder{text-align:center;color:#666;padding:60px 20px}.router-firewall-editor .tab-placeholder .note{color:#999;margin-top:12px;font-size:.9rem}.router-firewall-editor .info-banner{background:#e3f2fd;border:1px solid #2196f3;border-radius:6px;gap:16px;margin-bottom:24px;padding:16px;display:flex}.router-firewall-editor .info-banner svg{color:#2196f3;flex-shrink:0;font-size:24px}.router-firewall-editor .info-banner strong{color:#1976d2;margin-bottom:4px;display:block}.router-firewall-editor .info-banner p{color:#424242;margin:0;font-size:.9rem}.router-firewall-editor .coming-soon{text-align:center;color:#666;padding:80px 40px}.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{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.router-firewall-editor .modal-content{background:#fff;border-radius:8px;flex-direction:column;width:90%;max-width:700px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden}.router-firewall-editor .modal-header{border-bottom:1px solid #dee2e6;justify-content:space-between;align-items:center;padding:20px;display:flex}.router-firewall-editor .modal-header h3{align-items:center;gap:10px;margin:0;display:flex}.router-firewall-editor .modal-header .btn-close{cursor:pointer;color:#666;background:0 0;border:none;font-size:1.5rem}.router-firewall-editor .modal-header .btn-close:hover{color:#333}.router-firewall-editor .modal-body{flex:1;padding:20px;overflow-y:auto}.router-firewall-editor .modal-footer{background:#f8f9fa;border-top:1px solid #dee2e6;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.router-firewall-editor .form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.router-firewall-editor .form-grid .form-group{flex-direction:column;display:flex}.router-firewall-editor .form-grid .form-group.full-width{grid-column:1/-1}.router-firewall-editor .form-grid .form-group label{color:#495057;margin-bottom:6px;font-size:.9rem;font-weight:500}.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{border:1px solid #ced4da;border-radius:4px;padding:8px 12px;font-size:.95rem}.router-firewall-editor .form-grid .form-group input:focus,.router-firewall-editor .form-grid .form-group select:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.router-firewall-editor .l7-regex-preview{text-overflow:ellipsis;white-space:nowrap;color:#475569;cursor:help;vertical-align:middle;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;max-width:320px;padding:.2rem .55rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;display:inline-block;overflow:hidden}.multi-router-deployment .mrd-alert{border-radius:6px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.9rem;animation:.2s slideIn;display:flex}.multi-router-deployment .mrd-alert .alert-close{cursor:pointer;opacity:.6;background:0 0;border:none;margin-left:auto;font-size:1.2rem}.multi-router-deployment .mrd-alert .alert-close:hover{opacity:1}.multi-router-deployment .mrd-alert-error{color:#c62828;background:#fce4ec;border:1px solid #ef9a9a}.multi-router-deployment .mrd-alert-success{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.multi-router-deployment .mrd-tabs{border-bottom:2px solid #dee2e6;gap:4px;margin-bottom:20px;display:flex}.multi-router-deployment .mrd-tabs .mrd-tab{cursor:pointer;color:#6c757d;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;transition:all .2s;display:inline-flex}.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:.2s fadeIn}.multi-router-deployment .section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.multi-router-deployment .section-header .section-info h4{color:#333;align-items:center;gap:8px;margin:0 0 4px;font-size:1.1rem;display:flex}.multi-router-deployment .section-header .section-info p{color:#666;margin:0;font-size:.85rem}.multi-router-deployment .section-header .section-actions{align-items:center;gap:8px;display:flex}.multi-router-deployment .btn-primary-sm{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;transition:background .2s;display:inline-flex}.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{color:#495057;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;transition:all .2s;display:inline-flex}.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{cursor:pointer;color:#555;background:#f0f0f0;border:none;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;transition:all .2s;display:inline-flex}.multi-router-deployment .btn-icon-sm:hover{color:#333;background:#e0e0e0}.multi-router-deployment .btn-danger-sm:hover{color:#c62828;background:#fce4ec}.multi-router-deployment .btn-link-sm{color:#007bff;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:.8rem}.multi-router-deployment .btn-link-sm:hover{text-decoration:underline}.multi-router-deployment .empty-state{text-align:center;color:#666;padding:60px 20px}.multi-router-deployment .empty-state p{margin:12px 0 4px;font-size:1rem;font-weight:600}.multi-router-deployment .empty-state span{color:#999;margin-bottom:16px;font-size:.85rem;display:block}.multi-router-deployment .rules-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;display:grid}.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{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.multi-router-deployment .rule-card .rule-card-header .rule-name-row{flex-wrap:wrap;align-items:center;gap:8px;font-size:.95rem;display:flex}.multi-router-deployment .rule-card .rule-card-header .rule-card-actions{gap:4px;display:flex}.multi-router-deployment .rule-card .rule-desc{color:#666;margin:0 0 10px;font-size:.82rem}.multi-router-deployment .rule-card .rule-meta{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.multi-router-deployment .rule-card .meta-tag{color:#444;background:#f0f0f0;border-radius:4px;padding:2px 8px;font-size:.78rem;display:inline-block}.multi-router-deployment .rule-card .rule-footer{align-items:center;gap:10px;font-size:.78rem;display:flex}.multi-router-deployment .rule-type-badge{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.multi-router-deployment .rule-type-badge.blacklist{color:#c62828;background:#fce4ec}.multi-router-deployment .rule-type-badge.whitelist{color:#2e7d32;background:#e8f5e9}.multi-router-deployment .rule-type-badge.custom{color:#1565c0;background:#e3f2fd}.multi-router-deployment .priority-badge{color:#666;background:#f5f5f5;border-radius:4px;padding:2px 8px;font-size:.75rem}.multi-router-deployment .sync-badge{border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.multi-router-deployment .disabled-badge{color:#999;align-items:center;gap:4px;font-size:.75rem;display:inline-flex}.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{border-radius:12px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.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{border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.multi-router-deployment .status-pill-sm.status-success{color:#2e7d32;background:#e8f5e9}.multi-router-deployment .status-pill-sm.status-failed{color:#c62828;background:#fce4ec}.multi-router-deployment .status-pill-sm.status-pending{color:#e65100;background:#fff3e0}.multi-router-deployment .deploy-layout{grid-template-columns:1fr 320px;gap:20px;margin-bottom:20px;display:grid}@media (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{color:#333;margin:0 0 14px;font-size:.95rem}.multi-router-deployment .form-group-md{margin-bottom:14px}.multi-router-deployment .form-group-md label{color:#555;margin-bottom:4px;font-size:.82rem;font-weight:600;display:block}.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{box-sizing:border-box;border:1px solid #ced4da;border-radius:5px;width:100%;padding:8px 12px;font-size:.85rem;transition:border-color .2s}.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{grid-template-columns:1fr 1fr;gap:14px;display:grid}.multi-router-deployment .safe-mode-toggle{background:#f8f9fa;border-radius:6px;align-items:center;gap:12px;margin-top:8px;padding:10px 14px;display:flex}.multi-router-deployment .safe-mode-toggle .toggle-btn{cursor:pointer;color:#555;background:#fff;border:1px solid #ced4da;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;transition:all .2s;display:inline-flex}.multi-router-deployment .safe-mode-toggle .toggle-btn.active{color:#4caf50;background:#f1f8e9;border-color:#4caf50}.multi-router-deployment .safe-mode-toggle .toggle-btn:hover{background:#e9ecef}.multi-router-deployment .safe-mode-toggle .safe-mode-hint{color:#888;font-size:.78rem}.multi-router-deployment .router-selector-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.multi-router-deployment .router-selector-header h5{align-items:center;gap:6px;margin:0;display:flex}.multi-router-deployment .router-selector-header .select-actions{gap:6px;display:flex}.multi-router-deployment .selected-count{color:#555;background:#f0f4ff;border-radius:4px;margin-bottom:10px;padding:6px 12px;font-size:.82rem}.multi-router-deployment .router-list{border:1px solid #eee;border-radius:6px;max-height:400px;overflow-y:auto}.multi-router-deployment .router-item{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.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]{accent-color:#007bff;flex-shrink:0;width:16px;height:16px}.multi-router-deployment .router-item .router-item-info{flex-direction:column;display:flex}.multi-router-deployment .router-item .router-item-name{color:#333;font-size:.85rem;font-weight:600}.multi-router-deployment .router-item .router-item-ip{color:#999;font-size:.75rem}.multi-router-deployment .disabled-routers-note{color:#999;background:#fafafa;align-items:center;gap:6px;padding:10px 12px;font-size:.78rem;display:flex}.multi-router-deployment .deploy-action-bar{justify-content:flex-end;display:flex}.multi-router-deployment .btn-deploy{color:#fff;cursor:pointer;background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 32px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;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;box-shadow:none;transform:none}.multi-router-deployment .history-list{flex-direction:column;gap:10px;display:flex}.multi-router-deployment .history-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:box-shadow .2s;overflow:hidden}.multi-router-deployment .history-card:hover{box-shadow:0 2px 8px #0000000f}.multi-router-deployment .history-card .history-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 18px;transition:background .15s;display:flex}.multi-router-deployment .history-card .history-card-header:hover{background:#fafafa}.multi-router-deployment .history-card .history-card-header .history-title-row{align-items:center;gap:10px;font-size:.92rem;display:flex}.multi-router-deployment .history-card .history-card-header .history-meta{color:#888;align-items:center;gap:14px;font-size:.78rem;display:flex}.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:.2s slideIn}.multi-router-deployment .history-card .history-detail .op-desc{color:#555;margin:0 0 12px;font-size:.85rem}.multi-router-deployment .history-card .history-detail .op-command-preview{margin-bottom:14px}.multi-router-deployment .history-card .history-detail .op-command-preview label{color:#666;margin-bottom:4px;font-size:.78rem;font-weight:600;display:block}.multi-router-deployment .history-card .history-detail .op-command-preview pre{white-space:pre-wrap;word-break:break-word;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:5px;max-height:120px;margin:0;padding:10px 14px;font-size:.8rem;overflow-x:auto}.multi-router-deployment .history-card .history-detail .op-settings{color:#888;flex-wrap:wrap;gap:16px;margin-bottom:14px;font-size:.78rem;display:flex}.multi-router-deployment .results-table{border-collapse:collapse;width:100%;font-size:.82rem}.multi-router-deployment .results-table th,.multi-router-deployment .results-table td{text-align:left;border-bottom:1px solid #eee;padding:8px 12px}.multi-router-deployment .results-table th{color:#555;background:#f8f9fa;font-size:.78rem;font-weight:600}.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{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.multi-router-deployment .results-table .error-text{color:#c62828}.multi-router-deployment .no-items-note{color:#999;text-align:center;padding:16px;font-size:.85rem}.multi-router-deployment .loading-detail{color:#999;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:.85rem;display:flex}.multi-router-deployment .modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.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{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.multi-router-deployment .modal-header h3{align-items:center;gap:8px;margin:0;font-size:1.05rem;display:flex}.multi-router-deployment .modal-header .btn-close{cursor:pointer;color:#999;background:0 0;border:none;padding:4px;font-size:1.2rem}.multi-router-deployment .modal-header .btn-close:hover{color:#333}.multi-router-deployment .modal-body{padding:20px 24px}.multi-router-deployment .modal-footer{border-top:1px solid #eee;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.multi-router-deployment .form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.multi-router-deployment .form-grid-2 .full-width-md{grid-column:1/-1}.multi-router-deployment .btn-secondary{color:#495057;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:8px 18px;font-size:.85rem}.multi-router-deployment .btn-secondary:hover{background:#e9ecef}.multi-router-deployment .btn-primary{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;padding:8px 18px;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:1s linear infinite spin}.router-llm-validator{max-width:1200px;margin:0 auto;padding:20px}.router-llm-validator .validator-header{margin-bottom:30px}.router-llm-validator .validator-header h3{color:#333;align-items:center;gap:10px;margin:0 0 10px;font-size:24px;display:flex}.router-llm-validator .validator-header .header-subtitle{color:#666;margin:0;font-size:14px}.router-llm-validator .alert{border-radius:4px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 15px;display:flex}.router-llm-validator .alert.alert-danger{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.router-llm-validator .alert.alert-warning{color:#856404;background-color:#fff3cd;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{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.router-llm-validator .input-section{background:#fff;border-radius:8px;margin-bottom:30px;padding:20px;box-shadow:0 1px 3px #0000001a}.router-llm-validator .input-section .input-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.router-llm-validator .input-section .input-header label{color:#333;font-size:16px;font-weight:600}.router-llm-validator .input-section .input-header .input-actions{gap:8px;display:flex}.router-llm-validator .input-section .config-textarea{resize:vertical;border:1px solid #ced4da;border-radius:4px;width:100%;min-height:200px;padding:12px;font-family:Courier New,monospace;font-size:13px}.router-llm-validator .input-section .config-textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 .2rem #007bff40}.router-llm-validator .input-section .config-textarea:disabled{cursor:not-allowed;background-color:#e9ecef}.router-llm-validator .input-section .input-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.router-llm-validator .input-section .input-footer .char-count{color:#666;font-size:13px}.router-llm-validator .results-section{background:#fff;border-radius:8px;margin-bottom:30px;padding:20px;box-shadow:0 1px 3px #0000001a}.router-llm-validator .results-section .results-header{border-bottom:2px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.router-llm-validator .results-section .results-header h4{color:#333;margin:0;font-size:20px}.router-llm-validator .results-section .results-header .validation-badge{border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.router-llm-validator .results-section .results-header .validation-badge.valid{color:#155724;background:#d4edda}.router-llm-validator .results-section .results-header .validation-badge.invalid{color:#721c24;background:#f8d7da}.router-llm-validator .results-section .summary-section{background:#f8f9fa;border-radius:6px;margin-bottom:20px;padding:15px}.router-llm-validator .results-section .summary-section h5{color:#495057;margin-top:0;margin-bottom:10px;font-size:16px}.router-llm-validator .results-section .summary-section p{color:#333;margin:0;line-height:1.6}.router-llm-validator .results-section h5{color:#333;align-items:center;gap:8px;margin-top:0;margin-bottom:15px;font-size:18px;display:flex}.router-llm-validator .results-section .issues-section{margin-bottom:25px}.router-llm-validator .results-section .issues-section .issues-list{flex-direction:column;gap:12px;display:flex}.router-llm-validator .results-section .issues-section .issue-card{border-left:4px solid;border-radius:6px;padding:15px}.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{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.router-llm-validator .results-section .issues-section .issue-card .issue-header .issue-severity{text-transform:uppercase;background:#0000000d;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.router-llm-validator .results-section .issues-section .issue-card .issue-header .issue-line{color:#666;font-family:Courier New,monospace;font-size:12px}.router-llm-validator .results-section .issues-section .issue-card .issue-title{color:#333;margin-bottom:8px;font-size:15px;font-weight:600}.router-llm-validator .results-section .issues-section .issue-card .issue-description{color:#555;margin-bottom:8px;font-size:14px;line-height:1.5}.router-llm-validator .results-section .issues-section .issue-card .issue-recommendation{color:#495057;background:#ffffffb3;border-radius:4px;margin-top:8px;padding:10px;font-size:14px}.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{gap:8px;margin-top:10px;display:flex}.router-llm-validator .results-section .recommendations-section{margin-bottom:25px}.router-llm-validator .results-section .recommendations-section .recommendations-list{flex-direction:column;gap:12px;display:flex}.router-llm-validator .results-section .recommendations-section .recommendation-card{background:#f0f8ff;border:1px solid #b8daff;border-radius:6px;gap:12px;padding:15px;display:flex}.router-llm-validator .results-section .recommendations-section .recommendation-card .recommendation-icon{color:#ffc107;flex-shrink:0;font-size:20px}.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{color:#333;margin-bottom:6px;font-size:15px;font-weight:600}.router-llm-validator .results-section .recommendations-section .recommendation-card .recommendation-content .recommendation-description{color:#555;margin-bottom:8px;font-size:14px;line-height:1.5}.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{color:#333;margin-bottom:5px;font-size:13px;display:block}.router-llm-validator .results-section .recommendations-section .recommendation-card .recommendation-content .recommendation-example pre{background:#fff;border:1px solid #dee2e6;border-radius:4px;margin:0;padding:10px;font-family:Courier New,monospace;font-size:12px;overflow-x:auto}.router-llm-validator .results-section .recommendations-section .recommendation-card .recommendation-content .recommendation-actions{gap:8px;margin-top:10px;display:flex}.router-llm-validator .results-section .best-practices-section{margin-bottom:25px}.router-llm-validator .results-section .best-practices-section .best-practices-list{margin:0;padding:0;list-style:none}.router-llm-validator .results-section .best-practices-section .best-practices-list li{color:#333;background:#f0f9ff;border-radius:4px;align-items:flex-start;gap:10px;margin-bottom:8px;padding:10px;font-size:14px;line-height:1.5;display:flex}.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{flex-direction:column;gap:12px;display:flex}.router-llm-validator .results-section .security-section .security-card{background:#fff8f0;border:1px solid #ffeaa7;border-radius:6px;gap:12px;padding:15px;display:flex}.router-llm-validator .results-section .security-section .security-card .security-icon{color:#fd7e14;flex-shrink:0;font-size:20px}.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{color:#333;margin-bottom:6px;font-size:15px;font-weight:600}.router-llm-validator .results-section .security-section .security-card .security-content .security-description{color:#555;margin-bottom:8px;font-size:14px;line-height:1.5}.router-llm-validator .results-section .security-section .security-card .security-content .security-mitigation{color:#495057;background:#ffffffb3;border-radius:4px;margin-top:8px;padding:10px;font-size:14px}.router-llm-validator .results-section .security-section .security-card .security-content .security-mitigation strong{color:#333}.router-llm-validator .results-section .provider-info{color:#666;background:#f8f9fa;border-radius:4px;align-items:center;gap:8px;margin-top:20px;padding:12px;font-size:13px;display:flex}.router-llm-validator .help-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px}.router-llm-validator .help-section h5{color:#333;align-items:center;gap:8px;margin-top:0;margin-bottom:12px;font-size:16px;display:flex}.router-llm-validator .help-section ul{color:#555;margin:0;padding-left:20px}.router-llm-validator .help-section ul li{margin-bottom:8px;font-size:14px;line-height:1.5}@media (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{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{color:#fff;background:#007bff}.btn.btn-primary:hover:not(:disabled){background:#0056b3}.btn.btn-secondary{color:#fff;background:#6c757d}.btn.btn-secondary:hover:not(:disabled){background:#545b62}.btn.btn-warning{color:#212529;background:#ffc107}.btn.btn-warning:hover:not(:disabled){background:#e0a800}.btn.btn-sm{padding:6px 12px;font-size:12px}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fix-modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.fix-modal{background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;box-shadow:0 8px 32px #00000040}.fix-modal .fix-modal-header{border-bottom:1px solid #dee2e6;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.fix-modal .fix-modal-header h4{color:#333;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.fix-modal .fix-modal-body{flex:1;padding:20px;overflow-y:auto}.fix-modal .fix-modal-body .fix-explanation{margin-bottom:16px}.fix-modal .fix-modal-body .fix-explanation h5{color:#495057;margin:0 0 8px;font-size:15px}.fix-modal .fix-modal-body .fix-explanation p{color:#333;margin:0;line-height:1.5}.fix-modal .fix-modal-body .fix-commands{margin-top:16px}.fix-modal .fix-modal-body .fix-commands h5{color:#495057;margin:0 0 8px;font-size:15px}.fix-modal .fix-modal-body .fix-commands .commands-block{color:#d4d4d4;white-space:pre;background:#1e1e1e;border-radius:6px;margin:0;padding:14px;font-family:Courier New,monospace;font-size:13px;overflow-x:auto}.fix-modal .fix-modal-body .fix-commands .no-commands{color:#6c757d;font-size:14px;font-style:italic}.fix-modal .fix-modal-footer{border-top:1px solid #dee2e6;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.router-knowledge-base{padding:20px}.router-knowledge-base .knowledge-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.router-knowledge-base .knowledge-header h3{color:#333;align-items:center;gap:10px;margin:0;display:flex}.router-knowledge-base .knowledge-header .header-actions{gap:10px;display:flex}.router-knowledge-base .loading-message{color:#666;justify-content:center;align-items:center;padding:40px;font-size:16px;display:flex}.router-knowledge-base .loading-message svg{margin-right:10px;font-size:20px}.router-knowledge-base .alert{border-radius:4px;align-items:center;gap:10px;margin-bottom:15px;padding:12px 15px;display:flex}.router-knowledge-base .alert.alert-danger{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.router-knowledge-base .alert.alert-success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.router-knowledge-base .filter-search-bar{background:#f8f9fa;border-radius:8px;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;display:flex}.router-knowledge-base .filter-search-bar .filter-group,.router-knowledge-base .filter-search-bar .search-group{flex:1;align-items:center;gap:10px;min-width:200px;display:flex}.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;color:#999;padding:60px 20px}.router-knowledge-base .entries-list .no-entries svg{opacity:.3;margin-bottom:15px;font-size:48px}.router-knowledge-base .entries-list .no-entries p{margin:0;font-size:16px}.router-knowledge-base .entries-list .entries-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.router-knowledge-base .entries-list .entry-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px;transition:all .3s;box-shadow:0 2px 4px #0000001a}.router-knowledge-base .entries-list .entry-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.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{justify-content:space-between;align-items:start;margin-bottom:10px;display:flex}.router-knowledge-base .entries-list .entry-card .entry-header .entry-title-row h4{color:#333;flex:1;margin:0;font-size:1.1em}.router-knowledge-base .entries-list .entry-card .entry-header .entry-title-row .entry-actions{gap:8px;display:flex}.router-knowledge-base .entries-list .entry-card .entry-header .entry-title-row .entry-actions .btn-icon{cursor:pointer;color:#666;background:0 0;border:none;padding:5px;font-size:16px;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{align-items:center;gap:10px;display:flex}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:4px 10px;font-size:.8em;font-weight:600;display:inline-block}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge.type-note{color:#0c5460;background:#d1ecf1}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge.type-pattern{color:#155724;background:#d4edda}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge.type-issue{color:#721c24;background:#f8d7da}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge.type-standard{color:#856404;background:#fff3cd}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge.type-security{color:#721c24;background:#f5c6cb}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge.type-network{color:#004085;background:#cce5ff}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge.type-best-practice{color:#0c5460;background:#d1f2eb}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .type-badge.type-default{color:#383d41;background:#e2e3e5}.router-knowledge-base .entries-list .entry-card .entry-header .entry-meta .priority-stars{gap:2px;display:flex}.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{color:#555;margin:0;font-size:.95em;line-height:1.5}.router-knowledge-base .entries-list .entry-card .entry-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.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{color:#495057;background:#e9ecef;border-radius:3px;padding:3px 8px;font-size:.8em}.router-knowledge-base .entries-list .entry-card .entry-config,.router-knowledge-base .entries-list .entry-card .entry-external{color:#666;align-items:center;gap:8px;margin-bottom:8px;font-size:.9em;display:flex}.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{color:#999;border-top:1px solid #e9ecef;justify-content:space-between;padding-top:10px;font-size:.85em;display:flex}.router-knowledge-base .entries-list .entry-card .entry-stats span{display:block}.router-knowledge-base .modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.router-knowledge-base .modal-content{background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;box-shadow:0 4px 20px #0000004d}.router-knowledge-base .modal-content .modal-header{border-bottom:1px solid #dee2e6;justify-content:space-between;align-items:center;padding:20px;display:flex}.router-knowledge-base .modal-content .modal-header h3{color:#333;margin:0;font-size:1.3em}.router-knowledge-base .modal-content .modal-header .btn-close{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:24px;display:flex}.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{color:#333;margin-bottom:8px;font-size:.95em;font-weight:600;display:block}.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{border:1px solid #ced4da;border-radius:4px;width:100%;padding:10px;font-size:.95em}.router-knowledge-base .modal-content .modal-body .form-group .form-control:focus{border-color:#007bff;outline:none;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{cursor:pointer;align-items:center;gap:10px;font-weight:400;display:flex}.router-knowledge-base .modal-content .modal-body .form-group .checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.router-knowledge-base .modal-content .modal-body .form-group .checkbox-label span{font-size:.95em}.router-knowledge-base .modal-content .modal-body .form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.router-knowledge-base .modal-content .modal-footer{border-top:1px solid #dee2e6;justify-content:flex-end;gap:10px;padding:20px;display:flex}.router-knowledge-base .modal-content .modal-footer .btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;padding:10px 20px;font-size:.95em;font-weight:600;transition:all .2s;display:flex}.router-knowledge-base .modal-content .modal-footer .btn:disabled{cursor:not-allowed;opacity:.6}.router-knowledge-base .modal-content .modal-footer .btn.btn-secondary{color:#fff;background:#6c757d}.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{color:#fff;background:#007bff}.router-knowledge-base .modal-content .modal-footer .btn.btn-primary:hover:not(:disabled){background:#0056b3}.router-knowledge-base .btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 16px;font-size:.95em;font-weight:600;transition:all .2s;display:inline-flex}.router-knowledge-base .btn:disabled{cursor:not-allowed;opacity:.6}.router-knowledge-base .btn.btn-primary{color:#fff;background:#007bff}.router-knowledge-base .btn.btn-primary:hover:not(:disabled){background:#0056b3}.router-knowledge-base .btn.btn-success{color:#fff;background:#28a745}.router-knowledge-base .btn.btn-success:hover:not(:disabled){background:#218838}.router-knowledge-base .fa-spin{animation:1s linear infinite fa-spin}@media (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}}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@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{text-align:initial;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2;line-height:1;position:absolute;inset:0;overflow:hidden}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;margin:0;position:absolute}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.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:0 0}.textLayer .endOfContent{z-index:-1;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{width:0;height:0;display:none;position:absolute;top:0;left:0}.pdf-annotation-modal{animation:.2s ease-in-out fadeIn;z-index:99999!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important;overflow:hidden!important}.pdf-annotation-modal.saving{pointer-events:none}.pdf-annotation-modal .modal-backdrop{z-index:1;background:#000000b3;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.pdf-annotation-modal .modal-content{box-shadow:none;z-index:2;background:#fff;border-radius:0;flex-direction:column;animation:.3s ease-out slideUp;display:flex;overflow:hidden;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important}.pdf-annotation-modal .modal-header{background:#f8f9fa;border-bottom:2px solid #e0e0e0;border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1em 1.5em;display:flex}.pdf-annotation-modal .modal-header .header-title{align-items:center;gap:1em;display:flex}.pdf-annotation-modal .modal-header .header-title h2{color:#333;margin:0;font-size:1.3em}.pdf-annotation-modal .modal-header .header-title .filename-editable{cursor:pointer;border-radius:4px;padding:.25em .5em;transition:background-color .2s}.pdf-annotation-modal .modal-header .header-title .filename-editable:hover{background-color:#e3f2fd}.pdf-annotation-modal .modal-header .header-title .filename-rename{align-items:center;gap:0;display:flex}.pdf-annotation-modal .modal-header .header-title .filename-rename .rename-input{color:#333;background:#fff;border:2px solid #1976d2;border-radius:4px;outline:none;min-width:200px;max-width:400px;padding:.2em .4em;font-size:1.3em;font-weight:600}.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{color:#666;padding-left:0;font-size:1.3em;font-weight:600}.pdf-annotation-modal .modal-header .version-selector{position:relative}.pdf-annotation-modal .modal-header .version-selector .version-btn{cursor:pointer;color:#666;background:#fff;border:1px solid #ccc;border-radius:6px;align-items:center;gap:.5em;padding:.5em .75em;font-size:.85em;transition:all .2s;display:flex}.pdf-annotation-modal .modal-header .version-selector .version-btn:hover{color:#1976d2;background:#f0f0f0;border-color:#1976d2}.pdf-annotation-modal .modal-header .version-selector .version-dropdown{z-index:100;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:250px;max-height:300px;margin-top:.5em;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 16px #00000026}.pdf-annotation-modal .modal-header .version-selector .version-dropdown button{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.75em 1em;transition:background .2s;display:flex}.pdf-annotation-modal .modal-header .version-selector .version-dropdown button:hover{background:#f5f5f5}.pdf-annotation-modal .modal-header .version-selector .version-dropdown button.active{color:#1976d2;background:#e3f2fd}.pdf-annotation-modal .modal-header .version-selector .version-dropdown button .version-name{color:#333;font-weight:500}.pdf-annotation-modal .modal-header .version-selector .version-dropdown button .version-date{color:#999;font-size:.8em}.pdf-annotation-modal .modal-header .header-actions{gap:.75em;display:flex}.pdf-annotation-modal .modal-header .header-actions button{cursor:pointer;color:#333;background:#fff;border:1px solid #ccc;border-radius:6px;align-items:center;gap:.5em;padding:.6em 1em;font-size:.9em;font-weight:500;transition:all .2s;display:flex}.pdf-annotation-modal .modal-header .header-actions button svg{width:16px;height:16px}.pdf-annotation-modal .modal-header .header-actions button:hover{color:#1976d2;background:#f0f0f0;border-color:#1976d2}.pdf-annotation-modal .modal-header .header-actions button.active{color:#1976d2;background:#e3f2fd;border-color:#1976d2}.pdf-annotation-modal .modal-header .header-actions button.close-btn{color:#fff;background:#f44336;border-color:#f44336}.pdf-annotation-modal .modal-header .header-actions button.close-btn:hover{background:#d32f2f;border-color:#d32f2f}.pdf-annotation-modal .annotation-toolbar{background:#fafafa;border-bottom:1px solid #e0e0e0;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.75em;min-height:44px;padding:.4em 1em;display:flex}.pdf-annotation-modal .annotation-toolbar .tool-group{flex-wrap:nowrap;align-items:center;gap:.25em;display:flex}.pdf-annotation-modal .annotation-toolbar .tool-group label{color:#666;margin-right:.25em;font-size:.8em;font-weight:500}.pdf-annotation-modal .annotation-toolbar .tool-group button{cursor:pointer;color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:4px;justify-content:center;align-items:center;gap:.25em;min-width:32px;height:32px;padding:.35em;font-size:.9em;transition:all .15s;display:flex}.pdf-annotation-modal .annotation-toolbar .tool-group button svg{width:14px;height:14px}.pdf-annotation-modal .annotation-toolbar .tool-group button:hover:not(:disabled){color:#1976d2;background:#f0f0f0;border-color:#1976d2}.pdf-annotation-modal .annotation-toolbar .tool-group button.active{color:#fff;background:#1976d2;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]{cursor:pointer;border:1px solid #e0e0e0;border-radius:4px;width:28px;height:28px;padding:1px}.pdf-annotation-modal .annotation-toolbar .tool-group input[type=number]{border:1px solid #e0e0e0;border-radius:4px;width:45px;height:28px;padding:.3em;font-size:.85em}.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{color:#666;text-align:center;min-width:40px;font-size:.75em}.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{color:#c62828;background:#ffebee;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{color:#fff;background:#1976d2;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{flex:1;display:flex;overflow:hidden}.pdf-annotation-modal .modal-body .pdf-viewer-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container{background:#525659;flex:1;justify-content:center;align-items:flex-start;padding:2em;display:flex;position:relative;overflow:auto}.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{opacity:0;pointer-events:none;-webkit-user-select:text;user-select:text;z-index:2;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;line-height:1;position:absolute;inset:0;overflow:hidden}.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:#0000;white-space:pre;transform-origin:0 0;pointer-events:auto;-webkit-user-select:text;user-select:text;cursor:text;position:absolute}.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{z-index:-1;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .react-pdf__Page__textContent ::selection{background:#1976d24d}.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{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container.resizing{-webkit-user-select:none;user-select:none;cursor:nwse-resize!important}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .pdf-page-wrapper{display:inline-block;position:relative}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .react-pdf__Document{justify-content:center;display:flex}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .react-pdf__Page{background:#fff;position:relative;box-shadow:0 4px 20px #0000004d}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .text-selection-toolbar{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:6px;gap:4px;padding:4px;animation:.15s ease-out fadeInUp;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px 12px #0003}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .text-selection-toolbar button{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:.85em;font-weight:500;transition:all .15s;display:flex}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .text-selection-toolbar button.highlight-btn{color:#856404;background:#fff3cd}.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{color:#721c24;background:#f8d7da}.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;flex-direction:column;align-items:center;gap:1em;font-size:1.2em;display:flex}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .loading .loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .error-message{color:#ef5350;background:#ffffffe6;border-radius:8px;padding:2em;font-size:1.1em}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .error-message.pdf-load-error{text-align:center;flex-direction:column;align-items:center;gap:1em;display:flex}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .error-message .pdf-retry-btn{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:6px;align-items:center;gap:.4em;padding:.5em 1.1em;font-size:.85rem;font-weight:600;transition:background .15s;display:inline-flex}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .error-message .pdf-retry-btn:hover{background:#d8202f}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-layer{pointer-events:auto;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item{pointer-events:auto;-webkit-user-select:none;user-select:none;transition:box-shadow .2s,opacity .1s;position:absolute}.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;box-shadow:0 0 0 2px #1976d2,0 0 0 4px #1976d24d;z-index:10000!important}.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{animation:1s ease-in-out infinite highlightPulse;box-shadow:0 0 0 3px #ff9800,0 0 0 6px #ff980066;z-index:999!important}@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{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item.circle{border:2px solid}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-item img{object-fit:contain;width:100%;height:100%}.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{justify-content:center;align-items:center;display:flex}.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{z-index:1001;background:#1976d2;border:1px solid #fff;border-radius:50%;width:8px;height:8px}.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{z-index:2000;pointer-events:auto;position:absolute;transform:translate(-50%,-100%)}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content{white-space:nowrap;background:#fff;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:6px 8px;display:flex;box-shadow:0 2px 12px #00000026}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .edit-menu-item{align-items:center;display:flex}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .edit-menu-item label{cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:4px;transition:background .2s;display:flex}.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]{cursor:pointer;border:none;border-radius:4px;width:20px;height:20px;padding:0}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .edit-menu-divider{background:#e0e0e0;width:1px;height:20px;margin:0 4px}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .edit-menu-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .edit-menu-btn:hover{color:#1976d2;background:#f0f0f0}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .edit-menu-btn.active{color:#1976d2;background:#e3f2fd}.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{color:#b71c1c;background:#ffebee}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .annotation-edit-menu .edit-menu-content .font-size-display{color:#666;text-align:center;min-width:20px;font-size:11px;font-weight:500}.pdf-annotation-modal .modal-body .pdf-viewer-area .pdf-canvas-container .temp-annotation{background:#1976d21a;position:absolute}.pdf-annotation-modal .modal-body .sidebar{background:#f8f9fa;border-left:2px solid #e0e0e0;flex-direction:column;width:350px;display:flex;overflow:hidden}.pdf-annotation-modal .modal-body .sidebar h3{color:#333;border-bottom:1px solid #e0e0e0;margin:0;padding:1em;font-size:1.1em}.pdf-annotation-modal .modal-body .sidebar .audit-list{flex:1;padding:1em;overflow-y:auto}.pdf-annotation-modal .modal-body .sidebar .audit-list .empty-state{text-align:center;color:#999;padding:2em;font-style:italic}.pdf-annotation-modal .modal-body .sidebar .audit-list .audit-entry{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:.75em;padding:.75em;transition:all .2s}.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;transform:translateY(-1px);box-shadow:0 2px 8px #1976d226}.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{box-shadow:none;background:#f9f9f9;border-color:#e0e0e0;transform:none}.pdf-annotation-modal .modal-body .sidebar .audit-list .audit-entry .audit-user{color:#1976d2;margin-bottom:.25em;font-weight:600}.pdf-annotation-modal .modal-body .sidebar .audit-list .audit-entry .audit-action{color:#666;flex-wrap:wrap;align-items:center;gap:.5em;margin-bottom:.25em;font-size:.9em;display:flex}.pdf-annotation-modal .modal-body .sidebar .audit-list .audit-entry .audit-action .deleted-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#f44336;border-radius:12px;padding:.15em .5em;font-size:.85em;font-weight:500;display:inline-block}.pdf-annotation-modal .modal-body .sidebar .audit-list .audit-entry .audit-time{color:#999;font-size:.8em}.pdf-annotation-modal .input-modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pdf-annotation-modal .input-modal-overlay .input-modal{background:#fff;border-radius:8px;min-width:400px;max-width:500px;padding:2em;box-shadow:0 4px 20px #0000004d}.pdf-annotation-modal .input-modal-overlay .input-modal h3{color:#333;margin:0 0 .5em;font-size:1.2em}.pdf-annotation-modal .input-modal-overlay .input-modal .modal-description{color:#666;margin:0 0 1em;font-size:.9em}.pdf-annotation-modal .input-modal-overlay .input-modal input{box-sizing:border-box;border:1px solid #e0e0e0;border-radius:6px;width:100%;margin-bottom:1em;padding:.75em;font-size:1em}.pdf-annotation-modal .input-modal-overlay .input-modal input:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 3px #1976d21a}.pdf-annotation-modal .input-modal-overlay .input-modal .input-modal-actions{justify-content:flex-end;gap:.75em;display:flex}.pdf-annotation-modal .input-modal-overlay .input-modal .input-modal-actions button{cursor:pointer;border:none;border-radius:6px;padding:.65em 1.25em;font-size:.95em;font-weight:500;transition:all .2s}.pdf-annotation-modal .input-modal-overlay .input-modal .input-modal-actions button.cancel-btn{color:#666;background:#f5f5f5;border:1px solid #e0e0e0}.pdf-annotation-modal .input-modal-overlay .input-modal .input-modal-actions button.cancel-btn:hover{color:#333;background:#e0e0e0}.pdf-annotation-modal .input-modal-overlay .input-modal .input-modal-actions button.primary-btn{color:#fff;background:#1976d2}.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;border-radius:12px;width:450px;max-width:95vw;padding:1.5em;box-shadow:0 8px 32px #0000004d}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-modal-header{justify-content:space-between;align-items:center;margin-bottom:.5em;display:flex}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-modal-header h3{color:#333;margin:0;font-size:1.2em}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-modal-header .close-btn{cursor:pointer;color:#999;background:0 0;border:none;border-radius:4px;padding:.25em;transition:all .2s}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-modal-header .close-btn:hover{color:#333;background:#f0f0f0}.pdf-annotation-modal .input-modal-overlay .signature-modal .modal-description{color:#666;margin:0 0 1em;font-size:.85em;line-height:1.4}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-canvas-container{background:#fafafa;border:2px dashed #d0d0d0;border-radius:8px;margin-bottom:1em;position:relative;overflow:hidden}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-canvas-container .signature-canvas{cursor:crosshair;background:0 0;width:100%;height:150px;display:block}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-canvas-container .signature-canvas-hint{color:#bbb;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.9em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-actions{gap:.5em;margin-bottom:1em;display:flex}.pdf-annotation-modal .input-modal-overlay .signature-modal .signature-actions .secondary-btn{cursor:pointer;color:#555;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:.4em;padding:.5em .75em;font-size:.85em;transition:all .2s;display:flex}.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{justify-content:flex-end;gap:.75em;display:flex}.pdf-annotation-modal .input-modal-overlay .signature-modal .input-modal-actions button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.4em;padding:.65em 1.25em;font-size:.95em;font-weight:500;transition:all .2s;display:flex}.pdf-annotation-modal .input-modal-overlay .signature-modal .input-modal-actions button.cancel-btn{color:#666;background:#f5f5f5;border:1px solid #e0e0e0}.pdf-annotation-modal .input-modal-overlay .signature-modal .input-modal-actions button.cancel-btn:hover{color:#333;background:#e0e0e0}.pdf-annotation-modal .input-modal-overlay .signature-modal .input-modal-actions button.primary-btn{color:#fff;background:#1976d2}.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{z-index:10001;color:#fff;background:#0006;flex-direction:column;justify-content:center;align-items:center;gap:1em;font-size:1.1em;display:flex;position:fixed;inset:0}.pdf-annotation-modal .saving-overlay .saving-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.ifd-modal-overlay{z-index:1100;background:#00000080;justify-content:center;align-items:center;animation:.15s ease-out ifd-fade-in;display:flex;position:fixed;inset:0}@keyframes ifd-fade-in{0%{opacity:0}to{opacity:1}}.ifd-modal{background:#fff;border-radius:8px;flex-direction:column;width:680px;max-width:95vw;max-height:85vh;animation:.2s ease-out ifd-slide-up;display:flex;box-shadow:0 8px 32px #0003}@keyframes ifd-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ifd-modal-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.ifd-modal-title{color:#2d3748;align-items:center;gap:10px;font-size:1.05rem;font-weight:600;display:flex;overflow:hidden}.ifd-modal-title-icon{color:#4a90d9;flex-shrink:0;font-size:1.1rem}.ifd-status-pill{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;flex-shrink:0;padding:2px 10px;font-size:.72rem;font-weight:600}.ifd-status-pill--running{color:#155724;background:#d4edda}.ifd-status-pill--disabled{color:#6c757d;background:#e2e3e5}.ifd-status-pill--down{color:#721c24;background:#f8d7da}.ifd-type-badge{color:#4a6785;background:#e8eef4;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:500}.ifd-modal-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.ifd-auto-refresh-toggle{color:#6c757d;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:.75rem;display:flex}.ifd-auto-refresh-toggle input{cursor:pointer}.ifd-btn-refresh,.ifd-btn-close{cursor:pointer;color:#495057;background:0 0;border:1px solid #dee2e6;border-radius:4px;align-items:center;padding:4px 8px;font-size:.85rem;transition:all .15s;display:flex}.ifd-btn-refresh:hover,.ifd-btn-close:hover{background:#e9ecef;border-color:#adb5bd}.ifd-btn-refresh:disabled,.ifd-btn-close:disabled{opacity:.5;cursor:not-allowed}.ifd-btn-close{color:#dc3545}.ifd-btn-close:hover{background:#f8d7da;border-color:#dc3545}.ifd-tabs{background:#fff;border-bottom:1px solid #e9ecef;padding:0 16px;display:flex}.ifd-tab{cursor:pointer;color:#6c757d;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 16px;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.ifd-tab:hover{color:#495057;background:#f8f9fa}.ifd-tab--active{color:#4a90d9;border-bottom-color:#4a90d9}.ifd-tab--active:hover{color:#4a90d9}.ifd-modal-body{flex:1;padding:16px 20px;overflow-y:auto}.ifd-loading{color:#6c757d;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.ifd-loading .spin{font-size:1.5rem;animation:1s linear infinite ifd-spin}@keyframes ifd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ifd-error{color:#dc3545;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.ifd-btn-retry{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:4px;padding:6px 16px;font-size:.82rem}.ifd-btn-retry:hover{background:#c82333}.ifd-tab-content{flex-direction:column;gap:20px;display:flex}.ifd-section{background:#fff;border:1px solid #e9ecef;border-radius:6px;overflow:hidden}.ifd-section-title{color:#495057;background:#f8f9fa;border-bottom:1px solid #e9ecef;align-items:center;gap:8px;margin:0;padding:10px 14px;font-size:.82rem;font-weight:600;display:flex}.ifd-props-grid{flex-direction:column;display:flex}.ifd-prop-row{border-bottom:1px solid #f1f3f5;padding:7px 14px;font-size:.82rem;line-height:1.5;display:flex}.ifd-prop-row:last-child{border-bottom:none}.ifd-prop-row:hover{background:#f8f9fa}.ifd-prop-label{color:#6c757d;flex:0 0 180px;font-weight:500}.ifd-prop-value{color:#2d3748;word-break:break-word;flex:1}.ifd-prop-value.mono{font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:.8rem}.ifd-value--running{color:#28a745;align-items:center;gap:4px;display:flex}.ifd-value--disabled{color:#6c757d;align-items:center;gap:4px;display:flex}.ifd-value--down{color:#dc3545;align-items:center;gap:4px;display:flex}.ifd-value--dynamic{color:#17a2b8;font-style:italic}.ifd-value--static{color:#28a745}.ifd-value--true{color:#28a745;align-items:center;gap:4px;display:inline-flex}.ifd-value--false{color:#6c757d;align-items:center;gap:4px;display:inline-flex}.ifd-traffic-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.ifd-traffic-card{text-align:center;padding:16px 20px}.ifd-traffic-card--tx{border-right:1px solid #e9ecef}.ifd-traffic-card-header{text-transform:uppercase;letter-spacing:.5px;color:#6c757d;justify-content:center;align-items:center;gap:6px;margin-bottom:8px;font-size:.75rem;font-weight:600;display:flex}.ifd-traffic-card--tx .ifd-traffic-card-header{color:#e67e22}.ifd-traffic-card--rx .ifd-traffic-card-header{color:#27ae60}.ifd-traffic-card-value{color:#2d3748;margin-bottom:4px;font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:1.4rem;font-weight:700}.ifd-traffic-card-sub{color:#6c757d;font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:.75rem}.ifd-counter-table{flex-direction:column;display:flex}.ifd-counter-header{text-transform:uppercase;letter-spacing:.5px;color:#6c757d;background:#f8f9fa;border-bottom:1px solid #e9ecef;grid-template-columns:1fr 1fr 1fr;padding:8px 14px;font-size:.72rem;font-weight:600;display:grid}.ifd-counter-row{border-bottom:1px solid #f1f3f5;grid-template-columns:1fr 1fr 1fr;padding:7px 14px;font-size:.82rem;display:grid}.ifd-counter-row:last-child{border-bottom:none}.ifd-counter-row:hover{background:#f8f9fa}.ifd-counter-row--highlight .ifd-counter-value{color:#dc3545;font-weight:600}.ifd-counter-label{color:#6c757d;font-weight:500}.ifd-counter-value{color:#2d3748}.ifd-counter-value.mono{font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:.8rem}.ifd-ip-table{flex-direction:column;display:flex}.ifd-ip-header{text-transform:uppercase;letter-spacing:.5px;color:#6c757d;background:#f8f9fa;border-bottom:1px solid #e9ecef;grid-template-columns:1fr 1fr 120px;padding:8px 14px;font-size:.72rem;font-weight:600;display:grid}.ifd-ip-row{border-bottom:1px solid #f1f3f5;grid-template-columns:1fr 1fr 120px;padding:7px 14px;font-size:.82rem;display:grid}.ifd-ip-row:last-child{border-bottom:none}.ifd-ip-row:hover{background:#f8f9fa}.ifd-ip-row .mono{font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:.8rem}.spin{animation:1s linear infinite ifd-spin}.ifd-chart-container{background:#fff;padding:12px 14px 4px}.ifd-chart-hint{color:#adb5bd;margin:0;padding:0 14px 10px;font-size:.72rem}.ifd-chart-empty{color:#6c757d;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:24px 20px;font-size:.85rem;display:flex}.ifd-chart-empty svg{font-size:1.1rem}.ifd-chart-tooltip{color:#fff;background:#212529eb;border-radius:6px;padding:8px 12px;font-size:.78rem;box-shadow:0 2px 8px #00000040}.ifd-chart-tooltip-time{color:#adb5bd;margin-bottom:4px;font-size:.72rem}.ifd-chart-tooltip-row{padding:1px 0}.ifd-actions-list{flex-direction:column;gap:0;display:flex}.ifd-action-row{border-bottom:1px solid #f1f3f5;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.ifd-action-row:last-child{border-bottom:none}.ifd-action-row:hover{background:#f8f9fa}.ifd-action-info{flex-direction:column;flex:1;gap:2px;display:flex}.ifd-action-label{color:#2d3748;align-items:center;gap:7px;font-size:.85rem;font-weight:600;display:flex}.ifd-action-desc{color:#6c757d;font-size:.75rem}.ifd-action-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.ifd-action-ok{color:#28a745;align-items:center;gap:4px;font-size:.75rem;display:flex}.ifd-action-err{color:#dc3545;word-break:break-word;align-items:center;gap:4px;max-width:200px;font-size:.75rem;display:flex}.ifd-btn-action{color:#fff;cursor:pointer;white-space:nowrap;background:#4a90d9;border:none;border-radius:4px;align-items:center;gap:5px;padding:6px 14px;font-size:.82rem;font-weight:500;transition:background .15s;display:flex}.ifd-btn-action:hover{background:#357abd}.ifd-btn-action:disabled{opacity:.65;cursor:not-allowed}@media (width<=768px){.ifd-modal{width:95vw;max-height:90vh}.ifd-prop-label{flex:0 0 120px}.ifd-traffic-grid{grid-template-columns:1fr}.ifd-traffic-card--tx{border-bottom:1px solid #e9ecef;border-right:none}.ifd-action-row{flex-direction:column;align-items:flex-start}.ifd-action-controls{justify-content:flex-end;width:100%}}.router-interface-mgmt .alert{border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.router-interface-mgmt .alert.alert-danger{color:#d32f2f;background:#d32f2f14;border:1px solid #d32f2f33}.router-interface-mgmt .alert.alert-success{color:#2e7d32;background:#2e7d3214;border:1px solid #2e7d3233}.router-interface-mgmt .alert.alert-warning{color:#b35900;background:#ed6c0214;border:1px solid #ed6c0240;align-items:flex-start;line-height:1.45}.router-interface-mgmt .alert.alert-warning svg{flex-shrink:0;margin-top:2px}.router-interface-mgmt .alert .btn-icon{margin-left:auto}.router-interface-mgmt .sub-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin;border-bottom:2px solid #dee2e6;gap:0;margin-bottom:16px;display:flex;overflow-x:auto}.router-interface-mgmt .sub-tab{white-space:nowrap;cursor:pointer;color:#6c757d;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.router-interface-mgmt .sub-tab:hover{color:#495057;background:#f8f9fa}.router-interface-mgmt .sub-tab.active{color:#0d6efd;background:#fff;border-bottom-color:#0d6efd;font-weight:600}.router-interface-mgmt .panel{background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.router-interface-mgmt .panel-toolbar{background:#fafbfc;border-bottom:1px solid #eef0f2;align-items:center;gap:10px;padding:12px 16px;display:flex}.router-interface-mgmt .panel-toolbar--section{border-top:1px solid #dee2e6;margin-top:0}.router-interface-mgmt .panel-section-title{color:#495057;align-items:center;font-size:13px;font-weight:600;display:flex}.router-interface-mgmt .toolbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.router-interface-mgmt .view-toggle{gap:4px;display:flex}.router-interface-mgmt .panel-toolbar--section{border-top:1px solid #eee;padding-top:14px}.router-interface-mgmt .dns-settings-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:12px;padding:14px 16px}.router-interface-mgmt .dns-settings-row{flex-wrap:wrap;gap:24px;display:flex}.router-interface-mgmt .dns-field{flex:1;min-width:160px}.router-interface-mgmt .dns-field label{color:#666;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.router-interface-mgmt .dns-value{cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.router-interface-mgmt .dns-value:hover{background:#e9ecef}.router-interface-mgmt .panel-footer{background:#fafbfc;border-top:1px solid #eee;justify-content:flex-end;padding:12px 16px;display:flex}.router-interface-mgmt .search-input{border:1px solid #ced4da;border-radius:4px;flex:0 280px;padding:6px 12px;font-size:13px}.router-interface-mgmt .search-input:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.router-interface-mgmt .btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:5px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.router-interface-mgmt .btn:disabled{opacity:.5;cursor:not-allowed}.router-interface-mgmt .btn-primary{color:#fff;background:#0d6efd}.router-interface-mgmt .btn-primary:hover:not(:disabled){background:#0b5ed7;box-shadow:0 1px 3px #0d6efd4d}.router-interface-mgmt .btn-outline{color:#495057;background:#fff;border-color:#ced4da}.router-interface-mgmt .btn-outline:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.router-interface-mgmt .btn-dark{color:#fff;background:#212529}.router-interface-mgmt .btn-dark:hover:not(:disabled){background:#343a40}.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{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:3px;padding:3px 5px;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{text-transform:uppercase;letter-spacing:.04em;color:#6c757d;background:#f5f6f8;border-bottom:2px solid #dee2e6;grid-template-columns:32px 1fr 80px 150px 60px 1fr 40px 40px 40px 40px 40px;padding:0 12px;font-size:11px;font-weight:600;display:grid}.router-interface-mgmt .if-tree__header .if-col{padding:10px 4px}.router-interface-mgmt .if-tree__group{border-bottom:1px solid #eef0f2}.router-interface-mgmt .if-tree__group:last-child{border-bottom:none}.router-interface-mgmt .if-tree__row{border-bottom:1px solid #f0f2f4;grid-template-columns:32px 1fr 80px 150px 60px 1fr 40px 40px 40px 40px 40px;align-items:center;min-height:44px;padding:0 12px;transition:background .1s;display:grid}.router-interface-mgmt .if-tree__row:last-child{border-bottom:none}.router-interface-mgmt .if-tree__row:hover{background:#eef3fb}.router-interface-mgmt .if-tree__row:hover .btn-edit-inline{opacity:1}.router-interface-mgmt .if-tree__row--bridge{cursor:pointer;background:#f8f9fb;border-bottom:1px solid #e9ecef;font-weight:500}.router-interface-mgmt .if-tree__row--bridge:hover{background:#e8eef6}.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--act-enable,.router-interface-mgmt .if-tree__row--disabled .if-col--act-edit,.router-interface-mgmt .if-tree__row--disabled .if-col--act-detail,.router-interface-mgmt .if-tree__row--disabled .if-col--act-port,.router-interface-mgmt .if-tree__row--disabled .if-col--act-delete{opacity:1}.router-interface-mgmt .if-col{align-items:center;gap:6px;padding:6px 4px;display:flex;overflow:hidden}.router-interface-mgmt .if-col--status{justify-content:center}.router-interface-mgmt .if-col--act-enable,.router-interface-mgmt .if-col--act-edit,.router-interface-mgmt .if-col--act-detail,.router-interface-mgmt .if-col--act-port,.router-interface-mgmt .if-col--act-delete{justify-content:center;overflow:visible}.router-interface-mgmt .if-col--indented{padding-left:28px}.router-interface-mgmt .if-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.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;flex-shrink:0;font-size:13px}.router-interface-mgmt .if-icon--bridge{color:#0d6efd;font-size:14px}.router-interface-mgmt .if-tree__expand{color:#6c757d;flex-shrink:0;justify-content:center;align-items:center;width:16px;font-size:10px;display:inline-flex}.router-interface-mgmt .if-port-count{color:#999;margin-left:2px;font-size:11px;font-weight:400}.router-interface-mgmt .data-table{border-collapse:separate;border-spacing:0;width:100%;box-shadow:none;border:none;margin-bottom:0;font-size:13px}.router-interface-mgmt .data-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#6c757d;white-space:nowrap;z-index:1;background:#f5f6f8;border-bottom:2px solid #dee2e6;width:auto;height:auto;padding:10px 14px;font-size:11px;font-weight:600;line-height:normal;position:sticky;top:0}.router-interface-mgmt .data-table tr:first-child th:first-child{color:#6c757d;background:#f5f6f8;width:auto}.router-interface-mgmt .data-table td:first-child,.router-interface-mgmt .data-table th:first-child{text-align:left;font-weight:inherit}.router-interface-mgmt .data-table td:not(:first-child),.router-interface-mgmt .data-table th:not(:first-child){text-align:left}.router-interface-mgmt .data-table th.col-center,.router-interface-mgmt .data-table td.col-center{text-align:center}.router-interface-mgmt .data-table td{vertical-align:middle;border-bottom:1px solid #eef0f2;padding:10px 14px;transition:background .1s}.router-interface-mgmt .data-table tbody tr{transition:background .1s}.router-interface-mgmt .data-table tbody tr:nth-child(2n){background:#fafbfc}.router-interface-mgmt .data-table tbody tr:nth-child(odd){background:#fff}.router-interface-mgmt .data-table tbody tr:hover{background:#eef3fb}.router-interface-mgmt .data-table tbody tr:hover .btn-edit-inline{opacity:1}.router-interface-mgmt .data-table tbody tr:last-child td{border-bottom:none}.router-interface-mgmt .data-table .row-disabled td{opacity:.45}.router-interface-mgmt .data-table .row-disabled td.col-action,.router-interface-mgmt .data-table .row-disabled td:last-child{opacity:1}.router-interface-mgmt .badge{letter-spacing:.02em;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600;line-height:1.5;display:inline-block}.router-interface-mgmt .badge.badge-type{color:#495057;background:#e9ecef}.router-interface-mgmt .badge.badge-info{color:#055160;background:#cff4fc}.router-interface-mgmt .badge.badge-success{color:#0f5132;background:#d1e7dd}.router-interface-mgmt .badge.badge-muted{color:#999;background:#f0f0f0}.router-interface-mgmt .badge.badge-warning{color:#b35900;background:#fff3cd}.router-interface-mgmt .badge.badge-danger{color:#c62828;background:#d32f2f1a}.router-interface-mgmt .badge.badge-public{color:#2e7d32;background:#e8f5e9;align-items:center;display:inline-flex}.router-interface-mgmt .public-ip-hint{color:#2e7d32;align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.router-interface-mgmt .inline-edit{align-items:center;gap:4px;display:inline-flex}.router-interface-mgmt .inline-edit input{border:1px solid #86b7fe;border-radius:3px;outline:none;min-width:120px;padding:3px 8px;font-size:13px}.router-interface-mgmt .name-cell{align-items:center;gap:6px;display:flex}.router-interface-mgmt .comment-cell{cursor:pointer}.router-interface-mgmt .comment-cell:hover{-webkit-text-decoration:underline dotted #adb5bd;text-decoration:underline dotted #adb5bd}.router-interface-mgmt .editable-cell{cursor:pointer}.router-interface-mgmt .editable-cell:hover{-webkit-text-decoration:underline dotted #adb5bd;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;cursor:pointer;font-size:18px}.router-interface-mgmt .toggle-off{color:#dc3545;cursor:pointer;font-size:18px}.router-interface-mgmt .col-center{text-align:center}.router-interface-mgmt .col-action{white-space:nowrap}.router-interface-mgmt .toggle-label{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.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{text-align:center;color:#999;padding:24px;font-size:13px}.router-interface-mgmt .spin{animation:.8s linear infinite spin}.router-interface-mgmt .add-form{background:#f0f7ff;border-bottom:1px solid #eee;padding:14px 16px}.router-interface-mgmt .form-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.router-interface-mgmt .form-group{flex:1;min-width:160px}.router-interface-mgmt .form-group label{color:#666;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.router-interface-mgmt .form-group input,.router-interface-mgmt .form-group select,.router-interface-mgmt .form-group textarea{border:1px solid #ced4da;border-radius:4px;width:100%;padding:6px 10px;font-size:13px}.router-interface-mgmt .form-group input:focus,.router-interface-mgmt .form-group select:focus,.router-interface-mgmt .form-group textarea:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.router-interface-mgmt .form-actions{align-items:center;gap:6px;padding-bottom:1px;display:flex}.router-interface-mgmt .port-add-row{background:#f0f7ff;border-bottom:1px solid #eee;align-items:center;gap:10px;padding:10px 16px 10px 44px;display:flex}.router-interface-mgmt .port-add-row select{border:1px solid #ced4da;border-radius:4px;flex:1;max-width:300px;padding:5px 10px;font-size:13px}.router-interface-mgmt .settings-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px;display:grid}.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{color:#333;align-items:center;gap:8px;margin:0 0 6px;font-size:14px;display:flex}.router-interface-mgmt .settings-card .help-text{color:#999;margin:0 0 10px;font-size:12px;line-height:1.4}.router-interface-mgmt .settings-card select,.router-interface-mgmt .settings-card input[type=text],.router-interface-mgmt .settings-card textarea{border:1px solid #ced4da;border-radius:4px;width:100%;padding:6px 10px;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{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.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{align-items:center;gap:6px;margin-left:auto;display:flex}.router-interface-mgmt .topic-select{background:#fff;border:1px solid #ced4da;border-radius:4px;max-width:200px;padding:5px 10px;font-size:13px}.router-interface-mgmt .auto-refresh-toggle{cursor:pointer;white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}.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{border-bottom:1px solid #f5f5f5;gap:10px;padding:3px 16px;display:flex}.router-interface-mgmt .log-entry:hover{background:#f8f9fa}.router-interface-mgmt .log-entry.log-error{color:#c62828;background:#d32f2f0f}.router-interface-mgmt .log-entry.log-warning{color:#e65100;background:#ff98000f}.router-interface-mgmt .log-entry.log-info{color:#1565c0}.router-interface-mgmt .log-entry.log-system{color:#6a1b9a}.router-interface-mgmt .log-time{color:#999;flex-shrink:0;width:140px}.router-interface-mgmt .log-topics{color:#546e7a;flex-shrink:0;width:140px;font-weight:500}.router-interface-mgmt .log-message{word-break:break-word;flex:1}.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{color:#c62828;background:#d32f2f1f}.router-interface-mgmt .audit-table .badge-success{color:#2e7d32;background:#2e7d321f}.router-interface-mgmt .row-failed{background:#d32f2f0a}.router-interface-mgmt .pagination{border-top:1px solid #eee;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.router-interface-mgmt .pagination .page-info{color:#6c757d}.router-interface-mgmt .wifi-sig{border-radius:10px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.router-interface-mgmt .wifi-sig.wifi-sig--excellent{color:#0f5132;background:#d1e7dd}.router-interface-mgmt .wifi-sig.wifi-sig--good{color:#155724;background:#d4edda}.router-interface-mgmt .wifi-sig.wifi-sig--fair{color:#856404;background:#fff3cd}.router-interface-mgmt .wifi-sig.wifi-sig--weak{color:#842029;background:#f8d7da}.router-interface-mgmt .wifi-toggle-row{gap:8px;display:flex}.router-interface-mgmt .form-label{color:#444;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.router-interface-mgmt .form-input{border:1px solid #ced4da;border-radius:5px;width:100%;padding:8px 11px;font-size:14px}.router-interface-mgmt .form-input:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.router-interface-mgmt .form-hint{color:#777;margin:5px 0 0;font-size:11.5px}.router-interface-mgmt .modal-overlay,.modal-overlay{z-index:9998;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:520px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal__header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal__header h3{align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.modal__body{padding:18px}.modal__footer{background:#fafbfc;border-top:1px solid #eee;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.cli-modal-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cli-modal-overlay.cli-modal--fullscreen{padding:10px}.cli-modal-overlay.cli-modal--fullscreen .cli-modal{border-radius:8px;width:100%;height:100%}.cli-modal{background:#1e1e2e;border-radius:12px;flex-direction:column;width:90%;height:80%;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.cli-modal__header{background:#181825;border-bottom:1px solid #313244;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.cli-modal__header .btn-icon{color:#a6adc8}.cli-modal__header .btn-icon:hover{color:#fff}.cli-modal__title{color:#cdd6f4;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.cli-modal__controls{gap:8px;display:flex}.cli-modal__controls .btn-icon--active{color:#89b4fa;background:#313244;border-radius:4px}.cli-modal__main{flex:1;min-height:0;display:flex}.cli-modal__terminal{flex-direction:column;flex:1;min-width:0;display:flex}.cli-modal__body{color:#cdd6f4;flex:1;padding:16px;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;overflow-y:auto}.cli-modal__input-area{background:#181825;border-top:1px solid #313244;position:relative}.cli-modal__input{align-items:center;gap:8px;padding:10px 16px;display:flex}.cli-modal__input .cli-prompt{color:#a6e3a1;white-space:nowrap;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px}.cli-modal__input input{color:#cdd6f4;background:0 0;border:none;outline:none;flex:1;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px}.cli-modal__input input::placeholder{color:#585b70}.cli-welcome{color:#a6adc8;border-bottom:1px solid #313244;margin-bottom:12px;padding-bottom:12px;line-height:1.6}.cli-welcome kbd{color:#cdd6f4;background:#313244;border:1px solid #45475a;border-radius:3px;padding:1px 5px;font-size:11px}.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;align-items:center;gap:8px;display:flex}.cli-prompt{color:#a6e3a1;font-weight:500}.cli-text{display:inline}.cli-records-block{flex-direction:column;gap:6px;margin:6px 0 12px;display:flex}.cli-record{background:#1e1e30;border:1px solid #313244;border-radius:6px;overflow:hidden}.cli-record__header{color:#6c7086;background:#262637;border-bottom:1px solid #313244;justify-content:space-between;align-items:center;padding:4px 12px;font-size:11px;display:flex}.cli-record__id{color:#89b4fa;font-weight:600}.cli-record__num{color:#585b70}.cli-record__body{padding:6px 12px}.cli-kv{align-items:baseline;gap:0;padding:1px 0;font-size:12.5px;line-height:1.5;display:flex}.cli-kv:hover{background:#ffffff08;border-radius:2px}.cli-kv__key{color:#89b4fa;flex-shrink:0;min-width:180px;padding-right:4px;font-weight:500}.cli-kv__sep{color:#585b70;flex-shrink:0;margin-right:8px}.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{z-index:10;background:#1e1e2e;border-top:1px solid #313244;max-height:240px;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 16px #0006}.cli-suggestion{color:#bac2de;cursor:pointer;padding:6px 16px;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px}.cli-suggestion:hover,.cli-suggestion--active{color:#cdd6f4;background:#313244}.cli-suggestion--active{border-left:3px solid #89b4fa;padding-left:13px}.cli-library{background:#181825;border-left:1px solid #313244;flex-direction:column;flex-shrink:0;width:340px;min-height:0;display:flex}.cli-library__header{color:#cdd6f4;background:#11111b;border-bottom:1px solid #313244;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.cli-library__intro{color:#9399b2;border-bottom:1px solid #313244;padding:10px 16px;font-size:11.5px;line-height:1.5}.cli-library__search{color:#6c7086;border-bottom:1px solid #313244;align-items:center;gap:8px;padding:8px 12px;display:flex}.cli-library__search input{color:#cdd6f4;background:#1e1e2e;border:1px solid #313244;border-radius:6px;outline:none;flex:1;padding:6px 10px;font-size:12.5px}.cli-library__search input:focus{border-color:#585b70}.cli-library__search input::placeholder{color:#585b70}.cli-library__list{flex:1;padding:8px 12px 16px;overflow-y:auto}.cli-library__empty{color:#6c7086;text-align:center;padding:20px 8px;font-size:12px}.cli-library__group{margin-top:12px}.cli-library__group:first-child{margin-top:4px}.cli-library__group-title{text-transform:uppercase;letter-spacing:.04em;color:#7f849c;align-items:center;gap:6px;padding:4px 2px 6px;font-size:11px;font-weight:700;display:flex}.cli-library__group-title svg{color:#89b4fa}.cli-lib-item{background:#1e1e2e;border:1px solid #313244;border-radius:8px;margin-bottom:6px;overflow:hidden}.cli-lib-item__main{align-items:stretch;display:flex}.cli-lib-item__load{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;padding:8px 10px;display:flex}.cli-lib-item__load:hover:not(:disabled){background:#262637}.cli-lib-item__load:disabled{opacity:.5;cursor:not-allowed}.cli-lib-item__label{color:#cdd6f4;font-size:12.5px;line-height:1.35}.cli-lib-item__cmd{color:#a6adc8;text-overflow:ellipsis;white-space:nowrap;background:#11111b;border-radius:4px;max-width:100%;padding:1px 5px;font-family:Consolas,Monaco,Courier New,monospace;font-size:11px;overflow:hidden}.cli-lib-item__meta{border-left:1px solid #313244;flex-direction:column;justify-content:space-between;align-items:center;gap:4px;padding:8px;display:flex}.cli-lib-item__info{color:#6c7086;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.cli-lib-item__info:hover{color:#89b4fa}.cli-lib-item__help{color:#bac2de;background:#11111b;border-top:1px solid #313244;padding:8px 10px;font-size:11.5px;line-height:1.5}.cli-lib-badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700}.cli-lib-badge--read{color:#a6e3a1;background:#a6e3a126}.cli-lib-badge--change{color:#f38ba8;background:#f38ba826}.notes-panel{flex-direction:column;min-height:500px;display:flex}.notes-toolbar{background:#f5f6f8;border-bottom:1px solid #dee2e6;align-items:center;gap:2px;padding:6px 12px;display:flex}.notes-toolbar .btn-icon{color:#555;border-radius:4px;padding:5px 7px;font-size:13px}.notes-toolbar .btn-icon:hover{color:#212529;background:#e2e6ea}.notes-toolbar__sep{background:#dee2e6;width:1px;height:20px;margin:0 4px}.notes-body{flex:1;min-height:400px;display:flex}.notes-body--edit .notes-editor,.notes-body--preview .notes-preview{flex:1}.notes-body--split .notes-editor{border-right:1px solid #dee2e6;flex:1}.notes-body--split .notes-preview{flex:1}.notes-editor{display:flex}.notes-editor textarea{resize:none;color:#24292e;background:#fafbfc;border:none;flex:1;padding:16px 20px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.6}.notes-editor textarea:focus{background:#fff;outline:none}.notes-editor textarea::placeholder{color:#b0b8c4}.notes-preview{color:#24292e;padding:16px 24px;line-height:1.6;overflow-y:auto}.notes-preview h1,.notes-preview h2,.notes-preview h3,.notes-preview h4,.notes-preview h5,.notes-preview h6{color:#1a1a2e;border-bottom:none;margin:1.2em 0 .5em;font-weight:600;line-height:1.3}.notes-preview h1:first-child,.notes-preview h2:first-child,.notes-preview h3:first-child,.notes-preview h4:first-child,.notes-preview h5:first-child,.notes-preview h6:first-child{margin-top:0}.notes-preview h1{border-bottom:2px solid #eaecef;padding-bottom:.3em;font-size:1.8em}.notes-preview h2{border-bottom:1px solid #eaecef;padding-bottom:.3em;font-size:1.4em}.notes-preview h3{font-size:1.15em}.notes-preview p{margin:.5em 0}.notes-preview code{color:#e83e8c;background:#f0f2f5;border-radius:3px;padding:2px 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:.9em}.notes-preview pre{color:#cdd6f4;background:#1e1e2e;border-radius:6px;margin:.8em 0;padding:14px 18px;overflow-x:auto}.notes-preview pre code{color:inherit;background:0 0;padding:0;font-size:13px}.notes-preview blockquote{color:#555;background:#f0f7ff;border-left:4px solid #0d6efd;border-radius:0 4px 4px 0;margin:.8em 0;padding:8px 16px}.notes-preview blockquote p{margin:.3em 0}.notes-preview ul,.notes-preview ol{margin:.5em 0;padding-left:1.5em}.notes-preview ul li,.notes-preview ol li{margin:.2em 0}.notes-preview table{border-collapse:collapse;width:100%;margin:.8em 0}.notes-preview table th,.notes-preview table td{text-align:left;border:1px solid #dee2e6;padding:8px 12px;font-size:13px}.notes-preview table th{color:#495057;background:#f5f6f8;font-weight:600}.notes-preview table tr:nth-child(2n) td{background:#fafbfc}.notes-preview hr{border:none;border-top:1px solid #dee2e6;margin:1.5em 0}.notes-preview a{color:#0d6efd;text-decoration:none}.notes-preview a:hover{text-decoration:underline}.notes-preview img{border-radius:4px;max-width:100%}.dhcp-client-select{cursor:pointer;color:#495057;background:#fff;border:1px solid #ced4da;border-radius:4px;padding:3px 6px;font-size:11px}.dhcp-client-select:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.dhcp-client-select:disabled{opacity:.5;cursor:not-allowed}.btn-isp-contract{color:#1565c0!important;background:#e3f2fd!important}.btn-isp-contract:hover{background:#bbdefb!important}.ifc-status-select-wrap{align-items:center;gap:8px;width:100%;display:flex}.ifc-status-select-wrap select{flex:1;min-width:0}.ifc-status-select-wrap .ifc-status-chip{white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:10px;flex-shrink:0;align-items:center;gap:5px;padding:2px 8px 2px 6px;font-size:11px;font-weight:600;display:inline-flex}.ifc-status-select-wrap .ifc-status-chip .ifc-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.ifc-status-select-wrap .ifc-status-chip.isc-running{color:#1b5e20;background:#2e7d321f;border:1px solid #2e7d3247}.ifc-status-select-wrap .ifc-status-chip.isc-running .ifc-status-dot{background:#43a047;box-shadow:0 0 4px #43a04799}.ifc-status-select-wrap .ifc-status-chip.isc-down{color:#bf360c;background:#e651001a;border:1px solid #e6510047}.ifc-status-select-wrap .ifc-status-chip.isc-down .ifc-status-dot{background:#ff6d00;box-shadow:0 0 4px #ff6d0080}.ifc-status-select-wrap .ifc-status-chip.isc-disabled{color:#555;background:#7575751a;border:1px solid #75757540}.ifc-status-select-wrap .ifc-status-chip.isc-disabled .ifc-status-dot{background:#9e9e9e}.isp-modal-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.isp-modal{background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;font-size:13px;display:flex;box-shadow:0 20px 60px #0006}.isp-modal .isp-modal-header{background:#f5f7fa;border-bottom:1px solid #e0e0e0;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.isp-modal .isp-modal-header .isp-modal-title{color:#1565c0;align-items:center;gap:10px;display:flex}.isp-modal .isp-modal-header .isp-modal-title .isp-modal-label{color:#1a237e;font-size:14px;font-weight:700;display:block}.isp-modal .isp-modal-header .isp-modal-title .isp-modal-ip{color:#555;font-family:monospace;font-size:12px;display:block}.isp-modal .isp-modal-header .isp-modal-close{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;font-size:14px;display:flex}.isp-modal .isp-modal-header .isp-modal-close:hover{color:#333;background:#e0e0e0}.isp-modal .isp-modal-body{flex:1;padding:18px;overflow-y:auto}.isp-modal .isp-modal-footer{background:#fafafa;border-top:1px solid #e0e0e0;border-radius:0 0 10px 10px;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.isp-modal .isp-loading{text-align:center;color:#888;justify-content:center;align-items:center;gap:8px;padding:30px;display:flex}.isp-modal .isp-form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}@media (width<=500px){.isp-modal .isp-form-grid{grid-template-columns:1fr}}.isp-modal .isp-form-group{flex-direction:column;gap:4px;display:flex}.isp-modal .isp-form-group.isp-full{grid-column:1/-1}.isp-modal .isp-form-group label{color:#666;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.isp-modal .isp-form-group input,.isp-modal .isp-form-group select,.isp-modal .isp-form-group textarea{resize:vertical;color:#333;border:1px solid #cfd8dc;border-radius:5px;outline:none;padding:6px 8px;font-family:inherit;font-size:12px}.isp-modal .isp-form-group input:focus,.isp-modal .isp-form-group select:focus,.isp-modal .isp-form-group textarea:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d226}.isp-modal .isp-form-group input::placeholder,.isp-modal .isp-form-group select::placeholder,.isp-modal .isp-form-group textarea::placeholder{color:#bbb}.isp-modal .isp-hint{color:#888;margin-top:2px;font-size:11px}.isp-modal .isp-expiry-hint{margin-top:2px;font-size:11px;font-weight:600}.isp-modal .isp-expiry-hint.isp-expiry-ok{color:#2e7d32}.isp-modal .isp-expiry-hint.isp-expiry-warning{color:#e65100}.isp-modal .isp-expiry-hint.isp-expiry-critical{color:#c62828}.isp-modal .isp-docs-section{border-top:1px solid #eee;padding-top:14px}.isp-modal .isp-docs-section .isp-docs-header{color:#555;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.isp-modal .isp-docs-section .isp-upload-btn{color:#1565c0;cursor:pointer;background:#e3f2fd;border:1px solid #90caf9;border-radius:5px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.isp-modal .isp-docs-section .isp-upload-btn:hover{background:#bbdefb}.isp-modal .isp-docs-section .isp-docs-list{flex-direction:column;gap:6px;display:flex}.isp-modal .isp-docs-section .isp-doc-item{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:5px;align-items:center;gap:8px;padding:6px 10px;display:flex}.isp-modal .isp-docs-section .isp-doc-item .isp-doc-icon{color:#e53935;flex-shrink:0}.isp-modal .isp-docs-section .isp-doc-item .isp-doc-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.isp-modal .isp-docs-section .isp-doc-item .isp-doc-size{color:#888;flex-shrink:0;font-size:11px}.isp-modal .isp-docs-section .isp-doc-item .isp-doc-btn{cursor:pointer;color:#1565c0;background:#e3f2fd;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;text-decoration:none;display:flex}.isp-modal .isp-docs-section .isp-doc-item .isp-doc-btn:hover{background:#bbdefb}.isp-modal .isp-docs-section .isp-doc-item .isp-doc-btn.isp-doc-delete{color:#c62828;background:#ffebee}.isp-modal .isp-docs-section .isp-doc-item .isp-doc-btn.isp-doc-delete:hover{background:#ffcdd2}.isp-modal .isp-history-section{border-top:1px solid #eee;padding-top:14px}.isp-modal .isp-history-section .isp-docs-header{color:#555;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.isp-modal .isp-history-section .isp-upload-btn{color:#1565c0;cursor:pointer;background:#e3f2fd;border:none;border-radius:5px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.isp-modal .isp-history-section .isp-upload-btn:hover{background:#bbdefb}.isp-modal .isp-history-section .isp-history-list{flex-direction:column;gap:6px;display:flex}.isp-modal .isp-history-section .isp-history-entry{background:#f9f9f9;border:1px solid #e8e8e8;border-radius:5px;padding:7px 10px;font-size:12px}.isp-modal .isp-history-section .isp-history-entry .isp-history-meta{align-items:center;gap:8px;display:flex}.isp-modal .isp-history-section .isp-history-entry .isp-history-type{text-transform:uppercase;border-radius:3px;padding:2px 7px;font-size:10px;font-weight:700}.isp-modal .isp-history-section .isp-history-entry .isp-history-type--created{color:#2e7d32;background:#e8f5e9}.isp-modal .isp-history-section .isp-history-entry .isp-history-type--updated{color:#f57f17;background:#fff8e1}.isp-modal .isp-history-section .isp-history-entry .isp-history-user{color:#555;flex:1;font-weight:600}.isp-modal .isp-history-section .isp-history-entry .isp-history-date{color:#999;font-size:11px}.isp-modal .isp-history-section .isp-history-entry .isp-history-fields{color:#777;margin-top:4px;font-size:11px}.router-wizards .wizards-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;align-items:flex-start;gap:16px;margin-bottom:20px;padding:24px;display:flex}.router-wizards .wizards-header__icon{color:#6f42c1;flex-shrink:0;margin-top:2px;font-size:28px}.router-wizards .wizards-header h3{margin:0 0 4px;font-size:1.15rem}.router-wizards .wizards-header p{color:#6c757d;margin:0;font-size:.9rem}.router-wizards .wizard-cards{flex-direction:column;gap:12px;display:flex}.router-wizards .wizard-card{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:8px;align-items:center;gap:16px;padding:20px;transition:all .15s;display:flex}.router-wizards .wizard-card:hover{border-color:#0d6efd;transform:translateY(-1px);box-shadow:0 2px 8px #0d6efd1a}.router-wizards .wizard-card__icon{color:#6f42c1;background:#6f42c114;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.router-wizards .wizard-card__content{flex:1}.router-wizards .wizard-card__content h4{margin:0 0 4px;font-size:.95rem}.router-wizards .wizard-card__content p{color:#6c757d;margin:0 0 8px;font-size:.85rem}.router-wizards .wizard-card__tags{gap:4px;display:flex}.router-wizards .wizard-card__arrow{color:#adb5bd;flex-shrink:0;font-size:14px}.router-wizards .badge{letter-spacing:.02em;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.router-wizards .badge.badge-type{color:#495057;background:#e9ecef}.wizard{background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.wizard__header{background:linear-gradient(135deg,#f0f0ff,#f5f0ff);border-bottom:1px solid #e9ecef;align-items:flex-start;gap:14px;padding:20px 24px;display:flex}.wizard__header h3{margin:0 0 2px;font-size:1.05rem}.wizard__header p{color:#6c757d;margin:0;font-size:.85rem}.wizard__icon{color:#6f42c1;flex-shrink:0;margin-top:2px;font-size:22px}.wizard__close{color:#6c757d;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px;font-size:16px}.wizard__close:hover{color:#212529}.wizard__progress{background:#fafbfc;border-bottom:1px solid #f0f0f0;justify-content:center;align-items:center;gap:0;padding:16px 24px;display:flex}.wizard__step{color:#adb5bd;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.wizard__step:after{content:"";background:#dee2e6;width:40px;height:2px;margin:0 8px;display:block}.wizard__step:last-child:after{display:none}.wizard__step.active{color:#0d6efd}.wizard__step.active .wizard__step-num{color:#fff;background:#0d6efd}.wizard__step.done{color:#198754}.wizard__step.done .wizard__step-num{color:#fff;background:#198754}.wizard__step.done:after{background:#198754}.wizard__step-num{background:#e9ecef;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:inline-flex}.wizard__step-label{white-space:nowrap}.wizard__body{min-height:200px;padding:24px}.wizard__form .form-group{margin-bottom:16px}.wizard__form .form-group label{color:#495057;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.wizard__form .form-group input,.wizard__form .form-group select{border:1px solid #ced4da;border-radius:4px;width:100%;padding:8px 12px;font-size:13px;transition:border-color .15s}.wizard__form .form-group input:focus,.wizard__form .form-group select:focus{border-color:#86b7fe;outline:none;box-shadow:0 0 0 2px #0d6efd26}.wizard__form .form-group small{color:#999;margin-top:3px;font-size:11px;display:block}.wizard__form .form-row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.wizard__form .role-toggle{gap:8px;display:flex}.wizard__summary h4{margin:0 0 16px;font-size:.95rem}.wizard__summary .summary-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wizard__summary .summary-item{background:#f8f9fa;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.wizard__summary .summary-label{color:#6c757d;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.wizard__summary .summary-value{color:#212529;font-size:13px;font-weight:500}.wizard__info{color:#084298;background:#e7f3ff;border:1px solid #b6d4fe;border-radius:6px;align-items:flex-start;gap:8px;margin-top:16px;padding:10px 14px;font-size:12px;display:flex}.wizard__info svg{flex-shrink:0;margin-top:1px}.wizard__explain{color:#374151;background:#f6f8ff;border:1px solid #d0dcf5;border-radius:8px;margin-bottom:20px;padding:14px 16px;font-size:12.5px;line-height:1.6}.wizard__explain--confirm{color:#3b2a00;background:#fffbea;border-color:#fde68a}.wizard__explain p{margin:0 0 8px}.wizard__explain code{background:#0000000f;border-radius:3px;padding:1px 4px;font-family:SFMono-Regular,Consolas,monospace;font-size:.92em}.wizard__explain-title{color:#1e3a8a;align-items:center;gap:7px;margin-bottom:8px;font-size:12.5px;font-weight:700;display:flex}.wizard__explain--confirm .wizard__explain-title{color:#78350f}.wizard__explain-title svg{color:#2563eb;flex-shrink:0}.wizard__explain--confirm .wizard__explain-title svg{color:#d97706}.wizard__explain-list{margin:4px 0 0;padding-left:18px}.wizard__explain-list li{margin-bottom:5px}.wizard__explain-list li:last-child{margin-bottom:0}.wizard__explain-list li strong{color:#1e3a8a}.wizard__explain--confirm .wizard__explain-list li strong{color:#78350f}.wizard__result{text-align:center;padding:32px 20px}.wizard__result svg{margin-bottom:12px}.wizard__result h4{margin:0 0 8px}.wizard__result p{color:#6c757d;margin:0 0 20px;font-size:.9rem}.wizard__result--success svg{color:#198754}.wizard__result--error svg{color:#dc3545}.wizard__result .wizard__info{text-align:left;margin-bottom:16px}.wizard__footer{background:#fafbfc;border-top:1px solid #eee;align-items:center;gap:8px;padding:16px 24px;display:flex}.wizard__footer-spacer{flex:1}.wizard .btn{cursor:pointer;border:1px solid #0000;border-radius:5px;align-items:center;gap:5px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.wizard .btn:disabled{opacity:.5;cursor:not-allowed}.wizard .btn-primary{color:#fff;background:#0d6efd}.wizard .btn-primary:hover:not(:disabled){background:#0b5ed7}.wizard .btn-outline{color:#495057;background:#fff;border-color:#ced4da}.wizard .btn-outline:hover:not(:disabled){background:#f8f9fa}.wizard .btn-sm{padding:5px 10px;font-size:12px}.wizard .btn-icon{cursor:pointer;background:0 0;border:none;padding:2px}.wizard .btn-danger{color:#fff;background:#dc3545;border-color:#dc3545}.wizard .btn-danger:hover:not(:disabled){background:#bb2d3b}.wizard .mono{font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.wizard .muted{color:#999}.wizard .spin{animation:1s linear infinite spin}.wizard .checkbox-label{color:#495057;cursor:pointer;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:500;display:flex}.wizard .checkbox-label input[type=checkbox]{accent-color:#0d6efd;width:auto;margin:0}.wizard .rule-preview{color:#495057;margin:0 0 16px;padding-left:20px;font-size:13px}.wizard .rule-preview li{padding:4px 0}.wizard .rule-preview li:last-child{color:#dc3545;font-weight:600}.wizard__warning{color:#664d03;background:#fff3cd;border:1px solid #ffecb5;border-radius:6px;align-items:flex-start;gap:8px;margin-top:16px;padding:10px 14px;font-size:12px;display:flex}.wizard__warning svg{color:#997404;flex-shrink:0;margin-top:1px}.wizard__key-display{text-align:left;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin:16px 0;padding:12px 16px}.wizard__key-display label{color:#6c757d;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.wizard__key-display .key-row{align-items:center;gap:8px;display:flex}.wizard__key-display .key-row code{color:#212529;word-break:break-all;flex:1;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.router-access-management .access-subtabs{border-bottom:2px solid #dee2e6;gap:0;margin-bottom:16px;display:flex}.router-access-management .access-subtab{cursor:pointer;color:#6c757d;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.router-access-management .access-subtab:hover{color:#495057;background:#f8f9fa}.router-access-management .access-subtab.active{color:#0d6efd;background:#fff;border-bottom-color:#0d6efd;font-weight:600}.router-access-management .access-panel{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:16px}.router-access-management .access-section-title{color:#212529;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:600;display:flex}.router-access-management .access-info{color:#555;background:#f0f4ff;border-left:3px solid #4c7aef;border-radius:0 4px 4px 0;align-items:flex-start;gap:8px;margin-bottom:14px;padding:8px 12px;font-size:12px;display:flex}.router-access-management .access-info svg{color:#4c7aef;flex-shrink:0;margin-top:1px}.router-access-management .access-alert{border-radius:4px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:13px;display:flex}.router-access-management .access-alert--error{color:#d32f2f;background:#d32f2f14;border:1px solid #d32f2f33}.router-access-management .access-alert--success{color:#2e7d32;background:#2e7d3214;border:1px solid #2e7d3233}.router-access-management .access-form{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin-bottom:14px;padding:14px}.router-access-management .access-form-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:12px;display:grid}.router-access-management .access-form-grid .form-group{flex-direction:column;gap:4px;display:flex}.router-access-management .access-form-grid .form-group label{color:#495057;font-size:12px;font-weight:600}.router-access-management .access-form-grid .form-group .optional{color:#888;font-weight:400}.router-access-management .access-form-grid .form-group input,.router-access-management .access-form-grid .form-group select{border:1px solid #ced4da;border-radius:4px;width:100%;padding:6px 8px;font-size:13px}.router-access-management .access-form-grid .form-group input:focus,.router-access-management .access-form-grid .form-group select:focus{border-color:#86b7fe;outline:none;box-shadow:0 0 0 3px #0d6efd26}.router-access-management .access-form-actions{gap:8px;display:flex}.router-access-management .password-input-wrap{display:flex;position:relative}.router-access-management .password-input-wrap input{flex:1;padding-right:32px}.router-access-management .password-input-wrap .password-toggle{cursor:pointer;color:#6c757d;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.router-access-management .password-input-wrap .password-toggle:hover{color:#212529}.router-access-management .access-table{width:100%;font-size:13px}.router-access-management .access-table th{text-align:left;color:#495057;background:#f5f6fa;padding:8px 10px;font-size:12px;font-weight:600}.router-access-management .access-table td{vertical-align:top;border-bottom:1px solid #f0f0f0;padding:8px 10px}.router-access-management .access-table tr:last-child td{border-bottom:none}.router-access-management .access-table .row-disabled td{opacity:.55}.router-access-management .toggle-on{color:#2e7d32}.router-access-management .toggle-off{color:#aaa}.router-access-management .mono{font-family:monospace}.router-access-management .muted{color:#888}.router-access-management .empty{text-align:center;color:#888;padding:20px;font-size:13px;font-style:italic}.router-access-management .spin{animation:.8s linear infinite spin}.btest-panel{background:var(--panel-background,#fff);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.btest-panel .btest-header{border-bottom:2px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.btest-panel .btest-header h3{color:#333;align-items:center;gap:10px;margin:0;font-size:1.4em;display:flex}.btest-panel .btest-header .refresh-btn{cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:4px;padding:8px 12px;transition:all .2s}.btest-panel .btest-header .refresh-btn:hover{background:#f8f9fa}.btest-panel .btest-header .refresh-btn svg{color:#666;font-size:1.1em}.btest-panel .btest-loading{color:#666;justify-content:center;align-items:center;gap:10px;padding:40px;font-size:.95em;display:flex}.btest-panel .btest-error{color:#721c24;background:#f8d7da;border-left:4px solid #dc3545;border-radius:4px;align-items:center;gap:8px;margin-bottom:15px;padding:12px;display:flex}.btest-panel .btest-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:24px;padding:16px}.btest-panel .btest-section .section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.btest-panel .btest-section .section-header h4{color:#333;align-items:center;gap:8px;margin:0;font-size:1.05em;display:flex}.btest-panel .btest-section .section-header h4 svg{color:#6c757d}.btest-panel .btest-section .section-header .add-btn{color:#007bff;cursor:pointer;background:#fff;border:1px solid #007bff;border-radius:4px;align-items:center;gap:6px;padding:6px 14px;font-size:.85em;transition:all .2s;display:inline-flex}.btest-panel .btest-section .section-header .add-btn:hover{color:#fff;background:#007bff}.btest-panel .btest-server-toggle .toggle-row{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.btest-panel .btest-server-toggle .toggle-row .toggle-label{color:#333;font-size:.95em}.btest-panel .btest-server-toggle .toggle-row .toggle-btn{cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.9em;transition:all .2s;display:inline-flex}.btest-panel .btest-server-toggle .toggle-row .toggle-btn.active{color:#fff;background:#28a745;border-color:#28a745}.btest-panel .btest-server-toggle .toggle-row .toggle-btn:not(.active):hover{background:#f8f9fa}.btest-panel .btest-server-toggle .toggle-hint{color:#888;margin-top:6px;font-size:.82em}.btest-panel .throughput-table{overflow-x:auto}.btest-panel .throughput-table table{border-collapse:collapse;width:100%;font-size:.9em}.btest-panel .throughput-table table th,.btest-panel .throughput-table table td{text-align:left;border-bottom:1px solid #e9ecef;padding:10px 12px}.btest-panel .throughput-table table th{color:#495057;text-transform:uppercase;letter-spacing:.03em;background:#e9ecef;font-size:.85em;font-weight:600}.btest-panel .throughput-table table .label-cell{color:#333;font-weight:600}.btest-panel .throughput-table table .ip-cell{color:#6c757d;font-family:Courier New,monospace;font-size:.9em}.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{border:1px solid #ced4da;border-radius:4px;width:120px;padding:6px 8px;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{gap:6px;display:flex}.btest-panel .action-btns button{cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:4px;padding:5px 8px;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{color:#fff;background:#28a745}.btest-panel .action-btns .cancel-btn{color:#6c757d}.btest-panel .action-btns .cancel-btn:hover{color:#fff;background:#6c757d}.btest-panel .action-btns .edit-btn{color:#007bff;border-color:#007bff}.btest-panel .action-btns .edit-btn:hover{color:#fff;background:#007bff}.btest-panel .action-btns .enable-btn{color:#28a745;border-color:#28a745}.btest-panel .action-btns .enable-btn:hover{color:#fff;background:#28a745}.btest-panel .action-btns .disable-btn{color:#ffc107;border-color:#ffc107}.btest-panel .action-btns .disable-btn:hover{color:#333;background:#ffc107}.btest-panel .action-btns .delete-btn{color:#dc3545;border-color:#dc3545}.btest-panel .action-btns .delete-btn:hover{color:#fff;background:#dc3545}.btest-panel .summary-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.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{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.btest-panel .summary-cards .summary-card .card-header .card-label{color:#333;font-size:.95em;font-weight:700}.btest-panel .summary-cards .summary-card .card-header .card-ip{color:#6c757d;font-family:Courier New,monospace;font-size:.82em}.btest-panel .summary-cards .summary-card .card-body .speed-metric{align-items:flex-start;gap:10px;padding:6px 0;display:flex}.btest-panel .summary-cards .summary-card .card-body .speed-metric svg{flex-shrink:0;margin-top:2px}.btest-panel .summary-cards .summary-card .card-body .speed-metric .metric-detail{flex-direction:column;gap:2px;display:flex}.btest-panel .summary-cards .summary-card .card-body .speed-metric .metric-detail .metric-value{color:#333;font-size:1.05em;font-weight:700}.btest-panel .summary-cards .summary-card .card-body .speed-metric .metric-detail .metric-expected{color:#888;font-size:.8em}.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{color:#999;border-top:1px solid #e9ecef;align-items:center;gap:6px;margin-top:10px;padding-top:8px;font-size:.78em;display:flex}.btest-panel .manual-test-form,.btest-panel .schedule-form{background:#fff;border:1px solid #dee2e6;border-radius:6px;margin-bottom:14px;padding:16px}.btest-panel .manual-test-form .form-row,.btest-panel .schedule-form .form-row{flex-wrap:wrap;gap:14px;margin-bottom:12px;display:flex}.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{color:#495057;margin-bottom:4px;font-size:.85em;font-weight:600;display:block}.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]{border:1px solid #ced4da;border-radius:4px;width:100%;padding:8px 10px;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{color:#888;margin-top:4px;font-size:.78em;display:block}.btest-panel .manual-test-form .form-row .form-group.form-actions,.btest-panel .schedule-form .form-row .form-group.form-actions{align-items:flex-end;display:flex}.btest-panel .manual-test-form .run-test-btn,.btest-panel .schedule-form .run-test-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#007bff;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 20px;font-weight:600;transition:all .2s;display:inline-flex}.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{color:#fff;cursor:pointer;white-space:nowrap;background:#28a745;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 20px;font-weight:600;display:inline-flex}.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{border-collapse:collapse;width:100%;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{text-align:left;border-bottom:1px solid #e9ecef;padding:10px 12px}.btest-panel .schedules-table table th,.btest-panel .results-table table th{color:#495057;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:#e9ecef;font-size:.85em;font-weight:600}.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{border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:.82em;font-weight:600;display:inline-flex}.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{color:#155724;background:#d4edda}.btest-panel .schedules-table table .status-badge.disabled,.btest-panel .results-table table .status-badge.disabled{color:#6c757d;background:#f8f9fa}.btest-panel .schedules-table table .status-badge.failed,.btest-panel .results-table table .status-badge.failed{color:#721c24;background:#f8d7da}.btest-panel .schedules-table table .status-badge.running,.btest-panel .results-table table .status-badge.running{color:#004085;background:#cce5ff}.btest-panel .schedules-table table .status-badge.scheduled,.btest-panel .results-table table .status-badge.scheduled{color:#856404;background:#fff3cd}.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{text-align:center;color:#888;padding:20px;font-size:.9em}.btest-panel .empty-state.warning{color:#856404;text-align:left;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;align-items:center;gap:8px;display:flex}.btest-panel .empty-state p{margin:4px 0}.spinning{animation:1s linear infinite btest-spin}@keyframes btest-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.outage-enquiry-panel{padding:24px}.outage-enquiry-panel .oep-info-banner{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;display:flex}.outage-enquiry-panel .oep-info-banner .oep-info-icon{color:#0284c7;flex-shrink:0;margin-top:2px;font-size:1.1rem}.outage-enquiry-panel .oep-info-banner .oep-info-content strong{color:#0c4a6e;font-size:.95rem}.outage-enquiry-panel .oep-info-banner .oep-info-content p{color:#075985;margin:6px 0 0;font-size:.88rem;line-height:1.5}.outage-enquiry-panel .oep-query-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:24px;padding:20px;display:flex}.outage-enquiry-panel .oep-query-form .oep-form-field{flex:1;min-width:160px}.outage-enquiry-panel .oep-query-form .oep-form-field label{color:#475569;align-items:center;gap:5px;margin-bottom:6px;font-size:.85rem;font-weight:500;display:flex}.outage-enquiry-panel .oep-query-form .oep-form-field input,.outage-enquiry-panel .oep-query-form .oep-form-field select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px 12px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.outage-enquiry-panel .oep-query-form .oep-form-field input:focus,.outage-enquiry-panel .oep-query-form .oep-form-field select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.outage-enquiry-panel .oep-query-form .oep-form-field input::placeholder,.outage-enquiry-panel .oep-query-form .oep-form-field select::placeholder{color:#94a3b8}.outage-enquiry-panel .oep-query-form .oep-date-presets{border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:6px;width:100%;margin-top:-4px;padding-top:4px;display:flex}.outage-enquiry-panel .oep-query-form .oep-date-presets .oep-preset-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:4px 10px;font-size:.78rem;transition:all .2s}.outage-enquiry-panel .oep-query-form .oep-date-presets .oep-preset-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.outage-enquiry-panel .oep-query-form .oep-date-presets .oep-preset-btn.active{color:#fff;background:#1e40af;border-color:#1e40af}.outage-enquiry-panel .oep-query-form .oep-submit-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#1e40af;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 20px;font-size:.9rem;font-weight:500;transition:background .2s,transform .1s;display:flex}.outage-enquiry-panel .oep-query-form .oep-submit-btn:hover:not(:disabled){background:#1e3a8a;transform:translateY(-1px)}.outage-enquiry-panel .oep-query-form .oep-submit-btn:disabled{cursor:not-allowed;background:#94a3b8;transform:none}.outage-enquiry-panel .oep-alert{border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.88rem;display:flex}.outage-enquiry-panel .oep-alert.oep-alert-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.outage-enquiry-panel .oep-alert.oep-alert-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.outage-enquiry-panel .oep-alert.oep-alert-info{color:#0c4a6e;background:#f0f9ff;border:1px solid #bae6fd}.outage-enquiry-panel .oep-results{flex-direction:column;gap:20px;display:flex}.outage-enquiry-panel .oep-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;transition:box-shadow .2s}.outage-enquiry-panel .oep-card:hover{box-shadow:0 2px 8px #0000000a}.outage-enquiry-panel .oep-card .oep-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.outage-enquiry-panel .oep-card .oep-card-header h3{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:1.05rem;display:flex}.outage-enquiry-panel .oep-card .oep-card-header .oep-card-actions{gap:8px;display:flex}.outage-enquiry-panel .oep-card .oep-card-header .oep-card-actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;transition:all .2s;display:flex}.outage-enquiry-panel .oep-card .oep-card-header .oep-card-actions button:hover{background:#f1f5f9;border-color:#94a3b8}.outage-enquiry-panel .oep-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.outage-enquiry-panel .oep-stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:14px 16px;transition:transform .15s,box-shadow .15s}.outage-enquiry-panel .oep-stat-card:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000000d}.outage-enquiry-panel .oep-stat-card .oep-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:.73rem}.outage-enquiry-panel .oep-stat-card .oep-stat-value{color:#1e293b;font-size:1.3rem;font-weight:600}.outage-enquiry-panel .oep-conclusion{border-radius:8px;padding:14px 18px}.outage-enquiry-panel .oep-conclusion.oep-conclusion-positive{background:#d1fae5;border:1px solid #6ee7b7}.outage-enquiry-panel .oep-conclusion.oep-conclusion-neutral{background:#f0f9ff;border:1px solid #bae6fd}.outage-enquiry-panel .oep-conclusion.oep-conclusion-mixed{background:#fef3c7;border:1px solid #fde68a}.outage-enquiry-panel .oep-conclusion strong{font-size:.88rem}.outage-enquiry-panel .oep-conclusion p{margin:4px 0 0;font-size:.88rem;line-height:1.5}.outage-enquiry-panel .oep-heatmap{flex-wrap:wrap;gap:3px;margin-bottom:16px;display:flex}.outage-enquiry-panel .oep-heatmap .oep-heatmap-day{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:500;transition:transform .1s,box-shadow .1s;display:flex;position:relative}.outage-enquiry-panel .oep-heatmap .oep-heatmap-day:hover{z-index:2;transform:scale(1.3);box-shadow:0 2px 8px #00000026}.outage-enquiry-panel .oep-heatmap .oep-heatmap-day.oep-day-online{color:#065f46;background:#d1fae5}.outage-enquiry-panel .oep-heatmap .oep-heatmap-day.oep-day-partial{color:#92400e;background:#fef3c7}.outage-enquiry-panel .oep-heatmap .oep-heatmap-day.oep-day-full-outage{color:#991b1b;background:#fecaca}.outage-enquiry-panel .oep-heatmap .oep-heatmap-day.oep-day-no-data{color:#94a3b8;background:#f1f5f9}.outage-enquiry-panel .oep-heatmap .oep-heatmap-day.oep-day-weekend{color:#cbd5e1;background:#f8fafc;border:1px dashed #e2e8f0}.outage-enquiry-panel .oep-heatmap .oep-heatmap-day.oep-day-missed{border:2px solid #ef4444}.outage-enquiry-panel .oep-heatmap .oep-heatmap-legend{border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:12px;width:100%;margin-top:8px;padding-top:8px;display:flex}.outage-enquiry-panel .oep-heatmap .oep-heatmap-legend .oep-legend-item{color:#64748b;align-items:center;gap:5px;font-size:.75rem;display:flex}.outage-enquiry-panel .oep-heatmap .oep-heatmap-legend .oep-legend-item .oep-legend-swatch{border-radius:3px;width:12px;height:12px}.outage-enquiry-panel .oep-table-wrapper{border:1px solid #e2e8f0;border-radius:6px;overflow-x:auto}.outage-enquiry-panel .oep-table-wrapper table{border-collapse:collapse;width:100%;font-size:.85rem}.outage-enquiry-panel .oep-table-wrapper table thead tr{background:#f8fafc}.outage-enquiry-panel .oep-table-wrapper table thead th{text-align:left;color:#475569;white-space:nowrap;border-bottom:2px solid #e2e8f0;padding:10px 14px;font-weight:600}.outage-enquiry-panel .oep-table-wrapper table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.outage-enquiry-panel .oep-table-wrapper table tbody tr:hover{background:#f8fafc}.outage-enquiry-panel .oep-table-wrapper table tbody tr:last-child{border-bottom:none}.outage-enquiry-panel .oep-table-wrapper table tbody td{text-align:left;color:#334155;vertical-align:middle;padding:10px 14px}.outage-enquiry-panel .oep-status-badge{border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-size:.78rem;font-weight:500;display:inline-flex}.outage-enquiry-panel .oep-status-badge.oep-badge-online{color:#065f46;background:#d1fae5}.outage-enquiry-panel .oep-status-badge.oep-badge-partial{color:#92400e;background:#fef3c7}.outage-enquiry-panel .oep-status-badge.oep-badge-outage{color:#991b1b;background:#fecaca}.outage-enquiry-panel .oep-excuse-text{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:4px;padding:2px 8px;font-size:.82rem}.outage-enquiry-panel .oep-chip-list{flex-wrap:wrap;gap:8px;display:flex}.outage-enquiry-panel .oep-chip-list .oep-chip{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:16px;padding:5px 12px;font-size:.8rem;font-weight:500}.outage-enquiry-panel .oep-export-bar{border-bottom:1px solid #e2e8f0;justify-content:flex-end;gap:8px;margin-bottom:16px;padding:12px 0;display:flex}.outage-enquiry-panel .oep-export-bar button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;transition:all .2s;display:flex}.outage-enquiry-panel .oep-export-bar button:hover{background:#f1f5f9;border-color:#94a3b8}.outage-enquiry-panel .oep-spin{animation:.8s linear infinite oepSpin}@keyframes oepSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.outage-enquiry-panel .oep-tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:100;background:#1e293b;border-radius:5px;padding:6px 10px;font-size:.72rem;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.outage-enquiry-panel .oep-tooltip:after{content:"";border:5px solid #0000;border-top-color:#1e293b;position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (width<=768px){.outage-enquiry-panel{padding:16px}.outage-enquiry-panel .oep-query-form{gap:12px;padding:14px}.outage-enquiry-panel .oep-query-form .oep-form-field{min-width:100%}.outage-enquiry-panel .oep-query-form .oep-submit-btn{justify-content:center;width:100%}.outage-enquiry-panel .oep-stats-grid{grid-template-columns:repeat(2,1fr)}.outage-enquiry-panel .oep-heatmap .oep-heatmap-day{width:22px;height:22px;font-size:.6rem}}.connectivity-monitoring-page{color:#e6edf3;background:#0d1117;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.connectivity-monitoring-page.fullscreen{background:#010409;padding:24px 32px}.cm-header{border-bottom:1px solid #21262d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.cm-header-left{align-items:center;gap:12px;display:flex}.cm-header-left h1{color:#e6edf3;margin:0;font-size:1.5rem;font-weight:600}.cm-header-left .cm-header-icon{color:#58a6ff;font-size:1.4rem}.cm-header-stats{gap:20px;display:flex}.cm-stat{text-align:center;background:#161b22;border:1px solid #21262d;border-radius:8px;min-width:70px;padding:6px 16px}.cm-stat .cm-stat-value{font-size:1.6rem;font-weight:700;line-height:1.2;display:block}.cm-stat .cm-stat-label{text-transform:uppercase;letter-spacing:.5px;color:#8b949e;margin-top:2px;font-size:.7rem;display:block}.cm-stat.critical{background:#f851491a;border-color:#f85149}.cm-stat.critical .cm-stat-value{color:#f85149}.cm-stat.warning{background:#d299221a;border-color:#d29922}.cm-stat.warning .cm-stat-value{color:#d29922}.cm-stat.healthy .cm-stat-value{color:#3fb950}.cm-stat.stale{background:#d299220f;border-color:#8b6914}.cm-stat.stale .cm-stat-value{color:#d29922}.cm-stat-separator{background:#30363d;align-self:center;width:1px;height:36px;margin:0 4px}.cm-header-right{align-items:center;gap:10px;display:flex}.cm-toggle{color:#8b949e;cursor:pointer;align-items:center;gap:6px;font-size:.85rem;display:flex}.cm-toggle input{accent-color:#58a6ff}.cm-btn{color:#e6edf3;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:.85rem;transition:background .15s;display:flex}.cm-btn:hover{background:#30363d}.cm-btn-link{color:#58a6ff;cursor:pointer;background:0 0;border:none;margin-top:8px;font-size:.9rem;text-decoration:underline}.cm-last-refresh{color:#8b949e;align-items:center;gap:4px;font-size:.75rem;display:flex}.cm-error{color:#f85149;background:#f851491a;border:1px solid #f85149;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.cm-empty{text-align:center;color:#3fb950;grid-column:1/-1;padding:80px 20px}.cm-empty h2{margin:16px 0 8px;font-size:1.5rem}.cm-empty p{color:#8b949e;margin:0}.cm-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px;display:grid}.cm-card{cursor:pointer;background:#161b22;border:1px solid #21262d;border-radius:10px;padding:16px;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.stale{border-style:dashed solid solid;border-left-width:4px;border-left-color:#d29922}.cm-card.stale:hover{border-color:#d29922}.cm-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.cm-card-title{align-items:center;gap:8px;display:flex}.cm-card-title h3{color:#e6edf3;margin:0;font-size:1.05rem;font-weight:600}.cm-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cm-status-dot.critical{background:#f85149;animation:2s ease-in-out infinite cm-pulse;box-shadow:0 0 8px #f8514980}.cm-status-dot.warning{background:#d29922;box-shadow:0 0 6px #d2992266}.cm-status-dot.healthy{background:#3fb950}.cm-status-dot.stale{background:#d29922;box-shadow:0 0 6px #d2992266}@keyframes cm-pulse{0%,to{opacity:1}50%{opacity:.4}}.cm-card-location{color:#8b949e;align-items:center;gap:4px;font-size:.75rem;display:flex}.cm-card-tunnel{color:#8b949e;border-bottom:1px solid #21262d;align-items:center;gap:6px;margin-bottom:12px;padding-bottom:10px;font-size:.8rem;display:flex}.cm-card-tunnel .up{color:#3fb950;font-weight:600}.cm-card-tunnel .down{color:#f85149;font-weight:600}.cm-card-tunnel .stale{color:#d29922;font-style:italic;font-weight:600}.cm-card-tunnel .cm-card-ago{color:#6e7681;margin-left:auto;font-size:.7rem}.cm-card-ips{flex-direction:column;gap:6px;display:flex}.cm-ip-row{background:#0d1117;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:.82rem;display:flex}.cm-ip-row.down{background:#f851490f}.cm-ip-row.no-monitoring{color:#6e7681;justify-content:center}.cm-ip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cm-ip-dot.up{background:#3fb950}.cm-ip-dot.down{background:#f85149}.cm-ip-label{color:#c9d1d9;min-width:80px;font-weight:600}.cm-ip-addr{color:#8b949e;font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem}.cm-ip-rtt{color:#3fb950;margin-left:auto;font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:500}.cm-ip-error{color:#f85149;text-overflow:ellipsis;white-space:nowrap;max-width:150px;margin-left:auto;font-size:.75rem;overflow:hidden}.cm-ip-down-since{color:#d29922;white-space:nowrap;opacity:.9;align-items:center;gap:3px;margin-left:6px;font-size:.7rem;font-weight:500;display:inline-flex}.cm-ip-nodata{color:#6e7681;margin-left:auto;font-size:.75rem;font-style:italic}.cm-sparkline{flex-shrink:0;width:100px;height:20px;margin-left:auto}.cm-spark-line{fill:none;stroke:#58a6ff;stroke-width:1.2px;vector-effect:non-scaling-stroke}.cm-spark-down{fill:#f8514940}.cm-card-trouble{border-radius:6px;align-items:center;gap:8px;margin-top:12px;padding:8px 10px;font-size:.8rem;font-weight:500;display:flex}.critical .cm-card-trouble{color:#f85149;background:#f851491a}.warning .cm-card-trouble{color:#d29922;background:#d299221a}.stale .cm-card-trouble{color:#d29922;background:#d2992214}.cm-card-trouble .cm-card-arrow{opacity:.5;margin-left:auto}.cm-outage-duration{color:#f85149;background:#f851491a;border-radius:4px;align-items:center;gap:4px;margin-left:8px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.cm-card-alerts{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:4px;padding:6px 12px 8px;display:flex}.cm-alert-badge{color:#f85149;text-transform:uppercase;letter-spacing:.3px;background:#f8514926;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600}.cm-ip-section-label{text-transform:uppercase;letter-spacing:.5px;opacity:.5;align-items:center;gap:4px;margin-bottom:2px;font-size:10px;font-weight:600;display:flex}.cm-stat.clickable{cursor:pointer;transition:background .15s,transform .1s,border-color .15s}.cm-stat.clickable:hover{background:#58a6ff14;border-color:#58a6ff;transform:translateY(-1px)}.cm-stat.active.critical{background:#f851492e;box-shadow:0 0 0 2px #f85149}.cm-stat.active.warning{background:#d299222e;box-shadow:0 0 0 2px #d29922}.cm-stat.active.healthy{background:#3fb9501f;box-shadow:0 0 0 2px #3fb950}.cm-stat.active.stale{background:#d2992224;box-shadow:0 0 0 2px #d29922}.cm-controls-bar{background:#161b22;border:1px solid #21262d;border-radius:8px;flex-wrap:nowrap;align-items:center;gap:8px;margin-bottom:12px;padding:7px 12px;display:flex}.cm-search-wrapper{flex:none;align-items:center;width:200px;display:flex;position:relative}.cm-search-icon{color:#6e7681;pointer-events:none;font-size:.72rem;position:absolute;left:9px}.cm-search-input{color:#e6edf3;background:#0d1117;border:1px solid #30363d;border-radius:6px;outline:none;width:100%;padding:6px 28px;font-size:.82rem;transition:border-color .15s}.cm-search-input::placeholder{color:#6e7681}.cm-search-input:focus{border-color:#58a6ff}.cm-search-clear{color:#6e7681;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px 4px;font-size:.72rem;display:flex;position:absolute;right:6px}.cm-search-clear:hover{color:#e6edf3}.cm-select{color:#c9d1d9;cursor:pointer;background:#0d1117;border:1px solid #30363d;border-radius:6px;outline:none;flex-shrink:0;width:auto;padding:6px 10px;font-size:.82rem;transition:border-color .15s}.cm-select:focus,.cm-select:hover{border-color:#58a6ff}.cm-select option{background:#161b22}.cm-countdown{color:#6e7681;white-space:nowrap;text-align:center;background:#161b22;border:1px solid #30363d;border-radius:6px;min-width:52px;padding:4px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem}.cm-countdown.imminent{color:#d29922;border-color:#d2992280}.cm-results-count{color:#6e7681;white-space:nowrap;margin-left:auto;font-size:.75rem}.cm-outage-duration.medium{color:#f0883e;background:#f0883e1f}.cm-outage-duration.high{color:#f85149;background:#f8514926;animation:2s ease-in-out infinite cm-duration-pulse}@keyframes cm-duration-pulse{0%,to{opacity:1}50%{opacity:.6}}.cm-alert-badge.warning{color:#d29922;background:#d2992226}.cm-alert-badge.latency{color:#58a6ff;background:#58a6ff26}.cm-alert-badge.resource{color:#a371f7;background:#a371f726}@media (width<=900px){.cm-grid{grid-template-columns:1fr}.cm-header{flex-direction:column;align-items:flex-start}.cm-controls-bar{flex-wrap:wrap;gap:8px}.cm-search-wrapper{flex:none;width:100%}}@media (width<=500px){.connectivity-monitoring-page{padding:12px}.cm-header-stats{flex-wrap:wrap;gap:8px}.cm-sparkline{display:none}.cm-select{padding:5px 8px;font-size:.75rem}.cm-controls-bar{padding:8px 10px}}.kb-page{box-sizing:border-box;max-width:100%;padding:0 6px 10px}.kb-page .kb-header{margin-bottom:20px}.kb-page .kb-header h1{color:#333;align-items:center;gap:10px;margin:0 0 4px;font-size:1.5rem;display:flex}.kb-page .kb-header p{color:#666;margin:0;font-size:.9rem}.kb-page .kb-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.kb-page .kb-search-box{background:#fff;border:1px solid #ddd;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:250px;max-width:500px;padding:10px 14px;display:flex;box-shadow:0 1px 3px #0000000f}.kb-page .kb-search-box input{border:none;outline:none;flex:1;font-size:.95rem}.kb-page .kb-search-box svg{color:#999}.kb-page .kb-category-filter{background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 14px;font-size:.9rem;box-shadow:0 1px 3px #0000000f}.kb-page .kb-back-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:6px;margin-bottom:16px;padding:8px 14px;font-size:.9rem;transition:background .15s;display:inline-flex}.kb-page .kb-back-btn:hover{background:#f5f5f5}.kb-page .kb-category-group{margin-bottom:28px}.kb-page .kb-category-group h2{color:#333;border-bottom:1px solid #eee;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:8px;font-size:1.15rem;display:flex}.kb-page .kb-category-group h2 svg{color:#4a90d9}.kb-page .kb-article-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.kb-page .kb-article-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;transition:box-shadow .15s,border-color .15s;box-shadow:0 1px 3px #0000000f}.kb-page .kb-article-card:hover{border-color:#4a90d9;box-shadow:0 4px 12px #0000001a}.kb-page .kb-article-card h3{color:#333;justify-content:space-between;align-items:center;margin:0 0 6px;font-size:1rem;display:flex}.kb-page .kb-article-card h3 svg{color:#ccc;flex-shrink:0}.kb-page .kb-article-card p{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:.85rem;display:-webkit-box;overflow:hidden}.kb-page .kb-article-card .kb-article-card-footer{color:#888;gap:12px;font-size:.8rem;display:flex}.kb-page .kb-article-card .kb-article-card-footer span{align-items:center;gap:4px;display:flex}.kb-page .kb-article{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:24px;box-shadow:0 1px 3px #0000000f}.kb-page .kb-article h1{color:#333;margin:0 0 12px;font-size:1.6rem}.kb-page .kb-article .kb-article-meta{color:#666;border-bottom:1px solid #eee;flex-wrap:wrap;gap:14px;margin-bottom:20px;padding-bottom:14px;font-size:.85rem;display:flex}.kb-page .kb-article .kb-article-meta span{align-items:center;gap:4px;display:flex}.kb-page .kb-article .kb-article-meta .kb-tags{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.kb-page .kb-article .kb-article-meta .kb-tags .kb-tag{color:#555;background:#f3f4f6;border-radius:10px;padding:2px 8px;font-size:.75rem}.kb-page .kb-article .kb-article-content{color:#333;line-height:1.7}.kb-page .kb-article .kb-article-content h1,.kb-page .kb-article .kb-article-content h2,.kb-page .kb-article .kb-article-content h3,.kb-page .kb-article .kb-article-content h4{margin:20px 0 10px}.kb-page .kb-article .kb-article-content h2{border-bottom:1px solid #eee;padding-bottom:6px;font-size:1.3rem}.kb-page .kb-article .kb-article-content p{margin:0 0 12px}.kb-page .kb-article .kb-article-content code{background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:.85em}.kb-page .kb-article .kb-article-content pre{background:#f3f4f6;border-radius:8px;padding:14px;overflow-x:auto}.kb-page .kb-article .kb-article-content pre code{background:0 0;padding:0}.kb-page .kb-article .kb-article-content blockquote{color:#555;border-left:3px solid #4a90d9;margin-left:0;padding-left:14px}.kb-page .kb-article .kb-article-content ul,.kb-page .kb-article .kb-article-content ol{padding-left:24px}.kb-page .kb-article .kb-article-content table{border-collapse:collapse;width:100%;margin:14px 0}.kb-page .kb-article .kb-article-content th,.kb-page .kb-article .kb-article-content td{text-align:left;border:1px solid #e5e7eb;padding:10px}.kb-page .kb-article .kb-article-content th{background:#f9fafb;font-weight:600}.kb-page .kb-article .kb-article-content img{border-radius:6px;max-width:100%}.kb-page .kb-rating-prompt{color:#555;border-top:1px solid #eee;align-items:center;gap:12px;margin-top:24px;padding-top:16px;font-size:.95rem;display:flex}.kb-page .kb-rate-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;transition:background .15s;display:inline-flex}.kb-page .kb-rate-btn.helpful{color:#22c55e;border-color:#bbf7d0}.kb-page .kb-rate-btn.helpful:hover{background:#f0fdf4}.kb-page .kb-rate-btn.not-helpful{color:#ef4444;border-color:#fecaca}.kb-page .kb-rate-btn.not-helpful:hover{background:#fef2f2}.kb-page .kb-rating-thanks{color:#22c55e;border-top:1px solid #eee;margin-top:16px;padding-top:12px;font-size:.9rem}.kb-page .kb-empty{text-align:center;color:#999;padding:48px 24px}.kb-page .kb-empty svg{color:#ddd;margin-bottom:12px;font-size:2.5rem}.kb-page .kb-empty p{margin:0;font-size:.95rem}.uem-toolbar{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex}.uem-search-wrapper{flex:1;min-width:280px;position:relative}.uem-search-icon{color:#adb5bd;font-size:.85rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.uem-search-input{border:1px solid #dee2e6;border-radius:6px;outline:none;width:100%;padding:8px 34px 8px 36px;font-size:.875rem;transition:border-color .2s}.uem-search-input:focus{border-color:#e63946;box-shadow:0 0 0 2px #e639461a}.uem-search-clear{color:#adb5bd;cursor:pointer;background:0 0;border:none;font-size:1.2rem;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.uem-search-clear:hover{color:#e63946}.uem-filters{gap:8px;display:flex}.uem-filter-select{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;outline:none;padding:8px 12px;font-size:.85rem}.uem-filter-select:focus{border-color:#e63946}.uem-toolbar-stats{margin-left:auto}.uem-stat{color:#666;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.uem-pagination{justify-content:center;align-items:center;gap:16px;margin-top:16px;padding:12px 0;display:flex}.uem-page-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;transition:all .15s;display:inline-flex}.uem-page-btn:hover:not(:disabled){color:#e63946;background:#f8f9fa;border-color:#e63946}.uem-page-btn:disabled{opacity:.5;cursor:not-allowed}.uem-page-info{color:#666;font-size:.85rem;font-weight:500}.uem-edit-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:.9rem;transition:color .2s}.uem-edit-btn:hover{color:#e63946}.uem-edit-actions{gap:4px;margin-left:8px;display:inline-flex}.uem-edit-save,.uem-edit-cancel{cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:4px;padding:2px 8px;font-size:.85rem;transition:all .2s}.uem-edit-save{color:#2a9d8f;border-color:#2a9d8f}.uem-edit-save:hover{color:#fff;background:#2a9d8f}.uem-edit-cancel{color:#e63946;border-color:#e63946}.uem-edit-cancel:hover{color:#fff;background:#e63946}.uem-edit-input{border:1px solid #ccc;border-radius:4px;width:180px;padding:4px 8px;font-size:.85rem;transition:border-color .2s}.uem-edit-input:focus{border-color:#e63946;outline:none}@media (width<=1024px){.uem-toolbar{flex-direction:column;align-items:stretch}.uem-filters{flex-wrap:wrap}.uem-toolbar-stats{margin-left:0}}.uem-table-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow-x:auto}.uem-table{border-collapse:collapse;width:100%;font-size:.875rem}.uem-table thead tr{background:#3a3a3a}.uem-table thead th{text-align:left;color:#fff;letter-spacing:.03em;white-space:nowrap;padding:12px 14px;font-size:.8rem;font-weight:600}.uem-table thead th:first-child{background:#e63946;border-radius:0;width:28px;min-width:28px;max-width:28px;padding:12px 4px}.uem-table tbody tr.uem-row{cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .15s}.uem-table tbody tr.uem-row:hover{background:#fef2f2}.uem-table tbody tr.uem-row.uem-row--expanded{background:#fff5f5}.uem-table tbody td{vertical-align:middle;padding:10px 14px}.uem-expand-cell{text-align:center;color:#999;width:28px;min-width:28px;max-width:28px;font-size:.75rem;padding:12px 4px!important}.uem-name-cell{color:#333;font-weight:600}.uem-date-cell{white-space:nowrap;color:#666;font-size:.82rem}.uem-empty{text-align:center;color:#999;font-style:italic;padding:40px!important}.uem-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.uem-badge--success{color:#155724;background:#d4edda}.uem-badge--danger{color:#721c24;background:#f8d7da}.uem-badge--warning{color:#856404;background:#fff3cd}.uem-badge--info{color:#0c5460;background:#d1ecf1}.uem-badge--muted,.uem-badge--unknown{color:#6c757d;background:#e9ecef}.uem-actions-cell{white-space:nowrap}.uem-action-buttons{gap:4px;display:flex}.uem-action-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;transition:all .15s;display:inline-flex}.uem-action-btn:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.uem-action-btn:disabled{opacity:.5;cursor:not-allowed}.uem-action-btn--danger{color:#e63946;border-color:#e639464d}.uem-action-btn--danger:hover:not(:disabled){background:#fef2f2;border-color:#e63946}.uem-action-btn--success{color:#28a745;border-color:#28a7454d}.uem-action-btn--success:hover:not(:disabled){background:#f0fff0;border-color:#28a745}.uem-action-btn--warning{color:#e0a800;border-color:#e0a8004d}.uem-action-btn--warning:hover:not(:disabled){background:#fffdf0;border-color:#e0a800}.uem-action-btn--primary{color:#007bff;border-color:#007bff4d}.uem-action-btn--primary:hover:not(:disabled){background:#f0f7ff;border-color:#007bff}.uem-detail-row td{background:#fafbfc;padding:0!important}.uem-detail-panel{flex-direction:column;gap:20px;padding:20px 24px;display:flex}.uem-detail-loading{color:#999;justify-content:center;align-items:center;gap:8px;padding:30px;font-size:.9rem;display:flex}.uem-spin{animation:1s linear infinite uem-spin}@keyframes uem-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.uem-detail-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px 20px}.uem-detail-heading{color:#333;border-bottom:2px solid #e63946;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:8px;font-size:.95rem;font-weight:700;display:flex}.uem-detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.uem-detail-item{align-items:center;gap:8px;display:flex}.uem-detail-icon{color:#adb5bd;flex-shrink:0;font-size:.85rem}.uem-detail-label{color:#888;min-width:70px;font-size:.8rem}.uem-detail-value{color:#333;font-size:.85rem;font-weight:500}.uem-security-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:14px;display:grid}.uem-security-card{text-align:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:14px}.uem-security-card--success{background:#f0fff0;border-color:#d4edda}.uem-security-card--danger{background:#fff5f5;border-color:#f8d7da}.uem-security-number{color:#333;font-size:1.6rem;font-weight:800}.uem-security-label{color:#888;text-transform:uppercase;letter-spacing:.03em;margin-top:4px;font-size:.75rem}.uem-device-tooltip{z-index:100;background:#fff;border:1px solid #dee2e6;border-radius:8px;min-width:220px;max-width:320px;padding:8px 0;animation:.15s uem-fadeIn;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.uem-device-tooltip-row{justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;display:flex}.uem-device-tooltip-row:hover{background:#f8f9fa}.uem-device-tooltip-name{color:#333;white-space:nowrap;text-overflow:ellipsis;align-items:center;font-size:.8rem;font-weight:600;display:flex;overflow:hidden}.uem-device-tooltip-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#007bff;border:1px solid #007bff;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:600;transition:background .15s;display:inline-flex}.uem-device-tooltip-btn:hover{background:#0069d9}.uem-tag-section{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:10px;display:flex}.uem-tag-label{color:#555;padding-top:3px;font-size:.8rem;font-weight:600}.uem-tags{flex-wrap:wrap;gap:6px;display:flex}.uem-tag{color:#495057;background:#e9ecef;border-radius:12px;padding:3px 10px;font-size:.72rem;font-weight:500}.uem-tag--group{color:#0c5460;background:#d1ecf1}.uem-tag--more{color:#856404;background:#fff3cd;font-style:italic}.uem-no-data{color:#999;margin:0;font-size:.85rem;font-style:italic}.uem-association-note{align-items:center;margin:0 0 8px;font-size:.8rem;display:flex}.uem-risk-banner{color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;align-items:center;gap:8px;margin-top:10px;padding:8px 14px;font-size:.85rem;display:flex}.uem-risk-banner[data-risk=high],.uem-risk-banner[data-risk=critical]{color:#721c24;background:#f8d7da;border-color:#f5c6cb}.uem-risk-banner[data-risk=medium]{color:#856404;background:#fff3cd;border-color:#ffc107}.uem-risk-banner[data-risk=low]{color:#155724;background:#d4edda;border-color:#c3e6cb}.uem-risk-banner .uem-risk-state{opacity:.8;margin-left:auto}.uem-alerts-section{margin-top:10px}.uem-alerts-list{flex-direction:column;gap:4px;margin-top:4px;display:flex}.uem-alert-item{background:#f8f9fa;border-left:3px solid #6c757d;border-radius:4px;align-items:center;gap:10px;padding:6px 10px;font-size:.8rem;display:flex}.uem-alert-item[data-severity=high]{background:#fff5f5;border-left-color:#dc3545}.uem-alert-item[data-severity=medium]{background:#fffdf0;border-left-color:#ffc107}.uem-alert-item[data-severity=low]{background:#f0fff4;border-left-color:#28a745}.uem-alert-item .uem-alert-severity{text-transform:uppercase;min-width:55px;font-size:.7rem;font-weight:600}.uem-alert-item .uem-alert-title{flex:1}.uem-alert-item .uem-alert-link{color:inherit;text-decoration:none}.uem-alert-item .uem-alert-link:hover{text-decoration:underline}.uem-alert-item .uem-alert-status{opacity:.7;font-style:italic}.uem-tag--auth{color:#1565c0;background:#e8f4fd;border-color:#bbdefb}.uem-manager-section{align-items:center;gap:8px;margin-top:10px;font-size:.85rem;display:flex}.uem-manager-section .uem-manager-name{color:#333;font-weight:600}.uem-manager-section .uem-manager-email{color:#666;font-size:.8rem}@media (width<=768px){.uem-detail-grid{grid-template-columns:1fr}.uem-security-grid{grid-template-columns:repeat(3,1fr)}}.uem-tickets-list{flex-direction:column;gap:6px;display:flex}.uem-ticket-row{background:#f8f9fb;border:1px solid #e9ecef;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:.85rem;display:flex}.uem-ticket-row .uem-ticket-ref{color:#666;min-width:90px;font-family:monospace;font-size:.78rem}.uem-ticket-row .uem-ticket-title{color:#333;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.uem-ticket-row .uem-ticket-priority{color:#555;background:#eee;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:600}.uem-ticket-row .uem-ticket-priority[data-priority=critical]{color:#c0392b;background:#fce4e4}.uem-ticket-row .uem-ticket-priority[data-priority=high]{color:#e67e22;background:#fef0e6}.uem-ticket-row .uem-ticket-priority[data-priority=medium]{color:#b8860b;background:#fefce6}.uem-ticket-row .uem-ticket-priority[data-priority=low]{color:#27ae60;background:#eafaf1}.uem-ticket-row .uem-ticket-date{color:#888;white-space:nowrap;font-size:.75rem}.uem-ticket-row .uem-ticket-link{color:#4a90d9;cursor:pointer;align-items:center;display:flex}.uem-ticket-row .uem-ticket-link:hover{color:#2c6fad}.uem-devices-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;display:grid}.uem-device-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px;transition:box-shadow .15s}.uem-device-card:hover{box-shadow:0 2px 8px #0000000f}.uem-device-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.uem-device-icon{color:#e63946;flex-shrink:0;font-size:1.4rem}.uem-device-title{flex:1}.uem-device-title h4{color:#333;margin:0;font-size:.9rem;font-weight:700}.uem-device-os{color:#999;font-size:.75rem}.uem-device-details{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.uem-device-detail{flex-direction:column;display:flex}.uem-device-detail-label{color:#adb5bd;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.uem-device-detail span:last-child{color:#333;font-size:.82rem}.uem-device-actions{border-top:1px solid #f0f0f0;gap:8px;padding-top:10px;display:flex}.uem-device-action-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.uem-device-action-btn:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.uem-device-action-btn:disabled{opacity:.5;cursor:not-allowed}.uem-device-action-btn--connect{color:#fff;background:#e63946;border-color:#e63946}.uem-device-action-btn--connect:hover:not(:disabled){background:#d62839;border-color:#d62839}.uem-device-action-btn--danger{color:#e63946;border-color:#e639464d}.uem-device-action-btn--danger:hover:not(:disabled){background:#fef2f2}.uem-device-action-btn--script{color:#fff;background:#2d3748;border-color:#2d3748}.uem-device-action-btn--script:hover:not(:disabled){color:#fff;background:#1a202c;border-color:#1a202c}.uem-device-action-btn--info{color:#fff;background:#007bff;border-color:#007bff}.uem-device-action-btn--info:hover:not(:disabled){color:#fff;background:#0069d9;border-color:#0069d9}@media (width<=768px){.uem-devices-grid{grid-template-columns:1fr}}.uem-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.uem-script-modal{background:#fff;border-radius:12px;flex-direction:column;width:95vw;max-width:1100px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.uem-script-modal-header{color:#fff;background:#3a3a3a;align-items:center;gap:12px;padding:16px 24px;display:flex}.uem-script-modal-header h2{align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:700;display:flex}.uem-script-modal-header .uem-script-device-name{color:#ccc;align-items:center;gap:6px;margin-left:auto;font-size:.85rem;display:flex}.uem-script-modal-header .uem-modal-close{color:#aaa;cursor:pointer;background:0 0;border:none;margin-left:12px;padding:4px 8px;font-size:1.2rem}.uem-script-modal-header .uem-modal-close:hover{color:#fff}.uem-script-modal-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.uem-script-categories{z-index:2;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0;gap:2px;padding:8px 16px 0;display:flex;position:relative;overflow-x:auto}.uem-script-cat-tab{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 16px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.uem-script-cat-tab:hover{color:#333;background:#fff}.uem-script-cat-tab--active{color:#e63946;background:#fff;border-bottom-color:#e63946}.uem-script-content{flex:1;display:flex;overflow:hidden}.uem-script-list{border-right:1px solid #e9ecef;flex-direction:column;gap:8px;width:360px;min-width:300px;padding:12px;display:flex;overflow-y:auto}.uem-script-card{cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:12px 14px;transition:all .15s}.uem-script-card:hover{border-color:#adb5bd;box-shadow:0 1px 4px #0000000f}.uem-script-card--selected{background:#fef2f2;border-color:#e63946;box-shadow:0 0 0 2px #e6394626}.uem-script-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.uem-script-card-name{color:#333;font-size:.85rem;font-weight:600}.uem-script-risk{text-transform:uppercase;letter-spacing:.04em;border-radius:10px;padding:2px 8px;font-size:.65rem;font-weight:700}.uem-script-risk--low{color:#155724;background:#d4edda}.uem-script-risk--medium{color:#856404;background:#fff3cd}.uem-script-risk--high{color:#721c24;background:#f8d7da}.uem-script-card-desc{color:#777;margin:0 0 6px;font-size:.75rem;line-height:1.4}.uem-script-card-meta{flex-wrap:wrap;gap:6px;display:flex}.uem-script-meta-tag{color:#495057;background:#e9ecef;border-radius:8px;align-items:center;gap:3px;padding:2px 7px;font-size:.65rem;display:inline-flex}.uem-script-meta-tag--warn{color:#856404;background:#fff3cd}.uem-script-detail{flex:1;padding:20px 24px;overflow-y:auto}.uem-script-placeholder{color:#ccc;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.uem-script-placeholder .uem-script-placeholder-icon{font-size:3rem}.uem-script-placeholder p{color:#999;font-size:.9rem}.uem-script-detail-title{color:#333;margin:0 0 6px;font-size:1.05rem;font-weight:700}.uem-script-detail-desc{color:#666;margin:0 0 16px;font-size:.85rem;line-height:1.5}.uem-script-params{margin-bottom:16px}.uem-script-params h4{color:#333;margin:0 0 8px;font-size:.85rem;font-weight:600}.uem-script-param{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.uem-script-param label{color:#555;font-size:.8rem;font-weight:600}.uem-script-param input{border:1px solid #dee2e6;border-radius:6px;outline:none;padding:8px 12px;font-size:.85rem}.uem-script-param input:focus{border-color:#e63946;box-shadow:0 0 0 2px #e639461a}.uem-script-editor{margin-bottom:16px}.uem-script-editor h4{color:#333;margin:0 0 8px;font-size:.85rem;font-weight:600}.uem-script-textarea{resize:vertical;color:#d4d4d4;background:#1e1e1e;border:1px solid #dee2e6;border-radius:6px;outline:none;width:100%;min-height:200px;padding:12px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.82rem;line-height:1.5}.uem-script-textarea:focus{border-color:#e63946}.uem-script-preview{margin-bottom:16px}.uem-script-preview summary{color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 0;font-size:.8rem;font-weight:600}.uem-script-preview summary:hover{color:#e63946}.uem-script-preview pre{color:#d4d4d4;background:#1e1e1e;border-radius:6px;max-height:300px;margin:4px 0 0;padding:14px;font-size:.75rem;line-height:1.5;overflow-x:auto}.uem-script-run-section{margin-top:16px}.uem-script-warning{color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 14px;font-size:.82rem;display:flex}.uem-script-warning--info{color:#0c5460;background:#d1ecf1;border-color:#bee5eb}.uem-script-run-btn{color:#fff;cursor:pointer;background:#e63946;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:background .15s;display:inline-flex}.uem-script-run-btn:hover:not(:disabled){background:#d62839}.uem-script-run-btn:disabled{opacity:.7;cursor:not-allowed}.uem-script-result{border-radius:6px;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:.85rem;display:flex}.uem-script-result--success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.uem-script-result--error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.uem-script-result .uem-script-result-id{opacity:.8;margin-left:auto;font-size:.75rem}@media (width<=768px){.uem-script-content{flex-direction:column}.uem-script-list{width:100%;min-width:unset;border-bottom:1px solid #e9ecef;border-right:none;max-height:200px}.uem-script-modal{width:98vw;max-height:95vh}}.uem-device-modal{background:#fff;border-radius:12px;flex-direction:column;width:95vw;max-width:1200px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.uem-device-modal-header{color:#fff;background:#3a3a3a;align-items:center;gap:12px;padding:16px 24px;display:flex}.uem-device-modal-header h2{color:#fff;align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:700;display:flex}.uem-device-modal-header .uem-script-device-name{color:#ccc}.uem-device-modal-header .uem-modal-close{color:#aaa}.uem-device-modal-header .uem-modal-close:hover{color:#fff}.uem-device-modal-body{flex:1;min-height:0;padding:20px 24px;overflow-y:auto}.uem-dd-section{animation:.2s uem-fadeIn}@keyframes uem-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.uem-dd-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.uem-dd-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px 20px}.uem-dd-card h4{color:#333;border-bottom:2px solid #e63946;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:8px;font-size:.9rem;font-weight:700;display:flex}.uem-dd-rows{flex-direction:column;gap:6px;display:flex}.uem-dd-row{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:4px 0;font-size:.82rem;display:flex}.uem-dd-row:last-child{border-bottom:none}.uem-dd-row span:first-child{color:#888;font-weight:500}.uem-dd-row span:last-child{color:#333;text-align:right;word-break:break-all;max-width:60%;font-weight:600}.uem-dd-row--warn span{color:#856404!important;font-weight:600!important}.uem-dd-mono{font-family:Consolas,Monaco,monospace;font-size:.75rem!important}.uem-dd-health-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.uem-dd-health-card{text-align:center;border:1px solid #e9ecef;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:18px;display:flex}.uem-dd-health-card--ok{background:#f0fff4;border-color:#c3e6cb}.uem-dd-health-card--warning{background:#fffdf0;border-color:#ffc107}.uem-dd-health-card--danger{background:#fff5f5;border-color:#f5c6cb}.uem-dd-health-icon{color:#e63946;font-size:1.6rem}.uem-dd-health-metric{flex-direction:column;display:flex}.uem-dd-health-value{color:#333;font-size:1.4rem;font-weight:800}.uem-dd-health-label{text-transform:uppercase;letter-spacing:.03em;color:#888;font-size:.72rem}.uem-dd-health-bar{background:#e9ecef;border-radius:3px;width:100%;height:6px;overflow:hidden}.uem-dd-health-bar-fill{background:#28a745;border-radius:3px;height:100%;transition:width .3s}.uem-dd-health-card--warning .uem-dd-health-bar-fill{background:#ffc107}.uem-dd-health-card--danger .uem-dd-health-bar-fill{background:#dc3545}.uem-dd-health-sub{color:#888;font-size:.72rem}.uem-dd-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px;display:flex}.uem-dd-app-table-wrap{border:1px solid #e9ecef;border-radius:8px;overflow-x:auto}.uem-dd-app-table{border-collapse:collapse;width:100%;font-size:.82rem}.uem-dd-app-table thead tr{background:#3a3a3a}.uem-dd-app-table thead th{text-align:left;color:#fff;padding:10px 14px;font-size:.78rem;font-weight:600}.uem-dd-app-table tbody tr{border-bottom:1px solid #f0f0f0}.uem-dd-app-table tbody tr:hover{background:#fef2f2}.uem-dd-app-table tbody td{padding:8px 14px}.uem-dd-app-name{color:#333;font-weight:600}.uem-dd-apps-grid{flex-direction:column;gap:8px;display:flex}.uem-dd-managed-app-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:box-shadow .15s;display:flex}.uem-dd-managed-app-card:hover{box-shadow:0 1px 6px #0000000f}.uem-dd-managed-app-info{flex-direction:column;gap:2px;display:flex}.uem-dd-managed-app-info h4{color:#333;margin:0;font-size:.88rem;font-weight:600}.uem-dd-app-publisher{color:#888;font-size:.75rem}.uem-dd-managed-app-actions{gap:6px;display:flex}@media (width<=768px){.uem-dd-grid{grid-template-columns:1fr}.uem-dd-health-cards{grid-template-columns:1fr 1fr}.uem-device-modal{width:98vw;max-height:95vh}}.uem-dd-uninstall-btn{width:28px!important;height:28px!important;padding:0!important;font-size:.7rem!important}.uem-dd-row-right{text-align:right;align-items:center;gap:8px;display:flex}.uem-dd-sub-date{color:#999;white-space:nowrap;font-size:.7rem}.uem-dd-manage-link{justify-content:center;align-items:center;text-decoration:none;width:28px!important;height:28px!important;display:inline-flex!important}.uem-password-modal{background:#1e1e2f;border-radius:12px;width:90%;max-width:480px;padding:24px;box-shadow:0 20px 60px #00000080}.uem-password-modal .uem-password-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.uem-password-modal .uem-password-modal-header h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:1.1rem;display:flex}.uem-password-modal .uem-password-modal-header h3 svg{color:#f39c12}.uem-password-modal .uem-password-modal-body{color:#ccc}.uem-password-modal .uem-password-notice{margin-bottom:16px;line-height:1.5}.uem-password-modal .uem-password-notice strong{color:#fff}.uem-password-modal .uem-password-display{background:#12121e;border:1px solid #333;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:12px 16px;display:flex}.uem-password-modal .uem-password-value{color:#27ae60;letter-spacing:1px;-webkit-user-select:all;user-select:all;flex:1;font-family:Courier New,monospace;font-size:1.1rem}.uem-password-modal .uem-password-action-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;align-items:center;padding:6px 8px;transition:all .2s;display:flex}.uem-password-modal .uem-password-action-btn:hover{color:#fff;background:#ffffff1a;border-color:#666}.uem-password-modal .uem-password-warning{color:#e67e22;margin-top:8px;font-size:.85rem;font-style:italic}.uem-page{min-height:100vh;padding:20px}.uem-title{color:#333;align-items:center;gap:10px;margin-bottom:4px;font-size:1.6rem;font-weight:700;display:flex}.uem-title-icon{color:#e63946;font-size:1.4rem}.uem-subtitle{color:#777;margin-bottom:20px;font-size:.9rem}.main-content{min-width:90vw!important}.main-content.left-align{margin-left:0!important;margin-right:auto!important}@media (width<=900px){.main-content{margin-top:32px!important}}.daily-checklist-container .form-header{margin-bottom:24px}.daily-checklist-container .form-header h2{align-items:center;gap:8px;margin-bottom:4px;display:flex}.daily-checklist-container .form-header .form-description{color:#6c757d;margin:0;font-size:14px}.daily-checklist-container .daily-checklist-select{margin-bottom:24px!important}.daily-checklist-container .daily-checklist-select label{margin-bottom:4px;font-weight:700;display:block}.daily-checklist-container .daily-checklist-select label .required-indicator{color:#f63040;margin-left:2px}.daily-checklist-container .daily-checklist-actions{justify-content:flex-end;margin-top:16px;display:flex}.daily-checklist-container .daily-checklist-table th,.daily-checklist-container .daily-checklist-table td{text-align:left}.daily-checklist-container .daily-checklist-table th:first-child,.daily-checklist-container .daily-checklist-table td:first-child{text-align:center;width:40px;min-width:32px;max-width:48px;padding-left:0;padding-right:0}.daily-checklist-container .daily-checklist-table th:nth-child(2),.daily-checklist-container .daily-checklist-table td:nth-child(2){padding-left:8px;text-align:left!important}.daily-checklist-container.loading-state{justify-content:center;align-items:center;min-height:200px;display:flex}.daily-checklist-container .loading-spinner{color:#6c757d;align-items:center;gap:8px;font-size:16px;display:flex}.daily-checklist-container .loading-spinner .fa-spin{animation:1s linear infinite spin}.daily-checklist-container .no-template-warning{color:#856404;background:#fff3cd;border-radius:6px;align-items:flex-start;gap:8px;padding:16px 24px;font-size:14px;display:flex}.daily-checklist-container .no-template-warning svg{flex-shrink:0;margin-top:2px}.daily-checklist-container .no-template-warning p{margin:0}.non-compliance-form.loading-state,.non-compliance-form-container{box-sizing:border-box;background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;max-width:700px;margin:32px auto;padding:32px 24px;box-shadow:0 2px 8px #0000000f}.non-compliance-form-container .form-header{text-align:center;margin-bottom:24px}.non-compliance-form-container .form-header h2{color:#57565b;justify-content:center;align-items:center;gap:10px;margin:0 0 8px;font-family:Lato,Arial,sans-serif;font-size:1.6rem;display:flex}.non-compliance-form-container .form-header h2 svg,.non-compliance-form-container .form-header h2 i{color:#f63040}.non-compliance-form-container .form-header .form-description{color:#6c757d;margin:0;font-size:14px}.non-compliance-form-container .required-indicator{color:#f63040;margin-left:2px}.non-compliance-form-container .property-selection{border-bottom:1px solid #e0e0e0;margin-bottom:24px;padding-bottom:16px}.non-compliance-form-container .property-selection label{color:#333;margin-bottom:4px;font-weight:700;display:block}.non-compliance-form-container .property-selection .form-control{box-sizing:border-box;color:#333;background-color:#fff;border:1px solid #57565b;border-radius:6px;width:100%;padding:15px 10px;font-size:16px;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.non-compliance-form-container .property-selection .form-control:focus{border-color:#f63040;outline:none;box-shadow:0 0 8px #f6304080}.non-compliance-form-container .property-selection .form-control{padding:10px 12px}.non-compliance-form-container .template-renderer .template-section{margin-bottom:24px}.non-compliance-form-container .template-renderer .section-title{color:#333;border-bottom:2px solid #f63040;margin:0 0 16px;padding-bottom:8px;font-size:1.1rem;font-weight:700}.non-compliance-form-container .template-renderer .field-group{margin-bottom:16px}.non-compliance-form-container .template-renderer .form-label{color:#333;margin-bottom:4px;font-size:14px;font-weight:700}.non-compliance-form-container .template-renderer .form-control{box-sizing:border-box;color:#333;background-color:#fff;border:1px solid #57565b;border-radius:6px;width:100%;padding:15px 10px;font-size:16px;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.non-compliance-form-container .template-renderer .form-control:focus{border-color:#f63040;outline:none;box-shadow:0 0 8px #f6304080}.non-compliance-form-container .template-renderer .form-control{padding:10px 12px}.non-compliance-form-container .template-renderer textarea.form-control{resize:vertical;min-height:80px}.non-compliance-form-container .template-renderer .form-control.is-invalid{border-color:#f63040}.non-compliance-form-container .template-renderer .invalid-feedback{color:#f63040;margin-top:4px;font-size:12px}.non-compliance-form-container .template-renderer .form-text{color:#6c757d;margin-top:4px;font-size:12px}.non-compliance-form-container .template-renderer .form-actions{border-top:1px solid #e0e0e0;gap:8px;margin-top:24px;padding-top:16px;display:flex}@media (width<=768px){.non-compliance-form-container .template-renderer .form-actions{flex-direction:column}}.non-compliance-form-container .template-renderer .btn{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s;display:flex}@media (width<=768px){.non-compliance-form-container .template-renderer .btn{justify-content:center;width:100%}}.non-compliance-form-container .template-renderer .btn-primary{color:#fff;min-width:120px;height:40px;font-family:inherit;font-size:16px;font-weight:700;line-height:inherit;box-sizing:border-box;cursor:pointer;background-color:#f63040;border:none;border-radius:6px;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.non-compliance-form-container .template-renderer .btn-primary:hover{background-color:#e90a1c;transform:translateY(-2px)}.non-compliance-form-container .template-renderer .btn-primary:active{background-color:#d00919;transform:translateY(0)}.non-compliance-form-container .template-renderer .btn-primary{flex:1}.non-compliance-form-container .template-renderer .btn-primary:hover:not(:disabled){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{color:#fff;min-width:120px;height:40px;font-family:inherit;font-size:16px;font-weight:700;line-height:inherit;box-sizing:border-box;cursor:pointer;background-color:#f63040;border:none;border-radius:6px;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.non-compliance-form-container .template-renderer .btn-secondary{background-color:#57565b}.non-compliance-form-container .template-renderer .btn-secondary:hover{background-color:#706f75;transform:translateY(-2px)}.non-compliance-form-container .template-renderer .btn-secondary:active{background-color:#646268;transform:translateY(0)}.non-compliance-form.loading-state{text-align:center;padding:60px 24px}.non-compliance-form .loading-spinner{color:#6c757d;flex-direction:column;align-items:center;gap:8px;display:flex}.non-compliance-form .loading-spinner svg,.non-compliance-form .loading-spinner i{color:#f63040;font-size:2rem}.non-compliance-form .loading-spinner .fa-spin{animation:1s linear infinite spin}@media (width<=768px){.non-compliance-form-container{margin:16px;padding:16px}.non-compliance-form-container .form-header h2{font-size:1.3rem}}.asset-management-page{max-width:1600px;margin:0 auto;padding:20px 24px}.asset-management-page .page-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.asset-management-page .page-header h1{color:#1e293b;letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.4rem;font-weight:700;display:flex}.asset-management-page .page-header .header-actions{align-items:center;gap:8px;display:flex}.asset-management-page .page-header .live-indicator{color:#16a34a;letter-spacing:.03em;align-items:center;gap:5px;font-size:.75rem;font-weight:600;animation:2s ease-in-out infinite pulse-live;display:inline-flex}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}.am-layout{align-items:flex-start;gap:20px;display:flex}.am-sidebar{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;width:300px;min-width:300px;max-height:calc(100vh - 120px);padding:14px;position:sticky;top:20px;overflow-y:auto}.am-sidebar .sidebar-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.am-sidebar .sidebar-header h3{color:#333;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;display:flex}.am-sidebar .sidebar-hint{color:#64748b;text-align:center;justify-content:center;align-items:center;gap:6px;padding:16px 8px;font-size:.85rem;display:flex}.am-main{flex:1;min-width:0}.filters-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:16px;padding:14px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.filters-section .search-box{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.filters-section .search-box:focus-within{background:#fff;border-color:#f63040;box-shadow:0 0 0 3px #f6304014}.filters-section .search-box svg{color:#94a3b8;flex-shrink:0}.filters-section .search-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.9rem}.filters-section .search-box input::placeholder{color:#94a3b8}.filters-section .search-box .search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:2px 4px;line-height:1}.filters-section .search-box .search-clear:hover{color:#64748b;background:#e2e8f0}.filters-section .filter-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filters-section .filter-select{color:#374151;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:140px;min-width:140px;padding:7px 10px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.filters-section .filter-select:focus{background:#fff;border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f6304014}.filters-section .filter-checkbox{color:#4b5563;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;font-size:.875rem;transition:border-color .2s,background .2s;display:flex}.filters-section .filter-checkbox:hover{background:#f1f5f9;border-color:#cbd5e1}.filters-section .filter-checkbox input[type=checkbox]{accent-color:#f63040;flex-shrink:0;width:15px;height:15px}.table-responsive{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.table-responsive table{border-radius:10px;overflow:hidden}.asset-table,.config-table,.service-records-table{border-collapse:collapse;width:100%;font-size:.9rem}.asset-table thead,.config-table thead,.service-records-table thead{background:#1e293b}.asset-table thead tr,.config-table thead tr,.service-records-table thead tr{border-bottom:none}.asset-table thead th,.config-table thead th,.service-records-table thead th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;white-space:nowrap;padding:11px 14px;font-size:.78rem;font-weight:600;background:#1e293b!important}.asset-table tbody tr,.config-table tbody tr,.service-records-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.asset-table tbody tr:hover,.config-table tbody tr:hover,.service-records-table tbody tr:hover{background:#f8fafc}.asset-table tbody tr.inactive-row,.config-table tbody tr.inactive-row,.service-records-table tbody tr.inactive-row{opacity:.6;background:#fefce8}.asset-table tbody td,.config-table tbody td,.service-records-table tbody td{text-align:left;vertical-align:middle;color:#374151;padding:11px 14px}.asset-table .empty-state,.config-table .empty-state,.service-records-table .empty-state{color:#94a3b8;font-size:.95rem;font-style:normal;text-align:center!important;padding:52px 20px!important}.asset-name-cell{flex-direction:column;gap:2px;display:flex}.asset-name-cell .asset-tag{color:#6c757d;align-items:center;gap:4px;font-size:.8rem;display:flex}.sub-category{color:#6c757d;font-size:.85rem}.status-badge,.type-badge,.approval-badge{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:.8rem;font-weight:500;display:inline-block}.badge-success{color:#155724;background:#d4edda}.badge-secondary{color:#383d41;background:#e2e3e5}.badge-warning{color:#856404;background:#fff3cd}.badge-danger{color:#721c24;background:#f8d7da}.service-status{border-radius:12px;padding:3px 10px;font-size:.8rem;font-weight:500;display:inline-block}.service-ok{color:#155724;background:#d4edda}.service-due-soon{color:#856404;background:#fff3cd}.service-overdue{color:#721c24;background:#f8d7da}.service-repair{color:#004085;background:#cce5ff}.service-na{color:#383d41;background:#e2e3e5}.type-service{color:#004085;background:#cce5ff}.type-rnm{color:#856404;background:#fff3cd}.approval-pending{color:#383d41;background:#e2e3e5}.approval-submitted{color:#004085;background:#cce5ff}.approval-approved{color:#155724;background:#d4edda}.approval-rejected{color:#721c24;background:#f8d7da}.warranty-active{color:#155724;background:#d4edda;font-size:.8rem}.warranty-expired{color:#721c24;background:#f8d7da;font-size:.8rem}.warranty-none{color:#6c757d;font-size:.85rem}.btn-create{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.875rem;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 1px 3px #f6304040}.btn-create:hover{background:#d91f2e;box-shadow:0 3px 8px #f630404d}.btn-primary{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.875rem;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 1px 3px #f6304033}.btn-primary:hover{background:#d91f2e;box-shadow:0 3px 8px #f630404d}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-secondary:hover{background:#f1f5f9;border-color:#94a3b8}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.btn-icon{cursor:pointer;color:#495057;background:0 0;border:none;border-radius:4px;padding:6px 8px;transition:all .15s}.btn-icon:hover{color:#212529;background:#e9ecef}.btn-icon.btn-danger{color:#dc3545}.btn-icon.btn-danger:hover{background:#f8d7da}.btn-icon.btn-success{color:#28a745}.btn-icon.btn-success:hover{background:#d4edda}.action-buttons{white-space:nowrap;justify-content:flex-end;gap:4px;display:flex}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:flex-start;width:100%;height:100%;padding-top:40px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.modal-dialog{background:#fff;border-radius:10px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003}.modal-dialog.modal-lg{max-width:850px}.modal-dialog.modal-xl{max-width:1100px}.modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header h2{color:#1e293b;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.modal-header .btn-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:1.1rem;transition:all .15s}.modal-header .btn-close:hover{color:#1e293b;background:#e2e8f0}.modal-body{background:#f8fafc;padding:24px}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 10px 10px;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:18px;padding:18px 20px;transition:border-color .2s}.form-section:hover{border-color:#cbd5e1}.form-section legend{color:#1e293b;letter-spacing:.01em;align-items:center;gap:8px;padding:0 10px;font-size:.95rem;font-weight:600;display:flex}.form-section legend .legend-icon{color:#e74c3c;opacity:.8;font-size:.85rem}.form-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.form-group{flex-direction:column;gap:5px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group.form-group-narrow{max-width:120px}.form-group label{color:#374151;letter-spacing:.02em;text-transform:uppercase;font-size:.82rem;font-weight:600}.form-group label .required{color:#e74c3c;margin-left:2px;font-weight:700}.form-group input,.form-group select,.form-group textarea{color:#1e293b;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:9px 12px;font-size:.9rem;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#e74c3c;outline:none;box-shadow:0 0 0 3px #e74c3c1a}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.form-group select{appearance:auto}.form-group textarea{resize:vertical}.required{color:#e74c3c;font-weight:700}.input-with-addon{align-items:stretch;display:flex}.input-with-addon .input-prefix{color:#4b5563;background:#e5e7eb;border:1px solid #d1d5db;border-right:none;border-radius:6px 0 0 6px;align-items:center;padding:0 10px;font-size:.85rem;font-weight:600;display:flex}.input-with-addon input{flex:1;border-radius:0 6px 6px 0!important}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex;text-transform:none!important;color:#374151!important;letter-spacing:0!important;font-size:.9rem!important;font-weight:500!important}.checkbox-label input[type=checkbox]{accent-color:#e74c3c;cursor:pointer;width:16px;height:16px}.interval-inputs{gap:8px;display:flex}.interval-inputs input,.interval-inputs select{flex:1}.inline-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px;padding:16px}.inline-form .form-actions{align-items:flex-end;gap:8px;padding-bottom:4px;display:flex}.detail-tabs{border-bottom:2px solid #e9ecef;gap:4px;margin-bottom:20px;display:flex}.detail-tabs .tab-btn{cursor:pointer;color:#6c757d;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 16px;font-size:.9rem;transition:all .2s;display:flex}.detail-tabs .tab-btn.active{color:#e74c3c;border-bottom-color:#e74c3c;font-weight:600}.detail-tabs .tab-btn:hover:not(.active){color:#333;background:#f8f9fa}.detail-content .detail-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.detail-content .detail-section h3{color:#333;border-bottom:1px solid #e9ecef;margin-bottom:8px;padding-bottom:4px;font-size:.95rem;font-weight:600}.detail-content .detail-section.full-width{grid-column:1/-1}.detail-content .detail-fields{flex-direction:column;gap:6px;display:flex}.detail-content .detail-field{color:#333;font-size:.9rem}.detail-content .detail-field span:first-child{color:#6c757d;margin-right:8px;font-weight:500}.services-content .section-header,.audit-content .section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.services-content .section-header h3,.audit-content .section-header h3{font-size:1rem;font-weight:600}.services-content .empty-message,.audit-content .empty-message{text-align:center;color:#6c757d;padding:30px;font-style:italic}.audit-timeline{flex-direction:column;gap:12px;display:flex}.audit-timeline .audit-entry{background:#f8f9fa;border-left:3px solid #e74c3c;border-radius:6px;grid-template-columns:180px 120px 1fr auto;align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;display:grid}.audit-timeline .audit-entry .audit-timestamp{color:#6c757d;font-size:.85rem}.audit-timeline .audit-entry .audit-action{color:#333;font-weight:600}.audit-timeline .audit-entry .audit-details{color:#495057}.audit-timeline .audit-entry .audit-user{color:#6c757d;text-align:right;font-size:.85rem}.asset-config-page h2{margin-bottom:8px;font-size:1.3rem;font-weight:600}.asset-config-page .page-description{color:#6c757d;margin-bottom:20px;font-size:.9rem}.asset-config-page .config-tabs{border-bottom:2px solid #e9ecef;gap:4px;margin-bottom:20px;display:flex}.asset-config-page .config-tabs .tab-btn{cursor:pointer;color:#6c757d;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 16px;font-size:.9rem;display:flex}.asset-config-page .config-tabs .tab-btn.active{color:#e74c3c;border-bottom-color:#e74c3c;font-weight:600}.asset-config-page .config-tabs .tab-btn:hover:not(.active){color:#333;background:#f8f9fa}.asset-config-page .config-section .section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.asset-config-page .config-section .section-header h3{font-size:1.1rem;font-weight:600}.asset-config-page .subcategory-group{border:1px solid #e9ecef;border-radius:8px;margin-bottom:12px;overflow:hidden}.asset-config-page .subcategory-group .subcategory-group-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f1f3f5;align-items:center;gap:10px;padding:12px 16px;display:flex}.asset-config-page .subcategory-group .subcategory-group-header:hover{background:#e9ecef}.asset-config-page .subcategory-group .subcategory-group-header .count-badge{color:#fff;background:#e74c3c;border-radius:10px;padding:2px 8px;font-size:.8rem}.asset-config-page .subcategory-group .subcategory-group-header .btn-add-sub{margin-left:auto;font-size:.8rem}.asset-config-page .subcategory-group .subcategory-table{margin:0}.asset-config-page .subcategory-group .subcategory-table thead{background:#f8f9fa}.loading-container{color:#6c757d;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.loading-container .fa-spin{animation:1s linear infinite spin}.alert{border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.alert.alert-danger{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}@media (width<=1024px){.am-layout{flex-direction:column}.am-sidebar{width:100%;min-width:0;max-height:320px;position:static}}@media (width<=768px){.filters-section{flex-direction:column}.filters-section .filter-controls{width:100%}.filters-section .filter-select{flex:1;min-width:auto}.audit-timeline .audit-entry,.detail-content .detail-grid,.form-grid,.dashboard-summary{grid-template-columns:1fr}}.document-upload-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.document-upload-form .upload-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.document-upload-form .upload-controls .doc-type-select{border:1px solid #ced4da;border-radius:4px;min-width:180px;padding:.5rem .75rem;font-size:.875rem}.document-upload-form .upload-controls .doc-notes-input{border:1px solid #ced4da;border-radius:4px;flex:1;min-width:200px;padding:.5rem .75rem;font-size:.875rem}.document-upload-form .upload-controls .btn-upload{color:#fff;cursor:pointer;white-space:nowrap;background:#28a745;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:background .2s;display:inline-flex}.document-upload-form .upload-controls .btn-upload:hover:not(:disabled){background:#218838}.document-upload-form .upload-controls .btn-upload:disabled{opacity:.65;cursor:not-allowed}.documents-content h3{color:#333;margin-bottom:1rem;font-size:1.1rem}.documents-content .data-table{border-collapse:collapse;width:100%}.documents-content .data-table th,.documents-content .data-table td{text-align:left;border-bottom:1px solid #e9ecef;padding:.5rem .75rem}.documents-content .data-table th{color:#495057;text-transform:uppercase;letter-spacing:.025em;font-size:.85rem;font-weight:600}.documents-content .data-table .action-buttons{gap:.5rem;display:flex}.documents-content .data-table .btn-icon{cursor:pointer;color:#6c757d;background:0 0;border:none;padding:.25rem;font-size:.9rem}.documents-content .data-table .btn-icon:hover{color:#007bff}.documents-content .data-table .btn-icon.btn-danger:hover{color:#dc3545}.search-dropdown{z-index:1000;background:#fff;border:1px solid #dee2e6;border-top:none;border-radius:0 0 6px 6px;max-height:220px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.search-dropdown li{cursor:pointer;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.88rem;transition:background .1s;display:flex}.search-dropdown li:last-child{border-bottom:none}.search-dropdown li:hover{background:#f0f7ff}.search-dropdown li.selected{background:#e8f4fd;font-weight:500}.search-dropdown li strong{color:#1e293b}.search-dropdown li .dropdown-detail{color:#64748b;font-size:.82rem}.search-dropdown li .dropdown-meta{color:#94a3b8;white-space:nowrap;margin-left:auto;font-size:.78rem}.search-dropdown-loading{z-index:1000;color:#64748b;background:#fff;border:1px solid #dee2e6;border-top:none;border-radius:0 0 6px 6px;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.85rem;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #0000001a}.search-dropdown-loading .spin{animation:1s linear infinite spin}.linked-badge{color:#16a34a;pointer-events:none;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;padding:.1rem .4rem;font-size:.75rem;font-weight:600;position:absolute;top:50%;right:.5rem;transform:translateY(25%)}.input-linked{background-color:#fafff9!important;border-color:#86efac!important;padding-right:5rem!important}.clear-selection-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.15rem .3rem;font-size:1rem;line-height:1;position:absolute;top:50%;right:.4rem;transform:translateY(25%)}.clear-selection-btn:hover{color:#ef4444;background:#fef2f2}.vat-checkbox{margin-top:4px;color:#64748b!important;text-transform:none!important;font-size:.82rem!important}.vat-checkbox input[type=checkbox]{width:14px;height:14px}.commissioning-upload-section{background:#f0f9ff;border:1px dashed #93c5fd;border-radius:8px;margin-top:14px;padding:14px 16px}.commissioning-upload-section .info-text{color:#1e40af;align-items:center;gap:8px;margin:0 0 8px;font-size:.85rem;display:flex}.commissioning-upload-section .info-text.muted{color:#64748b;font-style:italic}.commissioning-upload-section .upload-row{align-items:center;gap:8px;display:flex}.commissioning-upload-section .commissioning-upload-controls{flex-direction:column;gap:8px;display:flex}.commissioning-upload-section .btn-upload{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;transition:background .2s;display:inline-flex}.commissioning-upload-section .btn-upload:hover:not(:disabled){background:#1d4ed8}.commissioning-upload-section .btn-upload:disabled{opacity:.6;cursor:not-allowed}.groups-panel{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:16px}.groups-panel .section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.groups-panel .section-header h3,.groups-panel .section-header h4{color:#333;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;display:flex}.groups-panel .section-header .info-text{color:#6c757d;font-size:.8rem;font-weight:400}.groups-panel .group-members-section{border-top:1px solid #dee2e6;margin-top:16px;padding-top:16px}.bulk-member-selection{margin-bottom:12px}.bulk-member-selection h4{color:#333;margin-bottom:8px;font-size:.95rem}.bulk-member-selection .data-table.compact{font-size:.85rem}.bulk-member-selection .data-table.compact td,.bulk-member-selection .data-table.compact th{padding:6px 10px}.bulk-member-selection .excluded-row{opacity:.5;text-decoration:line-through}.info-callout{color:#0369a1;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:6px;align-items:center;gap:8px;margin:12px 0;padding:12px 16px;font-size:.9rem;display:flex}.field-help{color:#6c757d;margin-top:4px;font-size:.75rem;display:block}.text-muted{color:#6c757d}.small{font-size:.8rem}.dashboard-summary{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px;display:grid}.dashboard-summary .summary-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;min-width:0;padding:16px 16px 14px;font-family:inherit;transition:box-shadow .2s,transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000d}.dashboard-summary .summary-card:after{content:"";background:#e2e8f0;border-radius:0 0 10px 10px;height:3px;position:absolute;bottom:0;left:0;right:0}.dashboard-summary .summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0000001a}.dashboard-summary .summary-card.active-filter{transform:translateY(-2px);box-shadow:0 4px 14px #0000001f}.dashboard-summary .summary-card .filter-indicator{opacity:.5;font-size:.6rem;position:absolute;top:8px;right:8px}.dashboard-summary .summary-card .summary-value{font-size:1.75rem;font-weight:700;line-height:1}.dashboard-summary .summary-card .summary-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.dashboard-summary .summary-card.summary-overdue:after{background:#ef4444}.dashboard-summary .summary-card.summary-overdue .summary-value{color:#ef4444}.dashboard-summary .summary-card.summary-overdue.active-filter{background:#fef2f2;border-color:#fca5a5}.dashboard-summary .summary-card.summary-due-soon:after{background:#f59e0b}.dashboard-summary .summary-card.summary-due-soon .summary-value{color:#f59e0b}.dashboard-summary .summary-card.summary-due-soon.active-filter{background:#fffbeb;border-color:#fde68a}.dashboard-summary .summary-card.summary-warranty-expired:after{background:#8b5cf6}.dashboard-summary .summary-card.summary-warranty-expired .summary-value{color:#8b5cf6}.dashboard-summary .summary-card.summary-warranty-expired.active-filter{background:#f5f3ff;border-color:#c4b5fd}.dashboard-summary .summary-card.summary-under-repair:after{background:#f97316}.dashboard-summary .summary-card.summary-under-repair .summary-value{color:#f97316}.dashboard-summary .summary-card.summary-under-repair.active-filter{background:#fff7ed;border-color:#fed7aa}.dashboard-summary .summary-card.summary-total:after{background:#f63040}.dashboard-summary .summary-card.summary-total{cursor:default}.dashboard-summary .summary-card.summary-total .summary-value{color:#f63040}.dashboard-summary .summary-card.summary-total:hover{transform:none;box-shadow:0 1px 4px #0000000d}.active-filter-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 14px;font-size:.85rem;font-weight:500;display:flex}.active-filter-banner .clear-filter-btn{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:3px 10px;font-size:.8rem;transition:all .15s;display:inline-flex}.active-filter-banner .clear-filter-btn:hover{background:#fee2e2}.selection-toolbar{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 16px;font-size:.9rem;font-weight:500;display:flex}.selection-toolbar .selection-actions{align-items:center;gap:8px;display:flex}.group-picker-wrapper{display:inline-block}.group-picker-dropdown{z-index:50;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:240px;max-height:200px;margin-top:4px;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.group-picker-dropdown li{cursor:pointer;padding:8px 14px;font-size:.85rem;transition:background .15s}.group-picker-dropdown li:hover{color:#1e40af;background:#eff6ff}.checkbox-col{width:40px;min-width:40px;max-width:40px;text-align:center!important;padding:8px 4px!important}.checkbox-col input[type=checkbox]{cursor:pointer;accent-color:#f63040;width:16px;height:16px}thead .checkbox-col{background:#1e293b!important}.selected-row{background-color:#eff6ff!important}.row-schedule-overdue{background-color:#fff5f5!important;border-left:3px solid #f63040!important}.row-schedule-overdue td:first-child{border-left:3px solid #f63040}.row-schedule-due-soon{background-color:#fffbeb!important;border-left:3px solid #f59e0b!important}.tab-badge-overdue{color:#fff;background:#f63040;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:5px;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex}.qty-badge{color:#0369a1;vertical-align:middle;background:#e0f2fe;border-radius:10px;margin-left:6px;padding:1px 6px;font-size:.72rem;font-weight:600;display:inline-block}.pagination-controls{justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:14px 0;display:flex}.pagination-controls .page-info{color:#64748b;padding:0 12px;font-size:.85rem}.pagination-controls .btn-sm{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:5px;padding:5px 12px;font-size:.82rem;transition:all .15s}.pagination-controls .btn-sm:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-controls .btn-sm:disabled{opacity:.4;cursor:not-allowed}.service-records-list{flex-direction:column;gap:8px;display:flex}.service-record-card{border:1px solid #e2e8f0;border-radius:8px;transition:box-shadow .2s;overflow:hidden}.service-record-card:hover{box-shadow:0 1px 6px #0000000f}.service-record-card.expanded{border-color:#93c5fd;box-shadow:0 2px 8px #3b82f61a}.service-record-card .service-record-header{cursor:pointer;background:#fafbfc;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .15s;display:flex}.service-record-card .service-record-header:hover{background:#f1f5f9}.service-record-card .service-record-header .sr-summary{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.service-record-card .service-record-header .sr-summary strong{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.service-record-card .service-record-header .sr-meta{color:#64748b;flex-shrink:0;align-items:center;gap:10px;font-size:.82rem;display:flex}.service-record-card .service-record-header .sr-meta .sr-cost{color:#16a34a;font-weight:600}.service-record-card .service-record-header .sr-meta .expand-arrow{color:#94a3b8;font-size:.7rem}.service-record-card .service-record-detail{background:#fff;border-top:1px solid #e2e8f0;padding:14px}.service-record-card .service-record-detail .sr-detail-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-bottom:14px;display:grid}.service-record-card .service-record-detail .sr-detail-grid .sr-field{gap:6px;font-size:.85rem;display:flex}.service-record-card .service-record-detail .sr-detail-grid .sr-field label{color:#374151;white-space:nowrap;min-width:auto;font-weight:600}.service-record-card .service-record-detail .sr-detail-grid .sr-field span{color:#64748b}.service-record-card .service-record-detail .sr-detail-grid .sr-field.full-width{grid-column:1/-1}.service-record-card .service-record-detail .sr-detail-grid .sr-field.sr-rejection{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:8px 12px}.service-record-card .service-record-detail .sr-detail-grid .sr-field.sr-rejection label{color:#dc2626}.service-record-card .service-record-detail .sr-detail-grid .sr-field.sr-rejection span{color:#991b1b}.service-record-card .service-record-detail .sr-detail-grid .sr-field .mono{background:#f1f5f9;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:.8rem}.service-record-card .service-record-detail .sr-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;display:flex}.service-record-card .service-record-detail .sr-actions .sr-status-final{color:#16a34a;align-items:center;gap:6px;font-size:.85rem;display:flex}.service-record-card .service-record-detail .sr-actions .sr-status-final.sr-rejected-label{color:#dc2626}.bulk-ref-badge{color:#7c3aed;white-space:nowrap;background:#f0e6ff;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.btn-sm{cursor:pointer;border:1px solid #0000;border-radius:5px;align-items:center;gap:5px;padding:5px 12px;font-size:.82rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-sm.btn-primary{color:#fff;background:#3b82f6;border-color:#3b82f6}.btn-sm.btn-primary:hover:not(:disabled){background:#2563eb}.btn-sm.btn-secondary{color:#374151;background:#f3f4f6;border-color:#d1d5db}.btn-sm.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-sm.btn-success{color:#fff;background:#16a34a;border-color:#16a34a}.btn-sm.btn-success:hover:not(:disabled){background:#15803d}.btn-sm.btn-danger{color:#fff;background:#ef4444;border-color:#ef4444}.btn-sm.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm.btn-outline-danger{color:#ef4444;background:#fff;border-color:#ef4444}.btn-sm.btn-outline-danger:hover:not(:disabled){background:#fef2f2}.btn-sm:disabled{opacity:.6;cursor:not-allowed}.approval-pending{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:12px;padding:2px 10px;font-size:.78rem;font-weight:600}.approval-submitted{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd;border-radius:12px;padding:2px 10px;font-size:.78rem;font-weight:600}.approval-approved{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:12px;padding:2px 10px;font-size:.78rem;font-weight:600}.approval-rejected{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:2px 10px;font-size:.78rem;font-weight:600}.modal-sm{max-width:480px}.modal-sm .btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px 16px;font-size:.9rem;transition:background .2s}.modal-sm .btn-danger:hover:not(:disabled){background:#dc2626}.modal-sm .btn-danger:disabled{opacity:.6;cursor:not-allowed}.group-cards{flex-direction:column;gap:8px;display:flex}.group-card{background:#fff;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s;overflow:hidden}.group-card:hover{border-color:#cbd5e1}.group-card.expanded{border-color:#93c5fd;box-shadow:0 2px 8px #3b82f61a}.group-card.drop-ready{border-style:dashed;border-color:#93c5fd}.group-card.drop-hover{background:#eff6ff;border-color:#3b82f6;transform:scale(1.02);box-shadow:0 0 0 3px #3b82f626}.group-card .group-card-header{cursor:pointer;flex-direction:column;gap:4px;padding:10px 12px;transition:background .15s;display:flex}.group-card .group-card-header:hover{background:#f8f9fa}.group-card .group-card-title{align-items:center;gap:6px;display:flex}.group-card .group-card-title .expand-toggle{color:#94a3b8;text-align:center;width:16px;font-size:.7rem}.group-card .group-card-title strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.88rem;overflow:hidden}.group-card .group-card-title .member-count{color:#fff;text-align:center;background:#e74c3c;border-radius:10px;min-width:20px;padding:1px 7px;font-size:.72rem;font-weight:700}.group-card .group-card-meta{color:#64748b;gap:8px;padding-left:22px;font-size:.78rem;display:flex}.group-card .group-card-meta .group-qty{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:0 5px;font-size:.72rem;font-weight:600}.group-card .drop-zone{color:#3b82f6;background:#f0f7ff;border:2px dashed #93c5fd;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin:0 8px 8px;padding:8px;font-size:.78rem;font-weight:500;transition:all .2s;display:flex}.group-card .drop-zone.drop-zone-active{color:#1d4ed8;background:#dbeafe;border-color:#3b82f6}.group-card .group-card-body{padding:0 12px 12px}.group-card .group-card-body .group-desc{color:#64748b;margin:0 0 8px;font-size:.82rem}.group-card .group-card-body .group-card-actions{gap:6px;margin-bottom:10px;display:flex}.group-card .group-members-list h5{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin:0 0 6px;font-size:.78rem}.group-card .group-members-list{flex-direction:column;gap:4px;display:flex}.group-card .member-chip{background:#f1f5f9;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:.82rem;display:flex}.group-card .member-chip .member-name{text-overflow:ellipsis;white-space:nowrap;color:#1e293b;flex:1;overflow:hidden}.group-card .member-chip .member-tag{color:#64748b;font-size:.72rem}.group-card .member-chip .member-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;font-size:.7rem;line-height:1;transition:all .15s}.group-card .member-chip .member-remove:hover{color:#ef4444;background:#fef2f2}.group-card .no-members{color:#94a3b8;text-align:center;padding:10px 0;font-size:.82rem;font-style:italic}.drag-col{width:30px;text-align:center!important;padding:0 4px!important}.drag-handle{color:#94a3b8;cursor:grab;font-size:.85rem;transition:color .15s}.drag-handle:hover{color:#64748b}.dragging-row{opacity:.4;background:#f1f5f9!important}.drag-overlay-card{white-space:nowrap;pointer-events:none;background:#fff;border:2px solid #3b82f6;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.88rem;display:inline-flex;box-shadow:0 8px 24px #00000026}.drag-overlay-card .asset-tag{color:#64748b;align-items:center;gap:3px;font-size:.75rem;display:flex}.drag-hint{color:#64748b;align-items:center;gap:6px;margin:0;padding:0 0 8px;font-size:.8rem;display:flex}.search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:.8rem}.search-clear:hover{color:#ef4444;background:#fef2f2}.quick-service-row,.quick-service-row:hover{background:#f0f7ff!important}.quick-service-form{padding:8px 4px}.quick-service-form .qs-header{color:#1e40af;align-items:center;gap:8px;margin-bottom:10px;font-size:.88rem;display:flex}.quick-service-form .qs-header .btn-icon{color:#64748b;margin-left:auto}.quick-service-form .qs-fields{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.quick-service-form .qs-fields select,.quick-service-form .qs-fields input{background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1;min-width:130px;padding:6px 10px;font-size:.85rem}.quick-service-form .qs-fields select:focus,.quick-service-form .qs-fields input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.quick-service-form .qs-fields select{flex:0 auto;min-width:160px;max-width:180px}.quick-service-form .qs-fields input[type=date]{flex:0 auto;min-width:140px;max-width:160px}.quick-service-form .qs-fields input[type=number]{flex:0 auto;min-width:100px;max-width:130px}.quick-service-form .qs-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn-icon.btn-service{color:#2563eb}.btn-icon.btn-service:hover{color:#1d4ed8;background:#eff6ff}.service-overdue{color:#b91c1c;background:#fee2e2;border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.service-due-soon{color:#92400e;background:#fef3c7;border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.service-ok{color:#166534;background:#dcfce7;border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.incident-list-page{max-width:1400px;margin:0 auto;padding:24px}.incident-list-page .page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.incident-list-page .page-header h1{align-items:center;gap:8px;margin:0;font-size:1.5rem;display:flex}.incident-list-page .page-header .record-count{color:#6c757d;background:#f4f4f4;border-radius:12px;padding:4px .75rem;font-size:14px}.incident-list-page .filters-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:24px;padding:16px}.incident-list-page .filters-section .filter-controls{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.incident-list-page .filter-group{flex-direction:column;gap:4px;min-width:160px;display:flex}.incident-list-page .filter-group label{color:#6c757d;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.incident-list-page .filter-group select{box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:.4rem .5rem;font-size:14px}.incident-list-page .filter-group select:disabled{cursor:not-allowed;background:#f4f4f4}.incident-list-page .filter-group select:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 2px #f630401f}.incident-list-page .btn-clear-filters{cursor:pointer;color:#6c757d;background:0 0;border:1px solid #e0e0e0;border-radius:6px;align-self:flex-end;min-width:0;height:auto;padding:.4rem 16px;font-size:12px}.incident-list-page .btn-clear-filters:hover{background:#f4f4f4;border-color:#bababa;transform:none}.incident-list-page .alert-danger{color:#b80816;background:#feeaeb;border:1px solid #fbaab1;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:.75rem 16px;display:flex}.incident-list-page .loading-container{color:#6c757d;flex-direction:column;align-items:center;gap:8px;padding:48px;display:flex}.incident-list-page .loading-container .fa-spin{animation:1s linear infinite incident-list-spin}.incident-list-page .table-responsive{overflow-x:auto}.incident-list-page .incident-table{width:100%;box-shadow:none;border:none;overflow:visible}.incident-list-page .incident-table th,.incident-list-page .incident-table td{text-align:left!important}.incident-list-page .incident-table thead th{color:#333;white-space:nowrap;background:#f4f4f4;border-bottom:2px solid #e0e0e0;width:auto;height:auto;padding:.65rem .75rem;font-weight:700;line-height:normal}.incident-list-page .incident-table thead tr:first-child th:first-child{color:#333;white-space:normal;background:#f4f4f4;width:auto}.incident-list-page .incident-table tbody tr:nth-child(odd){background:0 0}.incident-list-page .incident-table .incident-row{border-bottom:1px solid #e0e0e0;transition:background .3s}.incident-list-page .incident-table .incident-row:hover{background:#f8f9fa}.incident-list-page .incident-table .incident-row.has-docs{cursor:pointer}.incident-list-page .incident-table .incident-row.expanded{background:#d7d7d9}.incident-list-page .incident-table .incident-row td{vertical-align:middle;padding:.6rem .75rem}.incident-list-page .incident-table .documents-row{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.incident-list-page .incident-table .documents-row td{padding:8px .75rem}.incident-list-page .incident-table .empty-state{color:#6c757d;font-style:italic;text-align:center!important;padding:32px!important}.incident-list-page .tag-badges{flex-wrap:wrap;gap:4px;display:flex}.incident-list-page .tag-badge{white-space:nowrap;border-radius:10px;padding:.15rem .5rem;font-size:12px;font-weight:700;display:inline-block}.incident-list-page .tag-badge.tag-armed-robbery{color:#b80816;background:#fddbde}.incident-list-page .tag-badge.tag-break-in{color:#856404;background:#fff3cd}.incident-list-page .tag-badge.tag-assault---injury{color:#155724;background:#d4edda}.incident-list-page .tag-badge.tag-damage-to-property{color:#0c5460;background:#d1ecf1}.incident-list-page .description-cell{text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}.incident-list-page .file-count{color:#57565b;align-items:center;gap:4px;font-weight:500;display:inline-flex}.incident-list-page .no-files{color:#e0e0e0}.incident-list-page .documents-list{padding:8px 16px}.incident-list-page .documents-list strong{margin-bottom:4px;font-size:12px;display:block}.incident-list-page .documents-list ul{margin:0;padding:0;list-style:none}.incident-list-page .documents-list ul li{border-bottom:1px solid #f4f4f4;align-items:center;gap:8px;padding:.35rem 0;font-size:12px;display:flex}.incident-list-page .documents-list ul li:last-child{border-bottom:none}.incident-list-page .documents-list ul li .doc-name{font-weight:700}.incident-list-page .documents-list ul li .doc-size{color:#6c757d;font-size:12px}.incident-list-page .documents-list ul li .doc-desc{color:#6c757d;font-style:italic}.incident-list-page .documents-list ul li .btn-download{color:#fff;background:#57565b;border-radius:6px;align-items:center;gap:4px;min-width:0;height:auto;margin-left:auto;padding:.2rem .5rem;font-size:12px;text-decoration:none;display:inline-flex}.incident-list-page .documents-list ul li .btn-download:hover{color:#fff;background:#706f75;text-decoration:none;transform:none}.incident-list-page .pagination{justify-content:center;align-items:center;gap:16px;padding:16px 0;display:flex}.incident-list-page .pagination .btn-page{color:#333;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;min-width:0;height:auto;padding:.4rem .8rem;font-size:12px;transition:background .3s;display:inline-flex}.incident-list-page .pagination .btn-page:hover:not(:disabled){background:#f4f4f4;transform:none}.incident-list-page .pagination .btn-page:disabled{opacity:.5;cursor:not-allowed}.incident-list-page .pagination .page-info{color:#6c757d;font-size:12px}@keyframes incident-list-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.incident-reporting-page{box-sizing:border-box;width:100%;padding:24px 32px}.incident-reporting-page .page-header{margin-bottom:32px}.incident-reporting-page .page-header .header-title{align-items:center;gap:16px;margin-bottom:8px;display:flex}.incident-reporting-page .page-header .header-title .title-icon{color:#f63040;font-size:2rem}.incident-reporting-page .page-header .header-title h1{color:#333;margin:0;font-size:1.8rem;font-weight:700}.incident-reporting-page .page-header .subtitle{color:#6c757d;margin:0;padding-left:3rem;font-size:14px}.incident-reporting-page .tab-navigation{border-bottom:2px solid #e0e0e0;gap:0;margin-bottom:32px;display:flex}.incident-reporting-page .tab-navigation .tab-btn{cursor:pointer;color:#6c757d;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;align-items:center;gap:8px;min-width:0;height:auto;margin-bottom:-2px;padding:12px 24px;font-size:14px;font-weight:500;transition:color .3s,background .3s;display:flex}.incident-reporting-page .tab-navigation .tab-btn:hover{color:#333;background:#f8f9fa;transform:none}.incident-reporting-page .tab-navigation .tab-btn.active{color:#f63040;border-bottom-color:#f63040;font-weight:700}.incident-reporting-page .tab-navigation .tab-btn svg{font-size:16px}.incident-reporting-page .incident-form-tab{width:100%}.incident-reporting-page .incident-form-tab .form-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}@media (width<=640px){.incident-reporting-page .incident-form-tab .form-grid{grid-template-columns:1fr}}.incident-reporting-page .incident-form-tab .date-display-wrapper{width:100%;display:block;position:relative}.incident-reporting-page .incident-form-tab .date-display-wrapper .date-display-text{color:#333;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:.6rem 2.5rem .6rem .75rem;font-size:14px;display:block}.incident-reporting-page .incident-form-tab .date-display-wrapper .date-display-text.placeholder{color:#6c757d}.incident-reporting-page .incident-form-tab .date-display-wrapper .date-icon{color:#6c757d;pointer-events:none;font-size:16px;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.incident-reporting-page .incident-form-tab .date-display-wrapper input[type=date].date-hidden{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;position:absolute;inset:0}.incident-reporting-page .incident-form-tab .form-group{margin-bottom:16px}.incident-reporting-page .incident-form-tab .form-group label{color:#333;margin-bottom:8px;font-weight:500;display:block}.incident-reporting-page .incident-form-tab .form-group input[type=date],.incident-reporting-page .incident-form-tab .form-group select,.incident-reporting-page .incident-form-tab .form-group textarea{box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:.6rem .75rem;font-size:14px;transition:border-color .3s}.incident-reporting-page .incident-form-tab .form-group input[type=date]:focus,.incident-reporting-page .incident-form-tab .form-group select:focus,.incident-reporting-page .incident-form-tab .form-group textarea:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.incident-reporting-page .incident-form-tab .form-group textarea{resize:vertical}.incident-reporting-page .incident-form-tab .tags-row{flex-wrap:wrap;gap:16px;display:flex}.incident-reporting-page .incident-form-tab .tag-checkbox{cursor:pointer;align-items:center;gap:6px;font-weight:400;display:flex}.incident-reporting-page .incident-form-tab .tag-checkbox input[type=checkbox]{accent-color:#f63040}.incident-reporting-page .incident-form-tab .file-dropzone{text-align:center;cursor:pointer;border:2px dashed #e0e0e0;border-radius:6px;padding:32px;transition:border-color .3s,background .3s}.incident-reporting-page .incident-form-tab .file-dropzone:hover,.incident-reporting-page .incident-form-tab .file-dropzone.dragging{background:#fff4f4;border-color:#f63040}.incident-reporting-page .incident-form-tab .file-dropzone .dropzone-icon{margin-bottom:8px;font-size:2rem;display:block}.incident-reporting-page .incident-form-tab .file-dropzone .dropzone-text{color:#6c757d;margin:0 0 4px}.incident-reporting-page .incident-form-tab .file-dropzone .dropzone-browse{color:#f63040;font-weight:500;text-decoration:underline}.incident-reporting-page .incident-form-tab .file-dropzone .dropzone-hint{color:#6c757d;margin:0;font-size:12px}.incident-reporting-page .incident-form-tab .file-list{border:1px solid #e0e0e0;border-radius:6px;margin-top:.75rem;overflow:hidden}.incident-reporting-page .incident-form-tab .file-list .file-list-header{color:#6c757d;background:#f8f9fa;justify-content:space-between;align-items:center;padding:8px .75rem;font-size:12px;display:flex}.incident-reporting-page .incident-form-tab .file-list .clear-all-btn{color:#f63040;cursor:pointer;background:0 0;border:none;min-width:0;height:auto;padding:0;font-size:12px}.incident-reporting-page .incident-form-tab .file-list .clear-all-btn:hover{background:0 0;text-decoration:underline;transform:none}.incident-reporting-page .incident-form-tab .file-list .file-item{border-top:1px solid #f4f4f4;align-items:center;gap:8px;padding:8px .75rem;display:flex}.incident-reporting-page .incident-form-tab .file-list .file-item .file-icon{font-size:16px}.incident-reporting-page .incident-form-tab .file-list .file-item .file-details{flex-direction:column;flex:1;display:flex}.incident-reporting-page .incident-form-tab .file-list .file-item .file-name{font-size:14px}.incident-reporting-page .incident-form-tab .file-list .file-item .file-size{color:#6c757d;font-size:12px}.incident-reporting-page .incident-form-tab .file-list .file-item .file-remove-btn{color:#f63040;cursor:pointer;background:0 0;border:none;min-width:0;height:auto;padding:0;font-size:16px}.incident-reporting-page .incident-form-tab .file-list .file-item .file-remove-btn:hover{opacity:.7;background:0 0;transform:none}.incident-reporting-page .incident-form-tab .btn-submit{color:#fff;min-width:120px;height:40px;font-family:inherit;font-size:16px;font-weight:700;line-height:inherit;box-sizing:border-box;cursor:pointer;background-color:#f63040;border:none;border-radius:6px;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.incident-reporting-page .incident-form-tab .btn-submit:hover{background-color:#e90a1c;transform:translateY(-2px)}.incident-reporting-page .incident-form-tab .btn-submit:active{background-color:#d00919;transform:translateY(0)}.incident-reporting-page .incident-form-tab .btn-submit{width:100%;padding:.75rem;font-size:16px;display:block}.incident-reporting-page .incident-reports-tab .filters-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:24px;padding:16px}.incident-reporting-page .incident-reports-tab .filters-section .filter-controls{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.incident-reporting-page .incident-reports-tab .filter-group{flex-direction:column;flex:1;gap:4px;min-width:140px;display:flex}.incident-reporting-page .incident-reports-tab .filter-group label{color:#6c757d;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.incident-reporting-page .incident-reports-tab .filter-group select{box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px;font-size:14px}.incident-reporting-page .incident-reports-tab .filter-group select:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 2px #f630401f}.incident-reporting-page .incident-reports-tab .btn-clear-filters{color:#fff;min-width:120px;height:40px;font-family:inherit;font-size:16px;font-weight:700;line-height:inherit;box-sizing:border-box;cursor:pointer;background-color:#f63040;border:none;border-radius:6px;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.incident-reporting-page .incident-reports-tab .btn-clear-filters:hover{background-color:#e90a1c;transform:translateY(-2px)}.incident-reporting-page .incident-reports-tab .btn-clear-filters:active{background-color:#d00919;transform:translateY(0)}.incident-reporting-page .incident-reports-tab .btn-clear-filters{white-space:nowrap;align-self:flex-end;height:auto;padding:8px 16px;font-size:12px}.incident-reporting-page .incident-reports-tab .record-count-bar{color:#6c757d;margin-bottom:.75rem;font-size:14px}.incident-reporting-page .incident-reports-tab .table-responsive{overflow-x:auto}.incident-reporting-page .incident-reports-tab .incident-table{width:100%}.incident-reporting-page .incident-reports-tab .incident-table th,.incident-reporting-page .incident-reports-tab .incident-table td{text-align:left!important}.incident-reporting-page .incident-reports-tab .incident-table thead tr:first-child th:first-child{white-space:nowrap;background:#f63040;width:auto}.incident-reporting-page .incident-reports-tab .incident-table tbody td{vertical-align:top;font-size:14px}.incident-reporting-page .incident-reports-tab .incident-table .incident-row{transition:background .3s}.incident-reporting-page .incident-reports-tab .incident-table .incident-row.has-docs:hover,.incident-reporting-page .incident-reports-tab .incident-table .incident-row.editable:hover{cursor:pointer}.incident-reporting-page .incident-reports-tab .incident-table .incident-row.expanded{background:#d7d7d9}.incident-reporting-page .incident-reports-tab .incident-table .incident-row.editing{background:#fffde7}.incident-reporting-page .incident-reports-tab .incident-table .description-cell{text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}.incident-reporting-page .incident-reports-tab .incident-table .edit-row td{background:#fffde7;padding:8px .75rem}.incident-reporting-page .incident-reports-tab .incident-table .edit-field{flex-direction:column;gap:4px;display:flex}.incident-reporting-page .incident-reports-tab .incident-table .edit-field label{color:#6c757d;text-transform:none;letter-spacing:0;font-size:12px;font-weight:700}.incident-reporting-page .incident-reports-tab .incident-table .edit-field input,.incident-reporting-page .incident-reports-tab .incident-table .edit-field select,.incident-reporting-page .incident-reports-tab .incident-table .edit-field textarea{box-sizing:border-box;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:.35rem .5rem;font-size:12px}.incident-reporting-page .incident-reports-tab .incident-table .edit-field input:focus,.incident-reporting-page .incident-reports-tab .incident-table .edit-field select:focus,.incident-reporting-page .incident-reports-tab .incident-table .edit-field textarea:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 2px #f630401a}.incident-reporting-page .incident-reports-tab .incident-table .edit-field textarea{resize:vertical;min-height:50px}.incident-reporting-page .incident-reports-tab .incident-table .edit-tags{flex-wrap:wrap;gap:8px;display:flex}.incident-reporting-page .incident-reports-tab .incident-table .edit-tags label{color:#333;cursor:pointer;white-space:nowrap;text-transform:none;letter-spacing:0;align-items:center;gap:6px;font-size:12px;font-weight:400;display:flex}.incident-reporting-page .incident-reports-tab .incident-table .edit-actions{align-items:center;gap:8px;padding-top:4px;display:flex}.incident-reporting-page .incident-reports-tab .incident-table .edit-actions .btn-save{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:6px;align-items:center;gap:6px;min-width:0;height:auto;padding:.35rem .75rem;font-size:12px;font-weight:700;transition:background .3s;display:inline-flex}.incident-reporting-page .incident-reports-tab .incident-table .edit-actions .btn-save:hover{background:#208d4e;transform:none}.incident-reporting-page .incident-reports-tab .incident-table .edit-actions .btn-save:disabled{opacity:.6;cursor:not-allowed}.incident-reporting-page .incident-reports-tab .incident-table .edit-actions .btn-cancel{color:#333;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:0;height:auto;padding:.35rem .75rem;font-size:12px;font-weight:500;transition:background .3s}.incident-reporting-page .incident-reports-tab .incident-table .edit-actions .btn-cancel:hover{background:#f4f4f4;transform:none}.incident-reporting-page .incident-reports-tab .incident-table .tag-badges{flex-wrap:wrap;gap:4px;display:flex}.incident-reporting-page .incident-reports-tab .incident-table .tag-badge{color:#b80816;background:#fddbde;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.incident-reporting-page .incident-reports-tab .incident-table .file-count{color:#57565b;align-items:center;gap:4px;display:flex}.incident-reporting-page .incident-reports-tab .incident-table .no-files{color:#e0e0e0}.incident-reporting-page .incident-reports-tab .incident-table .btn-edit-row{color:#6c757d;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;min-width:0;height:auto;padding:.3rem .5rem;font-size:14px;transition:background .3s,color .3s;display:inline-flex}.incident-reporting-page .incident-reports-tab .incident-table .btn-edit-row:hover{color:#333;background:#f4f4f4;border-color:#bababa;transform:none}.incident-reporting-page .incident-reports-tab .incident-table .empty-state{color:#6c757d;font-style:italic;text-align:center!important;padding:32px!important}.incident-reporting-page .incident-reports-tab .incident-table .documents-row td{background:#f8f9fa;padding:16px!important}.incident-reporting-page .incident-reports-tab .incident-table .documents-row td .documents-list ul{margin:8px 0 0;padding:0;list-style:none}.incident-reporting-page .incident-reports-tab .incident-table .documents-row td .documents-list ul li{align-items:center;gap:8px;padding:.3rem 0;display:flex}.incident-reporting-page .incident-reports-tab .incident-table .documents-row td .documents-list ul li .doc-name{font-weight:700}.incident-reporting-page .incident-reports-tab .incident-table .documents-row td .documents-list ul li .doc-size{color:#6c757d;font-size:12px}.incident-reporting-page .incident-reports-tab .incident-table .documents-row td .documents-list ul li .doc-desc{color:#6c757d;font-style:italic}.incident-reporting-page .incident-reports-tab .incident-table .documents-row td .documents-list ul li .btn-download{color:#fff;background:#57565b;border-radius:6px;align-items:center;gap:4px;min-width:0;height:auto;padding:2px 8px;font-size:12px;text-decoration:none;display:inline-flex}.incident-reporting-page .incident-reports-tab .incident-table .documents-row td .documents-list ul li .btn-download:hover{color:#fff;background:#706f75;text-decoration:none;transform:none}.incident-reporting-page .incident-reports-tab .pagination{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.incident-reporting-page .incident-reports-tab .pagination .btn-page{color:#333;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;min-width:0;height:auto;padding:8px 16px;transition:background .3s;display:flex}.incident-reporting-page .incident-reports-tab .pagination .btn-page:disabled{opacity:.5;cursor:not-allowed}.incident-reporting-page .incident-reports-tab .pagination .btn-page:hover:not(:disabled){background:#f4f4f4;transform:none}.incident-reporting-page .incident-reports-tab .pagination .page-info{color:#6c757d;font-size:14px}.incident-reporting-page .trend-analysis-tab .trend-filters{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:24px;padding:16px;display:flex}.incident-reporting-page .trend-analysis-tab .trend-filters .filter-group{flex-direction:column;flex:1;gap:4px;min-width:180px;display:flex}.incident-reporting-page .trend-analysis-tab .trend-filters .filter-group label{color:#6c757d;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.incident-reporting-page .trend-analysis-tab .trend-filters .filter-group select{box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:.45rem .65rem;font-size:14px}.incident-reporting-page .trend-analysis-tab .trend-filters .filter-group select:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 2px #f630401f}.incident-reporting-page .trend-analysis-tab .trend-filters .btn-clear-filters{color:#fff;min-width:120px;height:40px;font-family:inherit;font-size:16px;font-weight:700;line-height:inherit;box-sizing:border-box;cursor:pointer;background-color:#f63040;border:none;border-radius:6px;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.incident-reporting-page .trend-analysis-tab .trend-filters .btn-clear-filters:hover{background-color:#e90a1c;transform:translateY(-2px)}.incident-reporting-page .trend-analysis-tab .trend-filters .btn-clear-filters:active{background-color:#d00919;transform:translateY(0)}.incident-reporting-page .trend-analysis-tab .trend-filters .btn-clear-filters{white-space:nowrap;align-self:flex-end;height:auto;padding:.45rem 16px;font-size:12px}.incident-reporting-page .trend-analysis-tab .charts-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px;display:grid}@media (width<=768px){.incident-reporting-page .trend-analysis-tab .charts-grid{grid-template-columns:1fr}}.incident-reporting-page .trend-analysis-tab .chart-card{box-sizing:border-box;background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;min-width:0;padding:16px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.incident-reporting-page .trend-analysis-tab .chart-card.chart-card-wide{grid-column:1/-1}.incident-reporting-page .trend-analysis-tab .chart-card h3{color:#333;margin:0 0 16px;font-size:16px;font-weight:700}.incident-reporting-page .trend-analysis-tab .chart-card .chart-container{width:100%;box-shadow:none;background:0 0;border:none;margin:0;padding:0;overflow:hidden;height:auto!important}.incident-reporting-page .trend-analysis-tab .trend-summary{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}@media (width<=1200px){.incident-reporting-page .trend-analysis-tab .trend-summary{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.incident-reporting-page .trend-analysis-tab .trend-summary{grid-template-columns:repeat(2,1fr)}}.incident-reporting-page .trend-analysis-tab .trend-summary .summary-card{box-sizing:border-box;text-align:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;padding:16px;box-shadow:0 2px 8px #0000000f}.incident-reporting-page .trend-analysis-tab .trend-summary .summary-card .summary-value{color:#333;font-size:2rem;font-weight:700}.incident-reporting-page .trend-analysis-tab .trend-summary .summary-card .summary-label{color:#6c757d;margin-top:4px;font-size:12px}.incident-reporting-page .loading-container{color:#6c757d;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px;display:flex}.incident-reporting-page .loading-container .fa-spin{animation:1s linear infinite incident-spin}.incident-reporting-page .alert{border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:16px;display:flex}.incident-reporting-page .alert.alert-danger{color:#b80816;background:#feeaeb;border:1px solid #fbaab1}@keyframes incident-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.outstanding-certs-page{padding:2rem}.outstanding-certs-page .page-header{margin-bottom:1.75rem}.outstanding-certs-page .page-header h1{color:#1e293b;margin:0;font-size:1.5rem;font-weight:600}.outstanding-certs-page .state-message{color:#64748b;padding:1rem 0;font-size:.95rem}.outstanding-certs-page .table-wrapper{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.outstanding-certs-page .certs-table{border-collapse:collapse;width:100%;font-size:.9rem}.outstanding-certs-page .certs-table thead tr{background:#f8fafc;border-bottom:2px solid #e2e8f0}.outstanding-certs-page .certs-table th{text-align:left;color:#fff;white-space:nowrap;padding:.75rem 1rem;font-weight:600}.outstanding-certs-page .certs-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .15s}.outstanding-certs-page .certs-table tbody tr:last-child{border-bottom:none}.outstanding-certs-page .certs-table tbody tr:hover{background:#f8fafc}.outstanding-certs-page .certs-table td{text-align:left;color:#1e293b;padding:.55rem 1rem}.outstanding-certs-page .certs-table .property-name{min-width:180px;font-weight:500}.outstanding-certs-page .certs-table .count-input{color:#1e293b;text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:80px;padding:.35rem .5rem;font-size:.9rem;transition:border-color .2s}.outstanding-certs-page .certs-table .count-input:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f6304026}.outstanding-certs-page .form-actions{margin-top:1.5rem}.outstanding-certs-page .btn-save{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:6px;padding:.55rem 1.75rem .55rem 2.5rem;font-size:.95rem;font-weight:600;transition:background .2s}.outstanding-certs-page .btn-save:hover:not(:disabled){background:#d4202e}.outstanding-certs-page .btn-save:disabled{opacity:.6;cursor:not-allowed}.ops-management-hub{padding:2rem}.ops-management-hub h1{color:#1e293b;margin-bottom:1.5rem;font-size:1.6rem;font-weight:700}.ops-tabs{border-bottom:2px solid #e2e8f0;gap:0;margin-bottom:2rem;display:flex}.ops-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:.6rem 1.4rem;font-size:.95rem;font-weight:500;transition:color .2s,border-color .2s,background .2s}.ops-tab:hover{color:#fff;background:#f63040;border-bottom-color:#f63040}.ops-tab--active{color:#f63040;border-bottom-color:#f63040;font-weight:600}.ops-tab--active:hover{color:#fff}.ops-tab-content .site-visits-input-page,.ops-tab-content .short-posting-input-page{padding:0}.swimlanes-container{flex-direction:column;gap:0;padding:0 1rem 1rem;display:flex}.swimlanes-container .swimlanes-status-headers{z-index:20;background:#f7fafc;border-bottom:2px solid #e2e8f0;flex-direction:row;gap:1rem;margin-bottom:.5rem;padding:.75rem 1rem;display:flex;position:sticky;top:100px;overflow-x:auto}.swimlanes-container .swimlanes-status-headers .swimlane-header-spacer{flex-shrink:0;width:0;min-width:0}.swimlanes-container .swimlanes-status-headers .swimlane-status-label{text-align:center;letter-spacing:.5px;color:#fff;border-radius:6px;flex:1 1 0;min-width:250px;max-width:350px;padding:.5rem 1rem;font-size:.85rem;font-weight:700}.swimlanes-container .swimlanes-status-headers .swimlane-status-label.status-open{background:#2196f3}.swimlanes-container .swimlanes-status-headers .swimlane-status-label.status-onhold{background:#ff9800}.swimlanes-container .swimlanes-status-headers .swimlane-status-label.status-pending{color:#333;background:#ffc107}.swimlanes-container .swimlanes-status-headers .swimlane-status-label.status-solved{background:#4caf50}.swimlanes-container .swimlanes-status-headers .swimlane-status-label.status-cancelled{background:#f44336}.swimlanes-container .swimlanes-status-headers .swimlane-status-label.status-closed{background:#607d8b}.swimlanes-container .swimlane{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.75rem;transition:box-shadow .2s,margin .2s;overflow:visible;box-shadow:0 1px 3px #00000014}.swimlanes-container .swimlane:hover{box-shadow:0 4px 12px #0000001f}.swimlanes-container .swimlane.collapsed .swimlane-header{border-bottom:none;border-radius:8px}.swimlanes-container .swimlane .swimlane-header{z-index:15;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;border-left:5px solid #3498db;border-radius:8px 8px 0 0;align-items:center;gap:.75rem;padding:.75rem 1.25rem;transition:background .2s;display:flex;position:sticky;top:170px}.swimlanes-container .swimlane .swimlane-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.swimlanes-container .swimlane .swimlane-header:hover{background:linear-gradient(135deg,#edf2f7 0%,#e2e8f0 100%)}.swimlanes-container .swimlane .swimlane-header .swimlane-toggle-btn{cursor:pointer;color:#718096;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:.3rem;transition:all .2s;display:flex}.swimlanes-container .swimlane .swimlane-header .swimlane-toggle-btn:hover{color:#2d3748;background:#e2e8f0}.swimlanes-container .swimlane .swimlane-header .swimlane-toggle-btn svg{width:14px;height:14px}.swimlanes-container .swimlane .swimlane-header .swimlane-indicator{background-color:#3498db;border-radius:3px;flex-shrink:0;width:6px;height:32px}.swimlanes-container .swimlane .swimlane-header h3{color:#2d3748;white-space:nowrap;margin:0;font-size:1rem;font-weight:600}.swimlanes-container .swimlane .swimlane-header .swimlane-count{color:#718096;white-space:nowrap;flex-shrink:0;font-size:.85rem;font-weight:500}.swimlanes-container .swimlane .swimlane-header .swimlane-collapsed-summary{flex-shrink:0;gap:.35rem;margin-left:auto;display:flex}.swimlanes-container .swimlane .swimlane-header .swimlane-collapsed-summary .summary-badge{color:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;font-weight:600;display:inline-flex}.swimlanes-container .swimlane .swimlane-header .swimlane-collapsed-summary .summary-badge.status-open{background:#2196f3}.swimlanes-container .swimlane .swimlane-header .swimlane-collapsed-summary .summary-badge.status-onhold{background:#ff9800}.swimlanes-container .swimlane .swimlane-header .swimlane-collapsed-summary .summary-badge.status-pending{color:#333;background:#ffc107}.swimlanes-container .swimlane .swimlane-header .swimlane-collapsed-summary .summary-badge.status-solved{background:#4caf50}.swimlanes-container .swimlane .swimlane-header .swimlane-collapsed-summary .summary-badge.status-cancelled{background:#f44336}.swimlanes-container .swimlane .swimlane-header .swimlane-collapsed-summary .summary-badge.status-closed{background:#607d8b}.swimlanes-container .swimlane .swimlane-columns{scroll-behavior:smooth;background:#f8fafc;gap:1rem;min-height:120px;padding:.75rem 1rem;overflow-x:auto;flex-direction:row!important;display:flex!important}.swimlanes-container .swimlane .swimlane-columns::-webkit-scrollbar{height:6px}.swimlanes-container .swimlane .swimlane-columns::-webkit-scrollbar-track{background:#edf2f7;border-radius:3px}.swimlanes-container .swimlane .swimlane-columns::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.swimlanes-container .swimlane .swimlane-columns::-webkit-scrollbar-thumb:hover{background:#a0aec0}.swimlanes-container .swimlane .swimlane-columns .kanban-column{flex:1 1 0;min-width:250px;max-width:350px;background:0 0!important}.swimlanes-container .swimlane.orphaned-swimlane{opacity:.85;border-style:dashed}.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}.swimlanes-loading-state{color:#718096;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.swimlanes-loading-state .loading-spinner{border:3px solid #e2e8f0;border-top-color:#3498db;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.swimlanes-loading-state p{margin:0;font-size:1rem}.empty-state{text-align:center;color:#718096;background:#fff;border:2px dashed #e2e8f0;border-radius:8px;padding:4rem 2rem}.empty-state p:first-child{color:#2d3748;font-size:1.1rem;font-weight:600}.loading-state{text-align:center;color:#718096;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:2rem;font-size:1rem}.swimlanes-container .swimlane{animation:.3s ease-out fadeInUp}@media (width<=1400px){.swimlanes-container .swimlanes-status-headers .swimlane-status-label,.swimlanes-container .swimlane .swimlane-columns .kanban-column{min-width:240px;max-width:320px}}@media (width<=1024px){.swimlanes-container{padding:0 .5rem .5rem}.swimlanes-container .swimlanes-status-headers{gap:.75rem;padding:.5rem .75rem}.swimlanes-container .swimlanes-status-headers .swimlane-status-label{min-width:220px;padding:.4rem .75rem;font-size:.75rem}.swimlanes-container .swimlane .swimlane-header{padding:.6rem 1rem}.swimlanes-container .swimlane .swimlane-header h3{font-size:.9rem}.swimlanes-container .swimlane .swimlane-header .swimlane-count{font-size:.8rem}.swimlanes-container .swimlane .swimlane-columns{gap:.75rem;padding:.5rem .75rem}.swimlanes-container .swimlane .swimlane-columns .kanban-column{min-width:220px}}@media (width<=768px){.swimlanes-container .swimlanes-status-headers{display:none}.swimlanes-container .swimlane .swimlane-header{flex-wrap:wrap}.swimlanes-container .swimlane .swimlane-header .swimlane-collapsed-summary{justify-content:flex-start;width:100%;margin-top:.5rem;margin-left:0}.swimlanes-container .swimlane .swimlane-columns .kanban-column{min-width:200px}}.function-swimlanes{flex-direction:column;gap:.75rem;padding:.5rem 0;display:flex}.function-swimlanes .swimlane{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;transition:box-shadow .2s;display:flex;overflow:visible;box-shadow:0 1px 3px #00000014}.function-swimlanes .swimlane:hover{box-shadow:0 4px 12px #0000001f}.function-swimlanes .swimlane.collapsed .swimlane-header{border-bottom:none;border-radius:8px}.function-swimlanes .swimlane-header{z-index:15;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;border-left:5px solid #3498db;border-radius:8px 8px 0 0;align-items:center;gap:.75rem;padding:.75rem 1.25rem;transition:background .2s;display:flex;position:sticky;top:170px}.function-swimlanes .swimlane-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.function-swimlanes .swimlane-header:hover{background:linear-gradient(135deg,#edf2f7 0%,#e2e8f0 100%)}.function-swimlanes .swimlane-header .swimlane-toggle-btn{cursor:pointer;color:#718096;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:.3rem;transition:all .2s;display:flex}.function-swimlanes .swimlane-header .swimlane-toggle-btn:hover{color:#2d3748;background:#e2e8f0}.function-swimlanes .swimlane-header .swimlane-toggle-btn svg{width:14px;height:14px}.function-swimlanes .swimlane-header .swimlane-indicator{background-color:#3498db;border-radius:3px;flex-shrink:0;width:6px;height:32px}.swimlane-label{color:#2d3748;flex:1;align-items:center;gap:.75rem;min-width:0;font-size:1rem;font-weight:600;display:flex}.swimlane-label i{color:#4a5568;font-size:1.1rem}.swimlane-label .swimlane-count{color:#718096;white-space:nowrap;flex-shrink:0;font-size:.85rem;font-weight:500}.function-swimlanes .swimlane-collapsed-summary{flex-shrink:0;gap:.35rem;margin-left:auto;display:flex}.function-swimlanes .swimlane-collapsed-summary .summary-badge{color:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;font-weight:600;display:inline-flex}.function-swimlanes .swimlane-collapsed-summary .summary-badge.status-open{background:#2196f3}.function-swimlanes .swimlane-collapsed-summary .summary-badge.status-onhold{background:#ff9800}.function-swimlanes .swimlane-collapsed-summary .summary-badge.status-pending{color:#333;background:#ffc107}.function-swimlanes .swimlane-collapsed-summary .summary-badge.status-solved{background:#4caf50}.function-swimlanes .swimlane-collapsed-summary .summary-badge.status-cancelled{background:#f44336}.function-swimlanes .swimlane-collapsed-summary .summary-badge.status-closed{background:#607d8b}.swimlane-description{color:#718096;margin-top:.35rem;font-size:.85rem;font-style:italic}.swimlane-body{background:#f8fafc;gap:1rem;min-height:120px;padding:.75rem 1rem;display:flex;overflow-x:auto}.swimlane-body .kanban-column{flex:1 1 0;min-width:250px;max-width:320px;background:0 0!important}.swimlane-spacer{width:0;min-width:0}.swimlane-empty-state{text-align:center;color:#718096;background:#f7fafc;border:2px dashed #e2e8f0;border-radius:8px;margin:2rem 0;padding:3rem 2rem}.swimlane-empty-state p{margin:.5rem 0}.swimlane-empty-state p:first-child{color:#4a5568;font-size:1.1rem;font-weight:600}.function-swimlanes-loading,.function-swimlanes-error{color:#718096;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.function-swimlanes-loading .loading-spinner,.function-swimlanes-error .loading-spinner{border:3px solid #e2e8f0;border-top-color:#3498db;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite fnSpinnerSpin}.function-swimlanes-loading p,.function-swimlanes-error p{margin:0;font-size:1rem}@keyframes fnSpinnerSpin{to{transform:rotate(360deg)}}.function-swimlanes-error{color:#c53030;background:#fff5f5;border:1px solid #feb2b2}.function-swimlanes .swimlane{animation:.3s ease-out fnSwimlaneIn}@keyframes fnSwimlaneIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.swimlane-body .kanban-column{min-width:240px;max-width:280px}}@media (width<=768px){.function-swimlanes{gap:.5rem}.function-swimlanes .swimlane-header{flex-wrap:wrap;padding:.6rem 1rem}.function-swimlanes .swimlane-header .swimlane-collapsed-summary{justify-content:flex-start;width:100%;margin-top:.5rem;margin-left:0}.swimlane-label{gap:.5rem;font-size:.9rem}.swimlane-label i{font-size:1rem}.swimlane-label .swimlane-count{font-size:.8rem}.swimlane-body{gap:.75rem;padding:.5rem .75rem}.swimlane-body .kanban-column{min-width:200px;max-width:260px}}.cai-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background:#00000080;justify-content:center;align-items:center;animation:.2s cai-fadeIn;display:flex;position:fixed;inset:0}@keyframes cai-fadeIn{0%{opacity:0}to{opacity:1}}.cai-modal{background:#fff;border-radius:12px;flex-direction:column;width:680px;max-width:95vw;max-height:90vh;animation:.25s cai-slideIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}@keyframes cai-slideIn{0%{opacity:0;transform:translateY(-16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cai-header{border-bottom:2px solid #f63040;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 28px 16px;display:flex}.cai-header h2{color:#1a202c;margin:0;font-size:1.25rem;font-weight:700}.cai-close-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:1.1rem;transition:all .15s}.cai-close-btn:hover{color:#f63040;background:#f630400f}.cai-body{flex:1;padding:20px 28px;overflow-y:auto}.cai-section{margin-bottom:16px}.cai-section+.cai-section{border-top:1px solid #edf2f7;padding-top:16px}.cai-template-section .template-renderer .form-actions{display:none}.cai-basics-grid{grid-template-columns:1fr 1fr;gap:14px 20px;display:grid}.cai-field{flex-direction:column;display:flex}.cai-field-full{grid-column:1/-1}.cai-label{color:#4a5568;text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px;font-size:.82rem;font-weight:600}.cai-required{color:#f63040}.cai-hint{color:#718096;margin-top:3px;font-size:.78rem;font-style:italic}.cai-input,.cai-select{color:#2d3748;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:9px 12px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.cai-input:focus,.cai-select:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f6304014}.cai-input::placeholder{color:#a0aec0}.cai-input-readonly{color:#718096;cursor:not-allowed;background:#f7fafc}textarea.cai-input{resize:vertical;min-height:48px}.cai-loading{color:#718096;align-items:center;gap:8px;padding:16px 0;font-size:.9rem;display:flex}.cai-spinner{animation:1s linear infinite cai-spin}@keyframes cai-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cai-accordion-toggle{color:#4a5568;cursor:pointer;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-size:.88rem;font-weight:600;transition:all .15s;display:flex}.cai-accordion-toggle:hover{background:#edf2f7;border-color:#cbd5e0}.cai-accordion-toggle svg{color:#a0aec0;font-size:.75rem}.cai-accordion-body{padding:14px 0 0}.cai-observer-picker{position:relative}.cai-observer-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.cai-observer-tag{color:#2d3748;background:#edf2f7;border-radius:14px;align-items:center;gap:5px;padding:3px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.cai-observer-remove{color:#a0aec0;cursor:pointer;background:0 0;border:none;padding:0;font-size:.65rem;display:flex}.cai-observer-remove:hover{color:#f63040}.cai-observer-search{align-items:center;display:flex;position:relative}.cai-observer-search-icon{color:#a0aec0;pointer-events:none;font-size:.8rem;position:absolute;left:10px}.cai-observer-search .cai-input{padding-left:32px}.cai-observer-dropdown{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001a}.cai-observer-item{cursor:pointer;flex-direction:column;padding:8px 12px;transition:background .1s;display:flex}.cai-observer-item:hover{background:#f7fafc}.cai-observer-name{color:#2d3748;font-size:.85rem;font-weight:500}.cai-observer-email{color:#a0aec0;font-size:.75rem}.cai-observer-empty{text-align:center;color:#a0aec0;padding:12px;font-size:.82rem}.cai-footer{background:#fafbfc;border-top:1px solid #edf2f7;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 28px;display:flex}.cai-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:9px 22px;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.cai-btn:disabled{opacity:.55;cursor:not-allowed}.cai-btn-cancel{color:#4a5568;background:#fff;border:1px solid #e2e8f0}.cai-btn-cancel:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.cai-btn-save{color:#fff;background:#f63040}.cai-btn-save:hover:not(:disabled){background:#d42a38;box-shadow:0 2px 8px #f6304040}@media (width<=600px){.cai-modal{border-radius:0;width:100vw;max-width:100vw;max-height:100vh}.cai-basics-grid{grid-template-columns:1fr}.cai-header,.cai-body,.cai-footer{padding-left:16px;padding-right:16px}}.action-item-heading{border-bottom:2px solid #f63040;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;padding-bottom:12px;display:flex}.action-item-heading h1{color:#2d3748;align-items:center;gap:12px;margin:0;font-size:1.5rem;font-weight:700;display:flex}.action-item-title-icon{color:#dc3545;font-size:1.2rem}.action-item-heading button{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.action-item-heading button:hover{background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 12px #f630404d}.action-item-detail-layout{background:#f8fafc;flex-direction:row;justify-content:center;align-items:flex-start;gap:1.5rem;min-height:calc(100vh - 200px);padding:1.5rem 3vw;display:flex}.action-item-main{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:2 1 0;min-width:0;padding:1.5rem 2rem;box-shadow:0 2px 12px #0000000f}.action-item-main h2{color:#2d3748;border-bottom:2px solid #f63040;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:700}.action-item-sidebar{background:linear-gradient(#fff 0%,#fafbfc 100%);border:1px solid #e2e8f0;border-radius:12px;flex:0 0 340px;min-width:300px;max-width:380px;padding:0;position:sticky;top:100px;overflow:hidden;box-shadow:0 4px 16px #00000014}.sidebar-header{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#57565b 0%,#3d3d40 100%);padding:16px 20px;font-size:1rem;font-weight:700}.sidebar-content{padding:20px}.remote-connect-section .btn-remote-connect{color:#fff;cursor:pointer;background:#6264a7;border:1px solid #6264a7;border-radius:6px;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:.88rem;font-weight:600;transition:background .2s,box-shadow .2s;display:flex}.remote-connect-section .btn-remote-connect:hover{background:#4f5192;box-shadow:0 2px 8px #6264a74d}.remote-connect-section .btn-remote-connect i{font-size:1rem}.remote-connect-section .remote-device-info{color:#718096;flex-direction:column;gap:2px;margin-top:8px;font-size:.78rem;display:flex}.remote-connect-section .remote-device-hostname{color:#4a5568;font-family:monospace;font-weight:600}.remote-connect-section .remote-device-ip{font-family:monospace}.remote-connect-section .remote-device-updated{font-size:.72rem;font-style:italic}.remote-connect-section .remote-no-device{color:#a0aec0;padding:4px 0;font-size:.82rem;font-style:italic;display:block}.sidebar-label-row{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin:-8px -12px;padding:8px 12px;transition:background .15s;display:flex}.sidebar-label-row h4,.sidebar-label-row .sidebar-label{margin:0;padding:0}.sidebar-label-row .sidebar-label{text-transform:uppercase;letter-spacing:.5px;color:#718096;margin:0;padding:0;font-size:.75rem;font-weight:600;line-height:1.2}.sidebar-label-row .sidebar-gear{color:#a0aec0;align-items:center;margin-left:.5em;transition:color .15s;display:flex}.sidebar-label-row:hover{background:#f630400f}.sidebar-label-row:hover .sidebar-gear{color:#f63040}.assign-yourself-btn{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:6px;margin-left:.75em;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.assign-yourself-btn:hover{background:#d42a38;transform:translateY(-1px)}.sidebar-value{color:#2d3748;align-items:center;margin-top:6px;margin-bottom:0;font-size:1rem;font-weight:500;display:flex}.sidebar-value .sidebar-assigned-label{font-weight:600}.sidebar-field-group{border-bottom:1px solid #f0f0f0;margin-bottom:16px;padding-bottom:16px}.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:0 0!important}.sidebar-label-row.sidebar-label-static:hover{background:0 0!important}.sidebar-assigned-user,.sidebar-priority,.sidebar-noncom,.sidebar-property,.sidebar-comment,.sidebar-status{color:#2d3748;font-size:1rem;font-weight:500}.sidebar-status{padding-bottom:2px}.sidebar-unassigned{color:#a0aec0;font-style:italic}.action-item-log-list{border-left:2px solid #e2e8f0;margin-top:1rem;padding-left:1.5rem}.action-item-log-row{align-items:center;margin-bottom:1rem;padding:8px 0;display:flex;position:relative}.action-item-log-icon{color:#718096;flex-shrink:0;align-items:center;height:100%;margin-right:.75rem;display:flex}.action-item-log-details{color:#4a5568;flex-wrap:wrap;align-items:center;gap:.3em;font-size:.9rem;display:flex}.action-item-log-details .log-username,.action-item-log-details .log-date{color:#2d3748;font-weight:600}.action-item-log-comment-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:12px 0 8px;padding:12px 16px;box-shadow:0 1px 4px #0000000a}.action-item-log-comment-row.escalated{background:#fef3e8;border-color:#fbbf24}.action-item-log-comment-row.merged-comment{background:#f0faf8;border-style:dashed;border-color:#81e6d9}.action-item-log-comment-row.router-alert-update{background:#f0fdf4;border-color:#86efac #86efac #86efac #22c55e;border-left-style:solid;border-left-width:4px}.action-item-log-comment-row.router-alert-update .comment-header .system-username{color:#15803d;font-weight:600}.action-item-log-comment-row.router-alert-update .comment-header .router-online-badge{background:#16a34a}.action-item-log-comment-row.router-alert-outage{background:#fef2f2;border-color:#fca5a5 #fca5a5 #fca5a5 #ef4444;border-left-style:solid;border-left-width:4px}.action-item-log-comment-row.router-alert-outage .comment-header .system-username{color:#b91c1c;font-weight:600}.action-item-log-comment-row.router-alert-outage .comment-header .router-outage-badge{background:#dc2626}.action-item-log-comment-row.router-alert-outage .comment-header .router-additional-badge{background:#ea580c}.action-item-log-comment-row.router-alert-resolved{background:#f0fdf4;border-color:#86efac #86efac #86efac #22c55e;border-left-style:solid;border-left-width:4px}.action-item-log-comment-row.router-alert-resolved .comment-header .system-username{color:#15803d;font-weight:600}.action-item-log-comment-row.router-alert-resolved .comment-header .router-online-badge{background:#16a34a}.action-item-log-comment-row .comment-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.action-item-log-comment-row .comment-header .comment-username{color:#2d3748;font-weight:600}.action-item-log-comment-row .comment-header .comment-date{color:#a0aec0;font-size:.85em}.action-item-log-comment-row .comment-header .escalated-badge{color:#fff;cursor:pointer;background:#f59e0b;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;font-size:.75rem;font-weight:600;transition:background-color .2s;display:inline-flex}.action-item-log-comment-row .comment-header .escalated-badge:hover{background:#d97706}.action-item-log-comment-row .comment-header .merged-comment-badge{color:#fff;cursor:pointer;background:#2c7a7b;border:none;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;font-family:inherit;font-size:.75rem;font-weight:600;transition:background-color .15s;display:inline-flex}.action-item-log-comment-row .comment-header .merged-comment-badge:hover{background:#285f60}.action-item-log-comment-row .comment-header .merged-comment-badge:focus-visible{outline-offset:2px;outline:2px solid #2c7a7b}.action-item-log-comment-row .comment-body{color:#4a5568;white-space:pre-wrap;font-size:.95em;line-height:1.5}.merged-conversations-section{border-top:2px dashed #81e6d9;margin-top:20px;padding-top:12px}.merged-conversations-section .merged-conversations-heading{color:#2c7a7b;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:7px;margin-bottom:10px;font-size:.82rem;font-weight:600;display:flex}.merged-conversations-section .merged-conversation-group{background:#f0faf8;border:1px solid #b2f5ea;border-radius:8px;margin-bottom:10px;overflow:hidden}.merged-conversations-section .merged-conversation-group .merged-conversation-group-header{cursor:pointer;text-align:left;color:#2d3748;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:.9rem;transition:background-color .15s;display:flex}.merged-conversations-section .merged-conversation-group .merged-conversation-group-header:hover{background:#e6fffa}.merged-conversations-section .merged-conversation-group .merged-conversation-group-header:focus-visible{outline-offset:-2px;outline:2px solid #2c7a7b}.merged-conversations-section .merged-conversation-group .merged-conversation-group-header .merged-group-chevron{color:#4a5568;flex-shrink:0}.merged-conversations-section .merged-conversation-group .merged-conversation-group-header .merged-group-branch-icon{color:#2c7a7b;flex-shrink:0}.merged-conversations-section .merged-conversation-group .merged-conversation-group-header .merged-group-title{color:#2d3748;flex:1;font-weight:600}.merged-conversations-section .merged-conversation-group .merged-conversation-group-header .merged-group-title .merged-group-item-link{font:inherit;color:#f63040;cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:0;text-decoration:underline;display:inline-flex}.merged-conversations-section .merged-conversation-group .merged-conversation-group-header .merged-group-title .merged-group-item-link:hover{color:#c0392b}.merged-conversations-section .merged-conversation-group .merged-conversation-group-header .merged-group-title .merged-group-item-link:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #f63040}.merged-conversations-section .merged-conversation-group .merged-conversation-group-header .merged-group-title .merged-group-item-link .merged-group-item-link-icon{vertical-align:middle}.merged-conversations-section .merged-conversation-group .merged-conversation-group-header .merged-group-date{color:#718096;white-space:nowrap;font-size:.8rem}.merged-conversations-section .merged-conversation-group .merged-conversation-group-header .merged-group-count{color:#fff;white-space:nowrap;background:#2c7a7b;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:.78rem}.merged-conversations-section .merged-conversation-group .merged-conversation-comments{padding:0 12px 12px}.merged-conversations-section .merged-conversation-group .merged-conversation-comments .action-item-log-comment-row:first-child{margin-top:4px}.action-item-comment-box{flex-direction:column;gap:10px;margin-top:20px;display:flex;position:relative}.action-item-comment-box textarea{color:#2d3748;resize:vertical;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-height:80px;padding:12px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.action-item-comment-box textarea:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.action-item-comment-box textarea::placeholder{color:#a0aec0}.action-item-comment-box .comment-btn-row{justify-content:flex-end;width:100%;display:flex}.action-item-comment-box button{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:8px;width:auto;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.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{cursor:not-allowed;background:#cbd5e0}.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;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f63040;padding-bottom:8px;font-size:1rem;font-weight:700;margin-bottom:12px!important}.tenant-details input{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:10px 12px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.tenant-details input:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.sidebar-section{border-bottom:1px solid #e2e8f0;padding:16px 20px}.sidebar-section:last-child{border-bottom:none}@media (width<=1024px) and (width>=768px){.action-item-detail-layout{gap:1rem;padding:1rem 2vw}.action-item-sidebar{flex:0 0 280px;min-width:250px;max-width:300px}.sidebar-label,.sidebar-value{font-size:1em!important}}@media (width<=767px){.action-item-detail-layout{flex-direction:column;gap:1rem;padding:1rem}.action-item-main{order:2;padding:1.5rem}.action-item-sidebar{flex:none;order:1;width:100%;min-width:auto;max-width:100%;padding:16px;position:static}.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{color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.75rem;font-weight:700}.sidebar-field-value{color:#2d3748;font-size:1rem;font-weight:500}.sidebar-status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;width:8px;height:8px}.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{color:#718096;margin-top:4px;margin-bottom:0;font-size:.7rem}.sidebar-department-select{color:#2d3748;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:8px 12px;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.sidebar-department-select:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.escalate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #f59e0b4d}.escalate-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-1px);box-shadow:0 4px 12px #d9770666}.escalate-btn:disabled{color:#a0aec0;cursor:not-allowed;box-shadow:none;background:#e2e8f0}.de-escalate-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;margin-top:8px;padding:6px 12px;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-block}.de-escalate-btn:hover{background:#e5e7eb;border-color:#d1d5db}.escalation-status{margin-top:8px}.escalation-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.escalation-badge.escalated{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fbbf24}.escalation-info{color:#4b5563;margin:6px 0 0;font-size:.75rem}.escalation-reason{color:#6b7280;margin:4px 0 0;font-size:.7rem;font-style:italic}.escalate-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.escalate-modal{background:#fff;border-radius:12px;width:90%;max-width:480px;animation:.3s slideIn;box-shadow:0 20px 40px #0003}.escalate-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.escalate-modal-header h3{color:#2d3748;margin:0;font-size:1.1rem;font-weight:700}.escalate-modal-close{color:#718096;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1;transition:color .2s}.escalate-modal-close:hover{color:#f63040}.escalate-modal-body{padding:20px}.escalate-modal-body p{color:#4a5568;margin:0 0 16px;font-size:.9rem;line-height:1.5}.escalate-modal-body label{color:#4a5568;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.escalate-modal-body textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-height:80px;padding:12px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.escalate-modal-body textarea:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b1a}.escalate-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.escalate-modal-footer .btn-cancel{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:all .2s}.escalate-modal-footer .btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db}.escalate-modal-footer .btn-escalate{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:8px;padding:10px 24px;font-size:.85rem;font-weight:600;transition:all .2s}.escalate-modal-footer .btn-escalate:hover:not(:disabled){background:linear-gradient(135deg,#d97706 0%,#b45309 100%)}.escalate-modal-footer .btn-escalate:disabled{color:#a0aec0;cursor:not-allowed;background:#e2e8f0}.submitted-form-section{background:linear-gradient(#f8fafc 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.submitted-form-section h2{color:#2d3748;border-bottom:2px solid #f63040;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:700}.details-section-header{border-bottom:2px solid #f63040;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.details-section-header h2{color:#2d3748;margin:0;font-size:1.1rem;font-weight:700}.details-edit-actions{align-items:center;gap:8px;display:flex}.btn-edit-details{color:#4a5568;cursor:pointer;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-edit-details:hover{color:#f63040;background:#fff5f5;border-color:#f63040}.btn-save-details{color:#fff;cursor:pointer;background:#38a169;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:background .2s;display:inline-flex}.btn-save-details:hover:not(:disabled){background:#2f855a}.btn-save-details:disabled{opacity:.65;cursor:not-allowed}.btn-cancel-details{color:#718096;cursor:pointer;background:#edf2f7;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:background .2s;display:inline-flex}.btn-cancel-details:hover:not(:disabled){background:#e2e8f0}.btn-cancel-details:disabled{opacity:.65;cursor:not-allowed}.details-edit-input,.details-edit-select,.details-edit-textarea{color:#2d3748;background:#fff;border:1px solid #cbd5e0;border-radius:6px;flex:1;padding:7px 10px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.details-edit-input:focus,.details-edit-select:focus,.details-edit-textarea:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.details-edit-textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.form-data-display{flex-direction:column;gap:.75rem;display:flex}.form-data-section-group{margin-top:.5rem}.form-data-section-title{color:#4a5568;border-bottom:1px solid #e2e8f0;margin:.75rem 0 .25rem;padding-bottom:.25rem;font-size:.95rem;font-weight:600}.form-data-row{border-bottom:1px solid #f0f0f0;flex-direction:row;align-items:flex-start;padding:.5rem 0;display:flex}.form-data-row:last-child{border-bottom:none}.form-data-row--column{flex-direction:column;align-items:flex-start}.form-data-row--column .form-data-label{margin-bottom:6px}.form-data-row--column .form-data-value{width:100%}.form-data-label{color:#4a5568;min-width:150px;font-size:.85rem;font-weight:600}.form-data-value{color:#2d3748;flex:1;font-size:.9rem}.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}.email-content-iframe{background:#fff;margin-top:.5rem;display:block}.email-refetch-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex;padding:.6rem 0!important}.btn-refetch-email{color:#2b6cb0;cursor:pointer;background:#ebf8ff;border:1px solid #bee3f8;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-refetch-email:hover:not(:disabled){color:#2c5282;background:#bee3f8;border-color:#90cdf4}.btn-refetch-email:disabled{opacity:.65;cursor:not-allowed}.btn-refetch-email .spin-icon{animation:1s linear infinite spin}.refetch-result{border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.refetch-result--success{color:#276749;background:#f0fff4}.refetch-result--error{color:#9b2c2c;background:#fff5f5}.formatted-description{flex-direction:column;gap:.15rem;display:flex}.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{color:#2d3748;line-height:1.6}.formatted-desc-table{border-collapse:collapse;width:100%;margin:.35rem 0;font-size:.88rem}.formatted-desc-table th,.formatted-desc-table td{text-align:left;border:1px solid #e2e8f0;padding:6px 10px;line-height:1.5}.formatted-desc-table th{color:#4a5568;background:#f7fafc;font-weight:600}.formatted-desc-table td{color:#2d3748}.formatted-desc-table tr:nth-child(2n) td{background:#fafbfc}@media (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:1px solid #e2e8f0;border-radius:10px;margin-bottom:1.5rem;padding:1rem 1.25rem}.attachments-section.collapsed{padding-bottom:.5rem}.attachments-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.collapsed .attachments-header{margin-bottom:0}.attachments-header .attachments-collapse-toggle{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:8px;padding:0;display:flex}.attachments-header .attachments-collapse-toggle h2{color:#2d3748;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;display:flex}.attachments-header .attachments-collapse-toggle:hover h2{color:#4a5568}.attachments-header .attachments-count-badge{color:#4a5568;background:#e2e8f0;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-flex}.attachments-header h2{color:#2d3748;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;display:flex}.attachments-header .upload-btn{color:#fff;cursor:pointer;background:#f63040;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.attachments-header .upload-btn:hover{background:#d42a38}.attachments-loading,.no-attachments{color:#718096;text-align:center;padding:1rem;font-size:.9rem}.attachments-list{flex-direction:column;gap:8px;display:flex}.attachment-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .15s;display:flex}.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{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.attachment-item .attachment-info .attachment-meta{color:#718096;margin-top:2px;font-size:.75rem;display:block}.attachment-item .attachment-actions{gap:8px;margin-left:12px;display:flex}.attachment-item .attachment-actions .download-btn,.attachment-item .attachment-actions .delete-btn,.attachment-item .attachment-actions .annotate-btn{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.attachment-item .attachment-actions .annotate-btn{color:#1976d2;background:#e3f2fd;border:1px solid #bbdefb}.attachment-item .attachment-actions .annotate-btn:hover{color:#0d47a1;background:#bbdefb}.attachment-item .attachment-actions .download-btn{color:#4a5568;background:#edf2f7;border:none;text-decoration:none}.attachment-item .attachment-actions .download-btn:hover{color:#2d3748;background:#e2e8f0}.attachment-item .attachment-actions .delete-btn{color:#e53e3e;background:0 0;border:1px solid #fed7d7}.attachment-item .attachment-actions .delete-btn:hover{background:#fed7d7}.escalate-comment-btn{color:#718096;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;font-size:.7rem;font-weight:500;transition:all .15s;display:inline-flex}.escalate-comment-btn:hover{color:#92400e;background:#fef3c7;border-color:#fbbf24}.comment-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:12px 16px}.comment-preview strong{color:#4a5568;margin-bottom:8px;font-size:.85rem;display:block}.comment-preview blockquote{color:#2d3748;white-space:pre-wrap;background:#fff;border-left:3px solid #f63040;border-radius:4px;margin:0;padding:10px 14px;font-size:.9rem}.comment-preview small{color:#718096;margin-top:8px;font-size:.75rem;display:block}@media (width<=768px){.attachments-header{flex-direction:column;align-items:flex-start;gap:10px}.attachments-header .upload-btn{justify-content:center;width:100%}.attachment-item{flex-direction:column;align-items:flex-start}.attachment-item .attachment-actions{align-self:flex-end;margin-top:10px;margin-left:0}}.mention-suggestions-dropdown{background:#fff;border:1px solid #cbd5e0;border-radius:8px;max-height:280px;margin-top:4px;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.mention-suggestions-dropdown .mention-suggestion-item{cursor:pointer;border-bottom:1px solid #e2e8f0;flex-flow:wrap;align-items:center;gap:4px;padding:10px 14px;transition:background-color .2s;display:flex}.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{color:#2d3748;flex:auto;font-size:.9rem;font-weight:600}.mention-suggestions-dropdown .mention-suggestion-item .mention-suggestion-email{color:#718096;flex:100%;margin-top:0;font-size:.75rem}.mention-suggestions-dropdown .mention-suggestion-item .mention-suggestion-m365-tag{color:#fff;white-space:nowrap;background-color:#0078d4;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:.65rem;font-weight:700}.mention-suggestions-dropdown .mention-suggestion-loading{color:#718096;text-align:center;padding:8px 14px;font-size:.8rem;font-style:italic}.comment-body .comment-link{color:#3182ce;cursor:pointer;word-break:break-all;text-decoration:underline;transition:color .2s}.comment-body .comment-link:hover{color:#2c5282;text-decoration:underline}.comment-body .comment-link:visited{color:#805ad5}.comment-body .comment-mention{color:#2c5282;background-color:#ebf4ff;border-radius:4px;padding:2px 6px;font-weight:600;transition:background-color .2s}.comment-body .comment-mention.valid{cursor:pointer;background-color:#bee3f8}.comment-body .comment-mention.valid:hover{background-color:#90cdf4}.parent-action-item-reference{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b;border-radius:10px;margin-bottom:24px;padding:16px 20px;box-shadow:0 2px 8px #f59e0b33}.parent-action-item-reference .reference-header{color:#92400e;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:10px;margin-bottom:10px;font-size:.95rem;font-weight:700;display:flex}.parent-action-item-reference .reference-header svg{color:#d97706}.parent-action-item-reference .reference-link{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #d97706;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.parent-action-item-reference .reference-link:hover{color:#fff;background:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.action-item-heading-actions{align-items:center;gap:8px;display:flex}.btn-delete-action-item{color:#e53e3e;cursor:pointer;background:0 0;border:1px solid #e53e3e;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;transition:background .15s,color .15s;display:inline-flex}.btn-delete-action-item:hover{color:#fff;background:#e53e3e}.delete-confirm-modal{max-width:480px}.delete-confirm-modal h2{color:#e53e3e;align-items:center;margin-bottom:12px;font-size:1.1rem;display:flex}.delete-confirm-modal p{color:#4a5568;margin-bottom:20px;font-size:.9rem;line-height:1.5}.delete-confirm-modal .modal-actions{justify-content:flex-end;gap:10px;display:flex}.delete-confirm-modal .btn-confirm-delete{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:6px;padding:8px 18px;font-size:.85rem;transition:background .15s}.delete-confirm-modal .btn-confirm-delete:hover:not(:disabled){background:#c53030}.delete-confirm-modal .btn-confirm-delete:disabled{opacity:.6;cursor:not-allowed}.btn-list-delete{color:#e53e3e;cursor:pointer;background:0 0;border:1px solid #fed7d7;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:inline-flex}.btn-list-delete:hover{background:#fed7d7}.sidebar-property-editor{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.sidebar-property-editor .sidebar-property-select{color:#2d3748;border:1px solid #cbd5e0;border-radius:4px;width:100%;padding:4px 6px;font-size:.75rem}.sidebar-property-editor .sidebar-property-editor-actions{gap:6px;display:flex}.sidebar-property-editor .sidebar-property-editor-actions .btn-save-property,.sidebar-property-editor .sidebar-property-editor-actions .btn-cancel-property{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;transition:background .15s;display:inline-flex}.sidebar-property-editor .sidebar-property-editor-actions .btn-save-property{color:#276749;background:#c6f6d5}.sidebar-property-editor .sidebar-property-editor-actions .btn-save-property:hover:not(:disabled){background:#9ae6b4}.sidebar-property-editor .sidebar-property-editor-actions .btn-save-property:disabled{opacity:.5;cursor:not-allowed}.sidebar-property-editor .sidebar-property-editor-actions .btn-cancel-property{color:#e53e3e;background:#fed7d7}.sidebar-property-editor .sidebar-property-editor-actions .btn-cancel-property:hover:not(:disabled){background:#feb2b2}.sidebar-property-editor .sidebar-property-editor-actions .btn-cancel-property:disabled{opacity:.5;cursor:not-allowed}.action-item-type-badge{color:#4a5568;letter-spacing:.3px;white-space:nowrap;background:#edf2f7;border:1px solid #e2e8f0;border-radius:20px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.action-item-status-chip{color:#fff;white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.merged-item-banner{color:#234e52;background:#e6fffa;border:1px solid #81e6d9;border-left:4px solid #2c7a7b;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:1.25rem;padding:12px 16px;font-size:.9rem;display:flex}.merged-item-banner .merged-banner-icon{color:#2c7a7b;flex-shrink:0}.merged-item-banner .merged-banner-link{color:#fff;cursor:pointer;white-space:nowrap;background:#2c7a7b;border:none;border-radius:6px;margin-left:auto;padding:6px 14px;font-size:.8rem;font-weight:600;transition:background .2s}.merged-item-banner .merged-banner-link:hover{background:#285e61}.timeline-filter-row{flex-wrap:wrap;gap:6px;margin:.75rem 0 .5rem;display:flex}.timeline-filter-btn{color:#4a5568;cursor:pointer;background:#f7fafc;border:1px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .2s}.timeline-filter-btn:hover{background:#edf2f7;border-color:#cbd5e0}.timeline-filter-btn.active{color:#fff;background:#f63040;border-color:#f63040}.progress-bar-section{align-items:center;gap:8px;margin:6px 0 4px;display:flex}.progress-bar-container{background:#e2e8f0;border-radius:999px;flex:1;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#48bb78 0%,#38a169 100%);border-radius:999px;min-width:4px;height:100%;transition:width .4s}.progress-bar-label{color:#4a5568;text-align:right;min-width:34px;font-size:.78rem;font-weight:700}.progress-edit-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.progress-slider{accent-color:#38a169;cursor:pointer;flex:1;min-width:80px}.progress-number-input{text-align:center;border:1px solid #e2e8f0;border-radius:6px;width:52px;padding:4px 6px;font-size:.78rem}.btn-save-progress{color:#fff;cursor:pointer;background:#38a169;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;transition:background .2s;display:inline-flex}.btn-save-progress:hover:not(:disabled){background:#2f855a}.btn-save-progress:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-progress{color:#c53030;cursor:pointer;background:#fed7d7;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;transition:background .2s;display:inline-flex}.btn-cancel-progress:hover:not(:disabled){background:#feb2b2}.btn-cancel-progress:disabled{opacity:.6;cursor:not-allowed}.due-date-chip{color:#2d3748;flex-direction:column;gap:2px;font-size:.85rem;font-weight:600;display:inline-flex}.due-date-chip.overdue{color:#c53030}.due-date-chip.due-soon{color:#b7791f}.due-date-chip .due-urgency-label{font-size:.72rem;font-style:italic;font-weight:500}.sidebar-date-input{color:#4a5568;cursor:pointer;background:#fafafa;border:1px solid #e2e8f0;border-radius:6px;width:100%;margin-top:6px;padding:5px 8px;font-size:.78rem;transition:border-color .2s}.sidebar-date-input:focus{border-color:#f63040;outline:none}.tags-widget{margin-top:4px}.tags-chip-list{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.tag-chip{color:#2b6cb0;background:#ebf8ff;border:1px solid #bee3f8;border-radius:20px;align-items:center;gap:4px;padding:3px 8px 3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.tag-chip .tag-chip-remove{color:#4299e1;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.9rem;line-height:1;transition:color .15s}.tag-chip .tag-chip-remove:hover:not(:disabled){color:#c53030}.tag-chip .tag-chip-remove:disabled{opacity:.5;cursor:not-allowed}.tag-add-row{gap:4px;margin-top:4px;display:flex}.tag-add-input{color:#2d3748;border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:5px 8px;font-size:.78rem}.tag-add-input:focus{border-color:#f63040;outline:none}.tag-add-input::placeholder{color:#a0aec0}.tag-add-btn{color:#2b6cb0;cursor:pointer;background:#ebf8ff;border:1px solid #bee3f8;border-radius:6px;padding:5px 10px;font-size:1rem;font-weight:700;transition:all .15s}.tag-add-btn:hover:not(:disabled){background:#bee3f8}.tag-add-btn:disabled{opacity:.5;cursor:not-allowed}.activity-tabs-container{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-top:1.5rem;overflow:hidden}.activity-tabs-header{background:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex}.activity-tab-btn{color:#718096;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:7px;margin-bottom:-2px;padding:12px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.activity-tab-btn:hover{color:#f63040;background:#fff}.activity-tab-btn.active{color:#f63040;background:#fff;border-bottom-color:#f63040}.activity-tab-btn .activity-tab-count{color:#4a5568;background:#edf2f7;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-flex}.activity-tab-btn.active .activity-tab-count{color:#f63040;background:#fff1f2}.activity-tab-panel{padding:1rem 1.25rem 1.25rem}.no-activity-msg{text-align:center;color:#a0aec0;padding:20px 0;font-size:.9rem;font-style:italic}.comment-composer{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.25rem;overflow:hidden}.comment-composer-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:8px 12px 6px;display:flex}.comment-mode-toggle{gap:4px;display:flex}.comment-mode-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:4px;padding:4px 12px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.comment-mode-btn:hover:not(:disabled){color:#f63040;border-color:#f63040}.comment-mode-btn.active{color:#fff;background:#f63040;border-color:#f63040}.comment-mode-btn:disabled{opacity:.45;cursor:not-allowed}.comment-md-hint{color:#a0aec0;font-size:.72rem;font-style:italic}.comment-md-toolbar{background:#f5f6f8;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:2px;padding:5px 10px;display:flex}.comment-md-toolbar__btn{color:#4a5568;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:all .15s;display:inline-flex}.comment-md-toolbar__btn:hover{color:#2d3748;background:#e2e6ea;border-color:#e2e8f0}.comment-md-toolbar__sep{background:#e2e8f0;width:1px;height:18px;margin:0 4px;display:inline-block}.comment-editor-wrapper{position:relative}.comment-editor-wrapper.drag-over .comment-textarea{background:#e3f2fd;border:2px dashed #1976d2}.drop-overlay{color:#1976d2;pointer-events:none;z-index:5;background:#1976d214;border:2px dashed #1976d2;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex;position:absolute;inset:0}.comment-attach-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:5px;padding:8px 14px;font-size:.85rem;transition:background .15s,border-color .15s;display:inline-flex}.comment-attach-btn:hover{background:#f5f5f5;border-color:#bbb}.comment-image-previews{background:#fafbfc;border-top:1px solid #f0f4f8;flex-wrap:wrap;gap:8px;padding:8px 12px;display:flex}.comment-image-preview-item{flex-direction:column;align-items:center;gap:4px;max-width:160px;display:flex}.comment-image-preview-item img{object-fit:contain;border:1px solid #e0e0e0;border-radius:4px;max-width:160px;max-height:100px}.comment-image-preview-item .comment-image-preview-label{color:#888;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.72rem;overflow:hidden}.comment-textarea{resize:vertical;color:#2d3748;box-sizing:border-box;background:#fafbfc;border:none;width:100%;min-height:110px;padding:12px 14px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.88rem;line-height:1.6}.comment-textarea:focus{background:#fff;outline:none}.comment-textarea::placeholder{color:#b0b8c4;font-family:inherit}.comment-textarea:disabled{opacity:.6;cursor:not-allowed}.comment-preview-panel{color:#2d3748;background:#fafbfc;min-height:80px;padding:12px 16px;font-size:.9rem;line-height:1.65}.comment-preview-empty{color:#a0aec0;font-size:.88rem;font-style:italic}.comment-btn-row{background:#fafbfc;border-top:1px solid #f0f4f8;justify-content:flex-end;align-items:center;gap:10px;padding:8px 12px 10px;display:flex}.comment-btn-row .comment-attach-btn{margin-right:auto}.comment-btn-row button:not(.comment-attach-btn):not(.comment-submit-main):not(.comment-submit-dropdown-toggle){color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:7px;padding:8px 22px;font-size:.88rem;font-weight:600;transition:all .2s}.comment-btn-row button:not(.comment-attach-btn):not(.comment-submit-main):not(.comment-submit-dropdown-toggle):hover:not(:disabled){background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 10px #f6304047}.comment-btn-row button:not(.comment-attach-btn):not(.comment-submit-main):not(.comment-submit-dropdown-toggle):disabled{cursor:not-allowed;background:#cbd5e0}.comment-body-markdown{color:#2d3748;font-size:.93rem;line-height:1.65}.comment-body-markdown h1,.comment-body-markdown h2,.comment-body-markdown h3,.comment-body-markdown h4,.comment-body-markdown h5,.comment-body-markdown h6{color:#1a202c;margin:.75em 0 .35em;font-weight:700;line-height:1.3}.comment-body-markdown h1{font-size:1.15em}.comment-body-markdown h2{font-size:1.05em}.comment-body-markdown h3{font-size:.98em}.comment-body-markdown p{margin:0 0 .6em}.comment-body-markdown p:last-child{margin-bottom:0}.comment-body-markdown code{color:#c53030;background:#edf2f7;border-radius:4px;padding:2px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85em}.comment-body-markdown pre{color:#e2e8f0;background:#2d3748;border-radius:6px;margin:.5em 0;padding:12px 14px;overflow-x:auto}.comment-body-markdown pre code{color:inherit;background:0 0;padding:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.83em}.comment-body-markdown blockquote{color:#718096;background:#fff5f5;border-left:3px solid #f63040;margin:.5em 0;padding:6px 12px;font-style:italic}.comment-body-markdown blockquote p{margin:0}.comment-body-markdown ul,.comment-body-markdown ol{margin:.4em 0 .6em;padding-left:1.4em}.comment-body-markdown li{margin-bottom:.2em}.comment-body-markdown hr{border:none;border-top:1px solid #e2e8f0;margin:.75em 0}.comment-body-markdown a{color:#3182ce;text-decoration:underline}.comment-body-markdown a:hover{color:#2c5282}.comment-body-markdown table{border-collapse:collapse;width:100%;margin:.6em 0;font-size:.87em}.comment-body-markdown th,.comment-body-markdown td{text-align:left;border:1px solid #e2e8f0;padding:6px 10px}.comment-body-markdown th{background:#f8fafc;font-weight:700}.comment-body-markdown input[type=checkbox]{margin-right:5px}.comment-attachment-link{vertical-align:baseline;align-items:center;gap:6px;display:inline-flex}.comment-attachment-link .comment-attachment-anchor{color:#3182ce;cursor:pointer;align-items:center;gap:5px;text-decoration:underline;display:inline-flex}.comment-attachment-link .comment-attachment-anchor:hover{color:#2c5282}.comment-attachment-link .comment-attachment-anchor svg{flex:none}.comment-attachment-link .comment-attachment-anchor .spin{animation:.8s linear infinite comment-attachment-spin}.comment-attachment-link .comment-attachment-annotate{color:#f63040;cursor:pointer;background:#fff5f5;border:1px solid #f9b4ba;border-radius:10px;align-items:center;gap:4px;padding:1px 8px;font-size:.72rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.comment-attachment-link .comment-attachment-annotate:hover{color:#fff;background:#f63040;border-color:#f63040}@keyframes comment-attachment-spin{to{transform:rotate(360deg)}}.comment-inline-image{object-fit:contain;border:1px solid #e2e8f0;border-radius:6px;max-width:100%;max-height:420px;margin:.4em 0}.comment-image-loading,.comment-image-error{color:#718096;font-size:.82rem;font-style:italic;display:inline-block}.comment-image-error{color:#c53030}.signature-answer-image{object-fit:contain;background:#fff;border:1px solid #e2e8f0;border-radius:4px;max-width:300px;max-height:100px;padding:4px;display:block}.action-item-ticket-ref{color:#4338ca;letter-spacing:.5px;vertical-align:middle;background:#eef2ff;border-radius:12px;margin-left:6px;padding:2px 10px;font-family:SFMono-Regular,Consolas,monospace;font-size:.75rem;font-weight:600;display:inline-block}.sla-tracking-widget{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:12px}.sla-tracking-widget .sla-widget-header{color:#334155;align-items:center;gap:6px;margin-bottom:10px;font-size:.85rem;font-weight:600;display:flex}.sla-tracking-widget .sla-widget-header svg{color:#4a90d9}.sla-tracking-widget .sla-widget-header .sla-paused-badge{color:#92400e;background:#fef3c7;border-radius:10px;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;font-size:.7rem;font-weight:600;display:flex}.sla-tracking-widget .sla-row{border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:8px;padding:6px 0;display:flex}.sla-tracking-widget .sla-row:last-of-type{border-bottom:none}.sla-tracking-widget .sla-row.breached{background:#fef2f2;border-radius:4px;margin:2px -6px;padding:6px}.sla-tracking-widget .sla-row .sla-icon{flex-shrink:0;margin-top:2px}.sla-tracking-widget .sla-row .sla-icon.sla-met{color:#22c55e}.sla-tracking-widget .sla-row .sla-icon.sla-breached{color:#ef4444}.sla-tracking-widget .sla-row .sla-icon.sla-warning{color:#f59e0b}.sla-tracking-widget .sla-row .sla-icon.sla-active{color:#94a3b8}.sla-tracking-widget .sla-row .sla-row-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sla-tracking-widget .sla-row .sla-row-info .sla-row-label{color:#555;font-size:.75rem;font-weight:600}.sla-tracking-widget .sla-row .sla-row-info .sla-row-value{color:#333;font-size:.8rem}.sla-tracking-widget .sla-row .sla-row-info .sla-row-value.met{color:#22c55e}.sla-tracking-widget .sla-row .sla-row-info .sla-row-value small{color:#888}.sla-tracking-widget .sla-row .sla-row-info .sla-row-value small.overdue{color:#ef4444;font-weight:600}.sla-tracking-widget .sla-paused-info{color:#888;text-align:center;margin-top:6px;font-size:.75rem}.sla-chip{white-space:nowrap;vertical-align:middle;border-radius:10px;align-items:center;gap:4px;padding:2px 7px;font-size:.7rem;font-weight:600;line-height:1.4;display:inline-flex}.sla-chip svg{flex-shrink:0;font-size:.65rem}.sla-chip .sla-chip-text{letter-spacing:.01em}.sla-chip.sla-chip--active{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd}.sla-chip.sla-chip--warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.sla-chip.sla-chip--breached{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.sla-chip.sla-chip--met{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.sla-chip.sla-chip--paused{color:#78350f;background:#fefce8;border:1px solid #fde68a}.csat-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.csat-modal{background:#fff;border-radius:12px;width:420px;max-width:90vw;overflow:hidden;box-shadow:0 20px 60px #0003}.csat-modal .csat-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.csat-modal .csat-modal-header h3{color:#333;margin:0;font-size:1.1rem}.csat-modal .csat-modal-header .csat-close-btn{cursor:pointer;color:#888;background:0 0;border:none;padding:4px}.csat-modal .csat-modal-header .csat-close-btn:hover{color:#333}.csat-modal .csat-modal-body{text-align:center;padding:20px}.csat-modal .csat-modal-body .csat-ticket-ref{color:#666;margin:0 0 16px;font-size:.85rem}.csat-modal .csat-modal-body .csat-stars{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.csat-modal .csat-modal-body .csat-stars .csat-star{cursor:pointer;font-size:2rem;transition:color .15s,transform .1s}.csat-modal .csat-modal-body .csat-stars .csat-star.filled{color:#f59e0b}.csat-modal .csat-modal-body .csat-stars .csat-star.empty{color:#ddd}.csat-modal .csat-modal-body .csat-stars .csat-star:hover{transform:scale(1.15)}.csat-modal .csat-modal-body .csat-labels{color:#999;justify-content:space-between;margin-bottom:16px;font-size:.75rem;display:flex}.csat-modal .csat-modal-body .csat-feedback{resize:vertical;box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;padding:10px;font-family:inherit;font-size:.9rem}.csat-modal .csat-modal-body .csat-feedback:focus{border-color:#4a90d9;outline:none}.csat-modal .csat-modal-footer{border-top:1px solid #eee;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.csat-modal .csat-modal-footer .csat-dismiss-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 16px}.csat-modal .csat-modal-footer .csat-dismiss-btn:hover{background:#f5f5f5}.csat-modal .csat-modal-footer .csat-submit-btn{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;display:flex}.csat-modal .csat-modal-footer .csat-submit-btn:hover{background:#3a7bc8}.csat-modal .csat-modal-footer .csat-submit-btn:disabled{opacity:.6;cursor:not-allowed}.csat-modal .csat-modal-footer .csat-submit-btn .spin{animation:1s linear infinite csat-spin}@keyframes csat-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-item-log-comment-row.internal-note{background:linear-gradient(135deg,#fff8e1 0%,#fffde7 100%);border:1px solid #ffe082;border-left:4px solid #ffa000;border-radius:8px;margin-bottom:10px;padding:12px 14px}.action-item-log-comment-row.internal-note .internal-note-badge{color:#e65100;background:#fff3e0;border:1px solid #ffb74d;border-radius:4px;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.action-item-log-comment-row.internal-note .internal-note-body{background:#ffa0000a;border-radius:6px;margin-top:6px;padding:8px 10px}.comment-submit-split-btn{border-radius:7px;align-items:stretch;display:inline-flex;overflow:hidden}.comment-submit-split-btn .comment-submit-main{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:7px 0 0 7px;padding:8px 22px;font-size:.88rem;font-weight:600;transition:all .2s}.comment-submit-split-btn .comment-submit-main:hover:not(:disabled){background:#d42a38;transform:translateY(-1px);box-shadow:0 4px 10px #f6304047}.comment-submit-split-btn .comment-submit-main:disabled{cursor:not-allowed;background:#cbd5e0}.comment-submit-split-btn .comment-submit-dropdown-toggle{color:#fff;cursor:pointer;background:#e65100;border:none;border-left:1px solid #ffffff4d;border-radius:0 7px 7px 0;align-items:center;gap:3px;padding:8px 10px;font-size:.78rem;transition:all .2s;display:flex}.comment-submit-split-btn .comment-submit-dropdown-toggle:hover:not(:disabled){background:#bf360c}.comment-submit-split-btn .comment-submit-dropdown-toggle:disabled{cursor:not-allowed;background:#cbd5e0}.internal-note-permissions-tab .settings-description{color:#64748b;background:#fffde7;border:1px solid #fff176;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:.87rem;line-height:1.5}.internal-note-permissions-tab .no-permissions-msg{text-align:center;color:#94a3b8;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;padding:24px 16px;font-size:.9rem}.internal-note-permissions-tab .permissions-table{border-collapse:collapse;border-spacing:0;width:100%;box-shadow:none;border:1px solid #e2e8f0;margin-bottom:20px;font-size:.88rem}.internal-note-permissions-tab .permissions-table th,.internal-note-permissions-tab .permissions-table td{text-align:left;color:inherit;white-space:normal;background:0 0;border-bottom:1px solid #f1f5f9;width:auto;padding:10px 12px;font-weight:400}.internal-note-permissions-tab .permissions-table th{color:#475569;text-transform:uppercase;letter-spacing:.3px;background:#f8fafc;border-bottom:1px solid #e2e8f0;height:auto;font-size:.82rem;font-weight:600;line-height:normal}.internal-note-permissions-tab .permissions-table tr:first-child th:first-child{color:#475569;white-space:normal;background:#f8fafc;width:auto}.internal-note-permissions-tab .permissions-table tbody tr:nth-child(odd){background:0 0}.internal-note-permissions-tab .permissions-table tr:hover td{background:#f8fafc}.internal-note-permissions-tab .permissions-table .permission-badge{border-radius:4px;padding:2px 8px;font-size:.78rem;font-weight:600}.internal-note-permissions-tab .permissions-table .permission-badge.yes{color:#166534;background:#dcfce7}.internal-note-permissions-tab .permissions-table .permission-badge.no{color:#991b1b;background:#fee2e2}.internal-note-permissions-tab .permissions-table .scope-badge{border-radius:4px;padding:2px 8px;font-size:.78rem;font-weight:500}.internal-note-permissions-tab .permissions-table .scope-badge.global{color:#1e40af;background:#dbeafe}.internal-note-permissions-tab .permissions-table .scope-badge.board{color:#7c3aed;background:#f3e8ff}.internal-note-permissions-tab .permissions-table .btn-icon-danger{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;transition:all .2s}.internal-note-permissions-tab .permissions-table .btn-icon-danger:hover{color:#dc2626;background:#fee2e2}.internal-note-permissions-tab .add-permission-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:14px}.internal-note-permissions-tab .add-permission-form h4{color:#334155;align-items:center;gap:6px;margin:0 0 12px;font-size:.9rem;display:flex}.internal-note-permissions-tab .add-permission-form .form-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.internal-note-permissions-tab .add-permission-form .dept-select{border:1px solid #d1d5db;border-radius:6px;flex:1;min-width:180px;padding:8px 12px;font-size:.88rem}.internal-note-permissions-tab .add-permission-form .checkbox-label{color:#475569;white-space:nowrap;align-items:center;gap:5px;font-size:.85rem;display:flex}.internal-note-permissions-tab .add-permission-form .checkbox-label input[type=checkbox]{width:16px;height:16px}.board-settings-permissions{padding:8px 0}.board-settings-permissions-loading{text-align:center;color:#94a3b8;padding:24px 16px}.board-settings-permissions__info{color:#4c1d95;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:6px;align-items:flex-start;margin-bottom:16px;padding:10px 14px;font-size:.87rem;line-height:1.5;display:flex}.board-settings-permissions__grant-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:12px 14px}.board-settings-permissions__select{border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-size:.88rem}.board-settings-permissions__grant-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6c5ce7;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.board-settings-permissions__grant-btn:disabled{opacity:.5;cursor:not-allowed}.board-settings-permissions__grant-btn:hover:not(:disabled){background:#5b4bd5}.board-settings-permissions__list{margin-top:12px}.board-settings-permissions__empty{text-align:center;color:#94a3b8;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;padding:24px 16px;font-size:.9rem}.board-settings-permissions__table{border-collapse:collapse;border-spacing:0;width:100%;box-shadow:none;border:1px solid #e2e8f0;margin-bottom:0;font-size:.88rem}.board-settings-permissions__table th,.board-settings-permissions__table td{text-align:left;color:inherit;white-space:normal;background:0 0;border-bottom:1px solid #f1f5f9;width:auto;padding:10px 12px;font-weight:400}.board-settings-permissions__table th{color:#475569;text-transform:uppercase;letter-spacing:.3px;background:#f8fafc;border-bottom:1px solid #e2e8f0;height:auto;font-size:.82rem;font-weight:600;line-height:normal}.board-settings-permissions__table tr:first-child th:first-child{color:#475569;white-space:normal;background:#f8fafc;width:auto}.board-settings-permissions__table tbody tr:nth-child(odd){background:0 0}.board-settings-permissions__table tr:hover td{background:#f8fafc}.board-settings-permissions__revoke-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;align-items:center;padding:4px 8px;font-size:.8rem;display:inline-flex}.board-settings-permissions__revoke-btn:hover{background:#fecaca}.automations-tab{padding:8px 4px}.automations-tab--loading,.automations-tab--error{color:#64748b;align-items:center;gap:8px;padding:24px 12px;font-size:.88rem;display:flex}.automations-tab--error{color:#dc2626}.automations-tab--empty{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;display:flex}.automations-tab--empty p{margin:0;font-size:.88rem}.automations-tab__empty-icon{color:#cbd5e1;margin-bottom:4px}.automations-tab__empty-hint{color:#b0bec5;font-size:.8rem!important}.automations-tab__header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.automations-tab__count{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:.82rem;font-weight:600}.automations-tab__hint{color:#94a3b8;align-items:center;gap:4px;font-size:.77rem;display:flex}.automations-tab__list{flex-direction:column;gap:10px;display:flex}.automations-tab__right-group{align-items:center;gap:12px;display:flex}.automations-tab__timer{color:#475569;font-variant-numeric:tabular-nums;letter-spacing:.3px;background:#f1f5f9;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.automations-tab__timer--running{color:#f63040;background:#fef2f2}.automations-tab__timer-spin{animation:1s linear infinite spin}.automation-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.automation-card:hover{border-color:#cbd5e1;box-shadow:0 1px 4px #0000000f}.automation-card--disabled{opacity:.65;background:#fbfcfd;border-color:#e2e8f0}.automation-card__header{align-items:flex-start;gap:10px;display:flex}.automation-card__icon-wrap{color:#f63040;background:#eff6ff;border-radius:6px;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;margin-top:1px;display:flex}.automation-card__title-group{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.automation-card__name{color:#1e293b;flex-wrap:wrap;align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:flex}.automation-card__badge{border-radius:20px;align-items:center;gap:3px;padding:2px 7px;font-size:.72rem;font-weight:500;display:inline-flex}.automation-card__badge--inactive{color:#94a3b8;background:#f1f5f9}.automation-card__badge--suppressed{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.automation-card__badge--override{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.automation-card__trigger-label{color:#64748b;font-size:.8rem}.automation-card__trigger-detail{color:#94a3b8;font-style:italic}.automation-card__toggle-wrap{cursor:pointer;margin-top:2px}.automation-card__toggle{cursor:pointer;transition:opacity .15s}.automation-card__toggle--on{color:#f63040}.automation-card__toggle--off{color:#94a3b8}.automation-card__toggle--readonly{cursor:not-allowed;opacity:.5}.automation-card__spinner{color:#94a3b8;margin-top:2px;animation:.8s linear infinite spin}.automation-card__description{color:#475569;margin:8px 0 0 40px;font-size:.84rem;line-height:1.45}.automation-card__steps{margin:10px 0 0 40px}.automation-card__steps-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:5px;margin-bottom:5px;font-size:.78rem;font-weight:600;display:flex}.automation-card__step-list{flex-direction:column;gap:4px;margin:0;padding:0 0 0 18px;display:flex}.automation-card__step{color:#475569;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:.83rem;display:flex}.automation-card__step--inactive{opacity:.5}.automation-card__step-name{font-weight:500}.automation-card__step-desc{color:#94a3b8;font-size:.79rem}.automation-card__step-badge{color:#94a3b8;background:#f1f5f9;border-radius:3px;padding:1px 5px;font-size:.7rem}.automation-card__meta-row{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:16px;margin-top:10px;padding-top:8px;display:flex}.automation-card__meta-item{color:#64748b;align-items:center;gap:6px;font-size:.8rem;display:flex}.automation-card__meta-date{color:#64748b;font-size:.8rem}.automation-card__meta-date--never{color:#94a3b8;font-style:italic}.automation-card__eta{color:#0284c7;font-weight:500}.automation-card__eta-abs{color:#94a3b8;font-size:.76rem;font-weight:400}.automation-card__note-row{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;display:flex}.automation-card__note-icon{color:#d97706;flex-shrink:0}.automation-card__note-input{background:#fff;border:1px solid #e2e8f0;border-radius:4px;outline:none;flex:1;min-width:160px;padding:5px 8px;font-size:.83rem}.automation-card__note-input:focus{border-color:#f63040}.automation-card__note-save,.automation-card__note-cancel{cursor:pointer;border:none;border-radius:4px;padding:5px 12px;font-size:.82rem;transition:background .15s}.automation-card__note-save:disabled,.automation-card__note-cancel:disabled{opacity:.6;cursor:not-allowed}.automation-card__note-save{color:#fff;background:#f63040}.automation-card__note-save:hover:not(:disabled){background:#dc1a29}.automation-card__note-cancel{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.automation-card__note-cancel:hover:not(:disabled){background:#e2e8f0}.status-badge{border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:.76rem;font-weight:600;display:inline-flex}.status-badge--success{color:#16a34a;background:#f0fdf4}.status-badge--warning{color:#d97706;background:#fffbeb}.status-badge--error{color:#dc2626;background:#fef2f2}.status-badge--info{color:#2563eb;background:#eff6ff}.status-badge--default{color:#64748b;background:#f1f5f9}.diag-panel{padding:.25rem 0}.diag-empty-state{color:#a0aec0;text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1rem;display:flex}.diag-empty-state svg{opacity:.5}.diag-empty-state p{max-width:420px;margin:0;font-size:.9rem}.diag-hint{color:#718096!important;font-size:.82rem!important}.diag-header{border-bottom:1px solid #edf2f7;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:.75rem 0 1rem;display:flex}.diag-header-info{align-items:flex-start;gap:.65rem;display:flex}.diag-header-info>svg{color:#4a5568;flex-shrink:0;margin-top:3px}.diag-header-info h4{color:#1a202c;margin:0;font-size:.95rem;font-weight:700}.diag-subtitle{color:#718096;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:2px;font-size:.78rem;display:flex}.diag-quick-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.diag-match-badge{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.diag-action-btn{color:#4a5568;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.diag-action-btn:hover{color:#2d3748;background:#f7fafc;border-color:#cbd5e0}.diag-action-btn:disabled{opacity:.55;cursor:not-allowed}.diag-action-btn.diag-action-primary{color:#fff;background:#f63040;border-color:#f63040}.diag-action-btn.diag-action-primary:hover{color:#fff;background:#e02030;border-color:#e02030}.diag-action-btn.diag-action-danger{color:#e53e3e;border-color:#fed7d7}.diag-action-btn.diag-action-danger:hover{background:#fff5f5;border-color:#feb2b2}@keyframes diag-spin{to{transform:rotate(360deg)}}.diag-action-btn .spin{animation:.8s linear infinite diag-spin}.diag-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.diag-card{background:#f8fafc;border:1px solid #edf2f7;border-radius:8px;overflow:hidden}.diag-card.diag-card-highlight{background:#fffbfb;border-width:1.5px;border-color:#f63040}.diag-card-title{color:#2d3748;text-transform:uppercase;letter-spacing:.3px;background:#edf2f7;border-bottom:1px solid #e2e8f0;align-items:center;gap:7px;padding:10px 14px;font-size:.78rem;font-weight:700;display:flex}.diag-card-body{padding:10px 14px 12px}.diag-row{border-bottom:1px solid #f0f4f8;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:5px 0;display:flex}.diag-row:last-child{border-bottom:none}.diag-label{color:#718096;flex-shrink:0;align-items:center;gap:5px;min-width:90px;font-size:.78rem;font-weight:600;display:flex}.diag-value{color:#2d3748;text-align:right;word-break:break-word;font-size:.82rem}.diag-value.diag-value-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.diag-value.diag-value-small{font-size:.76rem}.diag-badge{align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:inline-flex}.diag-badge.diag-badge-green{color:#38a169}.diag-badge.diag-badge-red{color:#e53e3e}.diag-badge.diag-badge-orange{color:#dd6b20}.diag-progress-wrap{text-align:right;flex:1}.diag-progress-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:3px;overflow:hidden}.diag-progress-fill{background:#38a169;border-radius:4px;height:100%;transition:width .3s}.diag-progress-fill.diag-progress-warn{background:#dd6b20}.diag-progress-fill.diag-progress-danger{background:#e53e3e}.diag-progress-label{color:#718096;font-size:.72rem}.diag-empty-inline{color:#a0aec0;text-align:center;padding:6px 0;font-size:.82rem;font-style:italic}.diag-leases-section{border:1px solid #edf2f7;border-radius:8px;margin-top:.5rem;overflow:hidden}.diag-leases-toggle{color:#4a5568;cursor:pointer;background:#f8fafc;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:.82rem;font-weight:600;transition:background .15s;display:flex}.diag-leases-toggle:hover{background:#edf2f7}.diag-leases-count{color:#4a5568;background:#edf2f7;border-radius:10px;justify-content:center;align-items:center;min-width:22px;height:20px;margin-left:auto;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-flex}.diag-leases-content{border-top:1px solid #edf2f7}.diag-leases-search{color:#a0aec0;background:#fff;border-bottom:1px solid #edf2f7;align-items:center;gap:8px;padding:8px 14px;display:flex}.diag-leases-search input{color:#2d3748;background:0 0;border:none;outline:none;flex:1;font-size:.82rem}.diag-leases-search input::placeholder{color:#a0aec0}.diag-leases-table-wrap{max-height:360px;overflow-y:auto}.diag-leases-table{border-collapse:collapse;width:100%;font-size:.78rem}.diag-leases-table th{color:#4a5568;text-align:left;white-space:nowrap;background:#edf2f7;border-bottom:1px solid #e2e8f0;padding:8px 10px;font-weight:700;position:sticky;top:0}.diag-leases-table td{color:#2d3748;border-bottom:1px solid #f0f4f8;padding:6px 10px}.diag-leases-table tr:hover td{background:#f7fafc}.diag-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem}.diag-lease-highlight td{font-weight:600;background:#fffbeb!important}.diag-lease-status{color:#718096;background:#edf2f7;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:600;display:inline-block}.diag-lease-status.bound{color:#38a169;background:#f0fff4}.diag-tab-dot{color:#38a169!important;background:0 0!important;width:auto!important;min-width:auto!important;height:auto!important;padding:0!important;font-size:.65rem!important}.activity-tab-btn.active .diag-tab-dot{color:#38a169!important;background:0 0!important}@media (width<=768px){.diag-grid{grid-template-columns:1fr}.diag-header{flex-direction:column}.diag-quick-actions{justify-content:flex-start;width:100%}}.projects-page{background:#f9f9f9;max-width:1600px;margin:0 auto;padding:2rem}.projects-page .page-header{margin-bottom:2rem}.projects-page .page-header h1{color:#333;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:2rem;font-weight:600;display:flex}.projects-page .page-header h1 i{color:#f63040}.projects-page .page-header .page-description{color:#57565b;margin:0;font-size:1rem}.projects-page .page-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.projects-page .page-controls .filter-controls{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;display:flex}.projects-page .page-controls .filter-controls .form-group{margin-bottom:0}.projects-page .page-controls .filter-controls .form-group label{color:#333;margin-bottom:.25rem;font-size:.85rem;font-weight:500;display:block}.projects-page .page-controls .filter-controls .form-group select,.projects-page .page-controls .filter-controls .form-group input{background:#fff;border:1px solid #57565b;border-radius:6px;min-width:150px;padding:.5rem .75rem;font-size:.9rem}.projects-page .page-controls .filter-controls .form-group select:focus,.projects-page .page-controls .filter-controls .form-group input:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 3px #f630401a}.projects-page .page-controls .filter-controls .form-check{cursor:pointer;align-items:center;gap:.5rem;display:flex}.projects-page .page-controls .filter-controls .form-check input{cursor:pointer;accent-color:#f63040;width:18px;height:18px}.projects-page .page-controls .filter-controls .form-check label{cursor:pointer;color:#333;font-size:.9rem}.projects-page .page-controls .view-controls{align-items:center;gap:1rem;display:flex}.projects-page .page-controls .view-controls .view-toggle{border:1px solid #57565b;border-radius:6px;display:flex;overflow:hidden}.projects-page .page-controls .view-controls .view-toggle .view-btn{cursor:pointer;color:#57565b;background:#fff;border:none;align-items:center;gap:.5rem;min-width:auto;height:auto;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.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{color:#fff;background:#f63040}.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{color:#fff;cursor:pointer;background-color:#f63040;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;min-width:120px;height:40px;font-size:16px;font-weight:600;transition:background-color .3s ease-in-out,transform .3s ease-in-out;display:inline-flex}.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{color:#57565b;flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}.projects-page .loading-container i{color:#f63040;margin-bottom:1rem}.projects-page .loading-container p{font-size:1.1rem}.projects-page .empty-state{text-align:center;color:#57565b;padding:4rem}.projects-page .empty-state i{opacity:.5;color:#f63040;margin-bottom:1.5rem}.projects-page .empty-state h3{color:#333;margin-bottom:.5rem;font-size:1.5rem}.projects-page .empty-state p{margin-bottom:1.5rem}.projects-page .empty-state .btn-primary{color:#fff;cursor:pointer;background-color:#f63040;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;min-width:120px;height:40px;font-size:16px;font-weight:600;transition:background-color .3s ease-in-out,transform .3s ease-in-out;display:inline-flex}.projects-page .empty-state .btn-primary:hover{background-color:#e90a1c;transform:translateY(-2px)}.projects-page .projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.projects-page .project-card{background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #00000014}.projects-page .project-card:hover{border-color:#f63040;transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.projects-page .project-card.inactive{opacity:.7;background:#f9f9f9}.projects-page .project-card .project-card-header{border-bottom:1px solid #e2e8f0;gap:1rem;padding:1.25rem;display:flex}.projects-page .project-card .project-card-header .project-color-bar{border-radius:2px;flex-shrink:0;width:4px;min-height:50px}.projects-page .project-card .project-card-header .project-info{flex:1}.projects-page .project-card .project-card-header .project-info .project-name{color:#2c3e50;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.projects-page .project-card .project-card-header .project-info .project-meta{flex-wrap:wrap;gap:.5rem;display:flex}.projects-page .project-card .project-card-body{padding:1.25rem}.projects-page .project-card .project-card-body .project-description{color:#718096;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 1rem;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.projects-page .project-card .project-card-body .project-details{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.projects-page .project-card .project-card-body .project-details .detail-item{color:#718096;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.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{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.projects-page .project-card .project-card-body .project-progress .progress-bar{background:#e2e8f0;border-radius:4px;flex:1;height:8px;overflow:hidden}.projects-page .project-card .project-card-body .project-progress .progress-bar .progress-fill{background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:4px;height:100%;transition:width .3s}.projects-page .project-card .project-card-body .project-progress .progress-text{color:#4a5568;min-width:35px;font-size:.8rem;font-weight:600}.projects-page .project-card .project-card-body .project-tags{flex-wrap:wrap;gap:.5rem;display:flex}.projects-page .project-card .project-card-body .project-tags .tag{color:#2980b9;background:#e8f4f8;border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.projects-page .project-card .project-card-actions{background:#f8fafc;border-top:1px solid #e2e8f0;gap:.5rem;padding:1rem 1.25rem;display:flex}.projects-page .project-card .project-card-actions .btn{flex:1;padding:.5rem;font-size:.8rem}.projects-page .status-badge{border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.projects-page .status-badge.status-planning{color:#3498db;background:#e8f4f8}.projects-page .status-badge.status-active{color:#28a745;background:#d4edda}.projects-page .status-badge.status-on-hold{color:#856404;background:#fff3cd}.projects-page .status-badge.status-completed{color:#0c5460;background:#d1ecf1}.projects-page .status-badge.status-cancelled{color:#721c24;background:#f8d7da}.projects-page .priority-badge{border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.projects-page .priority-badge.priority-low{color:#718096;background:#e2e8f0}.projects-page .priority-badge.priority-medium{color:#97266d;background:#fed7e2}.projects-page .priority-badge.priority-high{color:#c05621;background:#feebc8}.projects-page .priority-badge.priority-critical{color:#c53030;background:#fed7d7}.projects-page .department-badge{color:#22543d;background:#f0fff4;border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.projects-page .gantt-container{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000014}.projects-page .gantt-container .gantt-header{background:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex}.projects-page .gantt-container .gantt-header .gantt-project-column{color:#4a5568;border-right:1px solid #e2e8f0;flex-shrink:0;width:250px;padding:1rem;font-weight:600}.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{text-align:center;color:#718096;border-right:1px solid #e2e8f0;flex:1;min-width:80px;padding:1rem .5rem;font-size:.8rem}.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{border-bottom:1px solid #e2e8f0;min-height:50px;display:flex}.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{border-right:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:.5rem;width:300px;padding:.75rem 1rem;display:flex}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .gantt-expand-btn{cursor:pointer;color:#57565b;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;padding:.25rem;transition:all .2s;display:flex}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .gantt-expand-btn:hover{color:#f63040;background:#e2e8f0}.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{color:#2c3e50;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;font-weight:500;overflow:hidden}.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{color:#4a5568;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;font-weight:400;overflow:hidden}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .task-count-badge{color:#2980b9;white-space:nowrap;background:#e8f4f8;border-radius:10px;padding:.15rem .5rem;font-size:.7rem;font-weight:500}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .priority-indicator{border-radius:8px;padding:.1rem .4rem;font-size:.65rem;font-weight:500}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .priority-indicator.priority-low{color:#718096;background:#e2e8f0}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .priority-indicator.priority-medium{color:#97266d;background:#fed7e2}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .priority-indicator.priority-high{color:#c05621;background:#feebc8}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .priority-indicator.priority-critical{color:#c53030;background:#fed7d7}.projects-page .gantt-container .gantt-body .gantt-row .gantt-project-info .status-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.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;padding:.5rem 0;position:relative}.projects-page .gantt-container .gantt-body .gantt-row .gantt-bar-container .gantt-bar{cursor:pointer;border-radius:4px;height:28px;transition:all .2s;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%);box-shadow:0 1px 3px #0003}.projects-page .gantt-container .gantt-body .gantt-row .gantt-bar-container .gantt-bar:hover{transform:translateY(-50%)scale(1.02);box-shadow:0 2px 6px #0000004d}.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{opacity:.85;height:20px}.projects-page .gantt-container .gantt-body .gantt-row .gantt-bar-container .gantt-bar.gantt-bar-subtask{opacity:.75;height:14px}.projects-page .gantt-container .gantt-body .gantt-row .gantt-bar-container .gantt-bar.gantt-bar-milestone{border-radius:50%;justify-content:center;align-items:center;height:24px;display:flex;transform:translateY(-50%)rotate(45deg);box-shadow:0 2px 4px #0000004d;width:24px!important}.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{color:#fff;font-size:.6rem;transform:rotate(-45deg)}.projects-page .gantt-container .gantt-body .gantt-row .gantt-bar-container .gantt-bar .gantt-progress{background:#0003;border-radius:4px 0 0 4px;height:100%}.projects-page .gantt-container .gantt-body .gantt-milestone-row{border-left:3px solid #f39c12;background:#fffbf0!important}.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{cursor:pointer;color:#57565b;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:16px;min-width:16px;height:16px;padding:.15rem;transition:all .2s;display:flex}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .gantt-expand-btn-sm:hover{color:#f63040;background:#e2e8f0}.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{margin-right:.25rem;font-size:.8rem}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .milestone-name{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;font-weight:500;overflow:hidden}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .critical-badge{color:#fff;background:#f63040;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;display:flex}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .milestone-status-indicator{border-radius:8px;padding:.1rem .4rem;font-size:.6rem;font-weight:500}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .milestone-status-indicator.status-pending{color:#718096;background:#e2e8f0}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .milestone-status-indicator.status-in-progress{color:#2b6cb0;background:#bee3f8}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .milestone-status-indicator.status-achieved{color:#276749;background:#c6f6d5}.projects-page .gantt-container .gantt-body .gantt-milestone-row .gantt-milestone-info .milestone-status-indicator.status-overdue{color:#c53030;background:#fed7d7}.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{color:#718096;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8rem;font-weight:400;overflow:hidden}.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{cursor:pointer;color:#57565b;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:16px;min-width:16px;height:16px;padding:.15rem;transition:all .2s;display:flex}.projects-page .gantt-container .gantt-body .gantt-task-row .gantt-expand-btn-sm:hover{color:#f63040;background:#e2e8f0}.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{color:#6b46c1;background:#e9d8fd;border-radius:8px;margin-left:.25rem;padding:.1rem .4rem;font-size:.6rem;font-weight:500}.projects-page .gantt-container .gantt-body .project-icon{color:#f63040;margin-right:.25rem;font-size:.85rem}.projects-page .modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.projects-page .modal-backdrop .modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;display:flex;box-shadow:0 10px 40px #0000004d}.projects-page .modal-backdrop .modal-content .modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.projects-page .modal-backdrop .modal-content .modal-header h3{color:#2c3e50;margin:0;font-size:1.25rem}.projects-page .modal-backdrop .modal-content .modal-header .close-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.25rem;transition:color .2s}.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{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.projects-page .modal-backdrop .modal-content .modal-body .form-row.three-col{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}.projects-page .modal-backdrop .modal-content .modal-body .form-group label{color:#4a5568;margin-bottom:.375rem;font-size:.9rem;font-weight:500;display:block}.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{border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:.625rem .875rem;font-size:.9rem;transition:all .2s}.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{border-color:#3498db;outline:none;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{align-items:center;gap:.75rem;display:flex}.projects-page .modal-backdrop .modal-content .modal-body .form-group .color-picker input[type=color]{cursor:pointer;border-radius:6px;width:40px;height:40px;padding:2px}.projects-page .modal-backdrop .modal-content .modal-body .form-group .color-picker .color-presets{flex-wrap:wrap;gap:.375rem;display:flex}.projects-page .modal-backdrop .modal-content .modal-body .form-group .color-picker .color-presets .color-preset{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:all .2s}.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{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;margin-top:.5rem;padding-top:1rem;display:flex}.projects-page .btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;min-width:auto;height:auto;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.projects-page .btn.btn-primary{color:#fff;background:#f63040;border-color:#f63040}.projects-page .btn.btn-primary:hover{background:#e90a1c;border-color:#e90a1c;transform:translateY(-2px)}.projects-page .btn.btn-secondary{color:#fff;background:#57565b;border-color:#57565b}.projects-page .btn.btn-secondary:hover{background:#706f75;border-color:#706f75;transform:translateY(-2px)}.projects-page .btn.btn-outline-primary{color:#f63040;background:0 0;border-color:#f63040}.projects-page .btn.btn-outline-primary:hover{color:#fff;background:#f63040;transform:translateY(-2px)}.projects-page .btn.btn-outline-info{color:#57565b;background:0 0;border-color:#57565b}.projects-page .btn.btn-outline-info:hover{color:#fff;background:#57565b;transform:translateY(-2px)}.projects-page .btn.btn-outline-danger{color:#f63040;background:0 0;border-color:#f63040}.projects-page .btn.btn-outline-danger:hover{color:#fff;background:#f63040;transform:translateY(-2px)}.projects-page .btn.btn-sm{min-width:auto;height:auto;padding:.375rem .75rem;font-size:.8rem}@media (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 (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{background:#f9f9f9;min-height:100vh;margin:0 auto;padding:2rem}.project-detail-page>.page-header,.project-detail-page>.project-info-section,.project-detail-page>.stats-section,.project-detail-page>.view-toggle-tabs,.project-detail-page>.tasks-section,.project-detail-page>.milestones-section,.project-detail-page>.gantt-section{max-width:1400px;margin-left:auto;margin-right:auto}.project-detail-page .loading-container,.project-detail-page .error-container{color:#57565b;flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}.project-detail-page .loading-container i,.project-detail-page .error-container i{color:#f63040;margin-bottom:1rem}.project-detail-page .loading-container p,.project-detail-page .error-container p{margin-bottom:1.5rem;font-size:1.1rem}.project-detail-page .page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.project-detail-page .page-header .header-left{align-items:flex-start;gap:1rem;display:flex}.project-detail-page .page-header .header-left .back-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:.75rem;transition:all .3s;display:flex}.project-detail-page .page-header .header-left .back-btn:hover{color:#fff;background:#f63040;border-color:#f63040;transform:translate(-2px)}.project-detail-page .page-header .header-left .project-title-section{align-items:flex-start;gap:1rem;display:flex}.project-detail-page .page-header .header-left .project-title-section .project-color-indicator{border-radius:3px;flex-shrink:0;width:6px;height:100%;min-height:50px}.project-detail-page .page-header .header-left .project-title-section h1{color:#333;margin:0 0 .5rem;font-size:1.75rem}.project-detail-page .page-header .header-left .project-title-section .project-meta{flex-wrap:wrap;gap:.5rem;display:flex}.project-detail-page .page-header .header-right .btn-primary{color:#fff;cursor:pointer;background-color:#f63040;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;min-width:120px;height:40px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.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:1.5px solid #e0e0e0;border-radius:6px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 8px #00000014}.project-detail-page .project-info-section .info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.project-detail-page .project-info-section .info-card{background:#f9f9f9;border-radius:6px;align-items:center;gap:1rem;padding:1rem;display:flex}.project-detail-page .project-info-section .info-card .info-icon{color:#f63040;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.project-detail-page .project-info-section .info-card .info-content .label{color:#57565b;margin-bottom:.25rem;font-size:.8rem;display:block}.project-detail-page .project-info-section .info-card .info-content .value{color:#333;font-weight:600}.project-detail-page .project-info-section .info-card .info-content .progress-bar-container{align-items:center;gap:.75rem;display:flex}.project-detail-page .project-info-section .info-card .info-content .progress-bar-container .progress-bar{background:#e2e8f0;border-radius:4px;width:100px;height:8px;overflow:hidden}.project-detail-page .project-info-section .info-card .info-content .progress-bar-container .progress-bar .progress-fill{background:linear-gradient(90deg,#f63040,#2ecc71);border-radius:4px;height:100%;transition:width .3s}.project-detail-page .project-info-section .info-card .info-content .progress-bar-container .progress-text{color:#333;font-weight:600}.project-detail-page .project-info-section .project-description{border-top:1px solid #e2e8f0;padding-top:1rem}.project-detail-page .project-info-section .project-description h3{color:#57565b;margin-bottom:.5rem;font-size:1rem}.project-detail-page .project-info-section .project-description p{color:#333;margin:0;line-height:1.6}.project-detail-page .stats-section{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.project-detail-page .stats-section .stat-card{text-align:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;min-width:120px;padding:1.25rem 1.5rem;transition:all .3s;box-shadow:0 2px 8px #00000014}.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{color:#333;margin-bottom:.25rem;font-size:1.75rem;font-weight:700;display:block}.project-detail-page .stats-section .stat-card .stat-label{color:#57565b;font-size:.85rem}.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:#e2e8f0}.project-detail-page .stats-section .stat-card.overdue .stat-value{color:#57565b}.project-detail-page .stats-section .stat-card.overdue.has-overdue{background:#fef2f2;border-color:#f63040}.project-detail-page .stats-section .stat-card.overdue.has-overdue .stat-value{color:#f63040}.project-detail-page .tasks-section{background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.project-detail-page .tasks-section .section-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.project-detail-page .tasks-section .section-header h2{color:#333;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;display:flex}.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;color:#57565b;padding:3rem}.project-detail-page .tasks-section .empty-tasks i{opacity:.5;color:#f63040;margin-bottom:1rem}.project-detail-page .tasks-section .empty-tasks h3{color:#333;margin-bottom:.5rem}.project-detail-page .tasks-section .empty-tasks p{margin-bottom:1.5rem}.project-detail-page .tasks-table .tasks-header{color:#57565b;border-bottom:2px solid #e2e8f0;border-radius:6px 6px 0 0;grid-template-columns:40px 1fr 120px 100px 150px 130px 90px 100px;font-size:.85rem;font-weight:600;display:grid}.project-detail-page .tasks-table .tasks-header>div{align-items:center;display:flex}.project-detail-page .tasks-table .tasks-body .task-row{grid-template-columns:40px 1fr 120px 100px 150px 130px 90px 100px;align-items:center;transition:all .3s;display:grid}.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:#3498db08;border-left:3px solid #e2e8f0;padding-left:calc(1rem + 24px);position:relative}.project-detail-page .tasks-table .tasks-body .task-row.level-1:before{content:"";background:#bdd5ea;width:3px;position:absolute;top:0;bottom:0;left:0}.project-detail-page .tasks-table .tasks-body .task-row.level-2{background:#3498db0d;border-left:3px solid #bdd5ea;padding-left:calc(1rem + 48px)}.project-detail-page .tasks-table .tasks-body .task-row.level-3{background:#3498db12;border-left:3px solid #a8cde0;padding-left:calc(1rem + 72px)}.project-detail-page .tasks-table .task-expand{align-items:center;display:flex}.project-detail-page .tasks-table .task-expand .expand-btn{cursor:pointer;color:#57565b;background:0 0;border:none;min-width:auto;height:auto;padding:.25rem}.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{color:#333;align-items:center;gap:.5rem;font-weight:500;display:flex}.project-detail-page .tasks-table .task-info .task-title .strikethrough{color:#57565b;text-decoration:line-through}.project-detail-page .tasks-table .task-info .task-title .subtask-badge{color:#1e40af;white-space:nowrap;background:#dbeafe;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.project-detail-page .tasks-table .task-info .task-description{color:#57565b;text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font-size:.8rem;overflow:hidden}.project-detail-page .tasks-table .task-status .status-select{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:.375rem .5rem;font-size:.8rem}.project-detail-page .tasks-table .task-status .status-select:focus{border-color:#f63040;outline:none}.project-detail-page .tasks-table .task-status .status-select.status-open{color:#e67e22;border-color:#f39c12}.project-detail-page .tasks-table .task-status .status-select.status-in-progress{color:#2980b9;border-color:#3498db}.project-detail-page .tasks-table .task-status .status-select.status-pending{color:#8e44ad;border-color:#9b59b6}.project-detail-page .tasks-table .task-status .status-select.status-closed,.project-detail-page .tasks-table .task-status .status-select.status-completed{color:#27ae60;border-color:#2ecc71}.project-detail-page .tasks-table .task-assignee{color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.project-detail-page .tasks-table .task-dates{color:#57565b;font-size:.85rem}.project-detail-page .tasks-table .task-dates .overdue{color:#f63040;font-weight:600}.project-detail-page .tasks-table .task-progress-cell .task-progress-mini{align-items:center;gap:.4rem;display:flex}.project-detail-page .tasks-table .task-progress-cell .task-progress-mini .progress-bar-mini{background:#e2e8f0;border-radius:3px;flex:1;min-width:30px;height:5px;overflow:hidden}.project-detail-page .tasks-table .task-progress-cell .task-progress-mini .progress-bar-mini .progress-fill-mini{background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:3px;height:100%;transition:width .3s}.project-detail-page .tasks-table .task-progress-cell .task-progress-mini .progress-label{color:#57565b;white-space:nowrap;text-align:right;min-width:28px;font-size:.75rem;font-weight:600}.project-detail-page .tasks-table .task-actions{gap:.375rem;display:flex}.project-detail-page .tasks-table .task-actions .btn-icon{cursor:pointer;color:#475569;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:.5rem .625rem;font-size:.875rem;transition:all .3s;display:flex}.project-detail-page .tasks-table .task-actions .btn-icon:hover{color:#fff;background:#f63040;border-color:#f63040;transform:scale(1.05);box-shadow:0 2px 4px #00000026}.project-detail-page .tasks-table .task-actions .btn-icon.btn-edit{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}.project-detail-page .tasks-table .task-actions .btn-icon.btn-edit:hover{color:#fff;background:#0ea5e9;border-color:#0ea5e9}.project-detail-page .tasks-table .task-actions .btn-icon.btn-add{color:#15803d;background:#dcfce7;border-color:#86efac}.project-detail-page .tasks-table .task-actions .btn-icon.btn-add:hover{color:#fff;background:#22c55e;border-color:#22c55e}.project-detail-page .tasks-table .task-actions .btn-icon.btn-danger{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.project-detail-page .tasks-table .task-actions .btn-icon.btn-danger:hover{color:#fff;background:#ef4444;border-color:#ef4444}.project-detail-page .status-badge{border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.project-detail-page .status-badge.status-planning{color:#3498db;background:#e8f4f8}.project-detail-page .status-badge.status-active{color:#28a745;background:#d4edda}.project-detail-page .status-badge.status-on-hold{color:#856404;background:#fff3cd}.project-detail-page .status-badge.status-completed{color:#0c5460;background:#d1ecf1}.project-detail-page .status-badge.status-cancelled{color:#721c24;background:#f8d7da}.project-detail-page .priority-badge{border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.project-detail-page .priority-badge.priority-low{color:#718096;background:#e2e8f0}.project-detail-page .priority-badge.priority-medium{color:#97266d;background:#fed7e2}.project-detail-page .priority-badge.priority-high{color:#c05621;background:#feebc8}.project-detail-page .priority-badge.priority-critical{color:#c53030;background:#fed7d7}.project-detail-page .department-badge{color:#22543d;background:#f0fff4;border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.project-detail-page .modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.project-detail-page .modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;box-shadow:0 10px 40px #0000004d}.project-detail-page .modal-content .modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.project-detail-page .modal-content .modal-header h3{color:#333;margin:0;font-size:1.25rem}.project-detail-page .modal-content .modal-header .close-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;min-width:auto;height:auto;padding:.25rem .5rem;font-size:1.25rem}.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{color:#4a5568;margin-bottom:.375rem;font-size:.9rem;font-weight:500;display:block}.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{border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:.625rem .875rem;font-size:.9rem;transition:all .2s}.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{border-color:#f63040;outline:none;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{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.project-detail-page .modal-content .modal-body .modal-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;margin-top:.5rem;padding-top:1rem;display:flex}.project-detail-page .btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;min-width:auto;height:auto;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.project-detail-page .btn.btn-primary{color:#fff;background:#f63040;border-color:#f63040}.project-detail-page .btn.btn-primary:hover{background:#e90a1c;border-color:#e90a1c;transform:translateY(-2px)}.project-detail-page .btn.btn-secondary{color:#fff;background:#57565b;border-color:#57565b}.project-detail-page .btn.btn-secondary:hover{background:#706f75;border-color:#706f75;transform:translateY(-2px)}.project-detail-page .view-toggle-tabs{border-bottom:2px solid #e2e8f0;gap:0;margin-bottom:1.5rem;display:flex}.project-detail-page .view-toggle-tabs .tab-btn{cursor:pointer;color:#57565b;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;margin-bottom:-2px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.project-detail-page .view-toggle-tabs .tab-btn i{font-size:.9rem}.project-detail-page .view-toggle-tabs .tab-btn .tab-badge{color:#57565b;background:#e2e8f0;border-radius:10px;padding:.1rem .5rem;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{color:#fff;background:#f63040}.project-detail-page .milestones-section{background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.project-detail-page .milestones-section .section-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.project-detail-page .milestones-section .section-header h2{color:#333;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;display:flex}.project-detail-page .milestones-section .section-header h2 i{color:#f63040}.project-detail-page .milestones-section .empty-milestones{text-align:center;color:#57565b;padding:3rem}.project-detail-page .milestones-section .empty-milestones i{opacity:.5;color:#f63040;margin-bottom:1rem}.project-detail-page .milestones-section .empty-milestones h3{color:#333;margin-bottom:.5rem}.project-detail-page .milestones-section .empty-milestones p{margin-bottom:1.5rem}.project-detail-page .milestones-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem;display:grid}.project-detail-page .milestones-grid .milestone-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.project-detail-page .milestones-grid .milestone-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.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{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.project-detail-page .milestones-grid .milestone-card .milestone-content{flex:1;min-width:0}.project-detail-page .milestones-grid .milestone-card .milestone-content h4{color:#333;margin:0 0 .25rem;font-size:1rem}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-description{color:#57565b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:.85rem;display:-webkit-box;overflow:hidden}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta{flex-wrap:wrap;gap:.5rem;font-size:.8rem;display:flex}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta .milestone-status{border-radius:10px;padding:.2rem .5rem;font-weight:500}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta .milestone-status.status-pending{color:#718096;background:#e2e8f0}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta .milestone-status.status-in-progress{color:#2b6cb0;background:#bee3f8}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta .milestone-status.status-achieved{color:#276749;background:#c6f6d5}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta .milestone-status.status-overdue{color:#c53030;background:#fed7d7}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta .milestone-status.status-cancelled{color:#6b46c1;background:#faf5ff}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta .milestone-date{color:#57565b;align-items:center;gap:.25rem;display:flex}.project-detail-page .milestones-grid .milestone-card .milestone-content .milestone-meta .critical-badge{color:#f63040;align-items:center;gap:.25rem;font-weight:600;display:flex}.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{color:#2f855a;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.8rem;display:flex}.project-detail-page .milestones-grid .milestone-card .milestone-actions{flex-direction:column;gap:.25rem;display:flex}.project-detail-page .milestones-grid .milestone-card .milestone-actions .btn-icon{cursor:pointer;color:#57565b;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:.375rem;font-size:.75rem;transition:all .3s;display:flex}.project-detail-page .milestones-grid .milestone-card .milestone-actions .btn-icon.btn-achieve{color:#276749;background:#c6f6d5;border-color:#68d391}.project-detail-page .milestones-grid .milestone-card .milestone-actions .btn-icon.btn-achieve:hover{color:#fff;background:#48bb78}.project-detail-page .milestones-grid .milestone-card .milestone-actions .btn-icon.btn-edit:hover{color:#fff;background:#3498db;border-color:#3498db}.project-detail-page .milestones-grid .milestone-card .milestone-actions .btn-icon.btn-danger:hover{color:#fff;background:#f63040;border-color:#f63040}.project-detail-page .milestones-list{flex-direction:column;gap:.75rem;padding:.5rem 0;display:flex}.project-detail-page .milestone-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;transition:box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.project-detail-page .milestone-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a}.project-detail-page .milestone-card.achieved{background:#f0fff4;border-color:#c6f6d5}.project-detail-page .milestone-card.overdue{background:#fff5f5;border-color:#fed7d7}.project-detail-page .milestone-card .milestone-card-indicator{flex-shrink:0;width:5px}.project-detail-page .milestone-card .milestone-card-content{flex-direction:column;flex:1;gap:.5rem;min-width:0;padding:1rem 1.25rem;display:flex}.project-detail-page .milestone-card .milestone-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-detail-page .milestone-card .milestone-card-title{color:#333;align-items:center;gap:.5rem;min-width:0;font-size:1rem;font-weight:600;display:flex}.project-detail-page .milestone-card .milestone-card-title svg{color:#e53e3e;flex-shrink:0}.project-detail-page .milestone-card .milestone-card-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-detail-page .milestone-card .milestone-card-actions{flex-shrink:0;gap:.35rem;display:flex}.project-detail-page .milestone-card .milestone-card-actions .btn-icon{cursor:pointer;color:#a0aec0;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:.3rem;transition:all .3s;display:flex}.project-detail-page .milestone-card .milestone-card-actions .btn-icon:hover{color:#3498db;background:#ebf8ff;border-color:#bee3f8}.project-detail-page .milestone-card .milestone-card-actions .btn-icon.btn-danger:hover{color:#f63040;background:#fff5f5;border-color:#feb2b2}.project-detail-page .milestone-card .milestone-card-actions .btn-icon svg{width:14px;height:14px}.project-detail-page .milestone-card .milestone-card-description{color:#718096;margin:0;font-size:.875rem;line-height:1.5}.project-detail-page .milestone-card .milestone-card-meta{flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.project-detail-page .milestone-card .milestone-card-meta .milestone-status-badge{text-transform:capitalize;border-radius:12px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.project-detail-page .milestone-card .milestone-card-meta .milestone-status-badge.status-pending{color:#975a16;background:#fefcbf}.project-detail-page .milestone-card .milestone-card-meta .milestone-status-badge.status-in-progress{color:#2b6cb0;background:#bee3f8}.project-detail-page .milestone-card .milestone-card-meta .milestone-status-badge.status-achieved{color:#276749;background:#c6f6d5}.project-detail-page .milestone-card .milestone-card-meta .milestone-status-badge.status-overdue{color:#9b2c2c;background:#fed7d7}.project-detail-page .milestone-card .milestone-card-meta .milestone-status-badge.status-cancelled{color:#4a5568;background:#e2e8f0}.project-detail-page .milestone-card .milestone-card-meta .milestone-date,.project-detail-page .milestone-card .milestone-card-meta .milestone-achieved-date,.project-detail-page .milestone-card .milestone-card-meta .milestone-task-count{color:#718096;align-items:center;gap:.3rem;display:inline-flex}.project-detail-page .milestone-card .milestone-card-meta .milestone-date svg,.project-detail-page .milestone-card .milestone-card-meta .milestone-achieved-date svg,.project-detail-page .milestone-card .milestone-card-meta .milestone-task-count svg{flex-shrink:0;width:13px;height:13px}.project-detail-page .milestone-card .milestone-card-meta .milestone-achieved-date{color:#38a169}.project-detail-page .milestone-card .milestone-card-meta .milestone-notify-badge{color:#d69e2e;align-items:center;gap:.25rem;font-weight:500;display:inline-flex}.project-detail-page .milestone-card .milestone-card-meta .milestone-notify-badge svg{width:13px;height:13px}.project-detail-page .milestone-card .milestone-progress{align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.project-detail-page .milestone-card .milestone-progress .progress-bar{background:#e2e8f0;border-radius:3px;flex:1;height:6px;overflow:hidden}.project-detail-page .milestone-card .milestone-progress .progress-bar .progress-fill{background:linear-gradient(90deg,#4299e1,#3182ce);border-radius:3px;height:100%;transition:width .4s}.project-detail-page .milestone-card .milestone-progress .progress-text{color:#4a5568;white-space:nowrap;text-align:right;min-width:32px;font-size:.75rem;font-weight:600}.project-detail-page .milestones-empty-state{text-align:center;color:#a0aec0;background:#f7fafc;border:2px dashed #e2e8f0;border-radius:6px;padding:3rem 2rem}.project-detail-page .milestones-empty-state svg{color:#cbd5e0;margin-bottom:.75rem;font-size:2rem}.project-detail-page .milestones-empty-state p{margin:.25rem 0}.project-detail-page .milestones-empty-state p:first-of-type{color:#718096;font-size:1rem;font-weight:600}.project-detail-page .form-section{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1rem}.project-detail-page .form-section h4{color:#333;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.95rem;display:flex}.project-detail-page .form-section h4 i{color:#f6ad55}.project-detail-page .form-section .form-check-group{flex-direction:column;gap:.5rem;display:flex}.project-detail-page .form-check{cursor:pointer;align-items:center;gap:.5rem;display:flex}.project-detail-page .form-check input[type=checkbox]{cursor:pointer;accent-color:#f63040;width:16px;height:16px}.project-detail-page .form-check span{color:#333;font-size:.9rem}.project-detail-page .form-hint{color:#57565b;margin-top:.25rem;font-size:.8rem;display:block}.project-detail-page .modal-content .color-picker{align-items:center;gap:.75rem;display:flex}.project-detail-page .modal-content .color-picker input[type=color]{cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;width:40px;height:40px;padding:2px}.project-detail-page .modal-content .color-picker .color-presets{flex-wrap:wrap;gap:.25rem;display:flex}.project-detail-page .modal-content .color-picker .color-presets .color-preset{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:all .2s}.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{box-sizing:border-box;background:#fff;border-top:1.5px solid #e0e0e0;border-bottom:1.5px solid #e0e0e0;width:100%;padding:1.5rem 2rem;box-shadow:0 2px 8px #00000014}.project-detail-page .kanban-section .section-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.project-detail-page .kanban-section .section-header h2{color:#333;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;display:flex}.project-detail-page .kanban-section .section-header h2 i{color:#f63040}.project-detail-page .kanban-board{grid-template-columns:repeat(5,1fr);gap:1rem;min-height:400px;padding-bottom:1rem;display:grid;overflow-x:auto}@media (width<=1400px){.project-detail-page .kanban-board{grid-template-columns:repeat(5,minmax(220px,1fr))}}@media (width<=1024px){.project-detail-page .kanban-board{grid-template-columns:repeat(5,250px)}}.project-detail-page .kanban-column{background:#f8f9fa;border-radius:6px;flex-direction:column;min-height:300px;transition:all .3s;display:flex}.project-detail-page .kanban-column.drop-target{background:#e8f4fd;box-shadow:inset 0 0 0 2px #3498db}.project-detail-page .kanban-column .column-header{background:#fff;border-top:3px solid #e2e8f0;border-bottom:1px solid #e2e8f0;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.project-detail-page .kanban-column .column-header .column-title{color:#333;font-size:.9rem;font-weight:600}.project-detail-page .kanban-column .column-header .column-count{color:#57565b;background:#e2e8f0;border-radius:10px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.project-detail-page .kanban-column .column-body{flex-direction:column;flex:1;gap:.75rem;max-height:600px;padding:.75rem;display:flex;overflow-y:auto}.project-detail-page .kanban-card{cursor:grab;box-sizing:border-box;background:#fff;border:1px solid #e4e7ec;border-left:3px solid #0000;border-radius:6px;width:100%;max-width:100%;padding:.55rem .7rem;font-size:.82rem;transition:box-shadow .15s,transform .15s,border-color .15s;overflow:hidden;box-shadow:0 1px 2px #1018280f}.project-detail-page .kanban-card:hover{border-color:#d0d5dd;transform:translateY(-1px);box-shadow:0 4px 10px #1018281a}.project-detail-page .kanban-card:active{cursor:grabbing}.project-detail-page .kanban-card.completed{opacity:.75;background:#f8f9fa}.project-detail-page .kanban-card.completed .card-title{color:#57565b;text-decoration:line-through}.project-detail-page .kanban-card.has-subtasks{border-left-color:#9b59b6}.project-detail-page .kanban-card .card-header{align-items:flex-start;gap:.4rem;margin-bottom:.35rem;display:flex}.project-detail-page .kanban-card .card-header .priority-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.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{color:#333;text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:.82rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.project-detail-page .kanban-card .card-description{color:#57565b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:.8rem;display:-webkit-box;overflow:hidden}.project-detail-page .kanban-card .card-meta{color:#57565b;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.project-detail-page .kanban-card .card-meta .due-date,.project-detail-page .kanban-card .card-meta .assignee{align-items:center;gap:.25rem;display:flex}.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-subtask-progress{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.project-detail-page .kanban-card .card-subtask-progress .subtask-progress-header{color:#9b59b6;white-space:nowrap;flex-shrink:0;align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;display:flex}.project-detail-page .kanban-card .card-subtask-progress .subtask-progress-header svg{width:11px;height:11px}.project-detail-page .kanban-card .card-subtask-progress .subtask-progress-bar{background:#e2e8f0;border-radius:2px;flex:1;min-width:0;height:4px;overflow:hidden}.project-detail-page .kanban-card .card-subtask-progress .subtask-progress-bar .subtask-progress-fill{background:linear-gradient(90deg,#9b59b6,#8e44ad);border-radius:2px;height:100%;transition:width .3s}.project-detail-page .kanban-card .card-subtasks{border-top:1px solid #e2e8f0;margin-top:.5rem;padding-top:.5rem}.project-detail-page .kanban-card .card-subtasks .subtasks-list{flex-direction:column;gap:.25rem;max-width:100%;display:flex;overflow:hidden}.project-detail-page .kanban-card .card-subtasks .subtask-item{cursor:pointer;color:#333;background:#f8f9fa;border-radius:4px;align-items:center;gap:.5rem;min-width:0;padding:.35rem .5rem;font-size:.8rem;transition:all .2s;display:flex}.project-detail-page .kanban-card .card-subtasks .subtask-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.project-detail-page .kanban-card .card-subtasks .subtask-item:hover{background:#e2e8f0}.project-detail-page .kanban-card .card-subtasks .subtask-item.completed span{color:#57565b;text-decoration:line-through}.project-detail-page .kanban-card .card-subtasks .subtask-item.completed i{color:#27ae60}.project-detail-page .kanban-card .card-subtasks .subtask-item i{color:#57565b;font-size:.7rem}.project-detail-page .kanban-card .card-footer{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;display:flex}.project-detail-page .kanban-card .card-assignee{flex:1;align-items:center;gap:.35rem;min-width:0;display:flex}.project-detail-page .kanban-card .card-assignee .assignee-icon{color:#cbd5e0;flex-shrink:0;font-size:1rem}.project-detail-page .kanban-card .card-assignee .assignee-name{color:#57565b;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.project-detail-page .kanban-card .card-actions{opacity:0;flex-shrink:0;justify-content:flex-end;gap:.2rem;transition:opacity .2s;display:flex}.project-detail-page .kanban-card .card-actions .btn-icon{cursor:pointer;color:#57565b;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:3px;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;padding:.2rem;font-size:.65rem;transition:all .2s;display:flex}.project-detail-page .kanban-card .card-actions .btn-icon.btn-add:hover{color:#fff;background:#27ae60;border-color:#27ae60}.project-detail-page .kanban-card .card-actions .btn-icon.btn-edit:hover{color:#fff;background:#3498db;border-color:#3498db}.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:"";pointer-events:none;border:2px dashed #0000;border-radius:6px;transition:all .2s;position:absolute;inset:0}.project-detail-page .kanban-card.drop-zone:hover:before{background:#3498db0d;border-color:#3498db}.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;opacity:0;margin-right:.25rem;font-size:.6rem;transition:opacity .2s}.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{color:#fff;background:#e74c3c}.project-detail-page .kanban-column .column-header .column-header-right{align-items:center;gap:.5rem;display:flex}.project-detail-page .kanban-column .column-header .column-actions{opacity:0;gap:.25rem;transition:opacity .2s;display:flex}.project-detail-page .kanban-column .column-header:hover .column-actions{opacity:1}.project-detail-page .kanban-column .column-header .btn-icon-sm{cursor:pointer;color:#57565b;background:0 0;border:none;border-radius:3px;padding:.2rem .35rem;font-size:.7rem;transition:all .2s}.project-detail-page .kanban-column .column-header .btn-icon-sm:hover{color:#3498db;background:#e2e8f0}.project-detail-page .kanban-column .column-header .btn-icon-sm.btn-danger-sm:hover{color:#f63040;background:#fee2e2}.project-detail-page .column-modal{max-width:500px}.project-detail-page .section-header .header-actions{align-items:center;gap:.5rem;display:flex}.project-detail-page .section-header .btn-outline{color:#57565b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .3s;display:flex}.project-detail-page .section-header .btn-outline:hover{color:#3498db;background:#f0f7ff;border-color:#3498db}.project-detail-page .section-header .btn-outline-secondary{color:#57565b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .3s;display:flex}.project-detail-page .section-header .btn-outline-secondary:hover{color:#e74c3c;background:#fef2f2;border-color:#e74c3c}.project-detail-page .subtask-count{color:#9b59b6;background:#f3e8ff;border-radius:10px;align-items:center;gap:.35rem;margin-left:.5rem;padding:.15rem .5rem;font-size:.75rem;display:inline-flex}.project-detail-page .subtask-count i{font-size:.65rem}.project-detail-page .kanban-with-swimlanes{flex-direction:column;gap:0;display:flex;overflow-x:auto}.project-detail-page .kanban-column-headers{z-index:10;background:#f8f9fa;border-bottom:2px solid #e2e8f0;gap:0;display:grid;position:sticky;top:0}.project-detail-page .kanban-column-headers .swimlane-label-header{color:#57565b;background:#f0f4f8;border-right:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.85rem;font-weight:600}.project-detail-page .kanban-column-headers .column-header-cell{color:#333;text-align:center;background:#fff;border-top:3px solid #3498db;border-right:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-weight:600;display:flex}.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{gap:.25rem;display:flex}.project-detail-page .kanban-swimlane{border-bottom:1px solid #e2e8f0}.project-detail-page .kanban-swimlane.unassigned-swimlane{background:#fafafa}.project-detail-page .swimlane-header{background:#fafbfc;border-left:4px solid #f39c12;align-items:center;padding:.75rem 1rem;display:flex}.project-detail-page .swimlane-header .swimlane-label{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.project-detail-page .swimlane-header .swimlane-label i{font-size:1rem}.project-detail-page .swimlane-header .swimlane-label .milestone-name{color:#333;font-size:.95rem;font-weight:600}.project-detail-page .swimlane-header .swimlane-label .critical-badge{color:#fff;background:#f63040;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;display:flex}.project-detail-page .swimlane-header .swimlane-label .milestone-status-badge{border-radius:10px;padding:.15rem .5rem;font-size:.7rem;font-weight:500}.project-detail-page .swimlane-header .swimlane-label .milestone-status-badge.status-pending{color:#718096;background:#e2e8f0}.project-detail-page .swimlane-header .swimlane-label .milestone-status-badge.status-in-progress{color:#2b6cb0;background:#bee3f8}.project-detail-page .swimlane-header .swimlane-label .milestone-status-badge.status-achieved{color:#276749;background:#c6f6d5}.project-detail-page .swimlane-header .swimlane-label .milestone-target-date{color:#57565b;align-items:center;gap:.35rem;font-size:.8rem;display:flex}.project-detail-page .swimlane-header .swimlane-label .milestone-target-date i{font-size:.7rem}.project-detail-page .swimlane-header .swimlane-label .task-count{color:#57565b;background:#e8f4f8;border-radius:10px;padding:.1rem .5rem;font-size:.8rem}.project-detail-page .swimlane-body{background:#fff;gap:0;min-height:100px;display:grid;overflow:hidden}.project-detail-page .swimlane-body .swimlane-spacer{background:#fafbfc;border-right:1px solid #e2e8f0;min-width:0}.project-detail-page .swimlane-body .kanban-cell{background:#fafafa;border-right:1px solid #e2e8f0;flex-direction:column;gap:.75rem;min-width:0;min-height:80px;padding:.75rem;transition:background .2s;display:flex;overflow:hidden}.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{text-align:center;color:#57565b;background:#fffbf0;border:1px solid #f39c12;border-radius:6px;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.project-detail-page .no-milestones-message svg{color:#f39c12;font-size:1.25rem}.project-detail-page .no-milestones-message p{margin:0}.project-detail-page .tasks-grouped-by-milestone{flex-direction:column;gap:1.5rem;display:flex}.project-detail-page .milestone-task-group{background:#fff;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.project-detail-page .milestone-task-group.unassigned-group{background:#fafafa}.project-detail-page .milestone-group-header{background:#fafbfc;border-bottom:1px solid #e2e8f0;border-left:4px solid #f39c12;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.project-detail-page .milestone-group-header .milestone-info{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.project-detail-page .milestone-group-header .milestone-info i{font-size:1rem}.project-detail-page .milestone-group-header .milestone-info .milestone-name{color:#333;font-size:1rem;font-weight:600}.project-detail-page .milestone-group-header .milestone-info .critical-badge{color:#fff;background:#f63040;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;display:flex}.project-detail-page .milestone-group-header .milestone-info .milestone-status-badge{border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.project-detail-page .milestone-group-header .milestone-info .milestone-status-badge.status-pending{color:#718096;background:#e2e8f0}.project-detail-page .milestone-group-header .milestone-info .milestone-status-badge.status-in-progress{color:#2b6cb0;background:#bee3f8}.project-detail-page .milestone-group-header .milestone-info .milestone-status-badge.status-achieved{color:#276749;background:#c6f6d5}.project-detail-page .milestone-group-header .milestone-info .milestone-target-date{color:#57565b;align-items:center;gap:.35rem;font-size:.85rem;display:flex}.project-detail-page .milestone-group-header .milestone-info .milestone-target-date i{font-size:.75rem}.project-detail-page .milestone-group-header .task-count-badge{color:#57565b;background:#e8f4f8;border-radius:12px;padding:.25rem .75rem;font-size:.85rem}.project-detail-page .milestone-task-group .tasks-table{box-shadow:none;border:none;border-radius:0}.project-detail-page .date-input-wrapper{position:relative}.project-detail-page .date-input-wrapper .date-input-native{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute}.project-detail-page .date-input-wrapper .date-input-display{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:.65rem .9rem;transition:all .2s;display:flex}.project-detail-page .date-input-wrapper .date-input-display span{color:#333;font-size:.9rem}.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{color:#57565b;background:#f0f4f8;border-color:#94a3b8}.project-detail-page .task-actions .btn-icon.btn-view:hover{color:#fff;background:#57565b;border-color:#57565b}.project-detail-page .task-detail-modal{max-width:700px;max-height:85vh}.project-detail-page .task-detail-modal .task-detail-tabs{border-bottom:2px solid #e2e8f0;gap:0;padding:0 1.5rem;display:flex;overflow-x:auto}.project-detail-page .task-detail-modal .task-detail-tabs .tab-btn{cursor:pointer;color:#57565b;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;min-width:auto;height:auto;margin-bottom:-2px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.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{color:#57565b;background:#e2e8f0;border-radius:10px;padding:.1rem .5rem;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{color:#fff;background:#f63040}.project-detail-page .task-detail-modal .modal-body{max-height:55vh;overflow-y:auto}.project-detail-page .task-details-content .detail-row{border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:1rem;padding:.75rem 0;display:flex}.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{color:#57565b;min-width:100px;font-size:.9rem;font-weight:600}.project-detail-page .task-details-content .detail-row .detail-description{color:#333;margin:0;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{border-top:1px solid #e2e8f0;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.project-detail-page .task-details-content .detail-milestone{align-items:center;gap:.4rem;display:flex}.project-detail-page .task-details-content .detail-date-light{color:#57565b;font-size:.85rem}.project-detail-page .task-details-content .detail-progress{flex:1;align-items:center;gap:.75rem;display:flex}.project-detail-page .task-details-content .detail-progress .detail-progress-bar{background:#e2e8f0;border-radius:3px;flex:1;max-width:150px;height:6px;overflow:hidden}.project-detail-page .task-details-content .detail-progress .detail-progress-bar .detail-progress-fill{background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:3px;height:100%;transition:width .3s}.project-detail-page .task-details-content .detail-progress .detail-progress-text{color:#57565b;white-space:nowrap;font-size:.8rem;font-weight:600}.project-detail-page .subtasks-content .subtasks-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.project-detail-page .subtasks-content .subtasks-header h4{color:#333;margin:0}.project-detail-page .subtasks-content .subtasks-list-modal{flex-direction:column;gap:.5rem;display:flex}.project-detail-page .subtasks-content .subtasks-list-modal .subtask-item-modal{cursor:pointer;background:#f8f9fa;border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.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{color:#57565b;text-decoration:line-through}.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{color:#333;flex:1}.project-detail-page .subtasks-content .subtasks-list-modal .subtask-item-modal .status-badge-sm{border-radius:8px;padding:.15rem .4rem;font-size:.7rem;font-weight:500}.project-detail-page .subtasks-content .subtasks-list-modal .subtask-item-modal .status-badge-sm.status-open{color:#c05621;background:#feebc8}.project-detail-page .subtasks-content .subtasks-list-modal .subtask-item-modal .status-badge-sm.status-in-progress{color:#2b6cb0;background:#bee3f8}.project-detail-page .subtasks-content .subtasks-list-modal .subtask-item-modal .status-badge-sm.status-pending{color:#6b46c1;background:#e9d8fd}.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{color:#276749;background:#c6f6d5}.project-detail-page .comments-content .add-comment-form{border-bottom:1px solid #e2e8f0;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.project-detail-page .comments-content .add-comment-form textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:.75rem;font-size:.9rem}.project-detail-page .comments-content .add-comment-form textarea:focus{border-color:#f63040;outline:none}.project-detail-page .comments-content .add-comment-form button{align-self:flex-end}.project-detail-page .comments-content .comments-list{flex-direction:column;gap:1rem;display:flex}.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{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.project-detail-page .comments-content .comments-list .comment-item .comment-header .comment-author{color:#333;align-items:center;gap:.5rem;font-weight:600;display:flex}.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{color:#57565b;font-size:.8rem}.project-detail-page .comments-content .comments-list .comment-item .comment-body{color:#333;white-space:pre-wrap;line-height:1.5}.project-detail-page .files-content .file-upload-form{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem}.project-detail-page .files-content .files-list{flex-direction:column;gap:.5rem;display:flex}.project-detail-page .files-content .files-list .file-item{background:#f8f9fa;border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.project-detail-page .files-content .files-list .file-item i{color:#57565b}.project-detail-page .files-content .files-list .file-item .file-name{color:#333;flex:1}.project-detail-page .files-content .files-list .file-item .file-size{color:#57565b;font-size:.8rem}.project-detail-page .checklist-content .add-checklist-form{border-bottom:1px solid #e2e8f0;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.project-detail-page .checklist-content .add-checklist-form input{border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:.625rem .875rem;font-size:.9rem}.project-detail-page .checklist-content .add-checklist-form input:focus{border-color:#f63040;outline:none}.project-detail-page .checklist-content .checklist-list{flex-direction:column;gap:.5rem;display:flex}.project-detail-page .checklist-content .checklist-list .checklist-item{cursor:pointer;background:#f8f9fa;border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.project-detail-page .checklist-content .checklist-list .checklist-item:hover{background:#e8f4fd}.project-detail-page .checklist-content .checklist-list .checklist-item.completed .checklist-text{color:#57565b;text-decoration:line-through}.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{color:#333;flex:1}.project-detail-page .empty-state-small{text-align:center;color:#57565b;padding:2rem}.project-detail-page .empty-state-small i{opacity:.5;margin-bottom:.75rem;font-size:2rem}.project-detail-page .empty-state-small p{margin:0;font-size:.9rem}.project-detail-page .btn.btn-sm{min-width:auto;height:auto;padding:.375rem .75rem;font-size:.8rem}.project-detail-page .kanban-card .card-actions .btn-icon.btn-view{color:#57565b;background:#f0f4f8;border-color:#94a3b8}.project-detail-page .kanban-card .card-actions .btn-icon.btn-view:hover{color:#fff;background:#57565b;border-color:#57565b}@media (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 70px 80px}}@media (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{grid-template-columns:30px 1fr 100px 80px 120px 100px 70px 80px;min-width:780px}.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{border-top:1px dashed #e2e8f0;margin-top:1.5rem;padding-top:1rem}.template-fields-section .template-header{color:#667eea;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.95rem;font-weight:500;display:flex}.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:1px solid #e2e8f0;border-radius:6px;padding:1.5rem;box-shadow:0 2px 8px #0000000f}.gantt-section .section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.gantt-section .section-header h2{color:#333;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;display:flex}.gantt-section .section-header h2 i{color:#f63040}.gantt-container{border:1px solid #e2e8f0;border-radius:6px;overflow-x:auto}.gantt-chart-wrapper{min-width:100%;position:relative}.gantt-header{color:#fff;z-index:10;background:#57565b;display:flex;position:sticky;top:0}.gantt-header .gantt-header-left{border-right:1px solid #fff3;width:300px;min-width:300px;padding:.75rem 1rem;font-weight:600}.gantt-header .gantt-header-timeline{display:flex;overflow:hidden}.gantt-header .gantt-header-timeline .gantt-week-header{text-align:center;border-right:1px solid #ffffff1a;flex-shrink:0;padding:.75rem .5rem;font-size:.75rem}.gantt-body{position:relative}.gantt-body .gantt-today-line{z-index:5;background:#f63040;width:2px;position:absolute;top:0;bottom:0}.gantt-body .gantt-today-line:before{content:"Today";color:#f63040;white-space:nowrap;font-size:.7rem;font-weight:600;position:absolute;top:-20px;left:-20px}.gantt-row{border-bottom:1px solid #f1f5f9;min-height:36px;display:flex}.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{color:#57565b;background:#f8fafc;font-weight:500}.gantt-row .gantt-row-label{border-right:1px solid #e2e8f0;align-items:center;gap:.5rem;width:300px;min-width:300px;padding:.5rem;display:flex;overflow:hidden}.gantt-row .gantt-row-label .row-name{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex:1;overflow:hidden}.gantt-row .gantt-row-label .row-name:hover{color:#f63040}.gantt-row .gantt-row-label .status-badge-mini{border-radius:10px;flex-shrink:0;padding:.1rem .4rem;font-size:.65rem;font-weight:500}.gantt-row .gantt-row-label .status-badge-mini.status-open{color:#92400e;background:#fef3c7}.gantt-row .gantt-row-label .status-badge-mini.status-in-progress{color:#1d4ed8;background:#dbeafe}.gantt-row .gantt-row-label .status-badge-mini.status-pending{color:#7c3aed;background:#f3e8ff}.gantt-row .gantt-row-label .status-badge-mini.status-completed{color:#047857;background:#d1fae5}.gantt-row .gantt-row-label .status-badge-mini.status-closed{color:#374151;background:#e5e7eb}.gantt-row .gantt-row-timeline{flex:1;position:relative}.gantt-bar{cursor:pointer;border-radius:3px;justify-content:center;align-items:center;min-width:4px;height:20px;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;top:8px}.gantt-bar:hover{z-index:5;transform:scaleY(1.2);box-shadow:0 2px 8px #0003}.gantt-bar.gantt-bar-project{border-radius:4px;height:24px;top:6px}.gantt-bar.gantt-bar-milestone{border-radius:2px;height:16px;top:10px}.gantt-bar.gantt-bar-milestone .milestone-marker{color:#fff;font-size:.6rem}.gantt-bar.gantt-bar-subtask{opacity:.85;height:14px;top:11px}.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{color:#64748b;font-size:.9rem;font-weight:400}@keyframes wizardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.35s ease-out wizardFadeIn}.template-wizard-page{flex-direction:column;max-width:1100px;min-height:calc(100vh - 80px);margin:0 auto;padding:20px;display:flex}.wizard-page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.wizard-page-header .wizard-page-header-left{flex:1;min-width:0}.wizard-page-header h1{color:#57565b;align-items:center;gap:10px;margin-bottom:8px;font-size:1.8rem;display:flex}.wizard-page-header h1 svg{color:#f63040}.wizard-page-header .page-description{color:#888;margin:0;font-size:1rem;line-height:1.5}.wizard-page-header .btn-back-link{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;min-width:0;height:auto;margin-top:4px;padding:8px 18px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.wizard-page-header .btn-back-link:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.wizard-steps-indicator{justify-content:center;align-items:flex-start;gap:0;margin-bottom:32px;padding:0 40px;display:flex}.wizard-step-dot{cursor:default;flex-direction:column;flex:1;align-items:center;max-width:180px;display:flex;position:relative}.wizard-step-dot .dot-circle{color:#94a3b8;z-index:1;background:#e2e8f0;border:3px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;transition:all .3s;display:flex}.wizard-step-dot .dot-label{color:#94a3b8;text-align:center;white-space:nowrap;margin-top:8px;font-size:.8rem;font-weight:500;transition:color .3s}.wizard-step-dot .dot-connector{z-index:0;background:#e2e8f0;width:calc(100% - 48px);height:3px;transition:background .3s;position:absolute;top:21px;left:calc(50% + 24px)}.wizard-step-dot.active .dot-circle{color:#fff;background:#3498db;border-color:#3498db;box-shadow:0 0 0 4px #3498db33}.wizard-step-dot.active .dot-label{color:#3498db;font-weight:600}.wizard-step-dot.completed{cursor:pointer}.wizard-step-dot.completed .dot-circle{color:#fff;background:#27ae60;border-color:#27ae60}.wizard-step-dot.completed .dot-label{color:#27ae60}.wizard-step-dot.completed .dot-connector{background:#27ae60}.wizard-body{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;margin-bottom:20px;padding:32px;box-shadow:0 2px 8px #0000000a}.wizard-step-content .step-header{margin-bottom:28px}.wizard-step-content .step-header h2{color:#334155;align-items:center;gap:10px;margin-bottom:8px;font-size:1.4rem;display:flex}.wizard-step-content .step-header h2 svg{color:#3498db}.wizard-step-content .step-header p{color:#64748b;margin:0;font-size:.95rem;line-height:1.5}.wizard-step-content .step-header .step-header-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.wizard-step-content .step-header .bulk-actions{flex-shrink:0;align-items:center;gap:6px;padding-top:4px;display:flex}.wizard-step-content .step-header .bulk-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;min-width:0;height:auto;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.wizard-step-content .step-header .bulk-btn svg{font-size:.7rem}.wizard-step-content .step-header .bulk-btn:hover{color:#4338ca;background:#eef2ff;border-color:#818cf8}.preset-cards{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.preset-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:16px;padding:20px;transition:all .2s;display:flex;position:relative}.preset-card:hover{border-color:var(--preset-color,#3498db);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.preset-card.selected{border-color:var(--preset-color,#3498db);background:#3498db08;box-shadow:0 0 0 3px #3498db26}.preset-card .preset-card-icon{background:color-mix(in srgb, var(--preset-color,#3498db) 10%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.preset-card .preset-card-icon svg{color:var(--preset-color,#3498db);font-size:1.4rem}.preset-card .preset-card-body{flex:1;min-width:0}.preset-card .preset-card-body h3{color:#1e293b;margin:0 0 6px;font-size:1.1rem}.preset-card .preset-card-body p{color:#64748b;margin:0 0 10px;font-size:.85rem;line-height:1.4}.preset-card .preset-card-body .preset-card-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.preset-card .preset-card-body .preset-card-meta .badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:.75rem}.preset-card .preset-card-body .preset-card-meta .field-count{color:#94a3b8;font-size:.8rem}.preset-card .preset-card-check{color:#27ae60;font-size:1.2rem;position:absolute;top:12px;right:12px}.field-customisation{max-height:500px;padding-right:4px;overflow-y:auto}.field-customisation::-webkit-scrollbar{width:5px}.field-customisation::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.field-section-group{margin-bottom:20px}.field-section-group:last-child{margin-bottom:0}.field-section-title{color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0;margin:0 0 10px;padding-bottom:8px;font-size:.9rem;font-weight:600}.field-list{flex-direction:column;gap:6px;display:flex}.field-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;transition:all .15s;display:flex}.field-item.disabled{opacity:.5;background:#f8fafc}.field-item:hover{border-color:#cbd5e0}.field-item .field-item-grip{flex-direction:column;gap:2px;display:flex}.field-item .field-item-grip .move-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:3px;min-width:0;height:auto;padding:2px 4px;font-size:.65rem;line-height:1}.field-item .field-item-grip .move-btn:hover{color:#475569;background:#e2e8f0}.field-item .toggle-btn{cursor:pointer;background:0 0;border:none;min-width:0;height:auto;padding:4px;font-size:1.3rem;line-height:1;transition:color .15s}.field-item .toggle-btn.on{color:#27ae60}.field-item .toggle-btn.off{color:#cbd5e0}.field-item .field-item-info{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.field-item .field-item-info .field-label-input{color:#1e293b;border:1px solid #0000;border-radius:4px;flex:1;min-width:120px;max-width:280px;padding:4px 8px;font-size:.9rem;font-weight:500;transition:border-color .15s}.field-item .field-item-info .field-label-input:hover:not(:disabled){border-color:#e2e8f0}.field-item .field-item-info .field-label-input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db1a}.field-item .field-item-info .field-label-input:disabled{color:#94a3b8;background:0 0}.field-item .field-item-info .field-name-badge{color:#3b82f6;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.7rem}.field-item .field-item-info .field-type-badge{color:#64748b;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:.7rem}.field-item .field-item-info .required-badge{color:#ef4444;white-space:nowrap;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:2px 6px;font-size:.7rem}.field-item .field-item-info .row-badge{color:#a16207;white-space:nowrap;background:#fefce8;border:1px solid #fde68a;border-radius:4px;padding:2px 6px;font-size:.7rem}.field-item .field-item-info .help-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:0;height:auto;padding:3px;font-size:.85rem;transition:color .15s;display:inline-flex}.field-item .field-item-info .help-btn:hover{color:#3498db}.field-item .field-help-text{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;flex-basis:100%;margin:6px 0 0 60px;padding:8px 12px;font-size:.8rem;line-height:1.45;animation:.2s ease-out wizardFadeIn}.field-summary{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;font-size:.9rem;display:flex}.field-summary svg{color:#3b82f6}.derived-key-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;display:flex}.derived-key-preview .derived-key-label{color:#64748b;white-space:nowrap;font-size:.8rem;font-weight:600}.derived-key-preview .derived-key-value{color:#3b82f6;word-break:break-all;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.85rem}.details-form .form-section{border-bottom:1px solid #e2e8f0;margin-bottom:28px;padding-bottom:24px}.details-form .form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.details-form .form-section h3{color:#334155;margin:0 0 16px;font-size:1rem;font-weight:600}.details-form .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.details-form .form-row.three-col{grid-template-columns:1fr 1fr 1fr}.details-form .form-field{flex-direction:column;gap:6px;display:flex}.details-form .form-field.full-width{grid-column:1/-1}.details-form .form-field label{color:#475569;font-size:.85rem;font-weight:600}.details-form .form-field label .required{color:#ef4444}.details-form .form-field input[type=text],.details-form .form-field input[type=number],.details-form .form-field select,.details-form .form-field textarea{color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:.9rem;transition:border-color .15s}.details-form .form-field input[type=text]:focus,.details-form .form-field input[type=number]:focus,.details-form .form-field select:focus,.details-form .form-field textarea:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.details-form .form-field input[type=text]::placeholder,.details-form .form-field input[type=number]::placeholder,.details-form .form-field select::placeholder,.details-form .form-field textarea::placeholder{color:#94a3b8}.details-form .form-field textarea{resize:vertical}.details-form .form-field .hint{color:#94a3b8;font-size:.8rem}.details-form .form-field .color-row{align-items:center;gap:8px;display:flex}.details-form .form-field .color-row input[type=color]{cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;width:42px;height:42px;padding:2px}.details-form .form-field .color-row .color-text{flex:1}.preview-meta-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding:16px 20px;display:flex}.preview-meta-summary .meta-chip{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:5px 14px 5px 10px;transition:border-color .15s;display:inline-flex}.preview-meta-summary .meta-chip .meta-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.preview-meta-summary .meta-chip .meta-value{color:#1e293b;font-size:.85rem;font-weight:500}.preview-meta-summary .meta-row{align-items:center;gap:6px;display:flex}.preview-meta-summary .meta-row .meta-label{color:#64748b;font-size:.8rem;font-weight:600}.preview-meta-summary .meta-row .meta-value{color:#1e293b;font-size:.85rem;font-weight:500}.preview-container{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.preview-container .preview-title{color:#475569;background:#f1f5f9;border-bottom:1px solid #e2e8f0;margin:0;padding:12px 20px;font-size:.9rem;font-weight:600}.preview-container .preview-form-wrap,.preview-container>div:not(.preview-title):not(.preview-form-wrap){padding:20px}.wizard-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.wizard-footer .btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;min-width:0;height:auto;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.wizard-footer .btn:disabled{opacity:.5;cursor:not-allowed}.wizard-footer .btn.btn-secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.wizard-footer .btn.btn-secondary:hover:not(:disabled){background:#e2e8f0}.wizard-footer .btn.btn-primary{color:#fff;background:#3498db}.wizard-footer .btn.btn-primary:hover:not(:disabled){background:#2980b9}.wizard-footer .btn.btn-success{color:#fff;background:#27ae60}.wizard-footer .btn.btn-success:hover:not(:disabled){background:#219a52}.wizard-footer .wizard-footer-step-label{color:#94a3b8;-webkit-user-select:none;user-select:none;font-size:.82rem;font-weight:500}.wizard-footer .footer-right{align-items:center;gap:12px;display:flex}.empty-state{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state svg{opacity:.5;margin-bottom:12px;font-size:2rem}.empty-state p{margin:0;font-size:.95rem;line-height:1.5}.fa-spin{animation:1s linear infinite fa-spin}@media (width<=768px){.wizard-page-header{flex-direction:column;gap:12px}.wizard-page-header .btn-back-link{align-self:flex-start}.wizard-steps-indicator{padding:0 8px}.wizard-step-dot .dot-label{font-size:.7rem}.preset-cards{grid-template-columns:1fr}.wizard-step-content .step-header .step-header-row{flex-direction:column;gap:10px}.wizard-footer-step-label{display:none}.details-form .form-row,.details-form .form-row.three-col{grid-template-columns:1fr}.field-item .field-item-info .field-label-input{min-width:80px;max-width:160px}}@media (width<=480px){.wizard-body{padding:20px 16px}.wizard-step-dot .dot-connector{display:none}}body.floorplan-active,html.floorplan-active{overflow:hidden}.main-content.floorplan-active{max-width:none;margin:110px 0 0;padding:0;overflow:hidden}.layout-root.floorplan-active .footer{display:none}.floorplan-loading,.floorplan-empty{color:#718096;background:#f7fafc;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.floorplan-loading .spinner,.floorplan-empty .spinner{border:4px solid #e2e8f0;border-top-color:#f63040;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.floorplan-loading h2,.floorplan-empty h2{color:#2d3748;margin:0;font-size:1.5rem}.floorplan-loading p,.floorplan-empty p{color:#718096;margin:0;font-size:1rem}.floorplan-loading .btn-primary,.floorplan-loading .btn-secondary,.floorplan-empty .btn-primary,.floorplan-empty .btn-secondary{margin-top:8px}.floorplan-designer{background:#1a1d23;flex-direction:column;width:100%;height:calc(100vh - 110px);display:flex;position:relative;overflow:hidden}.fp-topbar{z-index:20;background:#2d3748;border-bottom:1px solid #4a5568;flex-shrink:0;align-items:center;gap:4px;height:42px;padding:0 10px;display:flex}.fp-topbar .fp-topbar-left{flex-shrink:0;align-items:center;gap:8px;display:flex}.fp-topbar .fp-topbar-left .fp-topbar-title{color:#e2e8f0;white-space:nowrap;align-items:center;gap:5px;font-size:.813rem;font-weight:600;display:flex}.fp-topbar .fp-topbar-left .fp-topbar-title svg{color:#a0aec0}.fp-topbar .fp-topbar-left .unsaved-badge{color:#fc8181;font-size:1rem;line-height:1;animation:2s infinite pulse-dot}.fp-topbar .fp-topbar-left .active-users-indicator{color:#90cdf4;background:#4299e126;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:.688rem;font-weight:600;display:flex}.fp-topbar .fp-topbar-left .active-users-indicator .active-users-avatars{display:flex}.fp-topbar .fp-topbar-left .active-users-indicator .active-users-avatars .user-avatar{color:#fff;background:#4299e1;border:1.5px solid #2d3748;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:-4px;font-size:.563rem;font-weight:700;display:inline-flex}.fp-topbar .fp-topbar-left .active-users-indicator .active-users-avatars .user-avatar:first-child{margin-left:0}.fp-topbar .fp-topbar-left .active-users-indicator .active-users-avatars .user-avatar.more{background:#718096}.fp-topbar .fp-topbar-floors{flex:1;align-items:stretch;gap:0;min-width:0;margin-left:12px;display:flex;overflow-x:auto}.fp-topbar .fp-topbar-floors::-webkit-scrollbar{height:0}.fp-topbar .fp-topbar-floors .floor-tab{color:#a0aec0;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:2px solid #0000;align-items:center;gap:4px;height:42px;padding:0 14px;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.fp-topbar .fp-topbar-floors .floor-tab:hover{color:#e2e8f0;background:#ffffff0d}.fp-topbar .fp-topbar-floors .floor-tab.active{color:#fff;background:#f6304014;border-bottom-color:#f63040}.fp-topbar .fp-topbar-floors .floor-tab .floor-tab-actions{gap:1px;display:flex}.fp-topbar .fp-topbar-floors .floor-tab .floor-tab-actions .tab-btn{cursor:pointer;color:#a0aec0;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex}.fp-topbar .fp-topbar-floors .floor-tab .floor-tab-actions .tab-btn:hover{color:#fff;background:#ffffff1a}.fp-topbar .fp-topbar-floors .floor-tab .floor-tab-actions .tab-btn.danger:hover{color:#fc8181;background:#f5656533}.fp-topbar .fp-topbar-floors .floor-tab.add-tab{color:#68d391;gap:3px;font-weight:500}.fp-topbar .fp-topbar-floors .floor-tab.add-tab:hover{background:#48bb7814}.fp-topbar .fp-topbar-right{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:flex}.fp-topbar .fp-topbar-right .topbar-divider{background:#4a5568;width:1px;height:20px;margin:0 4px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.fp-topbar .btn-icon,.floorplan-designer>.btn-icon{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;transition:all .15s;display:inline-flex}.fp-topbar .btn-icon:hover:not(:disabled),.floorplan-designer>.btn-icon:hover:not(:disabled){color:#e2e8f0;background:#ffffff1a}.fp-topbar .btn-icon:disabled,.floorplan-designer>.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-save{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:5px;align-items:center;gap:5px;padding:5px 14px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-save:hover:not(:disabled){background:#f30b1d}.btn-save:disabled{opacity:.35;cursor:not-allowed}.btn-primary{color:#fff;cursor:pointer;background:#f63040;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover:not(:disabled){background:#f30b1d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#4a5568;cursor:pointer;background:#edf2f7;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#e2e8f0}.btn-icon{color:#4a5568;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.125rem;transition:all .15s;display:inline-flex}.btn-icon:hover:not(:disabled){color:#2d3748;background:#edf2f7}.btn-icon:disabled{opacity:.35;cursor:not-allowed}.btn-small{color:#4a5568;cursor:pointer;background:#edf2f7;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-small:hover{background:#e2e8f0}.btn-small.danger{color:#c53030}.btn-small.danger:hover{background:#fed7d7}.btn-small:disabled{opacity:.4;cursor:not-allowed}.fp-main{flex:1;position:relative;overflow:hidden}.fp-canvas-container{background:#2a2d35 radial-gradient(circle,#ffffff08 1px,#0000 1px) 0 0/20px 20px;position:absolute;inset:0;overflow:hidden}.fp-canvas-container canvas{display:block}.fp-canvas-container .scale-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cbd5e0;pointer-events:none;background:#2d3748d9;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:8px;padding:5px 10px;font-size:.688rem;display:flex;position:absolute;bottom:12px;left:86px}.fp-canvas-container .scale-indicator .scale-bar{background:#a0aec0;border-radius:1px;width:80px;height:2px}.fp-canvas-container .scale-indicator .element-count{color:#718096;border-left:1px solid #4a5568;padding-left:8px}.fp-canvas-container .fp-status-bar{color:#e2e8f0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#2d3748e6;border:1px solid #ffffff14;border-radius:8px;padding:6px 16px;font-size:.75rem;animation:.2s statusFadeIn;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}@keyframes statusFadeIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.fp-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#2d3748eb;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:2px;width:108px;max-height:calc(100% - 60px);padding:6px;display:flex;position:absolute;top:12px;left:12px;overflow:hidden auto;box-shadow:0 4px 20px #0000004d}.fp-toolbar::-webkit-scrollbar{width:3px}.fp-toolbar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.fp-toolbar .toolbar-section{border-bottom:1px solid #ffffff14;flex-direction:column;align-items:center;gap:2px;padding-bottom:6px;display:flex}.fp-toolbar .toolbar-section:last-child{border-bottom:none;padding-bottom:0}.fp-toolbar .toolbar-section.collapsed .tool-btn{display:none}.fp-toolbar .toolbar-section .toolbar-label{color:#718096;text-transform:uppercase;text-align:center;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;width:100%;padding:4px 0 2px;font-size:.6rem;overflow:hidden}.fp-toolbar .toolbar-section .toolbar-label-btn{cursor:pointer;color:#718096;background:0 0;border:none;justify-content:space-between;align-items:center;gap:4px;width:100%;padding:4px 4px 2px;transition:color .15s;display:flex}.fp-toolbar .toolbar-section .toolbar-label-btn:hover{color:#a0aec0}.fp-toolbar .toolbar-section .toolbar-label-btn .toolbar-label{text-align:left;flex:1;padding:0}.fp-toolbar .toolbar-section .toolbar-label-btn svg{opacity:.6;flex-shrink:0}.fp-toolbar .toolbar-section.expanded .toolbar-label-btn{color:#a0aec0}.fp-toolbar .tool-btn{color:#cbd5e0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:94px;height:38px;font-size:1.15rem;transition:all .15s;display:flex}.fp-toolbar .tool-btn svg{flex-shrink:0;width:20px;height:20px}.fp-toolbar .tool-btn:hover{color:#fff;background:#ffffff1f}.fp-toolbar .tool-btn.active{color:#fc8181;background:#f6304040;border-color:#f6304066}.fp-toolbar .zoom-label{color:#a0aec0;text-align:center;padding:2px;font-size:.625rem;font-weight:600}.fp-right-panel{z-index:10;flex-direction:column;transition:all .25s;display:flex;position:absolute;top:12px;right:12px}.fp-right-panel:not(.open) .panel-toggle{border-radius:8px;width:36px;height:36px}.fp-right-panel.open{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #00000014;border-radius:10px;width:280px;max-height:calc(100% - 24px);box-shadow:0 4px 24px #00000026}.fp-right-panel.open .panel-toggle{z-index:1;border-radius:6px;width:24px;height:24px;position:absolute;top:8px;right:8px}.fp-right-panel .panel-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e2e8f0;cursor:pointer;background:#2d3748d9;border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:0;font-size:.75rem;transition:all .15s;display:flex;box-shadow:0 2px 8px #0003}.fp-right-panel .panel-toggle:hover{color:#fff;background:#2d3748f2}.fp-right-panel.open .panel-toggle{color:#718096;box-shadow:none;background:#edf2f7;border:1px solid #e2e8f0}.fp-right-panel.open .panel-toggle:hover{color:#2d3748;background:#e2e8f0}.fp-right-panel .panel-content{max-height:calc(100vh - 100px);padding-top:4px;overflow-y:auto}.fp-right-panel .panel-content::-webkit-scrollbar{width:4px}.fp-right-panel .panel-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.fp-right-panel .panel-section{border-bottom:1px solid #f0f0f0;padding:10px 12px}.fp-right-panel .panel-section h3{color:#2d3748;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;margin:0 0 8px;font-size:.75rem;font-weight:700;display:flex}.fp-right-panel .layer-item{border-radius:4px;align-items:center;gap:4px;padding:4px 3px;transition:background .15s;display:flex}.fp-right-panel .layer-item:hover{background:#f7fafc}.fp-right-panel .layer-item .layer-visibility{cursor:pointer;color:#a0aec0;background:0 0;border:none;border-radius:4px;flex:0 0 18px;justify-content:center;align-items:center;width:18px;min-width:18px;max-width:18px;height:18px;padding:0;font-size:.75rem;display:flex}.fp-right-panel .layer-item .layer-visibility svg{width:14px;height:14px}.fp-right-panel .layer-item .layer-visibility:hover{color:#4a5568;background:#edf2f7}.fp-right-panel .layer-item .layer-color{border-radius:2px;flex-shrink:0;width:10px;height:10px}.fp-right-panel .layer-item .layer-name{color:#4a5568;word-wrap:break-word;overflow-wrap:break-word;flex:1;min-width:0;font-size:.813rem}.fp-right-panel .element-info{color:#4a5568;font-size:.75rem}.fp-right-panel .element-info p{margin:3px 0}.fp-right-panel .element-info .element-actions{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.fp-right-panel .notes-section .notes-list{max-height:180px;margin-bottom:8px;overflow-y:auto}.fp-right-panel .notes-section .note-card{background:#f7fafc;border:1px solid #edf2f7;border-radius:6px;margin-bottom:4px;padding:6px 8px}.fp-right-panel .notes-section .note-card .note-header{align-items:center;gap:4px;margin-bottom:3px;display:flex}.fp-right-panel .notes-section .note-card .note-header .note-author{color:#2d3748;font-size:.65rem;font-weight:700}.fp-right-panel .notes-section .note-card .note-header .note-date{color:#a0aec0;flex:1;font-size:.6rem}.fp-right-panel .notes-section .note-card .note-header .note-delete{cursor:pointer;color:#a0aec0;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex}.fp-right-panel .notes-section .note-card .note-header .note-delete:hover{color:#c53030;background:#fed7d7}.fp-right-panel .notes-section .note-card .note-content{color:#4a5568;font-size:.7rem;line-height:1.4}.fp-right-panel .notes-section .note-card .note-content p{margin:2px 0}.fp-right-panel .notes-section .note-card .note-content ul,.fp-right-panel .notes-section .note-card .note-content ol{margin:2px 0;padding-left:14px}.fp-right-panel .notes-section .note-card .note-content code{background:#edf2f7;border-radius:3px;padding:1px 3px;font-size:.65rem}.fp-right-panel .notes-section .note-input textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:6px;width:100%;min-height:50px;padding:6px 8px;font-family:inherit;font-size:.75rem}.fp-right-panel .notes-section .note-input textarea:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 2px #f630401a}.fp-right-panel .notes-section .note-input .btn-small{justify-content:center;width:100%;margin-top:4px}.fp-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fp-modal{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:560px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.fp-modal.fp-modal-wide{max-width:720px}.fp-modal .fp-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.fp-modal .fp-modal-header h2{color:#2d3748;margin:0;font-size:1.125rem;font-weight:700}.fp-modal .fp-modal-body{padding:20px;overflow-y:auto}.fp-modal .fp-modal-body label{color:#4a5568;margin-bottom:14px;font-size:.875rem;font-weight:600;display:block}.fp-modal .fp-modal-body label input[type=text],.fp-modal .fp-modal-body label input[type=number]{border:1px solid #e2e8f0;border-radius:6px;width:90%;margin-top:4px;padding:8px 12px;font-size:.875rem;transition:border .15s;display:block}.fp-modal .fp-modal-body label input[type=text]:focus,.fp-modal .fp-modal-body label input[type=number]:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 2px #f630401a}.fp-modal .fp-modal-body label input[type=checkbox]{accent-color:#f63040;margin-left:8px}.fp-modal .fp-modal-body label small{color:#a0aec0;margin-top:4px;font-size:.75rem;font-weight:400;display:block}.fp-modal .fp-modal-body h3{color:#2d3748;margin:0 0 12px;font-size:1rem}.fp-modal .fp-modal-footer{background:#f7fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.link-list{max-height:300px;overflow-y:auto}.link-list .link-item{cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:2px;margin-bottom:6px;padding:10px 12px;transition:all .15s;display:flex}.link-list .link-item:hover{background:#f7fafc;border-color:#f63040;transform:translate(2px)}.link-list .link-item strong{color:#2d3748;font-size:.875rem}.link-list .link-item span{color:#718096;font-size:.75rem}.link-list .link-item .link-detail{color:#a0aec0;font-size:.7rem}.link-list .link-item .link-tenant{color:#4299e1;font-size:.7rem;font-weight:600}.empty-msg{text-align:center;color:#a0aec0;padding:20px;font-size:.875rem}.fp-context-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:160px;padding:4px 0;animation:.1s ctxFadeIn;position:absolute;box-shadow:0 8px 24px #00000026}.fp-context-menu button{color:#4a5568;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:.813rem;display:flex}.fp-context-menu button:hover{color:#2d3748;background:#f7fafc}.fp-context-menu button.danger{color:#c53030}.fp-context-menu button.danger:hover{background:#fed7d7}.fp-context-menu .ctx-divider{background:#e2e8f0;height:1px;margin:4px 0}@keyframes ctxFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.linked-record-detail{background:#f0fff4;border:1px solid #c6f6d5;border-radius:6px;margin-top:8px;padding:8px;font-size:.75rem}.linked-record-detail .linked-badge{color:#2f855a;margin-bottom:4px;font-weight:700}.linked-record-detail p{color:#4a5568;margin:2px 0}.property-editor{border-top:1px solid #f0f0f0;margin-top:10px;padding-top:8px}.property-editor h4{color:#4a5568;text-transform:uppercase;align-items:center;gap:4px;margin:0 0 8px;font-size:.75rem;font-weight:700;display:flex}.property-editor .prop-label{color:#4a5568;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.75rem;font-weight:500;display:flex}.property-editor .prop-label input[type=color]{cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:4px;width:28px;height:24px;padding:0}.property-editor .prop-label input[type=number]{text-align:right;border:1px solid #e2e8f0;border-radius:4px;width:70px;padding:3px 6px;font-size:.75rem}.property-editor .prop-label input[type=number]:focus{border-color:#f63040;outline:none}.property-editor .prop-label select{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:3px 6px;font-size:.75rem}.property-editor .prop-label select:focus{border-color:#f63040;outline:none}.link-search{color:#a0aec0;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.link-search input{color:#2d3748;background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.link-search input::placeholder{color:#a0aec0}.shortcut-help .shortcut-row{color:#4a5568;border-bottom:1px solid #f0f0f0;align-items:center;gap:6px;padding:8px 0;font-size:.875rem;display:flex}.shortcut-help .shortcut-row:last-child{border-bottom:none}.shortcut-help .shortcut-row kbd{color:#2d3748;background:#edf2f7;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;min-width:24px;padding:2px 8px;font-family:monospace;font-size:.75rem;display:inline-flex;box-shadow:0 1px #cbd5e0}.shortcut-help .shortcut-row span{color:#718096;margin-left:auto}.config-hint{color:#718096;margin:0 0 14px;font-size:.813rem;line-height:1.5}.config-layout{gap:20px;min-height:320px;display:flex}.config-type-list{border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:2px;width:180px;max-height:400px;padding-right:12px;display:flex;overflow-y:auto}.config-type-list .config-type-item{color:#4a5568;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:.813rem;font-weight:500;transition:all .15s;display:flex}.config-type-list .config-type-item:hover{background:#f7fafc;border-color:#e2e8f0}.config-type-list .config-type-item.active{color:#2d3748;background:#f630400f;border-color:#f63040;font-weight:600}.config-form{flex-direction:column;flex:1;gap:10px;display:flex}.config-form label{color:#4a5568;justify-content:space-between;align-items:center;font-size:.813rem;font-weight:500;display:flex;margin-bottom:0!important}.config-form label input[type=text],.config-form label input[type=number]{border:1px solid #e2e8f0;border-radius:5px;width:120px!important;margin-top:0!important;padding:5px 8px!important;font-size:.813rem!important}.config-form label input[type=text]:focus,.config-form label input[type=number]:focus{border-color:#f63040;outline:none;box-shadow:0 0 0 2px #f630401a}.config-form label input[type=color]{cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:5px;width:34px;height:28px;padding:0}.config-preview{margin-top:8px}.config-preview h4{color:#4a5568;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:700}.config-preview .config-preview-box{background:#f7fafc;border:1px dashed #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-height:60px;padding:16px;font-size:2rem;display:flex}