*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.ml-4{margin-left:1rem}.mr-3{margin-right:.75rem}.block{display:block}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-16{height:4rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-16{width:4rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-4{gap:1rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-gray-50>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(249 250 251/var(--tw-divide-opacity,1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-green-100{--tw-border-opacity:1;border-color:rgb(220 252 231/var(--tw-border-opacity,1))}.border-orange-100{--tw-border-opacity:1;border-color:rgb(255 237 213/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-cyan-50{--tw-bg-opacity:1;background-color:rgb(236 254 255/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-orange-400{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(42 133 195/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-0{padding-bottom:0}.pb-4{padding-bottom:1rem}.text-left{text-align:left}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-cyan-600{--tw-text-opacity:1;color:rgb(8 145 178/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-muted-foreground{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.brightness-0{--tw-brightness:brightness(0);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.filter{filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg-color:#f9fafb;--sidebar-bg:#fff;--card-bg:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--text-light:#9ca3af;--border-color:#e5e7eb;--red-500:#ef4444;--red-100:#fee2e2;--blue-500:#3b82f6;--blue-50:#eff6ff;--blue-100:#dbeafe;--purple-500:#a855f7;--purple-50:#faf5ff;--cyan-600:#0891b2;--cyan-400:#22d3ee;--cyan-50:#ecfeff;--emerald-500:#10b981;--emerald-50:#ecfdf5;--green-500:#22c55e;--green-600:#16a34a;--green-100:#dcfce7;--green-50:#f0fdf4;--orange-500:#f97316;--orange-400:#fb923c;--orange-50:#fff7ed;--orange-100:#ffedd5;--yellow-400:#facc15;--font-size-12:12px;--font-size-10:10px}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#cecece34;border-radius:40rem;cursor:pointer!important}::-webkit-scrollbar-thumb{background:#cecece;border-radius:40rem;cursor:pointer!important}::-webkit-scrollbar-thumb:hover{background:#cecece;border-radius:40rem}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;font-family:var(--font-mulish),sans-serif!important}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);z-index:20;opacity:1;flex-direction:column;align-items:center;width:72px;height:100vh;padding:1.5rem 0;transition:transform .3s;display:flex;position:fixed;top:0;left:0;transform:rotate(0);box-shadow:1px 0 7px #0000000d}@media (max-width:767px){.sidebar{z-index:1001;width:240px;height:100vh;padding:2rem 1rem;transform:translate(-100%);box-shadow:2px 0 10px #0000001a}.sidebar.sidebar-mobile-open{transform:translate(0)}.sidebar-mobile-overlay{z-index:1000;background-color:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}.sidebar-mobile-close{cursor:pointer;width:2rem;height:2rem;color:var(--text-secondary);background:#f3f4f6;border:none;border-radius:.375rem;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.sidebar-mobile-close:hover{color:var(--text-primary);background:#e5e7eb}.nav-item{justify-content:flex-start;gap:.75rem;width:100%;padding:.875rem 1rem}.nav-item-label{font-size:.875rem;font-weight:500;display:inline}.nav-menu{align-items:stretch;width:100%}.mobile-menu-toggle{display:flex}.logo-box{margin-bottom:3rem}}@media (min-width:768px){.sidebar-mobile-overlay,.sidebar-mobile-close,.mobile-menu-toggle,.nav-item-label{display:none}}@media (max-width:640px) and (min-width:768px){.sidebar{width:64px;padding:1rem 0}}.mobile-menu-toggle{z-index:999;border:1px solid var(--border-color);cursor:pointer;width:2.75rem;height:2.75rem;color:var(--text-primary);background:#fff;border-radius:.5rem;justify-content:center;align-items:center;transition:all .2s;display:none;position:fixed;top:1rem;left:1rem;box-shadow:0 2px 8px #0000001a}.mobile-menu-toggle:hover{background:#f9fafb;box-shadow:0 4px 12px #00000026}.header-hamburger{border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;color:var(--text-primary);background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:none}.header-hamburger:hover{color:#111827;background:#f3f4f6}@media (max-width:767px){.header-hamburger{display:flex}}.logo-container{width:41px;height:64px;margin-top:-4.5px;margin-left:5.5px}.logo-box{color:#fff;opacity:1;background-color:#0000;border-radius:.75rem;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:2rem;display:flex;position:relative;top:.5px;left:-2.5px;transform:rotate(0)}.nav-menu{flex-direction:column;flex:1;align-items:center;gap:1.5rem;width:100%;display:flex}.nav-item{color:var(--text-light);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-secondary);background-color:#f5f5f5}.nav-item:hover img{filter:brightness(0)saturate()invert(45%)sepia(98%)saturate(1098%)hue-rotate(175deg)brightness(93%)contrast(87%)}.nav-item.active{color:#fff;background-color:#2a85c3;box-shadow:0 4px 6px -1px #2a85c34d}.nav-item.active .icon-active{filter:brightness(0)invert()}.devops-icon{color:#6e7781}.nav-item:hover .devops-icon{color:#4088ec}.nav-item.active .devops-icon{color:#fff}.sidebar-footer{margin-bottom:1rem}.collapse-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;padding:.75rem}.collapse-btn:hover{color:var(--text-secondary)}.main-content{flex:1;min-width:0;margin-left:72px;padding:76px 0 1rem}@media (max-width:767px){.main-content{margin-left:0;padding:140px .75rem .75rem}}@media (min-width:768px) and (max-width:1023px){.main-content{margin-left:72px;padding:86px 1rem 1rem}}@media (min-width:1024px){.main-content{padding:96px 1.5rem 1.5rem}}.navbar-header{border-bottom:1px solid var(--border-color);z-index:100;background:#fff;justify-content:space-between;align-items:center;gap:24px;height:76px;padding:0 24px;display:flex;position:fixed;top:0;left:73px;right:0}@media (max-width:767px){.navbar-header{flex-wrap:wrap;gap:.75rem;height:auto;padding:.75rem;left:0;box-shadow:0 2px 10px #0000000d}}@media (min-width:768px) and (max-width:1023px){.navbar-header{gap:1rem;padding:0 1rem;left:72px}}.navbar-left{flex:1;align-items:center;gap:20px;width:586px;max-width:700px;height:40px;display:flex}@media (max-width:767px){.navbar-left{flex:none;gap:.5rem;width:auto;min-width:0;max-width:none}}@media (min-width:768px) and (max-width:1023px){.navbar-left{gap:1rem;max-width:400px}}.module-title{font-family:var(--font-mulish);letter-spacing:0%;color:#212121;white-space:nowrap;width:136px;min-width:fit-content;height:19px;margin:0;font-size:16px;font-style:normal;font-weight:400;line-height:100%}@media (max-width:767px){.module-title{text-overflow:ellipsis;width:auto;max-width:100px;font-size:14px;overflow:hidden}}@media (min-width:768px) and (max-width:1023px){.module-title{width:auto;font-size:15px}}.navbar-search{flex:1;min-width:200px;max-width:480px;position:relative}@media (max-width:767px){.navbar-search{flex:100%;order:3;min-width:0;max-width:none;margin-top:.5rem;margin-bottom:.25rem}}@media (min-width:768px) and (max-width:1023px){.navbar-search{min-width:150px;max-width:300px}}.navbar-search .search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{width:100%;height:40px;font-family:var(--font-mulish);color:#111827;background:#f9fafb;border:1px solid #fff;border-radius:8px;outline:none;padding:0 16px 0 42px;font-size:14px;transition:all .2s}.search-input::placeholder{color:#9ca3af}.search-input:focus{background:#fff;border-color:#2a85c3;box-shadow:0 0 0 3px #2a85c31a}.navbar-right{align-items:center;gap:16px;display:flex}@media (max-width:767px){.navbar-right{flex:auto;justify-content:flex-end;gap:.375rem}}@media (min-width:768px) and (max-width:1023px){.navbar-right{gap:.5rem}}.tenant-dropdown{cursor:pointer;background:#fff;border:1px solid #ececf1;border-radius:6px;align-items:center;gap:8px;width:211px;height:48px;padding:8px;transition:all .2s;display:flex}@media (max-width:767px){.tenant-dropdown{width:auto;height:auto;padding:.375rem}}@media (min-width:768px) and (max-width:1023px){.tenant-dropdown{width:auto;padding:.5rem}}.tenant-dropdown:hover{background:#fff;border-color:#ececf1}.tenant-avatar{border-radius:6px;flex-shrink:0;width:32px;height:32px;overflow:hidden}.tenant-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.tenant-info{flex-direction:column;gap:8px;width:128px;height:37px;display:flex}@media (max-width:1023px){.tenant-info{display:none}}.tenant-name{font-family:var(--font-mulish);letter-spacing:0%;color:#0f0d29;width:128px;height:19px;margin:0;font-size:14px;font-style:normal;font-weight:500;line-height:100%}.tenant-plan{font-family:var(--font-mulish);letter-spacing:0%;color:#6b7280;width:128px;height:18px;margin:0;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.dropdown-chevron{color:#9ca3af;flex-shrink:0}@media (max-width:767px){.dropdown-chevron{width:14px;height:14px}}.notification-button{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #ececf1;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:48px;height:48px;transition:all .2s;display:flex;position:relative}@media (max-width:767px){.notification-button{width:36px;height:36px}.notification-button img{width:16px!important;height:16px!important}}@media (min-width:768px) and (max-width:1023px){.notification-button{width:40px;height:40px}}.notification-button:hover{color:#6b7280;background:#fff;border-color:#ececf1}.notification-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:10px}@media (max-width:767px){.notification-dot{width:6px;height:6px;top:6px;right:6px}}.user-dropdown{cursor:pointer;background:#fff;border:1px solid #ececf1;border-radius:6px;align-items:center;gap:8px;height:48px;padding:6px 8px;transition:all .2s;display:flex}@media (max-width:767px){.user-dropdown{width:auto;height:auto;padding:.375rem}}@media (min-width:768px) and (max-width:1023px){.user-dropdown{width:auto;padding:.5rem}}.user-dropdown:hover{background:#fff;border-color:#ececf1}.user-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}@media (max-width:767px){.user-avatar{width:32px;height:32px}}.user-details{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;height:36px;display:flex}@media (max-width:1023px){.user-details{display:none}}.user-details .user-name{font-family:var(--font-mulish);color:#212121;letter-spacing:0%;white-space:nowrap;text-overflow:ellipsis;text-align:left;width:120px;height:20px;margin:0;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.user-details .user-role{font-family:var(--font-mulish);font-size:12px;font-weight:500;font-style:regular;letter-spacing:0%;color:#868d94;white-space:nowrap;text-overflow:ellipsis;text-align:left;width:120px;margin:0;line-height:16px;overflow:hidden}@media (max-width:1024px){.navbar-left{max-width:500px}.tenant-info,.user-details{display:none}.tenant-dropdown,.user-dropdown{padding:6px}}@media (max-width:768px){.navbar-header{padding:0 16px;left:0}.module-title{font-size:16px}.navbar-search{max-width:300px}}.top-bar{opacity:1;z-index:10;background:#fff;justify-content:space-between;align-items:center;gap:1rem;width:calc(100% - 80px);height:76px;margin-bottom:1.5rem;padding-right:20px;display:flex;position:fixed;top:0;left:80px}@media (min-width:768px){.top-bar{margin-bottom:2rem}}.header-left{opacity:1;flex:1;align-items:center;gap:20px;width:644px;max-width:644px;height:40px;display:flex;top:18px;left:18px}.header-left h1{font-family:var(--font-mulish);letter-spacing:0%;color:#212121;white-space:nowrap;margin:10px;font-size:16px;font-weight:400;line-height:100%}@media (min-width:768px){.header-left h1{font-size:1.125rem}}.search-wrapper{opacity:1;background-color:#f9f9f9;border-radius:8px;flex:1;gap:8px;width:468px;min-width:120px;max-width:468px;height:40px;padding:12px;position:relative}.search-icon{color:var(--text-light);width:16px;height:16px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-wrapper input{width:100%;color:var(--text-light);background-color:#0000;border:none;border-radius:.5rem;outline:none;padding:.5rem 1rem .5rem 2.25rem;font-size:.875rem;transition:all .2s}.search-wrapper input::placeholder{color:var(--text-light)}.search-wrapper input:focus{background-color:#f3f4f6}.header-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}@media (min-width:768px){.header-right{gap:1rem}}.branch-selector{border:1px solid var(--border-color);cursor:pointer;background-color:#fff;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:all .2s;display:flex}.branch-selector:hover{background-color:#f9fafb}@media (max-width:768px){.branch-selector .branch-info{display:none}}.branch-icon-box{background-color:var(--text-primary);border-radius:.125rem;justify-content:center;align-items:center;width:1.5rem;height:1rem;display:flex}.branch-icon-box .dot{background-color:var(--red-500);border-radius:50%;width:.5rem;height:.5rem}.branch-info{text-align:left}.branch-name{color:#374151;font-size:.75rem;font-weight:600}.branch-sub{color:var(--text-light);font-size:10px}.notification-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-light);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:.5rem;display:flex;position:relative}.notification-btn:hover{background-color:#f9fafb}.notification-dot{background-color:var(--blue-500);border:2px solid #fff;border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.375rem;right:.5rem}.notification-badge{background-color:var(--blue-500);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:1rem;height:1rem;font-size:.5rem;font-weight:600;display:flex;position:absolute;top:-.125rem;right:-.125rem}.user-profile{cursor:pointer;border-left:1px solid var(--border-color);align-items:center;gap:.5rem;margin-left:.25rem;padding-left:.5rem;display:flex}.avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:2rem;height:2rem}.user-info{display:none}@media (min-width:768px){.user-info{text-align:left;display:block}}.user-name{color:#374151;margin:0;font-size:.8125rem;font-weight:600;line-height:1.2}.user-role{color:var(--text-light);margin:0;font-size:.6875rem;line-height:1.2}.chevron-icon{width:14px;height:14px;color:var(--text-light)}@media (max-width:768px){.user-profile .chevron-icon{display:none}}.welcome-section{margin-bottom:1.5rem}@media (min-width:640px){.welcome-section{margin-bottom:2rem}}.welcome-section h2{color:var(--text-secondary);font-size:1.5rem;font-weight:400}.welcome-section .highlight{color:var(--text-primary);font-weight:600}.stats-grid{grid-template-columns:repeat(1,1fr);gap:1rem;width:100%;margin-bottom:2rem;display:grid}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(5,1fr)}}.icon-box{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:.5rem;display:flex}.stat-header h4{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;font-weight:500;line-height:1.2;overflow:hidden}.stat-body{flex-direction:column;flex:1;justify-content:flex-end;gap:.25rem;min-width:0;display:flex}.stat-value-row{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0;display:flex}.stat-value-row .value{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.stat-value-row .change{white-space:nowrap;margin:0;font-size:10px;font-weight:500;line-height:1}.change.positive{color:var(--green-500)}.change.neutral{color:var(--yellow-500,#eab308)}.change.negative{color:var(--red-500,#ef4444)}.stat-body .period{color:var(--text-light);white-space:nowrap;margin:0;font-size:10px;line-height:1.2}.dashboard-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.dashboard-grid{gap:1.25rem}}@media (min-width:1024px){.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:1.5rem}.col-left{flex-direction:column;grid-column:span 4;gap:1.5rem;display:flex}.col-mid,.col-right{grid-column:span 4}}@media (min-width:1280px){.dashboard-grid{gap:2rem}}.card{background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;padding:1rem;box-shadow:0 1px 2px #0000000d}@media (min-width:640px){.card{padding:1.5rem}}.card-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}@media (min-width:640px){.card-header{margin-bottom:1.5rem}}.card-header h3{white-space:nowrap;color:var(--text-primary);font-size:1.125rem;font-weight:600}.filter-badge{color:var(--text-secondary);background-color:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;border-radius:.25rem;align-items:center;padding:.25rem .5rem;font-size:.75rem;display:flex}.chart-legend{gap:1rem;margin-bottom:1.5rem;font-size:.75rem;display:flex}.legend-item{align-items:center;gap:.375rem;display:flex}.legend-item .dot{border-radius:50%;width:.625rem;height:.625rem}.dot.cyan{background-color:var(--cyan-400)}.dot.orange{background-color:var(--orange-400)}.dot.green{background-color:var(--green-500)}.bar-chart-container{justify-content:space-between;align-items:flex-end;gap:.5rem;width:100%;min-height:12rem;padding:0 .5rem 1.5rem 0;display:flex;position:relative}.chart-y-axis{color:var(--text-light);flex-direction:column;justify-content:space-between;min-width:2rem;padding-right:.5rem;font-size:.625rem;display:flex;position:absolute;top:0;bottom:1.5rem;left:0}.chart-y-axis span{text-align:right;line-height:1;display:block}@media (max-width:640px){.bar-chart-container{min-height:10rem;padding-bottom:1.25rem}.chart-y-axis{min-width:1.5rem;padding-right:.25rem;bottom:1.25rem}}.chart-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;height:100%;display:flex}.chart-group .bars{justify-content:center;align-items:flex-end;gap:.25rem;width:100%;max-width:3rem;height:100%;display:flex}.chart-group .bar{border-top-left-radius:.125rem;border-top-right-radius:.125rem;width:.5rem;transition:all .2s}.bar.cyan{background-color:var(--cyan-400)}.bar.orange{background-color:var(--orange-400)}.bar.green{background-color:var(--green-500)}.chart-group .label{color:var(--text-light);white-space:nowrap;text-align:center;font-size:10px}@media (max-width:1024px){.chart-group .label,.chart-y-axis{font-size:8px}}.threats-content{justify-content:space-between;align-items:center;display:flex}.donut-chart-wrapper{width:8rem;height:8rem;position:relative}.donut-chart{width:100%;height:100%;transform:rotate(-90deg)}.donut-chart path{fill:none;stroke-width:1.2px}.donut-chart .bg{stroke:#f3f4f6}.donut-chart .segment{stroke-linecap:butt}.donut-chart .yellow{stroke:var(--yellow-400)}.donut-chart .red{stroke:#f87171}.donut-chart .green{stroke:#4ade80}.donut-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center .total{color:var(--text-primary);font-size:1.5rem;font-weight:700;display:block}.donut-center .label{color:var(--text-light);font-size:.75rem}.threats-legend{grid-template-columns:1fr 1fr;gap:1rem 1.5rem;display:grid}.threats-legend .legend-item{align-items:flex-start}.color-box{border-radius:.125rem;width:.75rem;height:.75rem;margin-top:.125rem}.bg-red-400{background-color:#f87171}.bg-orange-400{background-color:var(--orange-400)}.bg-yellow-400{background-color:var(--yellow-400)}.bg-green-400{background-color:#4ade80}.threats-legend .label{color:var(--text-light);font-size:.75rem}.threats-legend .count{color:#374151;font-weight:700}.deployments-list{flex-direction:column;gap:1.25rem;display:flex}.deploy-item{align-items:flex-start;gap:.75rem;display:flex}.deploy-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.deploy-icon.success{background-color:var(--green-100);color:var(--green-600)}.deploy-icon.error{background-color:var(--red-100);color:var(--red-500)}.deploy-info{flex:1;min-width:0}.deploy-info h4{color:var(--text-primary);margin:0 0 .125rem;font-size:.875rem;font-weight:500}.deploy-info p{color:var(--text-light);margin:0;font-size:.75rem}.deploy-meta{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.25rem;display:flex}.deploy-meta p{color:var(--text-light);margin:0;font-size:.625rem}.tag{border-style:solid;border-width:1px;border-radius:.25rem;padding:.125rem .5rem;font-size:10px;font-weight:500}.border-blue-100{border-color:var(--blue-100)}.border-orange-100{border-color:var(--orange-100)}.border-green-100{border-color:var(--green-100)}.deploy-right p{color:var(--text-light);margin-top:.25rem;font-size:10px}.url-list{flex-direction:column;gap:1.25rem;display:flex}.url-item{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.url-info{flex:1;min-width:0}.url-info h4{color:var(--text-primary);margin:0 0 .125rem;font-size:.875rem;font-weight:500}.url-info p{color:var(--text-light);margin:0;font-size:.75rem}.url-status{text-align:right;flex-shrink:0}.url-status .ping{margin:0 0 .125rem;font-size:.875rem;font-weight:500}.url-status .status-text{color:var(--text-light);margin:0;font-size:.625rem}.text-right{text-align:right}.ping{font-size:.875rem;font-weight:500}.text-green-500{color:var(--green-500)}.text-red-500{color:var(--red-500)}.text-blue-500{color:var(--blue-500)}.text-orange-500{color:var(--orange-500)}.text-purple-500{color:var(--purple-500)}.cloud-view{height:calc(100vh - 108px);font-family:var(--font-mulish);flex-direction:column;gap:16px;padding:0;display:flex}.subscription-bar{background:#fff;border:1px solid #fff;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;height:72px;padding:6px 20px;display:flex;box-shadow:0 1px 3px #0000000d}.sub-selector{align-items:center;gap:.75rem;display:flex}.sub-selector .sub-label{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:500}.sub-dropdown-wrapper{position:relative}.sub-dropdown{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #ececf1;border-radius:.5rem;justify-content:space-between;align-items:center;gap:2rem;width:250px;min-width:180px;padding:.5rem 1rem;font-size:.875rem;font-weight:400;transition:all .2s;display:flex}.sub-dropdown:hover{background-color:#f9fafb}.sub-dropdown svg{flex-shrink:0;transition:transform .2s}.sub-dropdown svg.rotate{transform:rotate(180deg)}.sub-dropdown .loading-text{color:var(--text-light);align-items:center;gap:.5rem;display:flex}.sub-dropdown .error-text{color:#ef4444}.spin{animation:1s linear infinite spin}.slot-machine-container{will-change:transform}.slot-machine-container .deploy-item{min-height:36px}@keyframes slotScrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.slot-scroll-animation{animation:1.5s linear infinite slotScrollUp}.sub-dropdown-menu{border:1px solid var(--border-color);z-index:50;background-color:#fff;border-radius:.5rem;max-height:300px;animation:.15s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sub-dropdown-item{cursor:pointer;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:.625rem 1rem;transition:background-color .15s;display:flex}.sub-dropdown-item:last-child{border-bottom:none}.sub-dropdown-item:hover{background-color:#f9fafb}.sub-dropdown-item.active{background-color:var(--blue-50)}.sub-dropdown-item-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.sub-dropdown-item-state{color:#16a34a;background-color:#dcfce7;border-radius:.25rem;padding:.125rem .5rem;font-size:.6875rem}.sub-dropdown-item-state[data-state=Disabled]{color:#dc2626;background-color:#fef2f2}.sub-details{align-items:flex-start;gap:1rem;font-size:.875rem;display:flex}@media (max-width:767px){.sub-details{flex-direction:column;gap:.75rem}.sub-detail-item.bordered{border-top:1px solid #ececf1;border-left:none;padding-top:.75rem;padding-left:0}}@media (min-width:768px) and (max-width:1023px){.sub-details{flex-wrap:wrap;gap:1rem}}.sub-detail-item{flex-direction:column;gap:.125rem;display:flex}.sub-detail-item.bordered{border-left:1px solid #ececf1;padding-left:1rem}.sub-label{color:var(--text-light);margin:0;font-size:.6875rem;display:block}.sub-value{color:#374151;font-size:.8125rem;font-weight:500}.sub-value.active-status{color:var(--green-500)}.cloud-layout{flex-wrap:wrap;gap:16px;display:flex}@media (max-width:767px){.cloud-layout{height:auto;min-height:calc(100vh - 200px)}}@media (min-width:1024px){.cloud-layout{flex-direction:row}}.col-resources{opacity:1;background:#fff;border-radius:8px;width:370px;height:calc(100vh - 180px);padding:20px;position:relative;overflow:hidden}.resources-header{margin-bottom:1rem}.resources-header h3{color:var(--text-primary);margin-bottom:1rem;font-size:.9375rem;font-weight:600}.resources-header .search-wrapper{background:#f7f8fa;border-radius:.5rem;width:100%;padding:0}.resources-header .search-wrapper input{background-color:#0000;padding:.5rem .75rem .5rem 2.25rem}.resources-list{flex-direction:column;flex:1;gap:.5rem;height:calc(100vh - 312px);display:flex;overflow-y:auto}.resources-loading,.resources-error,.resources-empty{color:var(--text-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1rem;font-size:.875rem;display:flex}.resources-loading{color:var(--blue-500)}.resources-error{color:#ef4444}.resource-card{cursor:pointer;background-color:#fff;border:1px solid #ececf1;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.875rem 1rem;transition:all .2s;display:flex}.resource-card:hover{background-color:#ececf1}.resource-card.active{background-color:#2a85c31a;border:1px solid #2a85c3}.resource-card-content{flex-direction:column;justify-content:center;display:flex}.resource-card-name{color:#333;margin:0;font-size:14px;font-weight:500}.resource-card-location-label{color:#72767a;font-size:12px}.resource-card-clusters{color:#52525e;font-size:12px}.resource-card-location{color:#333;font-size:12px;font-weight:500}.resource-card.active .resource-card-name{color:#1a1c1e}.col-details{background-color:#fff;border-radius:8px;flex-direction:column;flex:1;width:100%;height:calc(100vh - 180px);display:flex;overflow:hidden}.tabs-header{gap:1rem;padding:8px 20px 0;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px;font-size:.875rem;font-weight:500;transition:color .2s;position:relative}.tab-btn:hover{color:#374151}.tab-btn.active{color:var(--blue-500)}.tab-btn.active:after{content:"";background-color:var(--blue-500);width:100%;height:2px;position:absolute;bottom:0;left:0}.col-details .tab-content{background-color:#fff;flex:1;padding:20px}.tab-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}@media (max-width:767px){.tab-filters{flex-direction:column;align-items:stretch;gap:.75rem}.tab-filters .search-wrapper{max-width:none}.filter-dropdowns{flex-direction:column;width:100%}.filter-dropdown{width:100%}}@media (min-width:768px) and (max-width:1023px){.tab-filters{gap:.75rem}.tab-filters .search-wrapper{max-width:250px}}.tab-filters .search-wrapper{border:1px solid var(--border-color);background-color:#f7f8fa;border-radius:.5rem;flex:1;max-width:300px;padding:0}.tab-filters .search-wrapper input{background-color:#0000;padding:.5rem .75rem .5rem 2.25rem}.filter-dropdowns{gap:.75rem;display:flex}.filter-dropdown{color:var(--text-secondary);cursor:pointer;background-color:#fff;border:1px solid #ececf1;border-radius:.5rem;align-items:center;gap:.5rem;min-width:120px;padding:.5rem 1rem;font-size:.8125rem;display:flex}.filter-dropdown:hover{background-color:#f9fafb}.filter-dropdown svg{transition:transform .2s}.filter-dropdown svg.rotate{transform:rotate(180deg)}.filter-dropdown-wrapper{position:relative}.filter-dropdown-menu{z-index:50;background-color:#fff;border:1px solid #ececf1;border-radius:.5rem;min-width:100%;max-height:250px;animation:.15s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.filter-dropdown-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;padding:.5rem 1rem;font-size:.8125rem;transition:background-color .15s}.filter-dropdown-item:hover{background-color:#f9fafb}.filter-dropdown-item.active{background-color:var(--blue-50);color:var(--blue-500)}.date-picker-menu{min-width:220px;padding:.75rem}.date-picker-row{flex-direction:column;gap:.25rem;margin-bottom:.75rem;display:flex}.date-picker-row label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.date-input{width:100%;color:var(--text-primary);border:1px solid #ececf1;border-radius:.375rem;outline:none;padding:.5rem;font-size:.8125rem;transition:border-color .15s}.date-input:focus{border-color:var(--blue-500)}.date-picker-presets{border-top:1px solid #ececf1;flex-wrap:wrap;gap:.5rem;padding-top:.5rem;display:flex}.date-picker-presets button{color:var(--blue-500);background-color:var(--blue-50);cursor:pointer;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;transition:background-color .15s}.date-picker-presets button:hover{background-color:var(--blue-100)}.table-loading,.table-error,.table-empty{color:var(--text-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;font-size:.875rem;display:flex}.table-loading{color:var(--blue-500)}.table-error{color:#ef4444}.tab-pane{animation:.3s ease-in-out fadeIn;display:none}.tab-pane.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.table-container{border:none;border-radius:0;height:calc(100vh - 320px);overflow:auto}@media (max-width:767px){.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}.data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:.8125rem}.data-table thead{position:sticky;top:0}@media (max-width:767px){.data-table{min-width:600px;font-size:.75rem}.data-table th,.data-table td{padding:.75rem .5rem}}.data-table th{color:var(--text-secondary);text-align:left;vertical-align:middle;white-space:nowrap;background-color:#f9f9f9;border:1px solid #f0f0f0;border-left:none;border-right:none;padding:1rem;font-size:.8125rem;font-weight:500}.data-table th:first-child{border-left:1px solid #f0f0f0;border-top-left-radius:8px}.data-table th:last-child{border-right:1px solid #f0f0f0;border-top-right-radius:8px}.th-content{align-items:center;gap:.25rem;display:inline-flex}.data-table th svg{opacity:.5}.data-table td{color:#212429;text-align:left;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:1rem;font-size:14px}.data-table td:first-child{border-left:1px solid #f0f0f0}.data-table td:last-child{border-right:1px solid #f0f0f0}.data-table tr:hover{background-color:#0000}.data-table tr.clickable-row{cursor:pointer;transition:background-color .15s}.data-table tr.clickable-row:hover{background-color:#f9fafb}.activity-date{color:var(--orange-500);margin-bottom:1rem;font-size:.8125rem;font-weight:500}.activity-list{flex-direction:column;gap:8px;height:calc(100vh - 360px);display:flex;overflow:auto}.activity-item{border-radius:.75rem;align-items:flex-start;gap:1rem;padding:1rem;transition:background-color .2s;display:flex}.activity-item:hover{background-color:#f3f4f6}.activity-img{-o-object-fit:cover;object-fit:cover;border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem}.activity-content{flex:1;min-width:0}.activity-header{justify-content:space-between;align-items:flex-start;display:flex}.activity-header h5{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:600}.activity-role{color:var(--text-light);margin:.125rem 0 0;font-size:.75rem}.activity-device{color:var(--text-light);align-items:center;gap:.375rem;font-size:12px;display:flex}.activity-device svg{color:#2a85c3}.activity-message{color:var(--text-secondary);margin:.5rem 0 0;font-size:.875rem;line-height:1.5}.h-full{height:100%}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.items-end{align-items:flex-end}.gap-3{gap:.75rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-gray-400{color:var(--text-light)}.text-gray-500{color:var(--text-secondary)}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.more-icon{cursor:pointer;color:var(--text-secondary)}.deployments-list::-webkit-scrollbar{width:6px}.url-list::-webkit-scrollbar{width:6px}.resources-list::-webkit-scrollbar{width:6px}.deployments-list::-webkit-scrollbar-track{background:#cecece34;border-radius:3px}.url-list::-webkit-scrollbar-track{background:#cecece34;border-radius:3px}.resources-list::-webkit-scrollbar-track{background:#cecece34;border-radius:3px}.deployments-list::-webkit-scrollbar-thumb{background:#cecece;border-radius:3px}.url-list::-webkit-scrollbar-thumb{background:#cecece;border-radius:3px}.resources-list::-webkit-scrollbar-thumb{background:#cecece;border-radius:3px}.deployments-list::-webkit-scrollbar-thumb:hover{background:#cecece}.url-list::-webkit-scrollbar-thumb:hover{background:#cecece}.resources-list::-webkit-scrollbar-thumb:hover{background:#cecece}@media (max-width:640px){.stat-card{gap:.5rem;min-height:7rem;padding:.875rem}.stat-body{gap:.25rem}.stat-value-row .value{font-size:1.25rem}.stat-body h4{font-size:.7rem}.icon-box{width:2rem;height:2rem;padding:.375rem}.welcome-section h2{font-size:1.25rem}.card-header h3,.header-left h1{font-size:1rem}}.cluster-detail-view{border:1px solid var(--border-color);background-color:#fff;border-radius:.75rem;overflow:hidden}.cluster-loading{color:var(--blue-500);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem;font-size:.875rem;display:flex}.detail-loading{color:var(--text-light);align-items:center;gap:.5rem;padding:1rem;font-size:.8125rem;display:flex}.detail-loading.small{padding:.5rem 0;font-size:.75rem}.alerts-empty{color:var(--text-light);text-align:center;padding:1rem;font-size:.8125rem}.cluster-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.cluster-header-left{align-items:center;gap:.75rem;display:flex}.back-btn{color:var(--text-secondary);justify-content:center;align-items:center;transition:color .2s;display:flex}.cluster-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.cluster-header-right{align-items:center;gap:1.5rem;display:flex}.cluster-meta-item{flex-direction:column;gap:.125rem;display:flex}.cluster-meta-label{color:var(--text-light);font-size:.6875rem}.cluster-meta-value{color:var(--text-primary);font-size:.8125rem;font-weight:500}.cluster-meta-value.status-active{color:var(--green-500)}.cluster-tabs{border-bottom:1px solid var(--border-color);padding:0 1.5rem;display:flex}.cluster-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-right:2rem;padding:.875rem 0;font-size:.875rem;font-weight:500;transition:color .2s;position:relative}.cluster-tab:hover{color:var(--text-primary)}.cluster-tab.active{color:var(--blue-500)}.cluster-tab.active:after{content:"";background-color:var(--blue-500);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.cluster-content{height:calc(100vh - 230px);padding:1.5rem}.cluster-content .overview-layout{gap:1.5rem;display:flex}.overview-main{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0;height:calc(100vh - 272px);overflow:auto}.overview-main::-webkit-scrollbar{display:none}.cluster-content .cluster-detail-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex:1;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.detail-card.half{flex:1}.cluster-content .detail-card-title{color:#212429;border-bottom:1px solid var(--border-color);background-color:#f2f4f766;padding:.75rem;font-size:14px;font-weight:600}.detail-grid{-moz-column-gap:16px;grid-template-columns:repeat(auto-fit,minmax(487px,1fr));gap:1rem 16px;padding:1rem;display:grid}.detail-list{flex-direction:column;gap:1rem;padding:1rem;display:flex}.detail-cards-row{flex-wrap:wrap;gap:1.5rem;display:flex}.detail-row{justify-content:flex-start;align-items:center;display:flex}.detail-label{color:#72767a;min-width:216px;font-size:14px}.detail-value{color:#333;word-break:break-all;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-size:14px;font-weight:500;overflow:hidden}@media (max-width:1200px){.overview-layout{flex-direction:column}}.alerts-sidebar{border:1px solid var(--border-color);background-color:#fff;border-radius:.75rem;flex-shrink:0;width:320px;height:calc(100vh - 272px);padding:1.25rem;overflow:auto}@media (max-width:1200px){.alerts-sidebar{width:100%}}.alerts-title{color:var(--text-primary);margin:0 0 1rem;font-size:.9375rem;font-weight:600}.alerts-list{flex-direction:column;gap:1rem;display:flex}.alert-item{gap:.75rem;display:flex}.alert-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.alert-icon.warning{color:#f59e0b;background-color:#fef3c7}.alert-icon.critical{color:#ef4444;background-color:#fee2e2}.alert-content{flex:1;min-width:0}.alert-header{justify-content:space-between;align-items:flex-start;display:flex}.alert-name{color:var(--text-primary);margin:0;font-size:.8125rem;font-weight:600}.alert-time{color:var(--text-light);font-size:.6875rem}.alert-message{color:var(--text-secondary);margin:.25rem 0 0;font-size:.75rem}.monitoring-layout{gap:1.5rem;display:flex}.monitoring-main{flex:1;min-width:0}.stats-cards-row{flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;display:flex}.stats-card{border:1px solid var(--border-color);background-color:#fff;border-radius:.75rem;flex:1;min-width:300px;padding:1.25rem}.stats-card-title{color:var(--text-primary);margin:0 0 1rem;font-size:.9375rem;font-weight:600}.stats-items{gap:2rem;display:flex}.stat-item{flex-direction:column;gap:.5rem;display:flex}.stat-item .stat-label{color:var(--text-light);font-size:.75rem}.stat-item .stat-value-row{align-items:center;gap:.375rem;display:flex}.stat-item .stat-number{color:var(--text-primary);font-size:1.5rem;font-weight:600}.stat-icon.success{color:#22c55e}.stat-icon.error{color:#ef4444}.stat-icon.warning{color:#f59e0b}.stat-icon.info{color:#3b82f6}.node-pool-section{margin-bottom:1.5rem}.section-title{color:var(--text-primary);margin:0 0 1rem;font-size:.9375rem;font-weight:600}.node-cards-row{flex-wrap:wrap;gap:1rem;display:flex}.node-card{border:1px solid var(--border-color);background-color:#fff;border-radius:.75rem;flex:1;min-width:280px;padding:1rem}.node-card-header{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8125rem;display:flex}.node-card-header svg{color:var(--text-light)}.node-metrics{margin-bottom:1rem}.metric-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.metric-label{color:var(--text-secondary);width:50px;font-size:.75rem}.metric-bar-container{background-color:#f3f4f6;border-radius:3px;flex:1;height:6px;overflow:hidden}.metric-bar{border-radius:3px;height:100%;transition:width .3s}.metric-value{text-align:right;width:45px;font-size:.75rem;font-weight:500}.available-text{color:var(--text-light);font-size:.6875rem}.node-card-footer{color:var(--text-secondary);border-top:1px solid #f3f4f6;justify-content:space-between;padding-top:.75rem;font-size:.75rem;display:flex}.namespace-stats-sidebar{flex-direction:column;flex-shrink:0;gap:1.5rem;width:320px;display:flex}.namespace-stat-card{border:1px solid var(--border-color);background-color:#fff;border-radius:.75rem;padding:1.25rem}.namespace-stat-title{color:var(--text-primary);margin:0 0 1rem;font-size:.9375rem;font-weight:600}.namespace-stat-title span{color:var(--text-light);font-weight:400}.namespace-stat-list{flex-direction:column;gap:.75rem;display:flex}.namespace-stat-item{align-items:center;gap:.75rem;display:flex}.namespace-name{color:var(--text-secondary);flex-shrink:0;width:100px;font-size:.75rem}.namespace-bar-container{background-color:#f3f4f6;border-radius:4px;flex:1;height:8px;overflow:hidden}.namespace-bar{border-radius:4px;height:100%;transition:width .3s}.namespace-value{color:var(--text-primary);text-align:right;width:45px;font-size:.75rem;font-weight:500}.nodepools-layout{gap:1.5rem;display:flex}.nodepools-sidebar{flex-direction:column;flex-shrink:0;gap:.5rem;width:240px;display:flex}.nodepool-card{border:1px solid var(--border-color);cursor:pointer;background-color:#fff;border-radius:.5rem;padding:.875rem 1rem;transition:all .2s}.nodepool-card:hover{background-color:#f9fafb}.nodepool-card.active{background-color:#e0f2fe;border-color:#bae6fd}.nodepool-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.25rem;display:flex}.nodepool-name{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:500}.nodepool-os{color:var(--text-light);font-size:.6875rem}.nodepool-card-footer{justify-content:space-between;align-items:center;display:flex}.nodepool-nodes{color:var(--text-secondary);font-size:.75rem}.nodepool-os-label{color:var(--text-light);font-size:.6875rem}.nodepools-content{flex:1;min-width:0}.nodepools-search{margin-bottom:1.25rem;position:relative}.nodepools-search .search-icon{color:var(--text-light);position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.nodepools-search input{border:1px solid var(--border-color);background-color:#f9fafb;border-radius:.5rem;width:100%;max-width:400px;padding:.625rem .875rem .625rem 2.5rem;font-size:.875rem}.nodepools-search input:focus{border-color:var(--blue-500);background-color:#fff;outline:none}.nodes-table{border-collapse:collapse;width:100%}.nodes-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.8125rem;font-weight:500}.nodes-table th svg{opacity:.5;vertical-align:middle;margin-left:.25rem;display:inline}.nodes-table td{color:var(--text-primary);border-bottom:1px solid #f3f4f6;padding:1rem;font-size:.8125rem}.node-name-cell{align-items:center;gap:.5rem;display:flex}.node-status-icon{color:#22c55e}.metric-cell{flex-direction:column;gap:.25rem;display:flex}.mini-bar-container{background-color:#f3f4f6;border-radius:2px;width:80px;height:4px;overflow:hidden}.mini-bar{border-radius:2px;height:100%}.namespaces-layout{padding:0}.namespaces-search{margin-bottom:1.25rem;position:relative}.namespaces-search .search-icon{color:var(--text-light);position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.namespaces-search input{border:1px solid var(--border-color);background-color:#f9fafb;border-radius:.5rem;width:100%;max-width:400px;padding:.625rem .875rem .625rem 2.5rem;font-size:.875rem}.namespaces-search input:focus{border-color:var(--blue-500);background-color:#fff;outline:none}.namespaces-table{border-collapse:collapse;width:100%}.namespaces-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.8125rem;font-weight:500}.namespaces-table th svg{opacity:.5;vertical-align:middle;margin-left:.25rem;display:inline}.namespaces-table td{color:var(--text-primary);border-bottom:1px solid #f3f4f6;padding:1rem;font-size:.8125rem}.namespace-name-cell{font-weight:500}.status-cell{align-items:center;gap:.5rem;display:flex}.status-icon.active{color:#22c55e}@media (max-width:1024px){.overview-layout,.monitoring-layout{flex-direction:column}.alerts-sidebar,.namespace-stats-sidebar{width:100%}.detail-cards-row{flex-direction:column}.detail-grid{grid-template-columns:1fr}}@media (max-width:768px){.cluster-header{flex-direction:column;align-items:flex-start}.cluster-header-right{flex-wrap:wrap;gap:1rem}.stats-cards-row,.node-cards-row,.nodepools-layout{flex-direction:column}.nodepools-sidebar{flex-flow:wrap;width:100%}.nodepool-card{flex:1;min-width:150px}}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-container{background-color:#fff;flex-direction:column;width:100%;max-width:700px;height:100%;animation:.3s ease-out slideIn;display:flex;box-shadow:-4px 0 20px #00000026}@media (max-width:767px){.modal-container{max-width:100%}}@media (min-width:768px) and (max-width:1023px){.modal-container{max-width:600px}}.node-detail-modal{max-width:700px}@media (max-width:767px){.node-detail-modal{max-width:100%}}.namespace-detail-modal{max-width:700px}@media (max-width:767px){.namespace-detail-modal{max-width:100%}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}@media (max-width:767px){.modal-header{padding:1rem}}.modal-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}@media (max-width:767px){.modal-title{font-size:1rem}}.modal-close{cursor:pointer;width:2rem;height:2rem;color:var(--text-secondary);background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close:hover{color:var(--text-primary);background-color:#f3f4f6}.modal-tabs{border-bottom:1px solid var(--border-color);padding:0 1.5rem;display:flex;overflow-x:auto}@media (max-width:767px){.modal-tabs{padding:0 1rem}}.modal-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;margin-right:1.5rem;padding:.875rem 0;font-size:.875rem;font-weight:500;transition:color .2s;position:relative}@media (max-width:767px){.modal-tab{margin-right:1rem;font-size:.8125rem}}.modal-tab:hover{color:var(--text-primary)}.modal-tab.active{color:var(--blue-500)}.modal-tab.active:after{content:"";background-color:var(--blue-500);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.modal-content{flex:1;padding:1.5rem;overflow-y:auto}@media (max-width:767px){.modal-content{padding:1rem}}.node-overview{flex-direction:column;gap:1.5rem;display:flex}.health-status-row{background-color:#f9fafb;border-radius:.5rem;gap:1rem;padding:1rem;display:flex}.health-item{flex-direction:column;flex:1;gap:.375rem;display:flex}.health-label{color:var(--text-light);font-size:.75rem}.health-value{align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:flex}.health-value.success{color:#22c55e}.health-value.warning{color:#f59e0b}.health-value.error{color:#ef4444}.node-details-grid{flex-direction:column;gap:0;display:flex}.node-detail-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.node-detail-row:last-child{border-bottom:none}.node-detail-label{color:var(--text-light);font-size:.8125rem}.node-detail-value{color:var(--text-primary);font-size:.8125rem;font-weight:500}.usage-section{border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}.usage-header{color:var(--text-primary);border-bottom:1px solid #f3f4f6;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.usage-metrics{flex-direction:column;gap:1rem;display:flex}.usage-metric{flex-direction:column;gap:.375rem;display:flex}.usage-metric-header{justify-content:space-between;align-items:center;display:flex}.usage-metric-label{color:var(--text-secondary);font-size:.8125rem}.usage-metric-value{font-size:.8125rem;font-weight:600}.usage-bar-container{background-color:#f3f4f6;border-radius:4px;height:8px;overflow:hidden}.usage-bar{border-radius:4px;height:100%;transition:width .3s}.usage-available{color:var(--text-light);font-size:.6875rem}.usage-footer{color:var(--text-secondary);border-top:1px solid #f3f4f6;justify-content:space-between;margin-top:1rem;padding-top:1rem;font-size:.75rem;display:flex}.modal-tab-content{flex-direction:column;gap:1rem;display:flex}.modal-filters{align-items:center;gap:1rem;display:flex}.modal-search{flex:1;max-width:300px;position:relative}.modal-search svg{color:var(--text-light);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.modal-search input{border:1px solid var(--border-color);background-color:#f9fafb;border-radius:.375rem;width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.8125rem}.modal-search input:focus{border-color:var(--blue-500);background-color:#fff;outline:none}.modal-dropdown{position:relative}.modal-dropdown select{appearance:none;border:1px solid var(--border-color);cursor:pointer;background-color:#fff;border-radius:.375rem;min-width:150px;padding:.5rem 2rem .5rem .75rem;font-size:.8125rem}.modal-dropdown select:focus{border-color:var(--blue-500);outline:none}.modal-dropdown svg{color:var(--text-light);pointer-events:none;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.showing-count{color:var(--text-secondary);margin-bottom:.5rem;font-size:.8125rem}.modal-table{border-collapse:collapse;width:100%}@media (max-width:767px){.modal-table{font-size:.75rem}}.modal-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background-color:#f9fafb;padding:.75rem 1rem;font-size:.8125rem;font-weight:500}@media (max-width:767px){.modal-table th{padding:.625rem .5rem;font-size:.75rem}}.modal-table th svg{vertical-align:middle;opacity:.5;margin-left:.25rem;display:inline}.modal-table td{color:var(--text-primary);border-bottom:1px solid #f3f4f6;padding:.75rem 1rem;font-size:.8125rem}@media (max-width:767px){.modal-table td{padding:.625rem .5rem;font-size:.75rem}}.modal-table tr:last-child td{border-bottom:none}.ready-cell{align-items:center;gap:.375rem;display:flex}.status-icon.success{color:#22c55e}.status-icon.warning{color:#f59e0b}.status-icon.error{color:#ef4444}.status-badge{border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.status-badge.running{color:#16a34a;background-color:#dcfce7}.status-badge.pending{color:#d97706;background-color:#fef3c7}.status-badge.failed{color:#dc2626;background-color:#fee2e2}.status-badge.terminated{color:#6b7280;background-color:#f3f4f6}.empty-state{text-align:center;color:var(--text-light);padding:2rem!important}.nodes-table tr.clickable{cursor:pointer;transition:background-color .15s}.nodes-table tr.clickable:hover{background-color:#f9fafb}.namespaces-table tr.clickable{cursor:pointer;transition:background-color .15s}.namespaces-table tr.clickable:hover{background-color:#f9fafb}@media (max-width:640px){.modal-container{max-width:100%}.health-status-row{flex-wrap:wrap}.health-item{flex:45%}.modal-filters{flex-direction:column;align-items:stretch}.modal-search{max-width:none}}.detail-card{background:#fff;border-radius:8px;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:73px;padding:0 24px;display:flex;box-shadow:0 1px 3px #0000001a}.detail-card-left{align-items:center;gap:0;display:flex}.back-btn{cursor:pointer;color:#1f2937;background:0 0;border:none;align-items:center;margin:0;padding:0;transition:color .2s;display:flex}.back-btn:hover{color:#3b82f6}.back-btn svg{flex-shrink:0}.page-title{color:#1f2937;white-space:nowrap;margin-left:8px;font-size:16px;font-weight:500}.meta-items{align-items:center;gap:16px;margin-left:auto;display:flex}.meta-item{flex-direction:column;align-items:center;gap:4px;display:flex}.meta-label{color:#6b7280;font-size:12px;font-weight:400;font-family:var(--font-mulish);white-space:nowrap}.meta-value{font-size:14px;font-weight:400;font-family:var(--font-mulish);color:#1f2937;white-space:nowrap}.meta-divider{background-color:#e5e7eb;width:1px;height:40px}.content-card{background:#fff;border-radius:6px;flex-direction:column;width:100%;height:calc(100vh - 209px);margin:16px auto 0;display:flex;box-shadow:0 1px 3px #0000001a}.tabs{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;gap:8px;padding:7px 24px 0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.tab:hover{color:#1f2937}.tab.active{color:#2a85c3;border-bottom-color:#2a85c3}.tab-content{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:24px;overflow:hidden auto}.tab-content::-webkit-scrollbar{display:none}.overview-section{flex-direction:row;align-items:flex-start;gap:16px;width:100%;display:flex}.overview-main{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.overview-stats-row{flex-wrap:wrap;gap:16px;display:flex}.overview-stats-row .info-box{flex:1;min-width:160px}.overview-bottom-row{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.info-boxes{flex-wrap:wrap;flex:1;gap:16px;min-width:0;display:flex}.content-column{flex-direction:column;flex:1;gap:16px;min-width:280px;display:flex}.info-box{border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;justify-content:center;min-width:160px;height:60px;padding:16px;display:flex}.content-info-box{border:1px solid #e5e7eb;border-radius:8px;flex:1;min-width:280px;height:216px;padding:16px}.content-box-1{border:1px solid #e5e7eb;border-radius:8px;flex:1;min-width:280px;height:auto;min-height:183px;padding:4px 16px 16px}.content-box-2{border:1px solid #e5e7eb;border-radius:8px;flex:1;min-width:280px;height:auto;min-height:381px;padding:16px}.pr-list::-webkit-scrollbar{display:none}.members-list::-webkit-scrollbar{display:none}.content-box-3{border:1px solid #e5e7eb;border-radius:8px;flex:1;min-width:280px;height:auto;min-height:182px;padding:16px}.box-header{color:#212429;font-size:14px;font-weight:500;font-family:var(--font-mulish);margin-top:0}.pie-chart-wrapper{align-items:center;gap:20px;display:flex}.pie-chart-container{flex-shrink:0;width:140px;height:140px;margin:0;position:relative}.pie-chart{width:100%;height:100%}.pie-chart-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pie-chart-count{font-size:20px;font-weight:100;font-style:poppins var(--font-poppins);color:#1f2937;line-height:1}.pie-chart-label{color:#72767a;font-size:13px;font-weight:400;font-family:var(--font-mulish);margin-top:4px}.category-list{flex:1;grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.category-item{align-items:flex-start;gap:8px;font-size:12px;display:flex}.category-color{border-radius:2px;flex-shrink:0;width:12px;height:12px;margin-top:10px}.category-name{color:#1f2937;flex-direction:column;gap:2px;display:flex}.category-count{color:#333;font-size:14px;font-weight:500;font-family:var(--font-mulish)}.custom-box{border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;flex-shrink:0;align-self:flex-start;width:300px;min-width:260px;max-width:360px;height:100%;max-height:500px;padding:16px;display:flex;overflow:hidden}.custom-box .members-list{flex:1;overflow-y:auto}.status-item{align-items:center;gap:12px;margin-bottom:12px;display:flex}.status-label{color:#374151;font-size:13px;font-family:var(--font-mulish);flex-shrink:0;min-width:110px}.status-bar-container{background:#f3f4f6;border-radius:3px;flex:1;height:6px;overflow:hidden}.status-bar{background:#2a85c3;border-radius:3px;height:100%;transition:width .3s}.status-count{color:#374151;font-size:13px;font-weight:500;font-family:var(--font-mulish);text-align:right;min-width:32px}.work-item-header{flex-shrink:1;align-items:center;gap:12px;min-height:0;display:flex}.section-info{flex-direction:column;flex-shrink:1;gap:4px;min-width:0;display:flex;overflow:hidden}.section-title{color:#52525e;font-size:14px;font-weight:400;font-family:var(--font-mulish);text-overflow:ellipsis;overflow:hidden}.section-count{color:#212121;font-size:20px;font-weight:500;font-family:var(--font-mulish);text-overflow:ellipsis;overflow:hidden}.devops-page{flex-direction:column;gap:16px;height:calc(100vh - 108px);padding:0;display:flex}.org-summary-bar{background:#fff;border:1px solid #fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;height:72px;padding:6px 20px;display:flex;box-shadow:0 1px 3px #0000000d}@media (max-width:767px){.devops-page{height:auto;min-height:calc(100vh - 108px)}.org-summary-bar{flex-direction:column;align-items:flex-start;height:auto;min-height:60px;padding:.75rem}}@media (min-width:768px) and (max-width:1023px){.org-summary-bar{height:auto;min-height:72px;padding:1rem}}.org-header{align-items:center;gap:11px;width:333.5px;height:40px;display:flex}.org-label{font-family:var(--font-mulish);letter-spacing:0%;color:#111827;width:102px;height:19px;font-size:16px;font-weight:500;line-height:100%}.org-dropdown{border:1px solid #ececf1;border-radius:8px;justify-content:space-between;align-items:center;width:220.5px;height:40px;padding:11px 12px;display:flex;position:relative}.org-dropdown-menu{z-index:1000;background:#fff;border:1px solid #ececf1;border-radius:8px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.org-dropdown-item{font-family:var(--font-mulish);color:#333;cursor:pointer;padding:12px;font-size:14px;font-weight:400;transition:background-color .2s}.org-dropdown-item:hover{background-color:#f3f4f6}.org-dropdown-inner{cursor:pointer;justify-content:space-between;align-items:center;width:196.5px;height:21px;display:flex}.org-name-text{font-family:var(--font-mulish);letter-spacing:0%;color:#333;width:184.5px;height:15px;font-size:14px;font-weight:400;line-height:100%}.org-chevron{color:#9ca3af;cursor:pointer;width:12px;height:12px}.org-divider{background:#fff;width:1px;height:24px;margin:0 4px}.org-inline-stats{align-items:flex-start;gap:24px;margin-left:auto;padding:14px 20px;display:flex}@media (max-width:767px){.org-inline-stats{flex-wrap:wrap;gap:1rem;width:100%;margin-left:0;padding:.5rem 0}.inline-stat{border-right:none;flex:1;min-width:calc(50% - .5rem);margin-right:0;padding-right:0}.inline-stat:nth-child(2n){border-right:none}}@media (min-width:768px) and (max-width:1023px){.org-inline-stats{flex-wrap:wrap;gap:1rem;padding:.75rem 1rem}}.inline-stat{border-right:1px solid #f0f0f0;flex-direction:column;align-items:flex-start;gap:4px;margin-right:16px;padding-right:16px;display:flex}.inline-stat:last-child{border-right:none;margin-right:0;padding-right:0}.stat-label{font-family:var(--font-mulish);letter-spacing:0%;color:#9ca3af;font-size:11px;font-weight:500;line-height:100%}.stat-value{font-family:var(--font-mulish);color:#111827;font-size:18px;font-weight:500;line-height:100%}.stat-separator{display:none}.status-active{font-family:var(--font-mulish);color:#10b981;font-size:18px;font-weight:500;line-height:100%}.devops-content-wrapper{background:#fff;border-radius:12px;flex-direction:column;height:100%;padding:20px 24px 60px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a14}@media (max-width:767px){.devops-content-wrapper{border-radius:8px;height:auto;min-height:calc(100vh - 250px);padding:1rem 1rem 70px;overflow-y:auto}}@media (min-width:768px) and (max-width:1023px){.devops-content-wrapper{height:100%;padding:1.25rem 1.25rem 75px}}.org-selector-section{align-items:center;gap:12px;display:flex}.org-label{font-family:var(--font-mulish);color:#212121;white-space:nowrap;font-size:14px;font-weight:600}.org-select{cursor:pointer;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:8px;min-width:180px;padding:8px 12px;transition:all .2s;display:flex}.org-select:hover{background:#fff;border-color:#2a85c3}.org-select span{font-family:var(--font-mulish);color:#212121;font-size:14px;font-weight:500}.org-stats{flex:1;justify-content:flex-end;align-items:center;gap:16px;display:flex}.org-stat-item{flex-direction:column;gap:2px;display:flex}.org-stat-label{font-family:var(--font-mulish);color:#757575;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:500}.org-stat-value{font-family:var(--font-mulish);color:#212121;font-size:16px;font-weight:600}.org-status-active{color:#22c55e}.org-stat-divider{background:#e0e0e0;width:1px;height:32px}@media (max-width:1024px){.org-summary-bar{flex-direction:column;align-items:flex-start}.org-stats{flex-wrap:wrap;justify-content:flex-start;width:100%}}@media (max-width:768px){.org-stats{gap:12px}.org-stat-divider{display:none}}.pipelines-list{flex-direction:column;gap:20px;display:flex}.pipelines-grid{grid-template-columns:repeat(auto-fill,minmax(314px,1fr));gap:20px;display:grid}@media (max-width:767px){.pipelines-grid{grid-template-columns:1fr;gap:1rem}}@media (min-width:768px) and (max-width:1023px){.pipelines-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}}.pipeline-card-kanban{opacity:1;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:10px;width:314px;height:165px;padding:12px;transition:all .2s;display:flex;transform:rotate(0);box-shadow:0 1px 3px #0000000f}@media (max-width:767px){.pipeline-card-kanban{width:100%;height:auto;min-height:165px}.kanban-header,.kanban-work-stats,.kanban-stat-item,.kanban-header-inner,.kanban-pipeline-name,.kanban-user-count{width:100%}}@media (min-width:768px) and (max-width:1023px){.pipeline-card-kanban{width:100%;min-width:280px}.kanban-header,.kanban-work-stats,.kanban-stat-item,.kanban-header-inner,.kanban-pipeline-name,.kanban-user-count{width:100%}}.pipeline-card-kanban:hover{border-color:#d0d0d0;box-shadow:0 4px 12px #0000001a}.kanban-header{opacity:1;background:#f8f8f8;border-radius:6px;justify-content:space-between;align-items:flex-start;gap:9px;width:290px;height:51px;padding:8px 12px;display:flex;transform:rotate(0)}.kanban-work-stats{opacity:1;flex-direction:column;gap:8px;width:290px;height:40px;display:flex;transform:rotate(0)}.kanban-stat-item{opacity:1;justify-content:space-between;align-items:center;width:290px;height:18px;display:flex;transform:rotate(0)}.kanban-stat-item .stat-label{width:221px;height:16px;font-family:var(--font-mulish);letter-spacing:0%;color:#727272;opacity:1;align-items:center;gap:6px;font-size:12px;font-style:normal;font-weight:400;line-height:100%;display:flex;transform:rotate(0)}.stat-icon{opacity:1;width:16px;height:16px;transform:rotate(0)}.kanban-stat-item .stat-value{width:23px;height:18px;font-family:var(--font-mulish);letter-spacing:0%;text-align:right;color:#212429;opacity:1;font-size:12px;font-style:normal;font-weight:500;line-height:100%;transform:rotate(0)}.kanban-more-menu{opacity:1;cursor:pointer;flex-direction:column;justify-content:space-between;align-items:center;width:4px;height:20px;margin-top:6px;display:flex;transform:rotate(0)}.menu-dot{background:#72767a;border-radius:50%;width:4px;height:4px}.kanban-header-inner{opacity:1;flex-direction:column;gap:4px;width:253px;height:35px;display:flex;transform:rotate(0)}.kanban-pipeline-name{width:253px;height:17px;font-family:var(--font-mulish);letter-spacing:0%;color:#212429;opacity:1;flex:1;margin:0;font-size:14px;font-style:normal;font-weight:400;line-height:100%;transform:rotate(0)}.kanban-user-count{width:253px;height:14px;font-family:var(--font-mulish);letter-spacing:0%;color:#72767a;opacity:1;margin:0;font-size:12px;font-style:normal;font-weight:400;line-height:100%;transform:rotate(0)}.kanban-status-badge{white-space:nowrap;border-radius:16px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:500}.kanban-status-badge.status-succeeded{color:#2e7d32;background:#e8f5e9}.kanban-status-badge.status-failed{color:#c62828;background:#ffebee}.kanban-status-badge.status-running{color:#1565c0;background:#e3f2fd}.kanban-branch-info{align-items:center;gap:6px;display:flex}.kanban-branch-text{font-family:var(--font-mulish);color:#424242;font-size:14px;font-weight:500}.kanban-icon{color:#757575;flex-shrink:0}.kanban-commit-msg{font-family:var(--font-mulish);color:#616161;font-size:14px;line-height:1.5}.kanban-footer{border-top:1px solid #f5f5f5;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.kanban-footer-repos,.kanban-footer-pipelines{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.footer-label{font-family:var(--font-mulish);color:#72767a;white-space:nowrap;font-size:12px;font-style:normal;font-weight:400;line-height:100%}.stat-value{font-family:var(--font-mulish);color:#333;white-space:nowrap;font-size:12px;font-style:normal;font-weight:400;line-height:100%}.kanban-user{align-items:center;gap:8px;display:flex}.kanban-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:28px;height:28px}.kanban-username{font-family:var(--font-mulish);color:#424242;font-size:14px;font-weight:500}.kanban-meta{align-items:center;gap:8px;display:flex}.kanban-time{align-items:center;gap:4px;display:flex}.kanban-time span{font-family:var(--font-mulish);color:#757575;font-size:13px}.kanban-divider{color:#bdbdbd;font-size:12px}.kanban-timestamp{font-family:var(--font-mulish);color:#757575;font-size:13px}@media (max-width:768px){.pipelines-grid{grid-template-columns:1fr}}.pipeline-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .2s}.pipeline-card:hover{border-color:#d0d0d0;box-shadow:0 4px 12px #00000014}.pipeline-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pipeline-name{font-family:var(--font-mulish);color:#212121;margin:0;font-size:16px;font-weight:600}.status-badge{font-family:var(--font-mulish);text-transform:capitalize;border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500}.status-succeeded{color:#2e7d32;background:#e8f5e9}.status-failed{color:#c62828;background:#ffebee}.status-running{color:#1565c0;background:#e3f2fd}.pipeline-details{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.detail-item{align-items:center;gap:6px;display:flex}.detail-icon{color:#757575}.detail-text{font-family:var(--font-mulish);color:#424242;font-size:14px;font-weight:500}.commit-message{font-family:var(--font-mulish);color:#616161;padding-left:20px;font-size:14px}.pipeline-footer{border-top:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.triggered-by{align-items:center;gap:8px;display:flex}.user-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%}.user-name{font-family:var(--font-mulish);color:#424242;font-size:14px;font-weight:500}.pipeline-meta{align-items:center;gap:8px;display:flex}.meta-icon{color:#757575}.meta-text{font-family:var(--font-mulish);color:#757575;font-size:13px}.meta-divider{color:#bdbdbd;font-size:13px}.view-toggle-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.view-toggle-right{align-items:center;gap:16px;display:flex}.devops-search-wrapper{align-items:center;display:flex;position:relative}.devops-search-icon{color:#9ca3af;pointer-events:none;position:absolute;left:12px}.devops-search-input{width:220px;font-size:14px;font-family:var(--font-mulish);color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px 8px 40px;transition:border-color .2s,box-shadow .2s}.devops-search-input::placeholder{color:#9ca3af}.devops-search-input:focus{border-color:#2a85c3;outline:none;box-shadow:0 0 0 2px #2a85c31a}.section-title{font-family:var(--font-mulish);color:#52525e;margin:0;font-size:14px;font-weight:400}.view-toggle-buttons{background:#f9f9f9;border-radius:6px;gap:8px;padding:4px;display:flex}.view-toggle-btn{cursor:pointer;color:#757575;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.view-toggle-btn:hover{color:#424242;background:#efefef}.view-toggle-btn.active{color:#2a85c3;background:#fff;box-shadow:0 1px 3px #0000001a}.table-view-container{background:#fff;border:1px solid #f0f0f0;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}@media (max-width:767px){.table-view-container{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}}.devops-table{border-collapse:collapse;width:100%}@media (max-width:767px){.devops-table{min-width:700px;font-size:.75rem}}.devops-table thead{z-index:1;background:#f0f0f066;border-bottom:1px solid #fff;position:sticky;top:0}.devops-table th{font-family:var(--font-mulish);color:#6b7280;text-align:left;letter-spacing:.05em;background:#f0f0f0;border-bottom:1px solid #e5e7eb;padding:10px 20px;font-size:11px;font-weight:600}@media (max-width:767px){.devops-table th{padding:8px 12px;font-size:10px}}.devops-table th .th-content{font-family:var(--font-mulish);cursor:pointer;align-items:center;gap:6px;font-size:12px;font-weight:400;display:flex}.devops-table th .th-content svg{opacity:.4;transition:opacity .2s}.devops-table th .th-content:hover svg{opacity:.7}.devops-table td{font-family:var(--font-mulish);text-align:left;border-bottom:1px solid #f3f4f6;padding:16px 20px;font-size:14px}@media (max-width:767px){.devops-table td{padding:12px;font-size:13px}}.devops-table tbody tr{transition:background-color .15s}.devops-table tbody tr:hover{background-color:#2a85c30d}.devops-table tbody tr:last-child td{border-bottom:1px solid #f0f0f0}.col-project-name{opacity:1;text-align:left;gap:5px;width:89px;height:14px;top:259px;left:150px}.col-users{width:20%}.col-work-items,.col-pr,.col-repos,.col-pipelines{text-align:center;width:13%}.project-name-cell{font-family:var(--font-mulish);color:#111827;font-size:14px;font-weight:500;line-height:1.4}.users-cell{align-items:center;gap:0;display:flex}.user-avatar{-o-object-fit:cover;object-fit:cover;border:2px solid #fff;border-radius:50%;width:28px;height:28px;margin-left:-8px;transition:transform .2s}.user-avatar:first-child{margin-left:0}.user-avatar:hover{z-index:10;transform:scale(1.1)}.user-count-badge{font-family:var(--font-mulish);color:#6b7280;background:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.user-count-badge:hover{background:#e5e7eb;transform:scale(1.05)}.user-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.user-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.user-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.user-modal-header h3{font-family:var(--font-mulish);color:#111827;margin:0;font-size:18px;font-weight:600}.user-modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.user-modal-close:hover{color:#111827;background:#f3f4f6}.user-modal-body{padding:24px;overflow-y:auto}.user-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;display:grid}.user-grid-item{flex-direction:column;align-items:center;gap:8px;display:flex}.user-grid-avatar{border:2px solid #e5e7eb;border-radius:50%;transition:all .2s}.user-grid-avatar:hover{border-color:#3b82f6;transform:scale(1.1)}.user-grid-number{font-family:var(--font-mulish);color:#6b7280;text-align:center;font-size:12px}.no-users-message{text-align:center;color:#9ca3af;font-family:var(--font-mulish);padding:40px 20px;font-size:14px}@media (max-width:640px){.user-modal-content{max-width:100%;max-height:90vh}.user-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.user-modal-header,.user-modal-body{padding:16px}}.cell-value{font-family:var(--font-mulish);color:#111827;font-size:14px;font-weight:600}.pagination-container{background:#fff;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;padding:9px 24px;display:flex;position:absolute;bottom:0;left:0;right:0}@media (max-width:767px){.pagination-container{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.75rem}.pagination-btn{padding:6px 12px;font-size:12px}.pagination-number{width:32px;height:32px;font-size:12px}.pagination-numbers{gap:4px}}@media (min-width:768px) and (max-width:1023px){.pagination-container{padding:.75rem 1rem}}.pagination-btn{font-family:var(--font-mulish);color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{align-items:center;gap:6px;display:flex}.pagination-number{width:36px;height:36px;font-family:var(--font-mulish);color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:all .2s;display:flex}.pagination-number:hover{background:#f9fafb;border-color:#d1d5db}.pagination-number.active{color:#fff;background:#3b82f6;border-color:#3b82f6;font-weight:600}.pagination-ellipsis{min-width:36px;height:36px;font-family:var(--font-mulish);color:#6b7280;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:14px;display:inline-flex}@media (max-width:767px){.pagination-ellipsis{min-width:28px;height:28px;font-size:12px}}.project-detail-container{max-width:1400px;margin:0 auto;padding:24px}.loading-container,.error-container{min-height:400px;font-family:var(--font-mulish);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.error-container p{color:#6b7280;font-size:18px}.back-button{color:#fff;cursor:pointer;font-family:var(--font-mulish);background:#3b82f6;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:background .2s}.back-button:hover{background:#2563eb}.project-detail-header{margin-bottom:24px}.back-nav-button{color:#374151;font-family:var(--font-mulish);cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.back-nav-button:hover{background:#f9fafb;border-color:#d1d5db}.project-detail-title{font-family:var(--font-mulish);color:#111827;margin-bottom:12px;font-size:32px;font-weight:700}.project-meta-info{font-family:var(--font-mulish);color:#6b7280;align-items:center;gap:24px;font-size:14px;display:flex}.meta-item{align-items:center;gap:8px;display:flex}.meta-item strong{color:#374151}.status-badge{border-radius:12px;align-items:center;margin-left:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.active{color:#065f46;background:#d1fae5}.status-badge.inactive{color:#991b1b;background:#fee2e2}.project-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card-icon.users{color:#1e40af;background:#dbeafe}.stat-card-icon.work-items{color:#92400e;background:#fef3c7}.stat-card-icon.pull-requests{color:#3730a3;background:#e0e7ff}.stat-card-icon.repos{color:#166534;background:#dcfce7}.stat-card-icon.pipelines{color:#9f1239;background:#fce7f3}.stat-card-content{flex:1}.stat-card-label{font-family:var(--font-mulish);color:#6b7280;margin-bottom:4px;font-size:13px}.stat-card-value{font-family:var(--font-mulish);color:#111827;font-size:24px;font-weight:700}.detail-section-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:24px;display:grid}.detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:7px 7px 0 0;padding:24px}.detail-card.full-width{grid-column:1/-1;margin-bottom:24px}.detail-card-title{font-family:var(--font-mulish);color:#111827;margin-bottom:20px;font-size:18px;font-weight:600}.work-items-list{flex-direction:column;gap:12px;display:flex}.work-item-row{background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;transition:background .2s;display:flex}.work-item-label{font-family:var(--font-mulish);color:#374151;align-items:center;gap:10px;font-size:14px;display:flex}.work-item-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.work-item-count{font-family:var(--font-mulish);color:#111827;font-size:16px;font-weight:600}.work-status-list{flex-direction:column;gap:16px;display:flex}.status-row{flex-direction:column;gap:8px;display:flex}.status-label{font-family:var(--font-mulish);color:#52525e;font-size:12px;font-weight:400}.status-bar-container{background:#f3f4f6;border-radius:6px;width:100%;height:-1px;position:relative;overflow:hidden}.status-bar-fill{background:linear-gradient(90deg,#2a85c3 0% 100%);border-radius:6px;height:100%;transition:width .3s}.status-count{color:#333;font-size:12px;font-weight:500;font-family:var(--font-mulish)}.pr-table-container{overflow-x:auto}.pr-table{border-collapse:collapse;width:100%;font-family:var(--font-mulish)}.pr-table thead{background:#f9fafb}.pr-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:13px;font-weight:600}.pr-table td{color:#374151;border-top:1px solid #e5e7eb;padding:16px;font-size:14px}.pr-table tbody tr{transition:background .2s}.pr-table tbody tr:hover{background:#f9fafb}.pr-id{color:#3b82f6;font-weight:600}.pr-title{color:#333;font-weight:400;font-family:var(--font-mulish);font-size:14px}.pr-author{color:#72767a;font-family:var(--font-mulish);font-size:12px;font-weight:400}.pr-time{color:#72767a;font-size:13px}.pr-environment{color:#333;font-size:14px;font-weight:400;font-family:poppins,var(--font-poppins)}.env-badge{border-radius:12px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.env-badge.production{color:#991b1b;background:#fee2e2}.env-badge.staging{color:#92400e;background:#fef3c7}.env-badge.development{color:#1e40af;background:#dbeafe}.env-badge.testing{color:#3730a3;background:#e0e7ff}.members-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.member-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.member-card:hover{background:#fff;box-shadow:0 2px 8px #0000000d}.member-avatar{color:#fff;width:48px;height:48px;font-family:var(--font-mulish);background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.member-info{flex:1}.member-name{font-family:var(--font-mulish);color:#333;margin-bottom:4px;font-size:12px;font-weight:400}.member-role{font-family:var(--font-mulish);color:#333;margin-bottom:2px;font-size:13px}.member-code{font-family:var(--font-mulish);color:#72767a;font-size:12px;font-weight:400}@media (max-width:1200px){.detail-section-grid{grid-template-columns:1fr}}@media (max-width:768px){.project-detail-container{padding:16px}.project-detail-title{font-size:24px}.project-meta-info{flex-direction:column;align-items:flex-start;gap:8px}.project-stats-grid,.detail-section-grid,.members-grid{grid-template-columns:1fr}.pr-table-container{overflow-x:auto}.pr-table{min-width:600px}.pipeline-footer{flex-direction:column;align-items:flex-start;gap:12px}.pipeline-header{flex-direction:column;align-items:flex-start;gap:8px}.view-toggle-header{flex-direction:column;align-items:flex-start;gap:12px}.pipelines-table th,.pipelines-table td{padding:12px;font-size:13px}}@media (max-width:767px){button,a,.clickable,[role=button]{min-width:44px;min-height:44px}.nav-item,.tab-btn,.modal-tab,.filter-dropdown,.pagination-btn,.pagination-number{min-height:44px}body{-moz-text-size-adjust:100%;text-size-adjust:100%}.modal-content,.tab-content,.resources-list,.table-container{-webkit-overflow-scrolling:touch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@media (min-width:768px) and (max-width:1023px){.card{padding:1.25rem}button,a{min-height:40px}}@media (max-width:767px){body,html{overflow-x:hidden}*{max-width:100%}img{max-width:100%;height:auto}}@media print{.sidebar,.mobile-menu-toggle,.navbar-header,.pagination-container{display:none!important}.main-content{margin-left:0;padding:0}body{font-size:12pt}.card,.modal-container{page-break-inside:avoid}}@media (prefers-contrast:high){.card,.sidebar,.navbar-header{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:767px) and (orientation:landscape){.navbar-header{flex-wrap:wrap;height:auto}.main-content{padding-top:130px}.modal-header{padding:.75rem 1rem}.sidebar{width:200px}}:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.loading,.skeleton{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:767px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}}@media (min-width:768px) and (max-width:1023px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}}.decorative-shapes:before,.decorative-shapes:after{content:"";opacity:.05;border-radius:12px;position:absolute}.decorative-shapes:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6);width:180px;height:180px;top:-40px;right:-40px;transform:rotate(15deg)}.decorative-shapes:after{background:linear-gradient(135deg,#10b981,#3b82f6);width:120px;height:120px;top:120px;right:-20px;transform:rotate(-20deg)}.email-input-custom::placeholder{font-family:var(--font-mulish);letter-spacing:0;vertical-align:bottom;font-size:12px;font-weight:400;line-height:20px}.password-input-custom::placeholder{opacity:1;height:20px;font-family:var(--font-mulish);letter-spacing:0;vertical-align:bottom;font-size:12px;font-weight:400;line-height:20px}.login-container{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.login-hero-panel{background:#fff;justify-content:center;align-items:center;width:50%;height:100vh;display:flex}.login-form-panel{opacity:1;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100vh;margin:0;padding:44px;display:flex}.login-form-container{flex-direction:column;gap:24px;width:100%;max-width:504px;display:flex}.login-brand-logo{justify-content:center;align-items:center;width:26px;height:28px;display:flex}.login-brand-text{font-family:var(--font-mulish);color:#212121;font-size:20px;font-weight:700}.login-fields-container{flex-direction:column;gap:20px;width:100%;display:flex}.login-heading{font-family:var(--font-mulish);color:#111827;font-size:24px;font-weight:700}.login-input-group{flex-direction:column;gap:8px;width:100%;display:flex}.login-label{font-family:var(--font-mulish);color:#374151;font-size:14px;font-weight:600}.login-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;height:48px;padding:0 12px 0 40px;font-size:14px}.login-forgot-password-container{justify-content:flex-end;width:100%;max-width:504px;display:flex}.login-buttons-container{flex-direction:column;gap:16px;width:100%;max-width:504px;display:flex}.login-submit-button{color:#fff;cursor:pointer;background:#2a85c3;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;height:48px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #2a85c333}.login-submit-button:hover{background:#1e6ba1;transform:translateY(-1px);box-shadow:0 6px 10px -1px #2a85c34d}.login-submit-button-text{opacity:1;width:134px;height:20px;font-family:var(--font-mulish);letter-spacing:0;text-align:center;vertical-align:middle;font-size:16px;font-weight:600;line-height:20px;transform:rotate(0)}.login-divider-left{background:linear-gradient(90deg,#0000 0%,#e5e7eb 100%);height:1.5px}.login-divider-text{font-family:var(--font-mulish);color:#9ca3af;padding:0 12px;font-size:14px;font-weight:600}.login-divider-right{background:linear-gradient(90deg,#e5e7eb 0%,#0000 100%);height:1.5px}.login-forgot-password{font-family:var(--font-mulish);color:#2a85c3;font-size:12px;font-weight:500}.login-microsoft-button{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;height:48px;transition:all .2s;display:flex}.login-microsoft-button:hover{background:#f9fafb}.login-microsoft-logo{width:20px;height:20px}.login-microsoft-text{font-family:var(--font-mulish);color:#374151;font-size:14px;font-weight:500}.login-register-text{font-family:var(--font-mulish);color:#6b7280;text-align:center;margin-top:24px;font-size:14px}.login-register-link{color:#2a85c3;font-weight:600;text-decoration:none}.login-register-link:hover{text-decoration:underline}.database-page{flex-direction:column;gap:16px;height:calc(100vh - 108px);padding:0;display:flex}.db-top-bar{opacity:1;background:#fff;border-radius:8px;align-items:center;gap:24px;height:72px;padding:20px 32px;display:flex}.db-top-bar-item{flex:1;align-items:center;gap:16px;display:flex}.db-top-bar-icon{color:#1e40af;background:#dbeafe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.db-top-bar-icon.online{color:#065f46;background:#d1fae5}.db-top-bar-content{flex-direction:column;gap:4px;display:flex}.db-top-bar-label{font-family:var(--font-mulish);color:#6b7280;font-size:13px}.db-top-bar-value{font-family:var(--font-mulish);color:#111827;font-size:24px;font-weight:700}.db-top-bar-divider{background:#e5e7eb;width:1px;height:48px}.database-cards-container{flex-wrap:wrap;gap:16px;width:100%;height:100%;display:flex}.db-list-card{opacity:1;background:#fff;border-radius:8px;flex-shrink:0;width:370px;min-width:280px;max-width:100%;padding:20px;position:relative;overflow:hidden}.db-list-title{font-family:var(--font-mulish);color:#212429;margin-bottom:15px;font-size:16px;font-weight:500;line-height:100%}.db-list-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.db-list-card-title{font-family:var(--font-mulish);color:#111827;font-size:20px;font-weight:600}.db-list-card-count{font-family:var(--font-mulish);color:#6b7280;font-size:14px}.db-list-search{opacity:1;box-sizing:border-box;background-color:#f7f8fa;border-radius:8px;align-items:center;gap:8px;width:100%;max-width:330px;height:40px;margin-left:-5px;padding:12px;display:flex;position:relative}.db-list-search input{font-size:14px;font-family:var(--font-mulish);color:#111827;background-color:#0000;border:none;outline:none;flex:1}.db-list-search input::placeholder{color:#9ca3af}.db-list-search-icon{color:#6b7280;flex-shrink:0}.db-list-info-card{opacity:1;height:67px;font-family:var(--font-mulish);border:1px solid #f0f0f0;border-radius:8px;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;margin-top:15px;margin-left:-5px;padding:12px;display:flex}.db-list-selected{background-color:#2a85c31a!important;border-color:#2a85c3!important}.db-list-info-content{opacity:1;flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;height:35px;margin-top:4px;display:flex}.db-list-info-title{font-family:var(--font-mulish);letter-spacing:0%;color:#212429;font-size:14px;font-weight:500;line-height:100%}.db-list-info-count{font-family:var(--font-mulish);letter-spacing:0%;color:#52525e;font-size:12px;font-weight:400;line-height:100%}.db-list-location-content{opacity:1;text-align:right;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:4px;height:35px;display:flex}.db-list-location-title{font-family:var(--font-mulish);letter-spacing:0%;color:#72767a;font-size:12px;font-weight:400;line-height:100%}.db-list-location-value{font-family:var(--font-mulish);letter-spacing:0%;color:#333;font-size:12px;font-weight:400;line-height:100%}.db-list-pagination{background:#fff;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;padding:9px 0;display:flex}.db-list-table-container{overflow-x:auto}.db-list-table{border-collapse:collapse;width:100%;font-family:var(--font-mulish)}.db-list-table thead{background:#f9fafb;border-radius:8px}.db-list-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.db-list-table td{color:#374151;border-top:1px solid #f3f4f6;padding:16px;font-size:14px}.db-list-table tbody tr{transition:background .2s}.db-list-table tbody tr:hover{background:#f9fafb}.db-name-cell{align-items:center;gap:10px;display:flex}.db-type-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.db-name-text{color:#111827;font-weight:600}.db-type-text{color:#6b7280;font-size:13px}.db-status-pill{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.db-status-pill.status-online{color:#065f46;background:#d1fae5}.db-status-pill.status-offline{color:#991b1b;background:#fee2e2}.db-status-pill.status-degraded{color:#92400e;background:#fef3c7}.db-status-pill.status-maintenance{color:#3730a3;background:#e0e7ff}.db-region-cell,.db-storage-cell{color:#6b7280;align-items:center;gap:6px;display:flex}.db-region-cell svg,.db-storage-cell svg{flex-shrink:0}.db-connections-text{color:#374151}.db-cost-text{color:#059669;font-weight:600}.db-metrics-card{opacity:1;background:#fff;border-radius:8px;flex-direction:column;flex:1;gap:8px;padding:24px;display:flex}.db-metrics-card-header{justify-content:space-between;align-items:center;display:flex}.db-metrics-card-title{font-family:var(--font-mulish);color:#111827;font-size:20px;font-weight:600}.db-metrics-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.db-metrics-search-container{opacity:1;flex:1;width:100%;min-width:150px;max-width:338px;height:40px;position:relative}.db-metrics-search-input{width:100%;height:100%;font-family:var(--font-mulish);color:#111827;background:#f7f8fa;border:none;border-radius:8px;outline:none;gap:8px;padding:12px 12px 12px 44px;font-size:14px;transition:all .2s}.db-metrics-search-input::placeholder{color:#9ca3af}.db-metrics-search-input:focus{background:#eef0f3;box-shadow:0 0 0 3px #3b82f61a}.db-metrics-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.db-metrics-dropdown-container{opacity:1;border:1px solid #ececf1;border-radius:8px;justify-content:space-between;align-items:center;width:180px;height:40px;padding:11px 12px;display:flex;position:relative}.db-metrics-dropdown-inner{cursor:pointer;justify-content:space-between;align-items:center;width:100%;display:flex}.db-metrics-dropdown-text{font-family:var(--font-mulish);color:#333;flex:1;font-size:12px;font-weight:400;line-height:100%}.db-metrics-dropdown-chevron{color:#72767a;flex-shrink:0}.db-metrics-dropdown-menu{z-index:1000;background:#fff;border:1px solid #ececf1;border-radius:8px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.db-metrics-dropdown-item{font-family:var(--font-mulish);color:#333;cursor:pointer;padding:12px;font-size:14px;font-weight:400;transition:background-color .2s}.db-metrics-dropdown-item:hover{background-color:#f3f4f6}.db-metrics-table-container{opacity:1;border:1px solid #e5e7eb;border-radius:8px;width:100%;max-width:100%;max-height:380px;margin-top:24px;overflow:auto}.db-metrics-table{border-collapse:collapse;width:100%;min-width:500px;font-family:var(--font-mulish)}.db-metrics-table thead{z-index:10;background:#f0f0f066;position:sticky;top:0}.db-metrics-table thead tr{opacity:1;border:1px solid var(--Table-Border-Color,#f0f0f0);width:922px;height:40px}.db-metrics-table th{text-align:left;font-family:var(--font-mulish);letter-spacing:0%;color:#111827;border-bottom:1px solid #e5e7eb;height:40px;padding:12px 16px;font-size:12px;font-weight:400;line-height:100%}.db-metrics-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.db-metrics-table tbody tr:hover{background-color:#f9fafb}.db-metrics-table td{font-family:var(--font-mulish);letter-spacing:0%;color:#212429;padding:12px 16px;font-size:14px;font-weight:400;line-height:100%}.db-status-badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.db-status-online{color:#065f46;background:#d1fae5}.db-status-offline{color:#991b1b;background:#fee2e2}.db-status-maintenance{color:#92400e;background:#fef3c7}.db-status-degraded{color:#b91c1c;background:#fecaca}.db-metrics-pagination{background:#fff;justify-content:flex-end;align-items:center;gap:12px;margin-top:1px;padding:9px 0;display:flex}.db-metrics-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.db-metric-box{background:#f9fafb;border-radius:10px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.db-metric-box:hover{background:#f3f4f6}.db-metric-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.db-metric-icon.cpu{color:#1e40af;background:#dbeafe}.db-metric-icon.memory{color:#3730a3;background:#e0e7ff}.db-metric-icon.connections{color:#065f46;background:#d1fae5}.db-metric-icon.trend{color:#92400e;background:#fef3c7}.db-metric-info{flex-direction:column;gap:4px;display:flex}.db-metric-label{font-family:var(--font-mulish);color:#6b7280;font-size:12px}.db-metric-value{font-family:var(--font-mulish);color:#111827;font-size:20px;font-weight:700}.db-distribution-section{border-top:1px solid #e5e7eb;padding-top:24px}.db-distribution-title{font-family:var(--font-mulish);color:#111827;margin-bottom:16px;font-size:16px;font-weight:600}.db-distribution-bars{flex-direction:column;gap:12px;display:flex}.db-distribution-row{align-items:center;gap:12px;display:flex}.db-distribution-label{min-width:120px;font-family:var(--font-mulish);color:#374151;align-items:center;gap:8px;font-size:13px;display:flex}.db-distribution-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.db-distribution-bar-container{background:#f3f4f6;border-radius:6px;flex:1;height:24px;overflow:hidden}.db-distribution-bar-fill{border-radius:6px;height:100%;transition:width .3s}.db-distribution-count{font-family:var(--font-mulish);color:#111827;text-align:right;min-width:30px;font-size:14px;font-weight:600}@media (max-width:1200px){.database-cards-container{flex-direction:column}.db-list-card{width:100%;max-width:100%}.db-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.database-page{height:auto;min-height:calc(100vh - 108px);padding:16px}.db-top-bar{flex-direction:column;align-items:stretch;gap:16px;height:auto;padding:16px}.db-top-bar-divider{display:none}.db-top-bar-item{background:#f9fafb;border-radius:8px;padding:12px}.db-top-bar-icon{width:40px;height:40px}.db-top-bar-value{font-size:20px}.database-cards-container{flex-direction:column;height:auto}.db-list-card{width:100%;max-width:100%}.db-list-search{max-width:100%;margin-left:0}.db-list-card,.db-metrics-card{padding:16px}.db-metrics-header-row{flex-direction:column;align-items:stretch}.db-metrics-search-container{width:100%;max-width:100%}.db-metrics-dropdown-container{width:100%}.db-list-table-container{overflow-x:scroll}.db-list-table{min-width:800px}.db-metrics-grid{grid-template-columns:1fr}.db-distribution-label{min-width:100px;font-size:12px}.db-list-info-card{margin-left:0}}.db-name-link{color:inherit;cursor:pointer;text-decoration:none;transition:color .2s}.db-name-link:hover{color:#2a85c30d;text-decoration:underline}.db2-page{flex-direction:column;gap:10px;display:flex;overflow:hidden}.db2-banner{background:#fff;border-radius:8px 8px 0 0;justify-content:space-between;align-items:flex-start;gap:32px;padding:24px 32px;display:flex}.db2-banner-features{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:20px 28px;width:auto;display:flex}.db2-banner-feature{border-right:1px solid #e2e8f0;flex-direction:column;flex:none;align-items:flex-start;gap:4px;min-width:max-content;padding-right:24px;display:flex}.db2-banner-feature-label{letter-spacing:.1em;color:#72767a;font-weight:400;font-family:var(--font-mulish);text-align:left;margin:0;font-size:12px}.db2-banner-feature-value{font-size:14px;font-weight:400;font-family:var(--font-mulish);color:#0f172a;text-align:left;margin:0}.db2-status-active{color:#00883f;font-weight:600}.db2-monitoring-content{flex-flow:wrap;gap:20px;width:100%;display:flex}.db2-monitoring-left{flex-direction:column;flex:1;gap:20px;min-width:300px;margin-top:0;display:flex}.db2-monitoring-right{flex-shrink:0;align-items:flex-start;width:100%;max-width:436px;display:flex}.db2-monitoring-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;max-width:909px;margin-top:-12px;overflow:visible}.db2-monitoring-box-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:45px;padding:16px 20px;display:flex}.db2-time-range-selector{cursor:pointer;background:0 0;align-items:center;gap:8px;padding:6px 12px;transition:all .2s;display:flex}.db2-time-range-selector:hover{background:#f8fafc}.db2-calendar-icon{color:#72767a;flex-shrink:0}.db2-time-range-text{color:#72767a;font-size:13px;font-weight:400;font-family:var(--font-mulish);white-space:nowrap}.db2-dropdown-icon{color:#64748b;flex-shrink:0}.db2-dropdown-icon.rotate{transform:rotate(180deg)}.db2-time-range-selector-wrapper{position:relative}.db2-time-range-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:160px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.db2-time-range-option{color:#334155;font-size:13px;font-weight:400;font-family:var(--font-mulish);cursor:pointer;padding:10px 16px;transition:background-color .2s}.db2-time-range-option:hover{background:#f1f5f9}.db2-time-range-option-active{color:#0369a1;background:#e0f2fe;font-weight:500}.db2-monitoring-header-icon{width:20px;height:20px}.db2-monitoring-box-dtu{min-height:220px}.db2-monitoring-box-dtu .db2-monitoring-box-header{background:0 0;border-bottom:none}.db2-dtu-chart{max-width:100%;height:auto;display:block}.db2-dtu-chart-container{align-items:stretch;gap:16px;min-height:120px;display:flex}.db2-dtu-yaxis{flex-direction:column;justify-content:space-between;height:120px;margin-top:-10px;padding-right:8px;display:flex}.db2-dtu-level{color:#64748b;font-size:12px;font-weight:400;font-family:var(--font-mulish);text-align:right;line-height:0}.db2-dtu-chart-area{flex:1;align-items:stretch;height:120px;margin-top:-10px;display:flex}.db2-dtu-line-chart{width:100%;height:100%}.db2-dtu-timeline{justify-content:space-between;margin-top:0;padding:0 10px 0 50px;display:flex}.db2-dtu-time{color:#64748b;font-size:12px;font-weight:400;font-family:var(--font-mulish)}.db2-monitoring-box-title{font-size:14px;font-weight:500;font-family:var(--font-poppins);color:#0f172a;text-align:left;margin:0}.db2-monitoring-box-body{height:178px;padding:20px}.db2-monitoring-columns{grid-template-columns:1fr 1fr;gap:40px;height:100%;display:grid}.db2-table-label{width:50%;min-width:fit-content}.db2-monitoring-column{flex-direction:column;gap:12px;display:flex}.db2-monitoring-item{color:#0f172a;text-align:left;justify-content:space-between;align-items:center;font-size:14px;display:flex}.db2-monitoring-label{color:#94a3b8;font-weight:400;font-family:var(--font-mulish);text-transform:capitalize;font-size:11px}.db2-monitoring-value{color:#333;font-weight:400;font-family:var(--font-mulish);text-align:left;align-items:center;margin-left:10px}.db2-storage-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;width:100%;min-width:280px;max-width:436px;height:auto;min-height:453px;margin-top:-13px;margin-left:0;display:flex;overflow:hidden}.db2-storage-table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:13px 20px}.db2-storage-table-title{font-size:14px;font-weight:500;font-family:var(--font-mulish);color:#0f172a;text-align:left;margin:0}.db2-storage-table-body{box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:400px;padding:10px 20px 20px;display:flex}.db2-storage-chart-container{justify-content:center;align-items:center;width:185.27px;height:185.27px;display:flex;position:relative}.db2-storage-pie-chart{width:100%;height:100%}.db2-pie-fill{transition:stroke-dasharray .3s}.db2-storage-percentage{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.db2-storage-percent-value{color:#212429;font-size:32px;font-weight:500;font-family:var(--font-mulish);line-height:1}.db2-storage-percent-label{font-size:14px;font-weight:400;font-family:var(--font-mulish);color:#64748b;margin-top:4px}.db2-storage-details{flex-direction:row;justify-content:space-between;gap:40px;width:100%;margin-top:8px;padding-right:40px;display:flex}.db2-storage-detail-item{flex-direction:column;align-items:flex-start;gap:8px;padding-left:12px;display:flex;position:relative}.db2-storage-detail-item:before{content:"";background-color:#2a85c3;border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:0}.db2-storage-detail-label{color:#52525e;font-size:12px;font-weight:400;font-family:var(--font-mulish)}.db2-storage-detail-value{color:#212429;font-size:14px;font-weight:500;font-family:var(--font-mulish)}.db2-storage-used-space{flex-direction:column;gap:12px;width:100%;margin-top:24px;display:flex}.db2-storage-used-header{justify-content:space-between;align-items:center;width:100%;display:flex}.db2-storage-used-label{color:#52525e;font-size:12px;font-weight:400;font-family:var(--font-mulish);text-align:left}.db2-storage-used-value{color:#333;font-size:12px;font-weight:500;font-family:var(--font-mulish)}.db2-storage-indicator{background-color:#e2e8f0;border-radius:4px;width:100%;height:8px;overflow:hidden}.db2-storage-indicator-fill{background-color:#2a85c3;border-radius:4px;height:100%;transition:width .3s}.db2-storage-row{border-bottom:1px solid #f1f5f9}.db2-storage-row:last-child{border-bottom:none}.db2-storage-label,.db2-storage-value{text-align:left;padding:12px 0;font-size:14px}.db2-storage-label{color:#475569;font-weight:400}.db2-storage-value{color:#0f172a;text-align:right;font-weight:600}.db2-banner-feature:last-child{border-right:none;padding-right:0}@media (max-width:768px){.db2-banner{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.db2-banner-features{justify-content:flex-start;width:100%}.db2-banner-feature{flex:45%;align-items:flex-start;min-width:0}.db2-banner-feature-label,.db2-banner-feature-value{text-align:left}.db2-monitoring-content{flex-direction:column}.db2-monitoring-left{min-width:100%}.db2-monitoring-right{width:100%;max-width:100%}.db2-monitoring-box,.db2-storage-table{max-width:100%}.db2-card{padding:16px}.db2-table-grid,.db2-table-double{grid-template-columns:1fr}.db2-dtu-timeline{flex-wrap:wrap;gap:8px;padding:0 10px}.db2-storage-details{flex-direction:column;gap:16px;padding-right:0}}@media (max-width:1024px){.db2-table-general,.db2-table-performance,.db2-table-resource,.db2-table-storage{grid-area:auto;width:100%;max-width:100%;margin-left:0}.db2-table-grid{grid-template-columns:1fr}}.db2-card{background:#fff;border-radius:0 0 8px 8px;flex-direction:column;flex:1;width:100%;min-height:0;padding:24px 28px;display:flex}.db2-card+.db2-card{margin-top:20px}.db2-card-head{justify-content:flex-start;align-items:center;gap:10px;margin-bottom:16px;display:flex}.db2-card-title{color:#0f172a;margin:0;font-size:18px;font-weight:600}.db2-card-tabs{background:0 0;border-radius:0;gap:16px;padding:4px 0 16px;display:inline-flex}.db2-tab{color:#475569;font-size:13px;font-weight:500;font-family:var(--font-mulish);cursor:pointer;background:0 0;border:none;border-radius:0;padding:0;transition:background .2s,color .2s}.db2-tab-active{color:#2a85c3;text-underline-offset:6px;background:0 0;font-weight:500;-webkit-text-decoration:underline #2a85c3;text-decoration:underline #2a85c3}.db2-card-body{flex:1;justify-content:center;align-items:stretch;width:100%;min-height:0;display:flex}.db2-table-grid{grid-template-columns:1fr;grid-auto-rows:minmax(0,auto);gap:12px;width:100%;display:grid}@media (min-width:1024px){.db2-table-grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:12px;display:grid}.db2-table-general{grid-area:1/1/2/3;width:100%;height:auto}.db2-table-performance{grid-area:1/3/3/4;width:100%;height:100%}.db2-table-resource{grid-area:2/1/3/2;width:100%;height:auto}.db2-table-storage{grid-area:2/2/3/3;width:100%;height:auto}}.db2-table{background:0 0;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;height:100%;min-height:0;padding:0 16px 16px;display:flex;overflow:hidden}.db2-table-head{justify-content:space-between;align-items:center;display:flex}.db2-table-content{border-collapse:collapse;table-layout:fixed;width:100%;height:100%;overflow:hidden}.db2-table-double{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;height:100%;display:grid}.db2-table-double .db2-table-content{height:100%}@media (max-width:900px){.db2-table-double{grid-template-columns:1fr}}.db2-table-row+.db2-table-row td{border-top:none}.db2-table-performance .db2-table-row+.db2-table-row td{border-top:1px solid #e2e8f0}.db2-table-label,.db2-table-value{color:#72767a;font-size:clamp(8px,.75vw,11px);line-height:1.2;font-family:var(--font-mulish);overflow-wrap:anywhere;padding:8px 0}.db2-table-label{color:#94a3b8;font-weight:800px;font-family:var(--font-mulish);letter-spacing:.04em;text-align:left;white-space:nowrap;width:55%}.db2-table-value{color:#0f172a;font-weight:400px;text-align:left;width:55%;font-family:var(--font-mulish);word-break:break-word;margin-right:200px;padding-left:0}.db2-table-value-inner{font-family:var(--font-mulish);text-align:left;align-items:center;gap:6px;font-weight:400;display:inline-flex}.db2-alert-icon{flex-shrink:0;width:16px;height:16px}.db2-inline-link{color:#2a85c3;text-underline-offset:2px;white-space:nowrap;font-weight:400;text-decoration:underline}.db2-inline-link:hover,.db2-inline-link:focus{color:#1c5f8d}.db2-alert-value{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.db2-alert-value-main{align-items:flex-start;gap:12px;display:flex}.db2-alert-value-icon{background:#fef3c7;border-radius:36px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.db2-alert-value-icon img{width:24px;height:24px}.db2-alert-value-text{flex-direction:column;gap:2px;display:flex}.db2-alert-value-title{font-size:13px;font-family:var(--font-mulish);font-weight:400px;color:#0f172a;margin:0}.db2-alert-value-subtitle{font-size:12px;font-family:var(--font-mulish);color:#475569;margin:0;font-weight:400}.db2-alert-value-time{color:#94a3b8;white-space:nowrap;margin:4px 0 0;font-size:12px}@media (max-width:640px){.db2-alert-value{flex-direction:column;align-items:flex-start}.db2-alert-value-time{white-space:normal}}.db2-table-general .db2-table-label{width:28%}.db2-table-general .db2-table-value{text-align:left;width:72%;padding-left:70px}.db2-table-performance .db2-table-label{display:none}.db2-table-performance .db2-table-value{width:100%;padding-left:0}.db2-table-resource .db2-table-label{width:28%}.db2-table-resource .db2-table-value{width:72%;padding-left:70px}.db2-table-storage .db2-table-label{width:45%}.db2-table-storage .db2-table-value{width:72%;padding-left:70px}.db2-table-resource .db2-table-value{text-align:left;padding-right:0}.db2-table-head{background:#f8fafc;border-radius:12px 12px 0 0;margin:0 -16px;padding:16px}.db2-overview-note{color:#475569;text-align:center;margin:0;font-size:14px;line-height:1.5}.db2-left{flex-shrink:0;align-self:flex-end;align-items:center;gap:8px;display:flex}.db2-back{justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.db2-name{font-size:16px;font-weight:500;font-family:var(--font-mulish);color:#0f172a;margin-bottom:5px}.db2-meta{text-align:right;grid-template-columns:repeat(4,minmax(0,max-content));justify-content:flex-end;justify-items:end;gap:6px;width:fit-content;min-width:320px;margin-left:auto;display:grid}.db2-item{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;min-width:140px;margin-left:12px;padding-left:12px;display:flex;position:relative}.db2-item-status{flex-direction:column;align-items:flex-end;gap:2px}.db2-item-status .db2-item-label{align-items:center;display:inline-flex}.db2-item:before{content:"";background:#e2e8f0;width:1px;position:absolute;top:2px;bottom:2px;left:6px}.db2-item:first-child{margin-left:0;padding-left:0}.db2-item:first-child:before{display:none}.db2-item-label{letter-spacing:.04em;color:#94a3b8;font-size:12px;font-family:var(--font-mulish);text-align:left;width:100%;margin:0 -100px 0 0;font-weight:400}.db2-pill{text-align:right;background:0 0;border-radius:0;justify-content:center;align-items:center;width:100%;padding:0;font-size:14px;font-weight:600;display:inline-flex}.db2-pill-green{color:#15803d}.db2-pill-red{color:#b91c1c}.db2-table-performance .db2-table-content{max-height:320px;display:block;overflow-y:auto}.db2-table-performance .db2-table-content::-webkit-scrollbar{background:0 0;width:0}.db2-table-performance .db2-table-content tbody{display:block}.db2-table-performance .db2-table-row{table-layout:fixed;width:100%;display:table}.db2-no-alerts{flex-direction:column;justify-content:center;align-items:center;height:30vh;display:flex}.db2-no-alerts .db2-empty-state-icon{width:80px;height:80px;margin-bottom:16px}.db2-no-alerts .db2-no-alerts-text{font-size:14px}.boards-kanban-container{scrollbar-width:none;-ms-overflow-style:none;width:100%;padding-bottom:20px;overflow-x:auto}.boards-kanban-container::-webkit-scrollbar{display:none}.kanban-columns{scrollbar-width:thin;flex-wrap:nowrap;gap:20px;min-width:fit-content;padding-bottom:10px;display:flex;overflow-x:auto}.kanban-column{background:#f9fafb;border-radius:8px;flex-direction:column;flex:1;gap:12px;min-width:331px;max-width:100%;padding:16px;display:flex}.kanban-column-header{border-radius:8px 8px 0 0;align-items:center;gap:8px;margin:-16px -16px 12px;padding:12px;display:flex}.kanban-column-title{font-size:14px;font-weight:500;font-family:var(--font-mulish);color:#212429;margin:0}.kanban-column-count{color:#6b7280;width:31px;height:21px;font-size:12px;font-weight:500;font-family:var(--font-mulish);background:#e5e7eb;border-radius:5px;padding:2px 8px}.kanban-column-header:has([data-status=New]){background:#6366f11a}.kanban-column-count[data-status=New]{color:#fff;background:#6366f1}.kanban-column-header:has([data-status=Active]){background:#f78c521a}.kanban-column-count[data-status=Active]{color:#fff;background:#f78c52}.kanban-column-header:has([data-status=Resolved]){background:#3eb0d51a}.kanban-column-count[data-status=Resolved]{color:#fff;background:#3eb0d5}.kanban-column-header:has([data-status="Ready to Test"]){background:#6d4c411a}.kanban-column-count[data-status="Ready to Test"]{color:#fff;background:#6d4c41}.kanban-column-header:has([data-status=On\ Hold]){background:#d4ac0d1a}.kanban-column-count[data-status=On\ Hold]{color:#fff;background:#d4ac0d}.kanban-column-header:has([data-status=Clarification\ Required]){background:#b28a2d1a}.kanban-column-count[data-status=Clarification\ Required]{color:#fff;background:#b28a2d}.kanban-column-header:has([data-status=Bug\ Found]){background:#ff5e6b1a}.kanban-column-count[data-status=Bug\ Found]{color:#fff;background:#ff5e6b}.kanban-column-header:has([data-status=Testing\ Started]){background:#c45a3c1a}.kanban-column-count[data-status=Testing\ Started]{color:#fff;background:#c45a3c}.kanban-column-header:has([data-status=In-Progress]){background:#5078981a}.kanban-column-count[data-status=In-Progress]{color:#fff;background:#507898}.kanban-column-header:has([data-status=Closed]){background:#22c55e1a}.kanban-column-count[data-status=Closed]{color:#fff;background:#22c55e}.kanban-column-header:has([data-status=In\ Progress]){background:#f78c521a}.kanban-column-count[data-status=In\ Progress]{color:#fff;background:#f78c52}.kanban-column-header:has([data-status=Blocked]){background:#ff5e6b1a}.kanban-column-count[data-status=Blocked]{color:#fff;background:#ff5e6b}.kanban-column-header:has([data-status=Ready]){background:#6d4c411a}.kanban-column-count[data-status=Ready]{color:#fff;background:#6d4c41}.kanban-column-header:has([data-status=Testing]){background:#c45a3c1a}.kanban-column-count[data-status=Testing]{color:#fff;background:#c45a3c}.kanban-column-header:has([data-status=Approved]){background:#3eb0d51a}.kanban-column-count[data-status=Approved]{color:#fff;background:#3eb0d5}.kanban-cards{flex-direction:column;gap:12px;display:flex}.kanban-see-more-btn{color:#2a85c3;cursor:pointer;background:0 0;border:1px dashed #2a85c3;border-radius:6px;padding:10px 24px;font-size:13px;font-weight:500;transition:all .2s}.kanban-see-more-btn:hover{background:#2a85c314;border-style:solid}.kanban-see-more-btn:disabled{opacity:.6;cursor:not-allowed}.kanban-work-item-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:10px;padding:12px;transition:all .2s;display:flex}.kanban-work-item-card:hover{border-color:#2a85c3;box-shadow:0 4px 12px #0000001a}.kanban-card-header{justify-content:space-between;align-items:center;display:flex}.kanban-card-header-left{align-items:center;gap:8px;width:calc(100% - 47px);display:flex}.kanban-card-menu{cursor:pointer;border-radius:4px;align-items:center;padding:4px;transition:background .2s;display:flex}.kanban-card-menu:hover{background:#f3f4f6}.kanban-card-id{color:#333;font-size:12px;font-weight:400;font-family:var(--font-mulish)}.kanban-card-task-id{color:#333;font-size:12px;font-weight:400;font-family:var(--font-mulish);text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #e5e7eb;padding-left:8px;overflow:hidden}.kanban-card-description{color:#52525e;font-size:13px;font-weight:400;line-height:1.4;font-family:var(--font-mulish);padding:8px 0}.kanban-card-type-badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.type-bug{color:#991b1b}.type-feature{color:#065f46}.type-task{color:#3730a3}.type-epic{color:#92400e}.type-user-story{color:#1e40af}.kanban-card-title{color:#1f2937;margin:0;font-size:14px;font-weight:500;line-height:1.4}.kanban-card-footer{justify-content:space-between;align-items:center;padding-top:8px;padding-bottom:8px;display:flex}.kanban-card-footer.has-children{border-bottom:1px dotted #d1d5db}.kanban-card-assignee{align-items:center;gap:6px;display:flex}.kanban-avatar-sm{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:24px;height:24px}.kanban-assignee-name{color:#52525e;font-size:12px;font-weight:400;font-family:var(--font-mulish)}.kanban-card-details{flex-wrap:wrap;align-items:center;gap:12px;padding-top:0;display:flex}.kanban-card-type-with-icon{align-items:center;gap:6px;display:flex}.kanban-card-type{color:#6b7280;font-size:12px;font-weight:400;font-family:var(--font-mulish)}.kanban-card-count{color:#333;font-size:12px;font-weight:400;font-family:var(--font-mulish)}.kanban-card-priority{border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.priority-high{color:#991b1b;background:#fee2e2}.priority-medium{color:#92400e;background:#fef3c7}.priority-low{color:#3730a3;background:#e0e7ff}.kanban-cards::-webkit-scrollbar{width:6px}.kanban-cards::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.kanban-cards::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.kanban-cards::-webkit-scrollbar-thumb:hover{background:#9ca3af}.board-sub-tabs{gap:12px;margin-top:-2px;margin-bottom:24px;display:flex}.board-sub-tab{color:#374151;font-size:12px;font-weight:600;font-family:var(--font-mulish);cursor:pointer;border:1px solid #e5e7eb;border-radius:14px;padding:10px 20px;transition:all .2s;position:relative}.board-sub-tab:hover{background:#e5e7eb}.board-sub-tab.active{color:#c3682a;background:#c3682a1a;border-color:#0000;box-shadow:0 1px #c3682a}.board-search-container{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.board-right-controls{align-items:center;gap:10px;display:flex}.board-search-wrapper{flex:1;min-width:280px;max-width:400px;position:relative}.board-search-input{width:100%;font-size:12px;font-family:var(--font-mulish);background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px 16px 10px 40px;transition:border-color .2s}.board-search-input:focus{border-color:#2a85c3}.board-search-icon{opacity:1;pointer-events:none;z-index:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.board-view-toggle{border:1px solid #d1d5db;border-radius:8px;gap:8px;margin-left:10px;padding:3px;display:flex}.board-view-btn{color:#6b7280;cursor:pointer;background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:40px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.board-view-btn img{opacity:.8;filter:grayscale();transition:all .2s}.board-view-btn.active img{opacity:1;filter:brightness(0)saturate()invert(44%)sepia(91%)saturate(1094%)hue-rotate(174deg)brightness(92%)contrast(84%)}.board-date-picker{background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;width:223px;padding:4px 10px;display:flex}.board-calendar-icon{flex-shrink:0}.board-date-input{cursor:pointer;color:#374151;border:none;border-radius:10px;outline:none;width:80px;padding:8px 0;font-size:12px}.board-date-separator{color:#6b7280;flex-shrink:0;font-size:12px}.board-dropdown{margin-left:20px;position:relative}.board-dropdown-select{font-size:12px;font-family:var(--font-mulish);cursor:pointer;color:#374151;appearance:none;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;align-items:center;gap:8px;min-width:120px;padding:10px 7px 10px 16px;font-weight:400;transition:border-color .2s;display:flex}.board-dropdown-select:focus{border-color:#2a85c3}.board-dropdown-select.primary{color:#fff;cursor:pointer;background:#2a85c3;border:none;outline:none;align-items:center;gap:8px;min-width:153px;font-weight:400;display:flex}.board-dropdown-select.primary:hover{background:#2575ad}.new-work-item-dropdown{position:relative}.custom-dropdown-menu{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:180px;padding:4px 0;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 12px #0000001a}.custom-dropdown-item{cursor:pointer;color:#374151;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:400;transition:background .2s;display:flex}.custom-dropdown-item:hover{background:#f9fafb}.board-dropdown-icon{pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.board-table-view{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:372px;overflow:auto}.board-table-view::-webkit-scrollbar{width:6px}.board-table-view::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.board-table-view::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.board-table-view::-webkit-scrollbar-thumb:hover{background:#9ca3af}.board-table{border-collapse:collapse;width:100%}.board-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.board-table th{text-align:left;color:#6b7280;background:#f9fafb;padding:12px 16px;font-size:12px;font-weight:600;position:sticky;top:0}.assignee-cell{align-items:center;gap:8px;display:flex}.assignee-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%}.board-table-badge{font-size:12px;font-weight:400;font-family:var(--font-mulish);border-radius:4px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.board-table tbody tr{border-bottom:1px solid #e5e7eb}.board-table td{font-size:13px;font-weight:400;font-family:var(--font-mulish);color:#374151;padding:12px 16px}.board-table-id{color:#2a85c3;font-weight:500}.board-table-badge{font-size:12px;font-family:var(--font-mulish);border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-weight:400;display:inline-flex}.board-table-badge.type-bug,.board-table-badge.type-feature,.board-table-badge.type-task,.board-table-badge.type-epic,.board-table-badge.type-user-story{color:#212429}.board-table-badge.state-active{color:#1e40af;background:#dbeafe}.board-table-badge.state-new{color:#92400e;background:#fef3c7}.board-table-badge.state-resolved{color:#38aade;font-weight:500;font-family:var(--font-mulish);background:#38aade1a;font-size:12px}.board-table-badge.state-in-progress{color:#f57f07;font-weight:500;font-family:var(--font-mulish);background:#fff9f0;font-size:12px}.board-table-badge.state-bugs-found{color:#ff5e6b;font-weight:500;font-family:var(--font-mulish);background:#ff5e6b1a;font-size:12px}.board-table-badge.state-removed{color:#00883f;font-weight:500;font-family:var(--font-mulish);background:#00883f1a;font-size:12px}.board-table-date{color:#6b7280}.sliding-toggle-container{align-items:center;gap:7px;display:flex}.toggle-label{color:#9ca3af;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 0;font-size:14px;font-weight:500;transition:color .3s}.toggle-label.active{color:#1f2937}.sliding-toggle{cursor:pointer;background:#2a85c3;border-radius:20px;width:38px;height:22px;padding:3px;display:flex;position:relative;overflow:hidden}.toggle-option{z-index:2;pointer-events:none;background:0 0;flex:1;position:relative}.toggle-option.active{color:#fff}.toggle-slider{z-index:1;pointer-events:none;background:#fff;border-radius:16px;width:calc(50% - 3px);height:calc(100% - 6px);transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.toggle-slider.right{transform:translate(100%)}.toggle-slider.left{transform:translate(0)}.board-grid-view{background:#fff;border-radius:8px;max-width:100%;padding:24px 0}.grid-filter-section{align-items:center;gap:16px;margin-top:-10px;margin-bottom:24px;display:flex}.grid-scroll-wrapper{width:100%;position:relative}.grid-scroll-arrow{cursor:pointer;color:#6b7280;z-index:10;background:#fffffff2;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000001a}.grid-scroll-arrow:hover{color:#2a85c3;background:#fff;border-color:#2a85c3;box-shadow:0 4px 12px #2a85c333}.grid-scroll-arrow:active{transform:translateY(-50%)scale(.95)}.grid-scroll-left{left:-24px}.grid-scroll-right{right:-24px}.grid-view-wrapper{align-items:center;gap:16px;display:flex;position:relative}.grid-nav-arrow{cursor:pointer;color:#6b7280;z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.grid-nav-arrow:hover{color:#2a85c3;background:#f9fafb;border-color:#2a85c3}.grid-nav-arrow:active{transform:scale(.95)}.grid-nav-left{margin-right:-8px}.grid-nav-right{margin-left:-8px}.grid-view-placeholder{text-align:center;color:#6b7280;padding:40px;font-size:14px}.grid-kanban-container{scrollbar-width:none;-ms-overflow-style:none;gap:16px;width:100%;margin-top:16px;padding-bottom:12px;display:flex;overflow-x:auto}.grid-kanban-container::-webkit-scrollbar{display:none}.grid-kanban-column{background:#f9fafb;border-radius:8px;flex-direction:column;flex:1;min-width:330px;max-width:100%;min-height:fit-content;padding:0;display:flex}.grid-kanban-header{border-radius:8px 8px 0 0;flex-shrink:0;align-items:center;gap:8px;margin-bottom:0;padding:16px;display:flex}.grid-kanban-header.state-in-progress{background:#fff9f0}.grid-kanban-header.state-bugs-found{background:#ff5e6b1a}.grid-kanban-header.state-resolved{background:#38aade1a}.grid-kanban-header.state-active{background:#dbeafe}.grid-kanban-header.state-removed{background:#00883f1a}.grid-kanban-title-with-icon{align-items:center;gap:8px;display:flex}.grid-kanban-title{font-size:14px;font-weight:500;font-family:var(--font-mulish);color:#212429;margin:0}.grid-kanban-header.state-in-progress .grid-kanban-count{color:#fff;background:#f57f07}.grid-kanban-header.state-bugs-found .grid-kanban-count{color:#fff;background:#ff5e6b}.grid-kanban-header.state-resolved .grid-kanban-count{color:#fff;background:#38aade}.grid-kanban-header.state-active .grid-kanban-count{color:#fff;background:#1e40af}.grid-kanban-header.state-removed .grid-kanban-count{color:#fff;background:#00883f}.grid-kanban-header.type-bug{background:#f03c2e1a}.grid-kanban-header.type-feature{background:#c04aa01a}.grid-kanban-header.type-task{background:#cb85101a}.grid-kanban-header.type-epic{background:#f57f071a}.grid-kanban-header.type-user-story{background:#2a85c31a}.grid-kanban-header.type-bug .grid-kanban-count{color:#fff;background:#ff5e6b}.grid-kanban-header.type-feature .grid-kanban-count{color:#fff;background:#c04aa0}.grid-kanban-header.type-task .grid-kanban-count{color:#fff;background:#cb8510}.grid-kanban-header.type-epic .grid-kanban-count{color:#fff;background:#f57f07}.grid-kanban-header.type-user-story .grid-kanban-count{color:#fff;background:#2a85c3}.grid-kanban-count{color:#6b7280;font-size:12px;font-weight:500;font-family:var(--font-mulish);background:#e5e7eb;border-radius:5px;padding:2px 8px}.grid-kanban-cards{flex-direction:column;gap:12px;padding:16px;display:flex}.grid-kanban-card{background:#fff;border-radius:8px;padding:16px;transition:box-shadow .2s;box-shadow:0 1px 3px #0000001a}.grid-kanban-card:hover{box-shadow:0 4px 6px #0000001a}.grid-card-header-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.grid-card-id{color:#333;font-size:12px;font-weight:400;font-family:var(--font-mulish);flex-shrink:0}.grid-card-separator{background:#d1d5db;flex-shrink:0;width:1px;height:20px}.grid-card-divider{background:#e5e7eb;height:1px;margin-bottom:12px}.grid-card-type{flex:1;min-width:0}.grid-card-title{font-size:12px;font-weight:400;font-family:var(--font-mulish);color:#1f2937;margin-bottom:12px;line-height:1.5}.grid-card-assignee{align-items:center;gap:8px;margin-bottom:8px;display:flex}.grid-assignee-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%}.grid-assignee-name{color:#52525e;font-size:12px;font-family:var(--font-mulish);font-weight:400}.grid-card-date{font-size:12px;font-family:var(--font-mulish);color:#72767a;font-weight:400}.grid-date-value{color:#212429;font-weight:500}.work-item-modal-overlay{z-index:1000;background:#00000080;justify-content:flex-end;align-items:center;padding:0;display:flex;position:fixed;inset:0}.work-item-modal{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-radius:12px 0 0 12px;width:100%;max-width:700px;height:100vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.work-item-modal::-webkit-scrollbar{display:none}.work-item-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px;display:flex}.work-item-modal-title-row{align-items:center;gap:12px;display:flex}.work-item-modal-title{color:#212429;font-size:20px;font-weight:500;font-family:var(--font-mulish);margin:0}.work-item-modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.work-item-modal-close:hover{color:#1f2937;background:#f3f4f6}.work-item-modal-body{padding:24px 40px}.work-item-section-heading{color:#1f2937;font-size:16px;font-weight:600;font-family:var(--font-mulish);margin:0 0 20px}.work-item-form-group{flex:1;margin-bottom:20px}.work-links-group{margin-bottom:20px;position:relative}.custom-work-links-dropdown{position:relative}.custom-work-links-dropdown button{text-align:left;align-items:center;display:flex}.custom-work-links-menu{z-index:1000;background:#fff;border:1px solid #d1d5db;border-radius:6px;max-height:200px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.custom-work-links-item{cursor:pointer;color:#1f2937;font-size:14px;font-family:var(--font-mulish);padding:10px 16px;transition:background-color .2s}.custom-work-links-item:hover{background-color:#f3f4f6}.work-item-form-row{justify-content:flex-end;gap:24px;display:flex}.work-item-form-label{color:#212429;font-size:14px;font-weight:500;font-family:var(--font-mulish);margin-bottom:8px;display:block}.work-item-form-input,.work-item-form-select,.work-item-form-textarea{width:100%;font-size:14px;font-family:var(--font-mulish);color:#1f2937;border:1px solid #d1d5db;border-radius:6px;padding:12px 16px;transition:border-color .2s}.work-item-form-select:invalid{color:#9ca3af}.work-item-form-select option{color:#1f2937}.work-item-form-input:focus,.work-item-form-select:focus,.work-item-form-textarea:focus{border-color:#2a85c3;outline:none;box-shadow:0 0 0 3px #2a85c31a}.work-item-form-textarea{resize:vertical;height:110px}.work-item-modal-footer{background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:12px;padding:20px 24px;display:flex}.work-item-btn-secondary{color:#374151;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-mulish);background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 20px;transition:all .2s}.work-item-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.work-item-btn-primary{color:#fff;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-mulish);background:#2a85c3;border:none;border-radius:6px;padding:10px 20px;transition:all .2s}.work-item-btn-primary:hover{background:#2575ad}.board-date-input-calendar{cursor:pointer;color:#374151;caret-color:#0000;z-index:9999;background:0 0;border:none;outline:none;width:180px;padding:8px 0;font-size:12px}.board-date-input-calendar::placeholder{color:#9ca3af}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.custom-calendar.react-datepicker{font-family:var(--font-poppins),sans-serif;border:1px solid #d1d5db;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.react-datepicker__header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 0 12px}.react-datepicker__current-month{color:#1f2937;margin-bottom:8px;font-size:14px;font-weight:600}.react-datepicker__day-name{color:#6b7280;width:2rem;margin:.166rem;font-size:12px;font-weight:500;line-height:2rem}.react-datepicker__day{color:#374151;border-radius:6px;width:2rem;margin:.166rem;font-size:13px;line-height:2rem;transition:all .2s}.react-datepicker__day:hover{color:#2a85c3;background-color:#eff6ff}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range{font-weight:500;color:#fff!important;background-color:#2a85c3!important}.react-datepicker__day--range-start,.react-datepicker__day--range-end{font-weight:600;color:#fff!important;background-color:#2a85c3!important}.react-datepicker__day--keyboard-selected{color:#1e40af;background-color:#dbeafe}.react-datepicker__day--disabled{color:#d1d5db;cursor:not-allowed}.react-datepicker__day--disabled:hover{background-color:#0000}.react-datepicker__navigation{top:18px}.react-datepicker__navigation--previous{left:16px}.react-datepicker__navigation--next{right:16px}.react-datepicker__navigation-icon:before{border-width:2px 2px 0 0;border-color:#6b7280}.react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:#2a85c3}.react-datepicker__month{margin:12px 16px}.react-datepicker__day--today{background-color:#0000;border:1px solid #2a85c3;font-weight:600}.react-datepicker__day--today:hover{background-color:#eff6ff}.work-item-description{margin-bottom:20px}.work-item-description-text{color:#374151;font-size:14px;line-height:1.6;font-family:var(--font-mulish)}.work-item-acceptance{margin-bottom:20px}.work-item-acceptance-list{color:#374151;font-size:14px;line-height:1.8;font-family:var(--font-mulish);padding-left:20px;list-style-type:disc}.work-item-planning{margin-bottom:20px}.work-item-planning-row{margin-bottom:8px;display:flex}.work-item-planning-label{color:#374151;width:280px;font-size:14px;font-family:var(--font-mulish)}.work-item-planning-value{color:#374151;font-size:14px;font-family:var(--font-mulish)}.work-item-related-section{margin-bottom:16px}.work-item-section-label{color:#212429;font-size:14px;font-family:var(--font-mulish);margin-bottom:8px;font-weight:500}.work-item-row{justify-content:space-between;gap:12px;display:flex}.work-item-row-margin{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.work-item-left{gap:12px;display:flex}.work-item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.work-item-title{align-items:center;gap:8px;margin-bottom:4px;display:flex}.work-item-id{color:#72767a;font-size:14px;font-weight:400;font-family:var(--font-mulish)}.work-item-separator{color:#72767a;font-size:14px;font-family:var(--font-mulish)}.work-item-name{color:#333;font-size:14px;font-family:var(--font-mulish);font-weight:400}.work-item-status{color:#52525e;font-size:12px;font-family:var(--font-mulish);align-items:center;gap:6px;display:flex}.work-item-status-dot{border-radius:90%;width:12px;height:12px;display:inline-block}.work-item-right{text-align:right}.work-item-last-updated-label{color:#52525e;font-size:12px;font-family:var(--font-mulish);margin-bottom:4px;font-weight:400}.work-item-last-updated-value{color:#212429;font-size:14px;font-weight:400;font-family:var(--font-mulish)}.work-item-divider{border-bottom:1px solid #e5e7eb;margin-bottom:16px}.work-item-comment{margin-bottom:20px}.work-item-comment-reply{margin-bottom:20px;margin-left:48px}.work-item-comment-wrapper{gap:12px;display:flex}.work-item-avatar{background-color:#e5e7eb;border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.work-item-comment-content{flex:1}.work-item-comment-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.work-item-comment-author{color:#212429;font-size:14px;font-weight:500;font-family:var(--font-mulish)}.work-item-comment-time{color:#72767a;font-size:12px;font-family:var(--font-mulish)}.work-item-comment-text{color:#52525e;font-size:14px;line-height:1.6;font-family:var(--font-mulish);margin:0}.work-item-reply-section{margin-top:24px;padding-top:16px}.work-item-reply-wrapper{gap:12px;display:flex}.work-item-reply-container{flex:1;position:relative}.work-item-reply-textarea{width:100%;min-height:32px;max-height:120px;font-size:14px;font-family:var(--font-mulish);resize:none;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 60px 8px 12px;overflow:hidden}.work-item-send-btn{color:#fff;font-size:14px;font-weight:500;font-family:var(--font-mulish);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:13px;display:flex;position:absolute;bottom:12px;right:8px}.description{margin-bottom:20px}.descriptionText{color:#374151;font-size:14px;line-height:1.6;font-family:var(--font-mulish)}.acceptanceCriteria{margin-bottom:20px}.acceptanceCriteriaList{color:#374151;font-size:14px;line-height:1.8;font-family:var(--font-mulish);padding-left:20px;list-style-type:disc}.planning{margin-bottom:20px}.planningRow{margin-bottom:8px;display:flex}.planningLabel{color:#374151;width:280px;font-size:14px;font-family:var(--font-mulish)}.planningValue{color:#374151;font-size:14px;font-family:var(--font-mulish)}.relatedSection{margin-bottom:16px}.sectionLabel{color:#72767a;font-size:12px;font-family:var(--font-mulish);margin-bottom:8px}.workItemRow{justify-content:space-between;gap:12px;display:flex}.workItemRowWithMargin{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.workItemLeft{gap:12px;display:flex}.iconWrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.workItemTitle{align-items:center;gap:8px;margin-bottom:4px;display:flex}.workItemId{color:#72767a;font-size:14px;font-weight:400;font-family:var(--font-mulish)}.workItemSeparator{color:#72767a;font-size:14px;font-family:var(--font-mulish)}.workItemName{color:#333;font-size:14px;font-family:var(--font-mulish);font-weight:400}.workItemStatus{color:#52525e;font-size:12px;font-family:var(--font-mulish);align-items:center;gap:6px;display:flex}.statusDot{border-radius:90%;width:12px;height:12px;display:inline-block}.workItemRight{text-align:right}.lastUpdatedLabel{color:#52525e;font-size:12px;font-family:var(--font-mulish);margin-bottom:4px;font-weight:400}.lastUpdatedValue{color:#212429;font-size:14px;font-weight:400;font-family:var(--font-mulish)}.divider{border-bottom:1px solid #e5e7eb;margin-bottom:16px}.commentSection{margin-bottom:20px}.commentSectionReply{margin-bottom:20px;margin-left:48px}.commentWrapper{gap:12px;display:flex}.avatar{background-color:#e5e7eb;border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.commentContent{flex:1}.commentHeader{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.commentAuthor{color:#212429;font-size:14px;font-weight:500;font-family:var(--font-mulish)}.commentTime{color:#72767a;font-size:12px;font-family:var(--font-mulish)}.commentText{color:#52525e;font-size:14px;line-height:1.6;font-family:var(--font-mulish);margin:0}.replyInputSection{margin-top:24px;padding-top:16px}.replyInputWrapper{gap:12px;display:flex}.replyTextareaContainer{flex:1;position:relative}.replyTextarea{width:100%;min-height:32px;max-height:120px;font-size:14px;font-family:var(--font-mulish);resize:none;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 60px 8px 12px;overflow:hidden}.sendButton{color:#fff;font-size:14px;font-weight:500;font-family:var(--font-mulish);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;bottom:12px;right:8px}.pr-monitoring-wrapper{font-family:var(--font-mulish)}.no-margin{margin:0!important}.no-border{border:none}.filter-select{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;padding:4px 8px;font-size:12px}.head{font-size:var(--font-size-12);font-family:var(--font-mulish)}.sub-head{font-size:var(--font-size-10);font-family:var(--font-mulish)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(42 133 195/var(--tw-text-opacity,1))}.hover\:opacity-80:hover{opacity:.8}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}}