:root{--bg-dark:#0f172a;--bg-card:#1e293bb3;--bg-card-hover:#334155cc;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#94a3b81a;--glass-border:1px solid #ffffff1a;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0000004d;--transition-fast:.2s ease;--transition-normal:.3s ease;--font-kpi-value:clamp(1.15rem, .85rem + 1.8vw, 1.95rem);--font-kpi-label:clamp(.62rem, .58rem + .35vw, .78rem);--font-kpi-sub:clamp(.68rem, .62rem + .3vw, .82rem);--font-title:clamp(1.05rem, .9rem + .8vw, 1.4rem);--font-subtitle:clamp(.72rem, .68rem + .25vw, .84rem);--font-kpi:clamp(1.15rem, .85rem + 1.8vw, 1.95rem);--font-h1:clamp(1.15rem, .95rem + 1vw, 1.5rem);--font-h2:clamp(1.02rem, .9rem + .7vw, 1.25rem);--font-h3:clamp(.9rem, .82rem + .45vw, 1.05rem);--font-body:clamp(.82rem, .78rem + .25vw, .95rem);--font-caption:clamp(.68rem, .64rem + .2vw, .8rem);--font-mono:clamp(.72rem, .68rem + .2vw, .85rem)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;width:100%;max-width:100vw;font-size:clamp(13px,.72rem + .45vw,16px);overflow-x:hidden}.kpi-val,.text-kpi-value{font-size:var(--font-kpi-value)!important}.kpi-lbl,.text-kpi-label{font-size:var(--font-kpi-label)!important}.kpi-sub,.text-kpi-sub{font-size:var(--font-kpi-sub)!important}.page-title{font-size:var(--font-title)!important}.page-subtitle{font-size:var(--font-subtitle)!important}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100%;max-width:100vw;min-height:100dvh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}#root{width:100%;max-width:100vw;min-height:100dvh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select{font-family:inherit;font-size:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select{cursor:pointer;border:1px solid #ffffff26;border-radius:6px;outline:none;padding:.4rem .8rem;color:#f8fafc!important;background-color:#1e293b!important}select option{padding:12px;color:#fff!important;background-color:#1e293b!important}select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes forecaster-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes forecaster-pulse{0%,to{opacity:.5}50%{opacity:.9}}.forecaster-shimmer{pointer-events:none;background:linear-gradient(90deg,#0000,#6366f11f,#0000);width:100%;height:100%;animation:2s cubic-bezier(.4,0,.2,1) infinite forecaster-shimmer;position:absolute;top:0;left:0}.forecaster-skeleton{animation:1.8s ease-in-out infinite forecaster-pulse}@keyframes skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeleton-pulse{0%,to{opacity:.35}50%{opacity:.75}}.skeleton-shimmer-wrap{position:relative;overflow:hidden}.skeleton-shimmer-wrap:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;animation:1.8s cubic-bezier(.4,0,.2,1) infinite skeleton-sweep;position:absolute;top:0;left:0}.skeleton-bar{background:#ffffff12;border-radius:6px;animation:1.8s ease-in-out infinite skeleton-pulse}.skeleton-pill{background:#6366f11f;border-radius:999px;animation:1.8s ease-in-out infinite skeleton-pulse}.skeleton-circle{background:#ffffff14;border-radius:50%;animation:1.8s ease-in-out infinite skeleton-pulse}.loading-container{color:#94a3b8;justify-content:center;align-items:center;width:100%;padding:3rem 1.5rem;display:flex}@media (width<=768px){input,select,textarea{font-size:16px!important}}.table-responsive-container,.mobile-touch-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#334155 transparent;width:100%;max-width:100%;overflow-x:auto}.table-responsive-container::-webkit-scrollbar{height:6px}.mobile-touch-scroll::-webkit-scrollbar{height:6px}.table-responsive-container::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.mobile-touch-scroll::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.mobile-touch-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.mobile-stack-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=641px){.mobile-stack-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (width<=640px){.hide-on-mobile{display:none!important}}@media (width>=641px){.show-on-mobile-only{display:none!important}}.text-kpi{line-height:1.15;font-size:var(--font-kpi)!important}.text-h1{line-height:1.25;font-size:var(--font-h1)!important}.text-h2{line-height:1.3;font-size:var(--font-h2)!important}.text-h3{line-height:1.35;font-size:var(--font-h3)!important}.text-body{line-height:1.5;font-size:var(--font-body)!important}.text-caption{line-height:1.4;font-size:var(--font-caption)!important}.text-mono{font-size:var(--font-mono)!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important}@media (width<=640px){.full-bleed-mobile{width:calc(100% + .8rem)!important;max-width:calc(100% + .8rem)!important;box-shadow:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;margin-left:-.4rem!important;margin-right:-.4rem!important}.dense-stream-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;min-height:44px;display:flex;padding:.55rem .65rem!important}.sticky-micro-bar{z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af5;border-bottom:1px solid #ffffff14;padding:.45rem .65rem;position:sticky;top:0}.cost-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important;margin-bottom:.75rem!important}.cost-kpi-card{border-radius:8px!important;padding:.65rem .75rem!important}}.cost-breakdown-card{background-color:#1e293b;border-radius:12px;margin-bottom:2rem;padding:1.25rem;box-shadow:0 4px 12px #00000026}.endless-cost-table{border-collapse:collapse;background-color:#0000;width:100%;min-width:520px}.endless-th{color:#94a3b8;font-size:var(--font-caption);text-transform:uppercase;letter-spacing:.05em;background-color:#0f172af2;border-bottom:1px solid #ffffff14;padding:.65rem .85rem;font-weight:600}.endless-td{font-size:var(--font-body);color:#f1f5f9;border-bottom:1px solid #ffffff0d;padding:.65rem .85rem}.endless-td-mono{font-size:var(--font-mono);border-bottom:1px solid #ffffff0d;padding:.65rem .85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.sticky-check-col{z-index:6;text-align:center;position:sticky;left:0;background-color:#0f172a!important;width:40px!important;min-width:40px!important;max-width:40px!important}.sticky-lead-col{z-index:5;border-right:1px solid #ffffff14;position:sticky;left:0;box-shadow:4px 0 8px -2px #00000080;background-color:#0f172a!important}.sticky-lead-col.with-checkbox{left:40px!important}@media (width<=640px){.endless-stream-canvas,.table-container.endless-stream-canvas{box-shadow:none!important;background-color:#0000!important;border:none!important;border-radius:0!important;width:calc(100% + .7rem)!important;max-width:calc(100% + .7rem)!important;margin-left:-.35rem!important;margin-right:-.35rem!important;padding:0!important}.endless-cost-table,.endless-stream-table,.table-container.endless-stream-canvas>table{min-width:clamp(390px,115vw,490px);background-color:#0000!important}.endless-th,.table-container.endless-stream-canvas th{padding:.45rem .55rem!important;font-size:clamp(.65rem,.62rem + .2vw,.74rem)!important}.endless-td,.table-container.endless-stream-canvas td{padding:.45rem .55rem!important;font-size:clamp(.72rem,.68rem + .28vw,.84rem)!important}.endless-td-mono{padding:.45rem .55rem!important;font-size:clamp(.7rem,.68rem + .22vw,.82rem)!important}}.login-container{background:radial-gradient(circle at 100% 0,#1e1b4b,#0000 40%),radial-gradient(circle at 0 100%,#312e81,#0000 40%);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:1rem;padding:3rem;animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-title{text-align:center;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:2rem;font-weight:700}.form-group{margin-bottom:1.5rem;position:relative}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;display:block}.form-input{width:100%;color:var(--text-primary);transition:var(--transition-fast);background:#0f172a99;border:1px solid #94a3b833;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem}.form-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 2px #6366f133}.login-btn{background:var(--primary-gradient);color:#fff;width:100%;transition:var(--transition-normal);border-radius:.5rem;margin-top:1rem;padding:.875rem;font-size:1rem;font-weight:600}.login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.login-btn:active{transform:translateY(0)}.error-msg{color:#ef4444;text-align:center;background:#ef44441a;border-radius:.375rem;margin-bottom:1rem;padding:.5rem;font-size:.875rem}.login-divider{text-align:center;color:var(--text-secondary,#64748b);letter-spacing:.05em;align-items:center;margin:1.25rem 0;font-size:.75rem;font-weight:700;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid #ffffff1f;flex:1}.login-divider span{padding:0 .75rem}.google-sso-primary-btn{color:#1e293b;cursor:pointer;letter-spacing:-.01em;background:#fff;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.85rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #0006}.google-sso-primary-btn:hover:not(:disabled){background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 20px #6366f159}.google-sso-primary-btn:active:not(:disabled){transform:translateY(0)}.google-sso-primary-btn:disabled{opacity:.65;cursor:not-allowed;background:#e2e8f0}.google-signin-btn{color:#f8fafc;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff29;border-radius:.5rem;justify-content:center;align-items:center;gap:.65rem;width:100%;padding:.75rem 1rem;font-size:.92rem;font-weight:600;transition:all .2s;display:flex}.google-signin-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.google-signin-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{flex-shrink:0}.region-selector{color:var(--text-primary);box-sizing:border-box;cursor:pointer;height:40px;transition:var(--transition-fast);background:#0f172a99;border:1px solid #94a3b833;border-radius:.5rem;outline:none;align-items:center;gap:.5rem;padding:0 1rem;font-size:.875rem;display:flex}.region-selector:hover{background:#1e293bcc;border-color:#6366f180}.region-selector option{color:var(--text-primary);background:#1e293b;padding:.5rem}.app-container{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:var(--glass-border);z-index:100;background:#0f172afa;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 1.5rem;display:flex}.navbar-right{justify-content:flex-end;align-items:center;gap:1.5rem;min-width:200px;display:flex}.nav-logout{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);align-items:center;font-size:1.25rem;display:flex}.nav-logout:hover{color:#ef4444}.layout-body{flex:1;min-height:0;display:flex;overflow:hidden}.sidebar{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#475569 transparent;border-right:var(--glass-border);background:#0f172af2;flex-direction:column;flex-shrink:0;gap:.25rem;width:208px;min-height:0;padding:12px 8px;display:flex;overflow:hidden auto}.nav-item{color:var(--text-secondary);transition:var(--transition-fast);cursor:pointer;border-radius:.5rem;flex-shrink:0;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:max(14px,.875rem);display:flex}.nav-item:hover,.nav-item.active{color:#818cf8;background:#6366f11a}.main-content{background:radial-gradient(circle at 100% 0,#6366f10d,#0000 40%);flex:1;min-width:0;padding:.5rem .85rem;position:relative;overflow-y:auto}.add-btn{background:var(--primary-gradient);color:#fff;transition:var(--transition-normal);border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:flex;box-shadow:0 4px 6px -1px #6366f14d}.add-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f166}.table-container{background:var(--bg-card);border:var(--glass-border);box-shadow:var(--shadow-lg);border-radius:1rem;width:100%;overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#0f172a80;padding:.75rem 1rem;font-size:.8125rem;font-weight:600}td{color:var(--text-primary);border-bottom:1px solid #94a3b81a;padding:.75rem 1rem;font-size:.9375rem}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.status-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-online{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e33}.status-offline{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.delete-btn{color:#ef4444;transition:var(--transition-fast);border-radius:.375rem;padding:.5rem}.delete-btn:hover{background:#ef44441a}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;box-sizing:border-box;background:#000000b3;justify-content:center;align-items:center;padding:clamp(.5rem,2.5vw,1.5rem);animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{-webkit-overflow-scrolling:touch;border:var(--glass-border);width:100%;max-width:500px;max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-lg);box-sizing:border-box;background:#1e293b;border-radius:1rem;padding:clamp(1.2rem,3.5vw,2rem);animation:.3s ease-out slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.close-btn{color:var(--text-secondary);background:0 0;font-size:1.5rem}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.cancel-btn{color:var(--text-primary);background:0 0;border:1px solid #94a3b833;border-radius:.5rem;padding:.75rem 1.5rem}.submit-btn{background:var(--primary-gradient);color:#fff;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600}.spin,.spin-animation,.fa-spin,.animate-spin{transform-origin:50%;display:inline-block;animation:1s linear infinite spin!important}@keyframes pulse-green{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.running-pulse{animation:2s infinite pulse-green}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.live-role-badge{background:linear-gradient(90deg,#6366f11a,#818cf833,#6366f11a) 0 0/200% 100%;border:1px solid #6366f14d;border-radius:4px;padding:0 4px;animation:3s linear infinite shimmer;position:relative;color:#818cf8!important;font-weight:800!important}@keyframes live-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.live-dot{background:#4ade80;border-radius:50%;width:4px;height:4px;margin-right:3px;animation:1.5s ease-in-out infinite live-dot;display:inline-block}.searchable-select-container{-webkit-user-select:none;user-select:none;width:100%;min-width:180px;position:relative}.searchable-select-trigger{color:#fff;cursor:pointer;transition:var(--transition-fast);background:#0006;border:1px solid #ffffff26;border-radius:6px;justify-content:space-between;align-items:center;min-width:0;padding:.5rem .75rem;font-size:.85rem;display:flex}.searchable-select-trigger:hover,.searchable-select-trigger.active{background:#ffffff14;border-color:#6366f180;box-shadow:0 0 0 1px #6366f133}.searchable-select-trigger span{white-space:nowrap;text-overflow:ellipsis;margin-right:.5rem;overflow:hidden}.trigger-icon{opacity:.7;color:#94a3b8;font-size:.75rem;transition:transform .2s}.trigger-icon.open{color:#818cf8;transform:rotate(180deg)}.searchable-select-dropdown{z-index:99999;background:#0f172a;border:1px solid #6366f159;border-radius:8px;min-width:220px;animation:.15s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 16px 32px #000000b3,0 0 0 1px #ffffff0d}.search-input-wrapper{background:#0000004d;border-bottom:1px solid #ffffff14;align-items:center;gap:.5rem;padding:.5rem .65rem;display:flex}.search-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:4px;outline:none;width:100%;padding:.35rem .6rem;font-size:.8rem;transition:border-color .15s}.search-input:focus{background:#6366f114;border-color:#6366f1}.options-list{max-height:220px;padding:.25rem 0;overflow-y:auto}.option-item{color:#cbd5e1;cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.82rem;transition:background .15s,color .15s;display:flex}.option-item:hover{color:#a5b4fc;background:#6366f126}.option-item.selected{color:#818cf8;background:#6366f140;font-weight:600}.no-options{color:#64748b;text-align:center;padding:.85rem;font-size:.8rem;font-style:italic}.backup-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:.4rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s}.backup-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.backup-btn:disabled{color:#94a3b8;cursor:not-allowed;opacity:.6;box-shadow:none;background:#334155;transform:none}.backup-btn.loading{cursor:wait;background:linear-gradient(90deg,#4f46e5,#818cf8,#4f46e5) 0 0/200% 100%;animation:2s linear infinite shimmer}.backup-btn.loading svg{display:inline-block}.file-explorer-container{animation:.3s ease-out fadeIn}.file-row{transition:background .2s}.file-row:hover td{background:#818cf80d!important}.loading-container{height:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.mobile-menu-toggle{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.15rem;transition:all .2s;display:none}.mobile-menu-toggle:hover,.mobile-menu-toggle:active{color:#f8fafc;background:#ffffff1f}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background:#000000b8;animation:.2s fadeIn;position:fixed;inset:0}.sidebar-drawer-header{display:none}.nav-filter-group{align-items:center;gap:.65rem;display:flex}.nav-filter-label{color:#94a3b8;font-size:.85rem;font-weight:500}.nav-filter-select{color:var(--text-primary);cursor:pointer;appearance:none;background:#ffffff0d url("data:image/svg+xml;utf8,<svg fill='%2394a3b8' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") calc(100% - 4px) no-repeat;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:.4rem 2rem .4rem .75rem;font-size:.85rem;transition:border-color .15s,background-color .15s}.nav-filter-select:hover,.nav-filter-select:focus{background-color:#ffffff14;border-color:#6366f180}.nav-select-account{min-width:150px}.nav-select-region,.nav-select-type{min-width:110px}@media (width<=820px){.mobile-menu-toggle{display:flex!important}.navbar{height:52px;padding:0 .75rem}.brand-name{font-size:.95rem!important}.navbar-right{min-width:unset;gap:.45rem}.nav-filter-group{gap:.25rem}.nav-filter-label{display:none!important}.nav-filter-select{border-radius:6px;max-width:115px;min-width:75px!important;padding:.3rem 1.6rem .3rem .5rem!important;font-size:.78rem!important}.profile-trigger{height:38px!important;padding:.25rem .5rem!important}.sidebar{z-index:1100;width:min(290px,82vw);box-shadow:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#0b1324;border-right:1px solid #ffffff1f;padding-top:1rem;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0);box-shadow:16px 0 40px #000000e6}.sidebar-drawer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem .75rem 1rem;display:flex}.main-content{width:100%;max-width:100vw;padding:.5rem .65rem}.table-container{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}}@media (width<=520px){.navbar{height:50px;padding:0 .5rem}.brand-name{display:none!important}.nav-filter-select{max-width:86px;padding-right:1.3rem!important;font-size:.72rem!important}.profile-user-info{display:none!important}.profile-trigger{justify-content:center;min-width:38px;border-radius:50%!important;padding:2px!important}.profile-trigger .profile-chevron{display:none!important}.main-content{padding:.4rem .35rem}}.skeleton-box{background:linear-gradient(90deg,#ffffff08 25%,#ffffff17 50%,#ffffff08 75%) 0 0/200% 100%;border-radius:4px;animation:1.6s ease-in-out infinite shimmer}@keyframes rowPulse{0%,to{background-color:#0284c714;border-left-color:#0284c7}50%{background-color:#0284c738;border-left-color:#38bdf8}}.row-scanning-pulse{border-left:3px solid #0284c7!important;animation:1.8s ease-in-out infinite rowPulse!important}.sticky-patch-header{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#182234;position:sticky;top:0}.patch-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.patch-kpi-card{background:#1e293b;border:1px solid #ffffff14;border-radius:10px;padding:1rem 1.15rem;transition:transform .15s,border-color .15s}.patch-kpi-card:hover{border-color:#ffffff29;transform:translateY(-1px)}@media (width<=640px){.patch-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.75rem}.patch-kpi-card{padding:.65rem .75rem}}.modal-two-col-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.dept-layout-grid{grid-template-columns:280px 1fr;gap:1.5rem;height:calc(100vh - 160px);display:grid;position:relative}.bulk-modal-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.bulk-modal-override-bar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.bulk-modal-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (width<=820px){.dept-layout-grid{flex-direction:column;gap:1rem;height:auto;min-height:calc(100vh - 120px);display:flex}}@media (width<=640px){.modal-two-col-grid{grid-template-columns:1fr;gap:.85rem}.modal-actions button{flex:100%}.bulk-modal-header{flex-direction:column;gap:.75rem;align-items:flex-start!important}.bulk-modal-override-bar{padding:.75rem!important}.bulk-modal-override-bar input,.bulk-modal-override-bar select{width:100%!important;min-width:100%!important}.bulk-modal-override-bar button{width:100%!important}.bulk-modal-footer{flex-direction:column-reverse;gap:.75rem}.bulk-modal-footer>div{justify-content:stretch;width:100%;display:flex}.bulk-modal-footer button{flex:100%}}.row-action-trigger-mobile{display:none}.action-menu-popover{z-index:100;background:#1e293b;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;gap:.2rem;min-width:175px;padding:.35rem;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 25px -5px #0009,0 8px 10px -6px #00000080}.action-menu-backdrop{z-index:99;background:0 0;position:fixed;inset:0}.action-menu-btn{color:#f1f5f9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.6rem;width:100%;min-height:42px;padding:.6rem .8rem;font-size:.85rem;font-weight:500;transition:background .15s;display:flex}.action-menu-btn:hover,.action-menu-btn:active{color:#818cf8;background:#6366f126}.action-menu-btn.danger{color:#f87171}.action-menu-btn.danger:hover,.action-menu-btn.danger:active{color:#ef4444;background:#ef444426}@media (width<=640px){.row-action-trigger-mobile{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:.25rem .45rem;font-size:1.1rem;line-height:1;display:inline-flex}.row-action-trigger-mobile:active,.row-action-trigger-mobile:hover{color:#818cf8;background:#6366f126;border-color:#6366f14d}}.cicd-content{padding:10px 16px}.cicd-page{color:#e2e8f0;width:100%;margin:0 auto;font-size:max(14px,.875rem);container:pipelines/inline-size}.cicd-header,.cicd-heading,.cicd-refresh{align-items:center;gap:12px;display:flex}.cicd-header{flex-wrap:wrap;justify-content:space-between;padding:4px 0 12px}.cicd-heading{flex-wrap:wrap;gap:8px 12px}.cicd-header h1{letter-spacing:-.025em;color:#f8fafc;align-items:center;gap:8px;margin:0;font-size:max(22px,1.375rem);display:flex}.cicd-header h1 svg{color:#818cf8;font-size:19px}.cicd-workspace,.cicd-eyebrow{color:#94a3b8;font-size:max(12px,.75rem)}.cicd-eyebrow{letter-spacing:.06em;font-weight:600}.cicd-environments{border:1px solid #334155;border-radius:6px;align-items:center;gap:2px;padding:2px;display:flex}.cicd-environments button{color:#94a3b8;background:0 0;border-radius:4px;padding:5px 8px;font-size:max(12px,.75rem)}.cicd-environments button[aria-pressed=true]{color:#c7d2fe;background:#2b325c}.cicd-environments button:disabled{cursor:not-allowed;color:#94a3b8}.cicd-environments small{font-size:inherit;color:#94a3b8;margin-left:4px}.cicd-refresh{flex-shrink:0;gap:12px}.cicd-button,.cicd-icon-button{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-size:max(14px,.875rem);display:inline-flex}.cicd-button.primary{color:#fff;background:#4f46e5;border-color:#6366f1}.cicd-button:disabled,.cicd-icon-button:disabled{cursor:not-allowed;opacity:.6}.cicd-button:hover:not(:disabled),.cicd-icon-button:hover:not(:disabled){background:#3730a3}.cicd-icon-button{flex-shrink:0;width:32px;height:32px;padding:6px}.cicd-toggle{color:#cbd5e1;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:max(14px,.875rem);display:inline-flex}.cicd-toggle input{accent-color:#818cf8;width:14px;height:14px}.cicd-metrics{background:#172235;border:1px solid #29374b;border-radius:7px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px;display:grid;overflow:hidden}.cicd-metrics>div{border-right:1px solid #29374b;align-items:center;gap:8px;padding:9px 14px;display:flex}.cicd-metrics>div:last-child{border-right:0}.cicd-metrics span{color:#cbd5e1;font-size:max(14px,.875rem)}.cicd-metrics strong{font-variant-numeric:tabular-nums;color:#f1f5f9;font-size:max(19px,1.1875rem);line-height:1.2}.cicd-metrics svg{font-size:13px}.cicd-metrics .good svg{color:#34d399}.cicd-metrics .busy svg{color:#60a5fa}.cicd-metrics .bad svg{color:#fb7185}.cicd-repositories{background:#111c2f;border:1px solid #29374b;border-radius:7px;overflow:hidden}.cicd-table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.cicd-filters{flex-wrap:wrap;gap:3px;display:flex}.cicd-filters button{color:#aebcd0;background:0 0;border-radius:5px;align-items:center;gap:6px;padding:6px 9px;font-size:max(14px,.875rem);display:flex}.cicd-filters button:hover{color:#fff;background:#1e293b}.cicd-filters button.active{color:#c7d2fe;background:#2b325c}.cicd-filter-count{background:#3b4269;border-radius:4px;padding:0 4px;font-size:max(12px,.75rem)}.cicd-table-scroll{overflow-x:auto}.cicd-table{border-collapse:collapse;text-align:left;width:100%}.cicd-table th{color:#aebcd0;white-space:nowrap;background:#172235;border-block:1px solid #29374b;padding:8px 10px;font-size:max(12px,.75rem);font-weight:600}.cicd-table td{vertical-align:middle;border-bottom:1px solid #223047;padding:9px 10px;font-size:max(14px,.875rem)}.cicd-table tr:last-child td{border-bottom:0}.cicd-table tbody tr:hover{background:#172237}.cicd-table tr.attention td:first-child{box-shadow:inset 3px 0 #fb7185}.cicd-table small{color:#94a3b8;margin-top:2px;font-size:max(12px,.75rem);line-height:1.5;display:block}.cicd-repo-name,.cicd-run-link{text-align:left;color:#f1f5f9;background:0 0;padding:0;font-size:max(14px,.875rem);font-weight:600;display:inline}.cicd-repo-name:hover,.cicd-run-link:hover{color:#a5b4fc;text-decoration:underline}.cicd-run-link{color:#a5b4fc}.cicd-inline{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.cicd-table code{color:#94a3b8;font-size:max(12px,.75rem)}.cicd-commit-message{white-space:nowrap;text-overflow:ellipsis;max-width:230px;overflow:hidden}.cicd-stage-states{gap:10px;display:flex}.cicd-stage-states>span{align-items:center;gap:5px;display:flex}.cicd-stage-label{color:#94a3b8;font-size:max(12px,.75rem)}.cicd-status{white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:3px 6px;font-size:max(14px,.875rem);font-weight:500;line-height:1.4;display:inline-flex}.cicd-status svg{font-size:11px}.cicd-status.good{color:#6ee7b7;background:#123a34}.cicd-status.bad{color:#fda4af;background:#482330}.cicd-status.busy{color:#93c5fd;background:#19365a}.cicd-status.neutral{color:#b5c0d0;background:#253047}.cicd-status.compact{padding:2px 5px}.cicd-mini-components{flex-wrap:wrap;gap:3px 9px;margin-top:5px;display:flex}.cicd-mini-components>span{color:#aebcd0;align-items:center;gap:4px;font-size:max(12px,.75rem);display:inline-flex}.cicd-mini-components i{border-radius:50%;width:5px;height:5px;display:inline-block}.cicd-mini-components .good{background:#34d399}.cicd-mini-components .bad{background:#fb7185}.cicd-mini-components .neutral{background:#64748b}.cicd-duration{font-variant-numeric:tabular-nums;white-space:nowrap}.cicd-row-error{color:#fda4af;max-width:250px;margin-top:5px;font-size:max(12px,.75rem);display:block}.cicd-actions-cell{white-space:nowrap;width:1%}.cicd-table-footer{color:#94a3b8;border-top:1px solid #29374b;flex-wrap:wrap;justify-content:space-between;gap:5px 14px;padding:8px 10px;font-size:max(12px,.75rem);display:flex}.cicd-meta{color:#94a3b8;font-size:max(12px,.75rem)}.cicd-muted{color:#94a3b8;font-size:max(14px,.875rem)}.cicd-empty{text-align:center;color:#94a3b8;padding:24px!important}.cicd-notice{color:#cbd5e1;overflow-wrap:anywhere;background:#25304a;border:1px solid #475569;border-radius:6px;align-items:start;gap:7px;margin:0 0 10px;padding:9px 11px;font-size:max(14px,.875rem);display:flex}.cicd-notice.error{color:#fecdd3;background:#3a2330;border-color:#7f3548}.cicd-notice svg{flex-shrink:0;margin-top:3px}.cicd-notice a{margin-left:5px}.cicd-overlay{z-index:1200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#030712bb;justify-content:flex-end;display:flex;position:fixed;inset:0}.cicd-panel{overscroll-behavior:contain;color:#e2e8f0;background:#0f192b;border-left:1px solid #334155;width:min(100%,1000px);height:100%;padding:16px 20px;font-size:max(14px,.875rem);overflow-y:auto;box-shadow:-15px 0 50px #0005}.cicd-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.cicd-panel-header h2{margin-top:3px;font-size:max(20px,1.25rem)}.cicd-panel-controls{justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;display:flex}.cicd-panel-controls>label:first-child{color:#94a3b8;flex:1;align-items:center;gap:8px;font-size:max(14px,.875rem);display:flex}.cicd-panel-controls select{flex:1;min-width:0;font-size:max(14px,.875rem);padding:7px!important}.cicd-run-summary{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:10px;padding:9px 0;font-size:max(14px,.875rem);display:flex}.cicd-run-summary .cicd-link{margin-left:auto}.cicd-link{color:#a5b4fc;align-items:center;gap:5px;font-size:max(14px,.875rem);display:inline-flex}.cicd-link:hover{text-decoration:underline}.cicd-link svg{font-size:10px}.cicd-release-note{color:#cbd5e1;background:#182c42;border-left:3px solid #60a5fa;margin:4px 0 10px;padding:8px 10px;font-size:max(14px,.875rem)}.cicd-release-note strong{color:#f1f5f9}.cicd-components{flex-wrap:wrap;gap:6px;margin:8px 0 12px;display:flex}.cicd-components>div{background:#172235;border:1px solid #334155;border-radius:5px;align-items:center;gap:8px;padding:5px 8px;font-size:max(14px,.875rem);display:flex}.cicd-step-list{flex-wrap:wrap;gap:7px;margin:8px 0 12px;display:flex}.cicd-step{text-align:left;color:#cbd5e1;background:#172235;border:1px solid #334155;border-radius:6px;flex:1;justify-content:space-between;align-items:center;gap:10px;min-width:220px;padding:8px 10px;font-size:max(14px,.875rem);display:flex}.cicd-step.selected{background:#232d4f;border-color:#818cf8}.cicd-step small{color:#94a3b8;margin-top:2px;font-size:max(12px,.75rem);display:block}.cicd-log-toolbar{align-items:center;gap:10px;margin:8px 0;display:flex}.cicd-log-toolbar h3{white-space:nowrap;font-size:max(14px,.875rem)}.cicd-search{color:#94a3b8;border:1px solid #334155;border-radius:5px;align-items:center;gap:7px;min-width:0;margin-left:auto;padding:6px 8px;display:flex}.cicd-search input{color:#e2e8f0;background:0 0;border:0;outline:none;width:190px;min-width:0;font-size:max(14px,.875rem)}.cicd-log{color:#cbd5e1;white-space:pre-wrap;overflow-wrap:anywhere;background:#080f1d;border:1px solid #29374b;border-radius:6px;min-height:180px;max-height:65vh;margin-bottom:6px;padding:12px;font:max(12px,.75rem)/1.5 Consolas,monospace;overflow:auto}.cicd-history-note{margin:0 0 8px}.cicd-history-note .cicd-link{font-size:inherit}.cicd-loading{color:#94a3b8;justify-content:center;align-items:center;gap:10px;min-height:100px;display:flex}.cicd-spin{animation:1.3s linear infinite cicd-rotate}@keyframes cicd-rotate{to{transform:rotate(360deg)}}.cicd-page button:focus-visible,.cicd-panel button:focus-visible,.cicd-panel input:focus-visible,.cicd-panel select:focus-visible,.cicd-panel a:focus-visible,.cicd-page a:focus-visible{outline-offset:3px;outline:2px solid #a5b4fc}.cicd-sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@container pipelines (width<=1100px){.cicd-stage-states>span{flex-direction:column;align-items:flex-start;gap:2px}.cicd-table th,.cicd-table td{padding-inline:8px}.cicd-commit-message{max-width:180px}}@container pipelines (width<=760px){.cicd-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cicd-metrics>div{padding:8px 10px}.cicd-metrics>div:nth-child(2){border-right:0}.cicd-metrics>div:nth-child(-n+2){border-bottom:1px solid #29374b}.cicd-table,.cicd-table tbody{display:block}.cicd-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.cicd-table tbody tr{border-top:1px solid #29374b;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 12px;padding:10px;display:grid;position:relative}.cicd-table td{border:0;min-width:0;padding:0;display:block}.cicd-table td[data-label]:before{content:attr(data-label);color:#94a3b8;margin-bottom:3px;font-size:max(12px,.75rem);display:block}.cicd-repository-cell{grid-column:1/-1;padding-right:100px!important}.cicd-table tr.attention{box-shadow:inset 3px 0 #fb7185}.cicd-table tr.attention td:first-child{box-shadow:none}.cicd-actions-cell{width:auto;position:absolute;top:10px;right:10px}.cicd-stage-states{flex-wrap:wrap;gap:4px}.cicd-stage-label{display:none}.cicd-stage-states>span:first-child .cicd-status:before{content:"B";opacity:.8;font-size:12px}.cicd-stage-states>span:last-child .cicd-status:before{content:"D";opacity:.8;font-size:12px}.cicd-commit-message{max-width:100%}.cicd-table .cicd-empty{grid-column:1/-1}.cicd-button,.cicd-icon-button,.cicd-filters button,.cicd-environments button{min-height:36px}}@media (width<=700px){.cicd-content{padding:10px}.cicd-panel{padding:14px 12px}.cicd-panel-controls{flex-wrap:wrap;gap:10px}.cicd-panel-controls>label:first-child{flex-basis:100%}.cicd-log-toolbar{flex-wrap:wrap}.cicd-search{flex:1;margin-left:0}.cicd-search input{width:100%}.cicd-step{min-width:100%}.cicd-panel .cicd-icon-button{min-height:36px}}@media (prefers-reduced-motion:reduce){.cicd-spin{animation:none}}.cicd-table th{text-transform:none;letter-spacing:0}.cicd-row-actions{align-items:center;gap:5px;display:flex}.cicd-run-button{padding-inline:8px}.cicd-run-button svg{font-size:10px}.cicd-dismiss{color:inherit;background:0 0;margin-left:auto;padding:3px}.cicd-run-overlay{justify-content:center;align-items:center;padding:16px}.cicd-run-dialog{border:1px solid #334155;border-radius:9px;width:min(100%,610px);height:auto;max-height:calc(100dvh - 32px);padding:18px}.cicd-run-modes{border:0;gap:8px;margin:12px 0;padding:0;display:grid}.cicd-run-modes label{cursor:pointer;background:#172235;border:1px solid #334155;border-radius:6px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.cicd-run-modes label.selected{background:#232d4f;border-color:#818cf8}.cicd-run-modes input{accent-color:#818cf8;flex-shrink:0;width:16px;height:16px;margin-top:3px}.cicd-run-modes label:has(input:disabled){opacity:.6;cursor:not-allowed}.cicd-run-modes strong{align-items:center;gap:7px;font-size:max(14px,.875rem);display:flex}.cicd-run-modes small{color:#aebcd0;margin-top:4px;font-size:max(12px,.75rem);display:block}.cicd-branch-review{border-block:1px solid #29374b;margin:12px 0;padding-block:4px}.cicd-branch-review>div{gap:12px;padding:7px 0;display:flex}.cicd-branch-review dt{color:#94a3b8;min-width:50px}.cicd-branch-review dd{flex-direction:column;gap:3px;min-width:0;margin:0;display:flex}.cicd-branch-review dd span{color:#94a3b8;overflow-wrap:anywhere;font-size:max(12px,.75rem)}.cicd-branch-review code{color:#c7d2fe}.cicd-run-confirm{color:#cbd5e1;margin:12px 0}.cicd-dialog-actions{border-top:1px solid #29374b;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:12px;display:flex}.cicd-run-progress{align-items:center;gap:12px;padding:16px 0;display:flex}.cicd-run-progress>svg{color:#93c5fd;flex-shrink:0}.cicd-run-progress p,.cicd-run-success p{color:#94a3b8;margin:6px 0 0}.cicd-run-success{color:#6ee7b7;background:#123a34;border:1px solid #23594e;border-radius:6px;padding:12px}.cicd-review-request{gap:10px;display:grid}.cicd-review-check{align-items:flex-start;gap:8px;display:flex}.cicd-review-check input{accent-color:#818cf8;margin-top:3px}.cicd-run-recovery p{margin-bottom:12px}@container pipelines (width<=760px){.cicd-repository-cell{padding-right:116px!important}.cicd-stage-states{flex-direction:column;align-items:flex-start}.cicd-stage-states>span{flex-direction:row;align-items:center}.cicd-stage-label{min-width:38px;display:inline}.cicd-stage-states>span .cicd-status:before{content:none!important}}