:root{--bg: #f3f4f6;--bg-elevated: #ffffff;--bg-panel: #ffffff;--bg-chip: rgba(148, 163, 184, .12);--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-hover: rgba(148, 163, 184, .12);--bg-hover-subtle: rgba(148, 163, 184, .06);--border-subtle: rgba(148, 163, 184, .45);--border-strong: rgba(148, 163, 184, .8);--border-default: rgba(148, 163, 184, .45);--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .12);--accent-strong: #1d4ed8;--accent-grad-from: #2563eb;--accent-grad-to: #0ea5e9;--text-main: #0f172a;--text-muted: #6b7280;--text-soft: #9ca3af;--text-primary: #0f172a;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--danger: #b91c1c;--color-primary: #2563eb;--color-success: #16a34a;--color-danger: #dc2626;--color-info: #0891b2;--radius-xl: 28px;--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;--shadow-soft: 0 18px 40px rgba(148, 163, 184, .35);--shadow-card: 0 12px 28px rgba(148, 163, 184, .25);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font-sans);color:var(--text-main)}.app-root{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.app-shell{width:100%;display:flex;flex-direction:column;position:relative;flex:1}.app-main{max-width:1280px;width:100%;margin:0 auto;padding:24px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.6fr);gap:24px;position:relative;z-index:1}.app-main--full{grid-template-columns:1fr}.panel{background:transparent;border-radius:0;border:none;padding:0}.panel--full{grid-column:1 / -1}.panel--left{display:flex;flex-direction:column;gap:32px}.panel--form{margin-top:0;padding-top:32px;border-top:1px solid var(--border-default);background:transparent}.panel--right{display:flex;flex-direction:column;gap:32px}.panel-title{margin:0 0 8px;font-size:1rem;letter-spacing:0;text-transform:none;font-weight:600;color:var(--text-primary)}.panel-help{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}@media(max-width:960px){.app-main{grid-template-columns:minmax(0,1fr)}}@media(max-width:768px){.app-main{padding:16px;gap:16px}}.notification-bell{position:relative;display:flex;align-items:center}.notification-bell-btn{position:relative;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;color:var(--text-secondary)}.notification-bell-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.notification-bell-icon{width:20px;height:20px}.notification-bell-btn--animate .notification-bell-icon{animation:bell-ring .5s ease-in-out}@keyframes bell-ring{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.notification-bell-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 4px;background-color:var(--color-danger);color:#fff;font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px var(--bg-primary)}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:520px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 8px 24px #00000026,0 2px 8px #00000014;display:flex;flex-direction:column;z-index:1000;animation:dropdown-fade-in .2s ease}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-default)}.notification-dropdown-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.notification-dropdown-mark-all{padding:4px 12px;font-size:13px;font-weight:500;color:var(--color-primary);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.notification-dropdown-mark-all:hover{background-color:var(--bg-hover)}.notification-dropdown-list{flex:1;overflow-y:auto;max-height:400px}.notification-dropdown-list::-webkit-scrollbar{width:8px}.notification-dropdown-list::-webkit-scrollbar-track{background:transparent}.notification-dropdown-list::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}.notification-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.notification-empty-icon{width:48px;height:48px;color:var(--text-tertiary);margin-bottom:12px}.notification-empty-text{font-size:14px;color:var(--text-secondary);margin:0}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-subtle);position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--bg-hover)}.notification-item--unread{background-color:var(--bg-hover-subtle)}.notification-item--unread:hover{background-color:var(--bg-hover)}.notification-item-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding-top:2px}.notification-item-icon{width:20px;height:20px}.notification-item-icon--success{color:var(--color-success)}.notification-item-icon--error{color:var(--color-danger)}.notification-item-icon--info{color:var(--color-info)}.notification-item-content{flex:1;min-width:0}.notification-item-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px;line-height:1.4}.notification-item-message{font-size:13px;color:var(--text-secondary);line-height:1.4;margin-bottom:4px}.notification-item-time{font-size:12px;color:var(--text-tertiary)}.notification-item-unread-dot{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:var(--color-primary);border-radius:50%}.notification-dropdown-footer{padding:12px 20px;border-top:1px solid var(--border-default)}.notification-dropdown-view-all{width:100%;padding:8px;font-size:13px;font-weight:500;color:var(--color-primary);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.notification-dropdown-view-all:hover{background-color:var(--bg-hover)}@media(max-width:640px){.notification-dropdown{position:fixed;top:60px;right:8px;left:8px;width:auto;max-width:none;bottom:auto}}.app-header{width:100%;border-bottom:1px solid var(--border-default);background:var(--bg-primary);position:relative;z-index:100}.header-container{max-width:1280px;width:100%;margin:0 auto;padding:16px 24px 0}.header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px}.logo-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.logo-text{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.app-subtitle{margin:4px 0 0;font-size:.875rem;color:var(--text-secondary);max-width:520px;line-height:1.4}.header-actions{display:flex;align-items:center;gap:16px}.app-nav{display:flex;gap:0;border-bottom:1px solid transparent;margin:0 -24px;padding:0 24px}.nav-tab{border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:8px 16px;cursor:pointer;position:relative;transition:color .2s ease;border-bottom:2px solid transparent;margin-bottom:-1px}.nav-tab:hover:not(.nav-tab--active){color:var(--text-primary);background-color:var(--bg-hover-subtle);border-radius:6px 6px 0 0}.nav-tab--active{color:var(--text-primary);border-bottom-color:#f97316}.nav-tab:disabled{cursor:default;opacity:.5;color:var(--text-tertiary)}.user-menu{position:relative;z-index:2000}.user-avatar-btn{border:none;background:transparent;padding:0;cursor:pointer;border-radius:50%;transition:transform .2s}.user-avatar-btn:hover{transform:scale(1.05)}.user-avatar-img{width:36px;height:36px;border-radius:50%;border:2px solid #e5e7eb;display:block}.user-avatar-fallback{width:36px;height:36px;border-radius:50%;border:2px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:2001}.user-dropdown-info{padding:12px 16px;border-bottom:1px solid #e5e7eb}.user-dropdown-name{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:2px}.user-dropdown-username{font-size:13px;color:#6b7280}.user-dropdown-logout{width:100%;padding:10px 16px;border:none;background:transparent;color:#ef4444;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background .2s}.user-dropdown-logout:hover{background:#fee2e2}.user-dropdown-divider{height:1px;background:#e5e7eb;margin:0}.user-dropdown-section{padding:12px 16px}.user-dropdown-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;margin-bottom:10px}.feature-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.feature-toggle-label{font-size:14px;color:#374151}.toggle-pill{position:relative;width:44px;height:24px;background:#d1d5db;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease;padding:0}.toggle-pill--on{background:#10b981}.toggle-pill-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.toggle-pill--on .toggle-pill-knob{transform:translate(20px)}.login-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:6px;border:1px solid var(--border-default);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .15s ease}.login-btn:hover{background:var(--bg-hover-subtle);border-color:#d0d7de;color:var(--text-primary)}.login-btn svg{flex-shrink:0}@media(max-width:768px){.header-container{padding:12px 16px 0}.header-top{flex-direction:row;gap:12px;align-items:center}.header-branding{flex:1;min-width:0}.logo-text{font-size:1.125rem}.app-subtitle{font-size:.75rem;max-width:none}.header-actions{gap:12px;flex-shrink:0}.login-btn{padding:6px 12px;font-size:.8125rem}.user-avatar-img,.user-avatar-fallback{width:32px;height:32px;font-size:14px}.app-nav{margin:0 -16px;padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-nav::-webkit-scrollbar{display:none}.nav-tab{white-space:nowrap;padding:8px 12px;font-size:.8125rem}}.empty-state{margin-top:8px;padding:10px 12px;border-radius:14px;border:1px dashed rgba(148,163,184,.7);background:#f3f4f6;font-size:.8rem}.empty-state-sub{margin:4px 0 0;color:var(--text-soft);font-size:.78rem}.blueprint-header-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.blueprint-search{position:relative;margin-bottom:20px}.blueprint-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.blueprint-search-input{width:100%;padding:10px 12px 10px 36px;font-size:.875rem;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);transition:all .15s ease}.blueprint-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.blueprint-search-input::placeholder{color:var(--text-tertiary)}.blueprint-filters{margin-bottom:20px}.blueprint-filters .blueprint-search{margin-bottom:12px}.blueprint-filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.blueprint-provider-pills{display:flex;gap:6px}.blueprint-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:20px;cursor:pointer;transition:all .15s ease}.blueprint-pill:hover{background:var(--bg-hover);border-color:var(--border-hover)}.blueprint-pill--active{color:#3b82f6;background:#3b82f61a;border-color:#3b82f64d}.blueprint-pill--terraform.blueprint-pill--active{color:#5c4ee5;background:#5c4ee51a;border-color:#5c4ee54d}.blueprint-pill--crossplane.blueprint-pill--active{color:#35d0ba;background:#35d0ba1a;border-color:#35d0ba4d}.blueprint-pill svg,.blueprint-pill img{flex-shrink:0}.blueprint-category-select{padding:6px 28px 6px 12px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:6px;cursor:pointer;transition:all .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.blueprint-category-select:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.blueprint-category-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.blueprint-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.blueprint-card{display:flex;flex-direction:column;text-align:left;padding:20px;border-radius:12px;border:1px solid var(--border-default);background:var(--bg-primary);color:inherit;cursor:pointer;transition:all .2s ease;min-height:180px}.blueprint-card:hover{border-color:var(--border-hover);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.blueprint-card--active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633,0 4px 12px #3b82f626}.blueprint-card--active:hover{border-color:#3b82f6}.blueprint-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.blueprint-title-row .blueprint-title{margin:0}.blueprint-deprecated-badge{font-size:.625rem;font-weight:500;padding:2px 6px;background:var(--bg-hover);border:1px solid var(--border-default);border-radius:3px;color:var(--text-tertiary);white-space:nowrap}.blueprint-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.blueprint-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:20px}.blueprint-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.blueprint-category{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blueprint-version{font-size:.6875rem;font-weight:500;color:var(--text-tertiary);background:var(--bg-hover);padding:2px 6px;border-radius:4px;border:1px solid var(--border-subtle)}.blueprint-title{margin:0 0 8px;font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.3}.blueprint-desc{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.5;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blueprint-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-subtle);gap:8px}.blueprint-stats{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.blueprint-provider{display:flex;align-items:center;gap:5px;font-size:.6875rem;font-weight:600;padding:4px 8px;border-radius:4px}.blueprint-provider svg{flex-shrink:0}.blueprint-stat{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-tertiary)}.blueprint-stat svg{opacity:.7}.blueprint-cost{font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--bg-hover);padding:4px 8px;border-radius:4px}.blueprint-no-results{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--text-secondary)}.blueprint-no-results p{margin:0 0 12px}.blueprint-clear-search{padding:8px 16px;font-size:.875rem;font-weight:500;color:#3b82f6;background:transparent;border:1px solid #3b82f6;border-radius:6px;cursor:pointer;transition:all .15s ease}.blueprint-clear-search:hover{background:#3b82f61a}.reset-btn{padding:6px 12px;font-size:.8125rem;font-weight:500;color:#656d76;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.reset-btn:hover{color:var(--text-primary);background:var(--bg-hover-subtle);border-color:#d0d7de}@media(max-width:640px){.blueprint-grid{grid-template-columns:1fr}.blueprint-card{min-height:auto}}.blueprint-card--skeleton{pointer-events:none;width:100%;box-sizing:border-box}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-secondary) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-icon{width:40px;height:40px;border-radius:10px}.skeleton-category{width:60px;height:12px}.skeleton-version{width:40px;height:18px;margin-top:4px}.skeleton-title{width:70%;height:18px;margin-bottom:8px}.skeleton-desc{width:100%;height:14px;margin-bottom:6px}.skeleton-desc-short{width:60%;height:14px}.skeleton-provider{width:80px;height:24px;border-radius:4px}.skeleton-stat{width:60px;height:16px}.skeleton-cost{width:70px;height:24px;border-radius:4px}.form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:10px}.form-field{display:flex;flex-direction:column;gap:4px}.field-label{font-size:.8rem;color:#111827}.field-required{color:var(--danger);margin-left:4px}.field-input{border-radius:6px;border:1px solid var(--border-default);background:var(--bg-secondary);color:var(--text-primary);padding:8px 12px;font-size:.875rem;outline:none;transition:all .15s ease}.field-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:var(--bg-primary)}.primary-btn{margin-top:12px;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;border:none;background:linear-gradient(135deg,var(--accent-grad-from),var(--accent-grad-to));color:#f9fafb;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .16s ease-out;box-shadow:0 2px 8px #2563eb33}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #2563eb66}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.primary-btn--large{width:100%;padding:10px 20px;font-size:.9375rem}.hint-text{margin:8px 0 0;font-size:.75rem;color:var(--text-soft)}.policy-errors{background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:12px;margin-bottom:12px}.policy-errors__title{font-size:.9rem;font-weight:600;color:#991b1b;margin-bottom:8px}.policy-errors__item{font-size:.85rem;color:#7f1d1d;margin-bottom:4px;line-height:1.4}.policy-errors__item:last-child{margin-bottom:0}.environment-warning{border-radius:6px;padding:12px;margin-bottom:12px;border:1px solid}.environment-warning--warning{background:#fffbeb;border-color:#fbbf24}.environment-warning--critical{background:#fef2f2;border-color:#ef4444}.environment-warning__header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.environment-warning__icon{font-size:1rem}.environment-warning__title{font-size:.9rem;font-weight:600;color:#111827}.environment-warning__message{font-size:.85rem;color:#374151;line-height:1.4;margin-left:28px}.acr-field-wrapper{display:flex;flex-direction:column;gap:4px}.field-help{font-size:.75rem;color:var(--text-tertiary);font-style:italic}.acr-registry-hint{font-size:.7rem;color:var(--text-tertiary);font-family:monospace;background:var(--bg-hover);padding:2px 6px;border-radius:3px;display:inline-block;width:fit-content}.field-loading{font-size:.75rem;color:var(--text-tertiary);font-style:italic}.checkbox-field-wrapper{display:flex;align-items:center;padding:8px 0}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.field-checkbox{width:18px;height:18px;accent-color:var(--accent-grad-from, #3b82f6);cursor:pointer;flex-shrink:0}.checkbox-text{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.form-field[data-section]{margin-top:8px}.form-field .checkbox-field-wrapper+.field-help{margin-left:28px;margin-top:4px}.component-selector{margin-bottom:20px}.component-selector__header{margin-bottom:12px}.component-selector__title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.component-selector__help{font-size:.8rem;color:var(--text-tertiary);margin:0}.component-selector__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:768px){.component-selector__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.component-selector__grid{grid-template-columns:1fr}}.component-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;border:2px solid var(--border-default);background:var(--bg-secondary);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.component-card:hover{border-color:var(--component-color, var(--border-hover));background:var(--component-color-light, var(--bg-hover))}.component-card--selected{border-color:var(--component-color, #3b82f6);background:var(--component-color-light, rgba(59, 130, 246, .08));box-shadow:0 0 0 1px var(--component-color, #3b82f6) inset}.component-card--selected:hover{background:var(--component-color-light, rgba(59, 130, 246, .12))}.component-card__icon-wrapper{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:6px;box-shadow:0 1px 3px #00000014}.component-card--selected .component-card__icon-wrapper{background:#fff;box-shadow:0 2px 4px #0000001a}.component-card__icon{width:24px;height:24px;object-fit:contain}.component-card__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.component-card__name{font-size:.85rem;font-weight:600;color:var(--text-primary);line-height:1.2}.component-card--selected .component-card__name{color:var(--component-color, var(--text-primary))}.component-card__description{font-size:.7rem;color:var(--text-tertiary);line-height:1.2}.component-card__checkbox{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.component-card__unchecked{width:18px;height:18px;border-radius:4px;border:2px solid var(--border-default);background:var(--bg-primary);transition:all .15s ease}.component-card:hover .component-card__unchecked{border-color:var(--component-color, var(--border-hover))}.component-card__check{width:20px;height:20px;color:var(--component-color, #3b82f6)}.component-selector__summary{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-default)}.component-selector__empty{font-size:.8rem;color:var(--text-tertiary);font-style:italic}.component-selector__count{font-size:.8rem;color:var(--text-secondary);font-weight:500}.skeleton-wrapper{display:flex;flex-direction:column;gap:.75rem}.skeleton{position:relative;background:#e0e0e0;border-radius:4px;overflow:hidden;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton__shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 40%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.4) 60%,transparent 100%);animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{left:-100%}to{left:100%}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton--text{width:100%;height:1rem;border-radius:4px}.skeleton--title{width:60%;height:1.5rem;border-radius:4px}.skeleton--card{width:100%;height:120px;border-radius:8px}.skeleton--button{width:100px;height:36px;border-radius:4px}.skeleton--input{width:100%;height:40px;border-radius:4px}.skeleton--badge{width:80px;height:24px;border-radius:12px}.skeleton--circle{width:40px;height:40px;border-radius:50%}.cost-estimate{background:var(--bg-hover-subtle);border:1px solid var(--border-default);border-radius:6px;padding:16px;margin-top:16px;transition:opacity .2s ease-in-out}.cost-estimate--updating{opacity:.7}.cost-estimate__title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 12px}.cost-estimate__updating-indicator{font-size:.75rem;font-weight:400;color:#64748b;font-style:italic}.cost-estimate__loading{font-size:.85rem;color:#64748b;font-style:italic}.cost-estimate__error{font-size:.85rem;color:#dc2626;background:#fee2e2;padding:8px;border-radius:4px}.cost-estimate__total{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.cost-estimate__amount{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.cost-estimate__currency{font-size:.875rem;color:var(--text-secondary);font-weight:500}.cost-estimate__breakdown{border-top:1px solid var(--border-default);padding-top:12px;margin-top:12px}.cost-estimate__breakdown-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.cost-estimate__item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:6px;padding:10px 12px;margin-bottom:8px}.cost-estimate__item:last-child{margin-bottom:0}.cost-estimate__item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cost-estimate__item-type{font-weight:600;font-size:.8125rem;color:var(--text-primary)}.cost-estimate__item-price{font-weight:700;font-size:.875rem;color:var(--text-primary)}.cost-estimate__item-sku{font-size:.75rem;color:var(--text-secondary);margin-bottom:4px}.cost-estimate__item-note{font-size:.75rem;color:var(--text-secondary);font-style:italic;line-height:1.4}.cost-estimate__disclaimer{margin-top:12px;padding:10px 12px;background:#fffbeb;border:1px solid #fbbf24;border-radius:6px;font-size:.75rem;color:#92400e;line-height:1.5}.alert{border-radius:6px;padding:12px;font-size:.8125rem}.alert--error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.result-card{background:var(--bg-hover-subtle);border-radius:6px;border:1px solid var(--border-default);padding:12px 16px;display:flex;flex-direction:column;gap:8px}.result-row{display:flex;justify-content:space-between;gap:8px;font-size:.8125rem}.result-label{color:var(--text-secondary)}.result-value{font-weight:500;color:var(--text-primary)}.result-value--mono{font-family:var(--font-mono);font-size:.75rem}.result-row--stacked{flex-direction:column;gap:4px}.result-code{font-family:var(--font-mono);font-size:.75rem;padding:2px 6px;border-radius:3px;background:#eef2ff;border:1px solid #c7d2fe}.result-link{color:#2563eb;text-decoration:none;font-size:.8125rem;font-weight:500}.result-link:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;box-shadow:0 8px 24px #8c959f33;border:1px solid #d0d7de;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #d0d7de;background:#f6f8fa}.modal-close{background:transparent;border:none;font-size:1.75rem;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:24px}.modal-text{margin:0 0 12px;color:#57606a;line-height:1.5;font-size:.875rem}.modal-text:last-child{margin-bottom:0}.modal-footer{display:flex;gap:8px;padding:16px 24px;border-top:1px solid #d0d7de;justify-content:flex-end}.modal-btn{padding:5px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.3,0,.5,1);text-decoration:none;display:inline-block;border:1px solid}.job-filters{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.job-filters-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.job-id-input{width:90px;padding:6px 10px;border:1px solid rgba(148,163,184,.5);border-radius:6px;font-size:.78rem;background:#fff;transition:all .16s ease-out}.job-id-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb1a}.job-id-input::placeholder{color:#9ca3af}.filter-pill-group{display:inline-flex;padding:3px;gap:3px;background:#e5e7eb;border-radius:999px;border:1px solid rgba(148,163,184,.5)}.filter-pill{border:none;background:transparent;color:var(--text-soft);font-size:.75rem;padding:5px 11px;border-radius:999px;cursor:pointer;transition:all .16s ease-out;white-space:nowrap}.filter-pill--active{background:#fff;color:var(--text-main);box-shadow:0 0 0 1px #94a3b899,0 2px 8px #94a3b840;font-weight:500}.filter-pill:hover:not(.filter-pill--active):not(:disabled){background:#ffffffb3;color:var(--text-main)}.filter-pill:disabled{opacity:.4;cursor:not-allowed}.filter-select{flex:1;min-width:130px;padding:6px 10px;border:1px solid rgba(148,163,184,.5);border-radius:6px;font-size:.78rem;background:#fff;cursor:pointer;transition:all .16s ease-out}.jobs-list{list-style:none;padding-left:0;margin:12px 0 0}.job-item{padding:16px;border-radius:6px;border:1px solid var(--border-default);background:var(--bg-primary);margin-bottom:8px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.job-item:hover{border-color:#d0d7de;background:var(--bg-hover-subtle);box-shadow:0 1px 3px #00000014}.job-item:hover .job-chevron{opacity:1;transform:translate(2px)}.job-item--active{border-color:var(--accent-strong);box-shadow:0 0 0 1px #2563eb66}.job-item-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.job-item-main{display:flex;align-items:flex-start;gap:10px;flex:1}.job-status-icon{flex-shrink:0;padding-top:2px}.job-icon{display:block}.job-icon--success{color:#1a7f37}.job-icon--pending{color:#bf8700}.job-icon--failed{color:#cf222e}.job-chevron{flex-shrink:0;color:var(--text-tertiary);opacity:.6;transition:all .15s ease}.job-content{flex:1;min-width:0}.job-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.job-title{font-weight:600;font-size:.9375rem;color:var(--text-primary)}.job-badges{display:flex;align-items:center;gap:8px;flex-shrink:0}.job-status{font-size:11px;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(148,163,184,.8);white-space:nowrap}.job-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:2px 8px;border-radius:999px;font-weight:500;white-space:nowrap}.job-badge--branch{background:#ddf4ff;color:#0969da;border:1px solid #54aeff}.job-badge--branch svg{flex-shrink:0}.job-badge--env{background:#f6f8fa;color:#57606a;border:1px solid #d0d7de}.job-author{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary)}.job-avatar{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:10px;font-weight:600;flex-shrink:0}.job-meta-text{color:var(--text-secondary)}.job-status--open{color:#166534;background:#dcfce7;border-color:#22c55e}.job-status--merged{color:#1d4ed8;background:#dbeafe;border-color:#2563eb}.job-status--closed{color:#7f1d1d;background:#fee2e2;border-color:#f87171}.job-status--unknown{color:var(--text-muted);background:var(--bg-chip)}.job-meta{display:grid;grid-template-columns:minmax(300px,450px) minmax(175px,250px) minmax(200px,100px);align-items:center;gap:16px;font-size:.8125rem;color:var(--text-muted)}.job-meta-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.job-meta-center{display:flex;align-items:center;justify-content:flex-start}.job-meta-right{display:flex;align-items:center;justify-content:end}@media(max-width:768px){.job-meta{grid-template-columns:1fr;gap:8px}.job-meta-left,.job-meta-center,.job-meta-right{justify-content:flex-start}}.jobs-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.jobs-pagination-info{font-size:.8rem;color:var(--text-muted)}.nav-pill{padding:6px 14px;font-size:.875rem;font-weight:500;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.nav-pill:hover:not(:disabled){background:var(--bg-hover-subtle);border-color:#d0d7de}.nav-pill:disabled{opacity:.5;cursor:not-allowed;color:var(--text-tertiary)}.crossplane-credentials{display:flex;flex-direction:column;gap:1rem;padding:16px}.crossplane-credentials-empty{color:var(--text-secondary, #6b7280);font-style:italic;padding:1rem;text-align:center}.credentials-info{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.shell-toggle{display:flex;gap:0;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;overflow:hidden}.shell-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;background:transparent;border:none;cursor:pointer;color:var(--text-secondary, #64748b);transition:all .15s ease}.shell-btn:not(:last-child){border-right:1px solid var(--border-color, #e2e8f0)}.shell-btn:hover{background:var(--bg-secondary, #f1f5f9)}.shell-btn.active{background:#3b82f6;color:#fff}.credentials-namespace{font-size:.875rem;color:var(--text-secondary, #64748b)}.credentials-namespace code{background:var(--bg-secondary, #f1f5f9);padding:.2rem .5rem;border-radius:4px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.8125rem;color:#3b82f6;font-weight:500}.credentials-commands{display:flex;flex-direction:column;gap:1rem}.command-item{display:flex;flex-direction:column;gap:.5rem}.command-header{display:flex;justify-content:space-between;align-items:center}.command-label{font-size:.8125rem;font-weight:600;color:var(--text-primary, #1e293b)}.copy-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;background:transparent;border:1px solid var(--border-color, #e2e8f0);border-radius:4px;cursor:pointer;color:var(--text-secondary, #64748b);transition:all .15s ease}.copy-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.copy-btn.copied{background:#22c55e;border-color:#22c55e;color:#fff}.command-code{background:#0f172a;color:#e2e8f0;padding:.75rem 1rem;border-radius:6px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.8125rem;line-height:1.5;overflow-x:auto;margin:0;white-space:pre-wrap;word-break:break-all}.command-description{font-size:.75rem;color:var(--text-muted, #94a3b8)}.job-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-default)}.breadcrumb-link{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:color .15s ease;padding:0}.breadcrumb-link:hover{color:#0969da}.breadcrumb-link svg{flex-shrink:0}.breadcrumb-separator{color:var(--text-tertiary);font-size:.875rem}.breadcrumb-current{color:var(--text-secondary);font-size:.875rem}.job-detail-container{max-width:1000px;margin:0 auto}.job-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-default)}.job-detail-title-section{flex:1}.job-detail-title{margin:0 0 12px;font-size:1.5rem;font-weight:600;color:var(--text-primary);line-height:1.3}.job-detail-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.job-detail-meta-item{font-size:.875rem;color:var(--text-secondary)}.job-detail-content{display:flex;flex-direction:column;gap:16px}.job-detail-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.job-detail-section{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px;overflow:hidden}.job-detail-section-title{margin:0;padding:12px 16px;font-size:.875rem;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);border-bottom:1px solid var(--border-default)}.job-detail-section-content{padding:0}.job-detail-section-content .result-row{padding:10px 16px;border-bottom:1px solid var(--border-default)}.job-detail-section-content .result-row:last-child{border-bottom:none}.job-detail-section-content .terraform-code{margin:0;border-radius:0}@media(max-width:768px){.job-detail-row{grid-template-columns:1fr}.job-detail-header{flex-direction:column;gap:16px}.resource-actions{grid-template-columns:1fr;width:100%}.job-detail-title{font-size:1.25rem}.job-breadcrumb{flex-wrap:wrap}}.resource-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex-shrink:0}.resource-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:6px;border:none;font-weight:500;font-size:.82rem;cursor:pointer;transition:all .16s ease-out}.resource-btn--update{background:linear-gradient(135deg,var(--accent-grad-from),var(--accent-grad-to));color:#f9fafb;box-shadow:0 2px 8px #2563eb33}.resource-btn--update:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #2563eb66}.resource-btn--delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#f9fafb;box-shadow:0 2px 8px #ef444433}.resource-btn--delete:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ef444466}.resource-btn--promote{background:linear-gradient(135deg,var(--accent-grad-from),var(--accent-grad-to));color:#f9fafb;box-shadow:0 2px 8px #2563eb33}.resource-btn--promote:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #2563eb66}.resource-btn:disabled{opacity:.6;cursor:default}.badge{font-size:11px;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(148,163,184,.7)}.badge--ok{color:#166534;background:#dcfce7;border-color:#22c55e}.badge--failed{color:#7f1d1d;background:#fee2e2;border-color:#f87171}.badge--unknown{color:var(--text-muted);background:var(--bg-chip)}.result-row--stacked{align-items:flex-start;flex-direction:column;gap:8px}.result-value--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.5}.terraform-code{width:100%;margin:0;padding:12px;background:#1e293b;color:#e2e8f0;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto;border:1px solid rgba(148,163,184,.3)}.provider-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.crossplane-hint{margin:12px 16px 16px;padding:12px;background:var(--bg-secondary);border-radius:6px;font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 24px #8c959f33;border:1px solid #d0d7de;max-width:500px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:16px 24px;border-bottom:1px solid #d0d7de;display:flex;align-items:center;justify-content:space-between;background:#f6f8fa}.modal-header--success{background:#dafbe1;border-bottom-color:#1a7f37}.modal-header--error{background:#ffebe9;border-bottom-color:#cf222e}.modal-header--warning{background:#fff8c5;border-bottom-color:#bf8700}.modal-title{margin:0;font-size:1rem;font-weight:600;color:#24292f}.modal-close{background:none;border:none;font-size:28px;line-height:1;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s}.modal-close:hover{background:#0000000d;color:#111827}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid rgba(148,163,184,.2);display:flex;justify-content:flex-end;gap:8px}.modal-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 16px;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.3,0,.5,1);border:1px solid}.modal-btn--primary{background:linear-gradient(135deg,var(--accent-grad-from),var(--accent-grad-to));color:#f9fafb;border:none;box-shadow:0 2px 8px #2563eb33}.modal-btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #2563eb66}.modal-btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#f9fafb;border:none;box-shadow:0 2px 8px #ef444433}.modal-btn--danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ef444466}.modal-btn--secondary{background:#f6f8fa;color:#24292f;border-color:#1b1f2426;box-shadow:0 1px #1b1f240a,inset 0 1px #ffffff40}.modal-btn--secondary:hover{background:#f3f4f6;border-color:#1b1f2426}.modal-body p{margin:0 0 12px;color:#57606a;line-height:1.5;font-size:.875rem}.modal-body a{color:#0969da;text-decoration:none;word-break:break-all}.modal-body a:hover{text-decoration:underline}.modal-body pre{background:#f3f4f6;padding:12px;border-radius:6px;overflow-x:auto;font-size:.875rem;margin:12px 0}.donut-chart{display:flex;align-items:center;justify-content:center}.donut-chart-canvas{display:block}.cost-summary-sublabel{font-size:.7rem;color:#94a3b8;font-weight:500;margin-top:4px}.filter-clear-btn{padding:6px 12px;border:1px solid rgba(148,163,184,.5);border-radius:6px;background:#fff;font-size:.78rem;color:var(--text-muted);cursor:pointer;transition:all .16s ease-out;white-space:nowrap;font-weight:500}.filter-clear-btn:hover{border-color:var(--danger);color:var(--danger);background:#b91c1c0a}.filter-clear-btn:active{background:#b91c1c14}.resource-type-container{display:inline-flex;align-items:center;gap:6px}.resource-type-icon{width:14px;height:14px;color:#64748b;flex-shrink:0}.cost-value{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.estimated-cost{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--text-main)}.actual-cost{font-size:.75rem;color:var(--text-muted);font-weight:400}.cost-warning{display:inline-flex;align-items:center;color:#f59e0b;cursor:help;margin-left:4px}.cost-warning svg{width:14px;height:14px}.resources-container{display:flex;flex-direction:column;gap:12px;height:100%}.resources-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filter-select{padding:6px 10px;border:1px solid rgba(148,163,184,.5);border-radius:6px;background:#fff;font-size:.78rem;color:var(--text-main);cursor:pointer;transition:all .16s ease-out;min-width:140px}.filter-select:hover:not(:disabled){border-color:var(--accent)}.filter-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb1a}.filter-select:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}.filter-search{flex:1;min-width:180px;padding:6px 10px;border:1px solid rgba(148,163,184,.5);border-radius:6px;font-size:.78rem;color:var(--text-main);background:#fff;transition:all .16s ease-out}.filter-search:hover{border-color:var(--accent)}.filter-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb1a}.filter-search::placeholder{color:var(--text-soft)}.cost-summary{margin-top:8px}.cost-summary-card{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:18px 22px;box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #ffffffe6;border:1px solid var(--border-default)}.cost-summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:10px}.cost-summary-main{display:flex;flex-direction:column;gap:4px}.cost-summary-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.cost-summary-amount{font-size:1.85rem;font-weight:700;background:linear-gradient(135deg,#1e40af,#2563eb,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums;line-height:1}.cost-summary-stats{display:flex;gap:16px;padding-top:4px}.cost-stat{display:flex;flex-direction:column;gap:2px;min-width:70px}.cost-stat-label{font-size:.7rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.cost-stat-value{font-size:1.1rem;font-weight:700;color:#475569;font-variant-numeric:tabular-nums}.cost-summary-details{display:flex;gap:16px;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(148,163,184,.15)}.cost-summary-detail{font-size:.75rem;color:#475569;font-weight:500}.cost-summary-detail--muted{color:#94a3b8}.cost-breakdowns{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.cost-breakdown{display:flex;flex-direction:column;gap:8px}.cost-breakdown-title{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.cost-breakdown-items{display:flex;flex-direction:column;gap:8px}.cost-breakdown-item{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px;align-items:center}.cost-breakdown-label{font-size:.75rem;color:#475569;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cost-breakdown-value{font-size:.75rem;color:#1e293b;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.cost-breakdown-bar{grid-column:1 / -1;height:4px;background:#94a3b826;border-radius:2px;overflow:hidden}.cost-breakdown-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:2px;transition:width .3s ease-out}.skeleton-bar{background:linear-gradient(90deg,#94a3b826,#94a3b840,#94a3b826);background-size:200% 100%;border-radius:6px;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-bar--xlarge{height:32px;width:140px;margin-top:4px}.skeleton-bar--medium{height:20px;width:80px;margin-top:2px}.skeleton-bar--small{height:12px;width:120px}.skeleton-bar--bar{height:4px;width:100%;margin-top:4px;grid-column:1 / -1}.skeleton-breakdown-item{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px;margin-bottom:8px}.cost-products-chart{margin-top:16px;padding-top:0}.cost-products-title{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.cost-products-content{display:flex;align-items:center;gap:16px}.cost-products-legend{display:flex;flex-direction:column;gap:6px;flex:1}.cost-product-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.cost-product-header{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.cost-product-color{width:10px;height:10px;border-radius:2px;flex-shrink:0}.cost-product-label{font-size:.75rem;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cost-product-value{font-size:.75rem;font-weight:700;color:#1e293b;font-variant-numeric:tabular-nums;flex-shrink:0}@media(min-width:900px){.cost-summary-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:0}.cost-summary-header{grid-column:1;grid-row:1}.cost-summary-details{grid-column:1;grid-row:2}.cost-products-chart{grid-column:2;grid-row:1 / 3;margin-top:0;padding-top:0;padding-left:24px;min-width:280px}.cost-breakdowns{grid-column:1 / -1;grid-row:3}}.resources-count{margin-top:4px;font-size:.8rem;color:var(--text-muted)}.resources-table-container{flex:1;overflow:auto;background:#fff;border-radius:16px;border:1px solid rgba(148,163,184,.4)}.resources-table{width:100%;border-collapse:collapse;font-size:.84rem}.resources-table thead{background:#f9fafb;position:sticky;top:0;z-index:1}.resources-table th{padding:10px 12px;text-align:left;font-weight:600;font-size:.78rem;color:#6b7280;border-bottom:1px solid rgba(148,163,184,.3);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.resources-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s}.resources-table th.sortable:hover{background:#f3f4f6;color:var(--text-main)}.resources-table tbody tr{border-bottom:1px solid rgba(148,163,184,.2);transition:background .15s;cursor:pointer}.resources-table tbody tr:hover{background:#2563eb0a}.resources-table tbody tr.selected{background:#2563eb14}.resources-table tbody tr.selected:hover{background:#2563eb1f}.resources-table td{padding:10px 12px;color:var(--text-main)}.resource-name{font-weight:500;color:#111827}.resource-type{font-family:var(--font-mono);font-size:.76rem;color:var(--text-muted)}.status-badge--permanent{color:#581c87;background:#f3e8ff;border-color:#a855f7}.status-badge--infrastructure{color:#0e7490;background:#cffafe;border-color:#22d3ee}.pr-link{color:var(--accent);text-decoration:none;font-weight:500;font-size:.84rem;transition:color .15s}.pr-link:hover{color:var(--accent-strong);text-decoration:underline}.empty-state{padding:40px 16px;text-align:center;color:var(--text-soft);font-size:.84rem;font-style:italic}.actions-column{width:60px;text-align:center}.actions-cell{position:relative;text-align:center;padding:10px 12px!important}.actions-menu-container{position:relative;display:inline-block}.actions-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:#64748b;border-radius:6px;cursor:pointer;transition:all .15s ease-out}.actions-button:hover{background:#94a3b826;color:var(--text-main)}.actions-button:active{background:#94a3b840}.actions-dropdown{position:absolute;right:0;top:calc(100% + 4px);min-width:200px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;box-shadow:0 4px 6px #0000000d,0 10px 25px #0000001a,inset 0 1px #fff;border:1px solid rgba(148,163,184,.25);padding:6px;z-index:100;animation:dropdown-fade-in .15s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.actions-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-main);font-size:.8rem;font-weight:500;text-align:left;border-radius:6px;cursor:pointer;transition:all .12s ease-out;white-space:nowrap}.actions-item svg{flex-shrink:0;color:#64748b;transition:color .12s ease-out}.actions-item:hover{background:#2563eb14;color:var(--accent)}.actions-item:hover svg{color:var(--accent)}.actions-item:active{background:#2563eb1f}.actions-divider{height:1px;background:#94a3b833;margin:4px 0}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.pagination-info{font-size:.8rem;color:var(--text-muted)}.resource-detail{display:flex;flex-direction:column;gap:14px;height:100%}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.detail-title{margin:0 0 4px;font-size:1.1rem;font-weight:600;color:#111827}.detail-subtitle{margin:0;font-size:.76rem;color:var(--text-muted);font-family:var(--font-mono)}.detail-tabs{display:inline-flex;padding:4px;gap:4px;background:#e5e7eb;border-radius:999px;border:1px solid rgba(148,163,184,.7);align-self:flex-start}.detail-tab{border:none;background:transparent;color:var(--text-soft);font-size:.78rem;padding:6px 13px;border-radius:999px;cursor:pointer;transition:all .16s ease-out;white-space:nowrap}.detail-tab--active{background:#fff;color:var(--text-main);box-shadow:0 0 0 1px #94a3b8cc,0 8px 18px #94a3b859}.detail-tab:hover:not(.detail-tab--active){background:#fffc;color:var(--text-main)}.detail-content{flex:1;overflow-y:auto}.drawer-sections{display:flex;flex-direction:column;gap:20px}.drawer-section{display:flex;flex-direction:column;gap:12px}.section-title{margin:0;font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#111827}.info-grid{display:grid;gap:14px}.info-grid--two-cols{grid-template-columns:repeat(2,1fr)}.info-grid--three-cols{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.info-grid--three-cols{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.info-grid--two-cols,.info-grid--three-cols{grid-template-columns:1fr}}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.84rem;color:var(--text-main)}.info-code{font-family:var(--font-mono);font-size:.76rem;color:var(--text-main);background:#f9fafb;padding:8px 10px;border-radius:8px;border:1px solid rgba(148,163,184,.3);word-break:break-all}.info-link{font-size:.84rem;color:var(--accent);text-decoration:none;font-weight:500;transition:color .15s}.info-link:hover{color:var(--accent-strong);text-decoration:underline}.tags-list{display:flex;flex-direction:column;gap:6px}.tag-item{display:flex;align-items:center;gap:12px;padding:6px 10px;background:#f9fafb;border-radius:8px;border:1px solid rgba(148,163,184,.25);font-size:.8rem}.tag-key{font-weight:600;color:#6b7280;min-width:160px;font-family:var(--font-mono);font-size:.76rem}.tag-value{color:var(--text-main);word-break:break-word;font-family:var(--font-mono);font-size:.76rem}.status-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(148,163,184,.8);white-space:nowrap}.status-badge--managed{color:#166534;background:#dcfce7;border-color:#22c55e}.status-badge--stale{color:#854d0e;background:#fef3c7;border-color:#fbbf24}.status-badge--orphan{color:#7f1d1d;background:#fee2e2;border-color:#f87171}.status-badge--unmanaged{color:var(--text-muted);background:var(--bg-chip);border-color:#94a3b899}.health-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(148,163,184,.8);white-space:nowrap}.health-badge--healthy{color:#166534;background:#dcfce7;border-color:#22c55e}.health-badge--unhealthy{color:#7f1d1d;background:#fee2e2;border-color:#f87171}.health-badge--provisioning{color:#1e40af;background:#dbeafe;border-color:#60a5fa}.health-badge--unknown{color:var(--text-muted);background:var(--bg-chip);border-color:#94a3b899}.placeholder-text{margin:0;padding:14px 16px;background:#f9fafb;border-radius:10px;border:1px dashed rgba(148,163,184,.5);color:var(--text-muted);font-size:.8rem;font-style:italic}.action-buttons{display:flex;flex-direction:column;gap:8px}.action-btn{padding:8px 16px;border-radius:999px;font-size:.84rem;font-weight:500;text-decoration:none;text-align:center;cursor:pointer;transition:all .16s ease-out;border:none;display:block}.action-btn--primary{background:linear-gradient(135deg,var(--accent-grad-from),var(--accent-grad-to));color:#f9fafb}.action-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.action-btn--secondary{background:#f3f4f6;color:#374151;border:1px solid rgba(148,163,184,.4)}.action-btn--secondary:hover:not(:disabled){background:#e5e7eb;border-color:#94a3b899}.action-btn:disabled{opacity:.5;cursor:not-allowed}.logs-viewer{display:flex;flex-direction:column;gap:16px;height:100%}.logs-controls{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid rgba(148,163,184,.2)}.logs-controls-left,.logs-controls-right{display:flex;gap:12px;align-items:center}.control-label{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#374151;font-weight:500}.control-select{padding:4px 8px;border:1px solid rgba(148,163,184,.3);border-radius:6px;font-size:.875rem;background:#fff;color:#1f2937;cursor:pointer}.control-select:disabled{opacity:.5;cursor:not-allowed}.logs-list{flex:1;overflow-y:auto;background:#1f2937;border-radius:8px;padding:12px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.5;max-height:600px}.log-entry{display:grid;grid-template-columns:auto auto 1fr;gap:12px;padding:4px 0;color:#e5e7eb;border-bottom:1px solid rgba(75,85,99,.3)}.log-entry:last-child{border-bottom:none}.log-timestamp{color:#9ca3af;white-space:nowrap}.log-level{font-weight:600;text-transform:uppercase;white-space:nowrap;font-size:.75rem}.log-level--error{color:#f87171}.log-level--warning{color:#fbbf24}.log-level--info{color:#60a5fa}.log-level--debug{color:#a78bfa}.log-message{color:#f3f4f6;word-break:break-word}.logs-loading,.logs-empty,.logs-error{padding:40px;text-align:center;color:#6b7280;font-size:.875rem}.logs-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.resource-graph-container{display:flex;flex-direction:column;height:480px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease}.resource-graph-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:9999;border-radius:0;border:none}.resource-graph-container.fullscreen .graph-flow-container{flex:1}.resource-graph-container:fullscreen{height:100vh;border-radius:0;border:none}.graph-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #e2e8f0;gap:12px}.graph-breadcrumb{display:flex;align-items:center;gap:4px}.breadcrumb-item{padding:4px 10px;font-size:12px;font-weight:500;color:#64748b;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s ease}.breadcrumb-item:hover{background:#f1f5f9;color:#334155}.breadcrumb-item.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.breadcrumb-sep{color:#cbd5e1;font-size:12px}.graph-controls{display:flex;align-items:center;gap:10px}.layout-selector{display:flex;gap:2px;background:#f1f5f9;border-radius:6px;padding:2px}.layout-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:4px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease;color:#64748b}.layout-btn:hover{background:#e2e8f0;color:#334155}.layout-btn.active{background:#3b82f6;color:#fff;box-shadow:0 1px 3px #3b82f64d}.layout-icon{display:flex;width:16px;height:16px}.layout-icon svg{width:100%;height:100%}.graph-divider{width:1px;height:20px;background:#e2e8f0}.fullscreen-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:4px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;transition:all .15s ease;color:#64748b}.fullscreen-btn:hover{background:#e2e8f0;color:#334155;border-color:#cbd5e1}.fullscreen-icon{display:flex;width:14px;height:14px}.fullscreen-icon svg{width:100%;height:100%}.graph-toggle{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;cursor:pointer}.graph-toggle input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#a855f7}.graph-portal-link{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;color:#0078d4;background:#e6f2ff;border:1px solid #0078d4;border-radius:4px;text-decoration:none;transition:all .15s ease}.graph-portal-link:hover{background:#0078d4;color:#fff}.graph-portal-link:before{content:"↗";font-size:10px}.graph-flow-container{flex:1;background:#fff;position:relative}.graph-flow-container .react-flow__pane,.graph-flow-container .react-flow__pane:active{cursor:move}.resource-node{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:12px;min-width:160px;max-width:200px;box-shadow:0 2px 8px #0000000f;transition:all .2s ease;position:relative}.resource-node:hover{box-shadow:0 4px 16px #0000001f}.resource-node.clickable{cursor:pointer}.resource-node.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.resource-node.subscription{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#7c3aed;color:#fff}.resource-node.resourceGroup,.resource-node.resource-group{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff}.resource-node.resource{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;color:#fff}.resource-node.more{background:#f1f5f9;border-color:#cbd5e1;border-style:dashed;color:#64748b;font-style:italic;min-width:100px}.resource-node.current{border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b4d,0 4px 16px #00000026}.health-indicator{position:absolute;top:-6px;left:-6px;z-index:10}.health-dot{display:block;width:12px;height:12px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 1px 3px #0003}.resource-node-icon{flex-shrink:0;margin-top:2px;width:20px;height:20px}.resource-node-icon svg{width:100%;height:100%}.inline-icon{display:inline-flex;width:12px;height:12px;vertical-align:middle;margin-right:2px}.inline-icon svg{width:100%;height:100%}.resource-node-content{flex:1;min-width:0;overflow:hidden}.resource-node-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.resource-node-type{font-size:10px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.resource-node-location{font-size:9px;opacity:.75;margin-top:3px}.resource-node-count{font-size:10px;opacity:.85;margin-top:2px}.resource-node-meta{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.resource-node-cost{font-size:10px;font-weight:600;padding:2px 6px;background:#fff3;border-radius:4px}.resource-node-cost.aggregated{background:#10b98140;border:1px solid rgba(255,255,255,.3);font-size:11px;padding:3px 8px}.resource-node-tags{font-size:10px;opacity:.8}.resource-node-badge{position:absolute;top:-10px;right:-10px;padding:3px 8px;font-size:9px;font-weight:600;background:#f59e0b;color:#fff;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #00000026}.resource-node-expand{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:.5;transition:opacity .15s ease}.resource-node-expand svg{width:100%;height:100%}.resource-node.clickable:hover .resource-node-expand{opacity:1}.resource-node-deps{position:absolute;bottom:-8px;right:10px;display:flex;align-items:center;gap:2px;font-size:10px;padding:2px 6px;background:#a855f7;color:#fff;border-radius:10px;box-shadow:0 1px 3px #0003}.resource-node-deps .inline-icon{width:10px;height:10px}.resource-node.expanded{min-width:280px;max-width:320px;padding:0;flex-direction:column;align-items:stretch;transition:all .3s ease}.expanded-node-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.2)}.expanded-node-title{flex:1;min-width:0}.expanded-node-header .resource-node-name{font-size:14px;white-space:normal;word-break:break-word}.expanded-close-hint{font-size:9px;opacity:.7;padding:2px 6px;background:#ffffff26;border-radius:4px;white-space:nowrap}.expanded-node-body{padding:10px 14px;background:#0000001a}.expanded-section{margin-bottom:10px}.expanded-section:last-child{margin-bottom:0}.expanded-section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.15)}.expanded-detail-row{display:flex;justify-content:space-between;font-size:11px;padding:3px 0}.expanded-label{opacity:.8}.expanded-value{font-weight:500;text-align:right;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expanded-cost-display{display:flex;align-items:baseline;gap:4px}.expanded-cost-amount{font-size:18px;font-weight:700}.expanded-cost-period{font-size:11px;opacity:.7}.expanded-tags-list{display:flex;flex-direction:column;gap:4px}.expanded-tag{display:flex;gap:6px;font-size:10px;padding:3px 6px;background:#ffffff1a;border-radius:4px}.expanded-tag-key{font-weight:600;opacity:.9}.expanded-tag-value{opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expanded-tag-more{font-size:10px;opacity:.7;font-style:italic;padding:3px 6px}.expanded-deps-list{display:flex;flex-direction:column;gap:4px}.expanded-dep-item{display:flex;gap:8px;font-size:10px;padding:4px 6px;background:#ffffff1a;border-radius:4px;align-items:center}.expanded-dep-type{font-weight:600;padding:2px 6px;background:#ffffff26;border-radius:3px;text-transform:uppercase;font-size:9px}.expanded-dep-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expanded-status{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;border-radius:4px;text-transform:capitalize}.expanded-status.succeeded,.expanded-status.running{background:#10b98133;color:#a7f3d0}.expanded-status.failed{background:#ef444433;color:#fecaca}.expanded-status.updating,.expanded-status.creating{background:#f59e0b33;color:#fde68a}.expanded-portal-link{display:block;padding:8px 12px;font-size:11px;font-weight:600;color:#fff;background:#0078d4e6;border-radius:4px;text-decoration:none;text-align:center;transition:all .15s ease}.expanded-portal-link:hover{background:#0078d4;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.graph-legend-bar{display:flex;justify-content:center;gap:16px;padding:10px 16px;background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:5px;font-size:10px;color:#64748b}.legend-dot{width:10px;height:10px;border-radius:3px}.legend-dot.subscription{background:#8b5cf6}.legend-dot.resource-group{background:#3b82f6}.legend-dot.resource{background:#10b981}.legend-dot.current{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b4d}.legend-line.dependency{width:20px;height:2px;background:#a855f7;border-radius:1px;position:relative}.legend-line.dependency:after{content:"";position:absolute;right:0;top:-2px;border:3px solid transparent;border-left-color:#a855f7}.health-legend{gap:3px}.health-legend .health-dot{width:8px;height:8px;border:none;box-shadow:none}.graph-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#64748b;font-size:14px}.graph-loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.graph-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:32px;text-align:center;color:#ef4444}.graph-error strong{font-size:14px;margin-bottom:6px}.graph-error p{color:#64748b;font-size:13px;margin:0}.graph-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b;font-size:14px}.react-flow__node{transition:transform .2s ease,box-shadow .2s ease}.react-flow__node.selectable:hover{cursor:pointer}.react-flow__controls{box-shadow:0 2px 8px #0000001a;border-radius:6px;overflow:hidden}.react-flow__controls-button{background:#fff;border-bottom:1px solid #e2e8f0;width:26px;height:26px}.react-flow__controls-button:hover{background:#f1f5f9}.react-flow__controls-button svg{max-width:14px;max-height:14px}.react-flow__edge-path{stroke-width:2;transition:stroke .2s ease}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__background{background-color:#fafafa}.react-flow__minimap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 2px 8px #0000001a}.react-flow__minimap-mask{fill:#00000014}.react-flow__edge-text{font-size:9px}.react-flow__edge-textbg{fill:#faf5ff}@media(max-width:768px){.react-flow__minimap{display:none}.graph-header{flex-direction:column;padding:8px 12px;gap:8px}.graph-breadcrumb{width:100%;justify-content:flex-start;overflow-x:auto}.graph-controls{width:100%;justify-content:space-between;flex-wrap:wrap}.layout-selector,.graph-divider{display:none}.resource-graph-container{height:380px}.resource-node{min-width:140px;max-width:160px;padding:10px 12px}.resource-node-name{font-size:12px}.resource-node-type{font-size:9px}.graph-legend-bar{padding:8px 12px;gap:10px}.legend-item{font-size:9px}}@media(max-width:480px){.resource-graph-container{height:320px}.graph-toggle{display:none}.graph-portal-link{padding:4px 8px;font-size:10px}.graph-legend-bar{gap:6px;padding:6px 8px}.legend-item{font-size:8px;gap:3px}.legend-dot{width:8px;height:8px}.health-legend .health-dot{width:6px;height:6px}}.resources-panel{display:flex;flex-direction:column;gap:14px;height:100%}.resources-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.resources-title{margin:0 0 4px;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#111827}.resources-subtitle{margin:0;font-size:.8rem;color:var(--text-muted)}.resources-actions{display:flex;gap:8px}.back-btn{border:none;background:none;color:var(--accent);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .16s ease-out;padding:0}.back-btn:hover{color:var(--accent-strong);text-decoration:underline}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.88rem}.breadcrumb-link{border:none;background:none;color:var(--accent);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .16s ease-out;padding:0}.breadcrumb-link:hover{color:var(--accent-strong);text-decoration:underline}.breadcrumb-separator{color:var(--text-muted);font-size:.9rem;-webkit-user-select:none;user-select:none}.breadcrumb-current{color:var(--text-main);font-weight:500;font-size:.88rem}.export-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#fff;color:var(--text-main);font-size:1.3rem;cursor:pointer;transition:color .16s ease-out,border-color .16s ease-out;line-height:1}.export-btn:hover{border-color:var(--accent);color:var(--accent)}.refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#fff;color:var(--text-main);font-size:1.3rem;cursor:pointer;transition:color .16s ease-out,border-color .16s ease-out;line-height:1}.refresh-btn:hover:not(:disabled):not(.refresh-btn--loading){border-color:var(--accent);color:var(--accent)}.refresh-btn:disabled{opacity:.5;cursor:default}.refresh-btn--loading{border-color:var(--accent);color:var(--accent);animation:spin .8s linear infinite}.refresh-btn--success{border-color:#22c55e;color:#22c55e}.resources-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:12px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(148,163,184,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{margin:0;color:var(--text-muted);font-size:.8rem}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:16px}.error-message{max-width:500px;padding:16px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;text-align:center}.error-message strong{display:block;color:#b91c1c;font-size:.9rem;margin-bottom:6px}.error-message p{margin:0;color:#dc2626;font-size:.8rem}.home-panel{width:100%;padding:0 24px}.home-header{text-align:center;margin-bottom:32px}.home-title{margin:0 0 12px;font-size:2rem;font-weight:700;color:var(--text-primary)}.home-subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;max-width:600px;margin:0 auto 24px}.home-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent-grad-from),var(--accent-grad-to));border:none;border-radius:8px;cursor:pointer;transition:transform .15s,box-shadow .15s}.home-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.home-cta:active{transform:translateY(0)}.home-stats{display:flex;align-items:center;justify-content:center;gap:48px;margin-bottom:32px;padding:24px 32px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:12px}.home-stat-value-skeleton{width:48px;height:32px;background:linear-gradient(90deg,#94a3b826,#94a3b840,#94a3b826);background-size:200% 100%;border-radius:6px;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-header{animation:fadeInUp .6s ease-out forwards}.home-stats{animation:fadeInUp .6s ease-out .1s forwards;opacity:0}.home-content .home-row:nth-child(1){animation:fadeInUp .6s ease-out .2s forwards;opacity:0}.home-content .home-section--full{animation:fadeInUp .6s ease-out .3s forwards;opacity:0}.home-content .home-row:nth-child(3){animation:fadeInUp .6s ease-out .4s forwards;opacity:0}.home-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.home-stat-value{font-size:2rem;font-weight:700;color:var(--accent)}.home-stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.home-content{display:flex;flex-direction:column;gap:24px}.home-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.home-section{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:12px;padding:24px;min-width:0}.home-section--full{grid-column:1 / -1}.home-section-title{margin:0 0 16px;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.home-text{margin:0 0 12px;font-size:.95rem;color:var(--text-secondary);line-height:1.7}.home-text:last-child{margin-bottom:0}.home-steps{display:flex;flex-direction:column;gap:16px}.home-step{display:flex;align-items:flex-start;gap:16px}.home-step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-grad-from),var(--accent-grad-to));color:#fff;font-size:.875rem;font-weight:700;border-radius:50%;flex-shrink:0}.home-step-content h3{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--text-primary)}.home-step-content p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.home-tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.home-tech-card{border-radius:10px;padding:20px;text-align:center;transition:border-color .2s,box-shadow .2s}.home-tech-card:hover{border-color:var(--border-default);box-shadow:0 4px 12px #0000000d}.home-tech-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin:0 auto 12px}.home-tech-card h3{margin:0 0 8px;font-size:1rem;font-weight:600;color:var(--text-primary)}.home-tech-card p{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.home-list{margin:0;padding:0;list-style:none}.home-list li{position:relative;padding-left:24px;margin-bottom:10px;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.home-list li:last-child{margin-bottom:0}.home-list li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:var(--accent);border-radius:50%}.home-list li strong{color:var(--text-primary)}@media(max-width:900px){.home-row{grid-template-columns:1fr}.home-tech-grid{grid-template-columns:repeat(2,1fr)}.home-stats{gap:32px}}@media(max-width:640px){.home-panel{padding:0 16px}.home-header{margin-bottom:24px}.home-title{font-size:1.5rem}.home-subtitle{font-size:1rem}.home-stats{flex-direction:column;gap:16px;padding:20px}.home-stat-value{font-size:1.5rem}.home-cta{margin-left:0;margin-top:8px;width:100%;justify-content:center}.home-section{padding:20px}.home-tech-grid{grid-template-columns:1fr}}.admin-panel{padding:24px;max-width:1200px;margin:0 auto;width:100%;grid-column:1 / -1}.admin-login-card{background:#fff;border-radius:12px;padding:48px;text-align:center;max-width:480px;margin:80px auto;box-shadow:0 4px 6px #0000001a}.admin-login-card h2{margin:0 0 16px;color:#1f2937;font-size:28px}.admin-login-card p{margin:0 0 32px;color:#6b7280;font-size:16px}.btn-login{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.loading-state{text-align:center;padding:80px;color:#6b7280;font-size:18px}.admin-header{background:var(--bg-primary);border-radius:12px;padding:24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-default);box-shadow:0 2px 4px #0000000d}.admin-header-actions{display:flex;align-items:center;gap:12px}.user-info{display:flex;align-items:center;gap:16px}.user-avatar{width:64px;height:64px;border-radius:50%;border:3px solid #e5e7eb}.user-details h3{margin:0 0 4px;color:#1f2937;font-size:20px}.user-details p{margin:0;color:#6b7280;font-size:14px}.user-email{margin-top:4px!important;font-size:13px!important}.btn-logout{background:#ef4444;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-logout:hover{background:#dc2626}.btn-clear-cache{background:#fff;color:#dc382d;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-clear-cache:hover:not(:disabled){background:#fef2f2;color:#a41e11;transform:translateY(-1px);box-shadow:0 4px 8px #dc382d26}.btn-clear-cache:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-clear-cache svg{width:18px;height:18px;fill:currentColor}.btn-clear-cache svg.spinning{animation:spin 1s linear infinite}.cache-stats{font-size:12px;color:inherit;opacity:.75;font-weight:400;margin-left:4px}.admin-content{background:var(--bg-primary);border-radius:12px;padding:32px;border:1px solid var(--border-default);box-shadow:0 2px 4px #0000000d}.admin-section h3{margin:0 0 16px;color:#1f2937;font-size:22px}.admin-section p{margin:0 0 12px;color:#4b5563;line-height:1.6}.admin-section ul{margin:16px 0;padding-left:24px;color:#6b7280}.admin-section li{margin:8px 0;line-height:1.6}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.metric-card{background:var(--bg-primary);border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;border:1px solid var(--border-default);box-shadow:0 2px 4px #0000000d;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.metric-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-card--resources .metric-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.metric-card--jobs .metric-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.metric-card--success .metric-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.metric-card--cost .metric-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.metric-content{flex:1}.metric-value{font-size:32px;font-weight:700;color:#1f2937;line-height:1.2;margin-bottom:4px}.metric-label{font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.metric-subtitle{font-size:13px;color:#9ca3af}.admin-section{background:var(--bg-primary);border-radius:12px;padding:24px;border:1px solid var(--border-default);box-shadow:0 2px 4px #0000000d}.activity-list{margin-top:16px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;transition:background .2s}.activity-item:hover{background:#f9fafb}.activity-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f3f4f6}.activity-content{flex:1}.activity-title{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:4px}.activity-meta{font-size:12px;color:#9ca3af}.empty-state{text-align:center;padding:32px;color:#9ca3af;font-size:14px}.error-state{text-align:center;padding:32px;color:#ef4444;font-size:14px}.btn-refresh{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:6px}.btn-refresh:hover:not(:disabled){background:#2563eb}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.btn-refresh svg.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-retry{background:#3b82f6;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:16px}.btn-retry:hover{background:#2563eb}.admin-filters{background:var(--bg-primary);border-radius:12px;padding:20px 24px;margin-bottom:24px;border:1px solid var(--border-default);box-shadow:0 2px 4px #0000000d}.filter-group{display:flex;align-items:center;gap:12px}.filter-group label{font-size:14px;font-weight:600;color:#374151;white-space:nowrap}.filter-select{flex:1;max-width:400px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background:#fff;cursor:pointer;transition:border-color .2s}.filter-select:hover{border-color:#9ca3af}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.skeleton-bar{background:linear-gradient(90deg,#94a3b826 25%,#94a3b840,#94a3b826 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;height:16px}.skeleton-bar--small{height:12px}.skeleton-bar--medium{height:16px}.skeleton-bar--xlarge{height:32px}.skeleton-bar--bar{height:8px;width:100%;margin-top:4px}.skeleton-icon{background:linear-gradient(90deg,#94a3b826 25%,#94a3b840,#94a3b826 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px;width:56px;height:56px;flex-shrink:0}.skeleton-breakdown-item{display:flex;flex-direction:column;gap:4px;padding:8px 0}.admin-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}@media(max-width:1024px){.admin-section-grid{grid-template-columns:1fr}}.skeleton-line{background:linear-gradient(90deg,#94a3b826 25%,#94a3b840,#94a3b826 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.backups-list-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.backups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.backups-header h3{margin:0;font-size:1.25rem;color:#1e293b}.backups-controls{display:flex;gap:.75rem;align-items:center}.env-filter{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:.875rem;color:#334155;cursor:pointer;transition:all .2s}.env-filter:hover{border-color:#cbd5e1}.env-filter:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-refresh{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;cursor:pointer;font-size:1.125rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-refresh:hover{background:#f8fafc;color:#334155;transform:rotate(180deg)}.backups-table-container{overflow-x:auto;margin-bottom:1rem}.backups-table{width:100%;border-collapse:collapse;font-size:.875rem}.backups-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.backups-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#475569;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.backups-table td{padding:.875rem 1rem;border-bottom:1px solid #f1f5f9;color:#334155}.backups-table tbody tr:hover{background:#f8fafc}.backups-table tbody tr:last-child td{border-bottom:none}.env-badge{display:inline-block;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.env-dev{background:#dbeafe;color:#1e40af}.env-qa{background:#fef3c7;color:#92400e}.env-staging{background:#fce7f3;color:#9f1239}.env-prod{background:#fee2e2;color:#991b1b}.backup-type-badge{display:inline-block;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:500}.backup-type-auto{background:#dcfce7;color:#166534}.backup-type-restore{background:#fef9c3;color:#854d0e}.backup-type-unknown{background:#f1f5f9;color:#64748b}.timestamp-cell,.created-cell{white-space:nowrap;font-variant-numeric:tabular-nums}.git-sha-cell .git-sha{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;background:#f1f5f9;padding:.25rem .5rem;border-radius:4px;color:#475569}.git-sha-cell .text-muted{color:#94a3b8;font-style:italic}.size-cell{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.backups-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f1f5f9;font-size:.875rem}.backups-count{font-weight:500;color:#334155}.text-muted{color:#94a3b8}.loading-state,.error-state,.empty-state{padding:2rem;text-align:center;color:#64748b}.error-state{color:#dc2626;background:#fef2f2;border-radius:6px}.empty-state{background:#f8fafc;border-radius:6px;border:1px dashed #e2e8f0}@media(max-width:768px){.backups-header{flex-direction:column;align-items:flex-start;gap:1rem}.backups-controls{width:100%}.env-filter{flex:1}.backups-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.backups-table{font-size:.75rem}.backups-table th,.backups-table td{padding:.5rem}}.cache-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cache-header h3{margin:0}.cache-controls{display:flex;gap:8px;align-items:center}.cache-search{padding:6px 12px;border:1px solid var(--border-default);border-radius:6px;background:var(--bg-input);color:var(--text-primary);font-size:.875rem;width:200px}.cache-search:focus{outline:none;border-color:var(--accent-primary)}.cache-stats-bar{display:flex;gap:16px;align-items:center;padding:8px 12px;background:var(--bg-hover-subtle);border-radius:6px;margin-bottom:16px;font-size:.8125rem}.cache-backend{padding:2px 8px;border-radius:4px;font-weight:500}.cache-backend.redis{background:#dc382d20;color:#dc382d}.cache-backend.memory{background:#6366f120;color:#6366f1}.cache-count{color:var(--text-secondary)}.cache-size{color:var(--text-secondary);margin-left:auto}.cache-tree{display:flex;flex-direction:column;gap:4px}.cache-group{border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden}.cache-group-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;background:var(--bg-secondary);transition:background .15s}.cache-group-header:hover{background:var(--bg-hover)}.cache-group-key{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.cache-group-prefix{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.875rem;font-weight:600;color:var(--text-primary)}.cache-group-count{font-size:.75rem;color:var(--text-tertiary);background:var(--bg-hover-subtle);padding:2px 6px;border-radius:10px}.cache-group-meta{display:flex;align-items:center;gap:12px;font-size:.75rem;flex-shrink:0}.cache-group-entries{border-top:1px solid var(--border-subtle);background:var(--bg-primary)}.cache-entries{display:flex;flex-direction:column;gap:4px}.cache-entry{border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden}.cache-entry--nested{border:none;border-radius:0;border-bottom:1px solid var(--border-subtle)}.cache-entry--nested:last-child{border-bottom:none}.cache-entry--nested .cache-entry-header{padding-left:32px;background:transparent}.cache-entry--nested .cache-entry-header:hover{background:var(--bg-hover-subtle)}.cache-group-header:hover .btn-delete-entry{opacity:1}.cache-entry-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;background:var(--bg-hover-subtle);transition:background .15s}.cache-entry-header:hover{background:var(--bg-hover)}.cache-entry-key{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.cache-entry-key code{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.8125rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expand-icon{font-size:.625rem;color:var(--text-secondary);width:12px}.cache-entry-meta{display:flex;align-items:center;gap:12px;font-size:.75rem;flex-shrink:0}.cache-entry-preview{color:var(--text-tertiary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cache-entry-size{color:var(--text-secondary);min-width:60px;text-align:right}.cache-entry-ttl{color:var(--text-secondary);min-width:70px;text-align:right}.cache-entry-ttl.expiring-soon{color:var(--warning)}.btn-delete-entry{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.125rem;padding:0 4px;line-height:1;opacity:0;transition:opacity .15s,color .15s}.cache-entry-header:hover .btn-delete-entry{opacity:1}.btn-delete-entry:hover{color:var(--error)}.cache-entry-value{border-top:1px solid var(--border-subtle);background:var(--bg-primary);padding:12px;max-height:400px;overflow:auto}.cache-entry-value pre{margin:0;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.75rem;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all}.cache-loading{padding:16px 0}@media(max-width:768px){.cache-entry-preview{display:none}.cache-search{width:150px}}.app-footer{width:100%;margin-top:auto;padding:24px;border-top:1px solid var(--border-default);background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.app-footer span{font-size:.75rem;color:var(--text-tertiary)}.app-footer .footer-links{display:flex;align-items:center;gap:12px}.app-footer .footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.app-footer .footer-links a:hover{color:var(--text-primary);text-decoration:underline}.app-footer .footer-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease}.app-footer .footer-icon:hover{text-decoration:none;transform:scale(1.15)}.app-footer .footer-icon-img{width:20px;height:20px;filter:grayscale(100%) opacity(.6);transition:filter .25s ease}.app-footer .footer-icon:hover .footer-icon-img{filter:grayscale(0%) opacity(1)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column-reverse;gap:12px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 4px 12px #00000026,0 2px 6px #00000014;cursor:pointer;transition:all .3s ease;animation:toast-slide-in .3s ease;pointer-events:auto;max-width:400px;min-width:300px}.toast:hover{transform:translate(-4px);box-shadow:0 6px 16px #0003,0 3px 8px #0000001f}.toast--exit{animation:toast-slide-out .3s ease forwards}.toast--job_success{border-left:4px solid var(--color-success)}.toast--job_failure{border-left:4px solid var(--color-danger)}.toast--job_info{border-left:4px solid var(--color-info)}.toast-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-icon{width:24px;height:24px}.toast-icon--success{color:var(--color-success)}.toast-icon--error{color:var(--color-danger)}.toast-icon--info{color:var(--color-info)}.toast-content{flex:1;min-width:0}.toast-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px;line-height:1.4}.toast-message{font-size:13px;color:var(--text-secondary);line-height:1.4;margin-bottom:4px}.toast-action{font-size:12px;color:var(--color-primary);font-weight:500;margin-top:6px}.toast-close{flex-shrink:0;width:20px;height:20px;padding:0;background:none;border:none;cursor:pointer;color:var(--text-tertiary);transition:color .2s ease;display:flex;align-items:center;justify-content:center}.toast-close:hover{color:var(--text-primary)}.toast-close svg{width:16px;height:16px}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media(max-width:640px){.toast-container{bottom:16px;right:16px;left:16px;max-width:none}.toast{min-width:0;max-width:none}}