@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@600;700;800&display=swap);:root{--kone-blue:#0051a3;--kone-blue-dark:#003d7a;--kone-blue-darker:#002952;--kone-blue-light:#3385d6;--kone-blue-lighter:#66a3e0;--kone-blue-lightest:#e6f2ff;--kone-cyan:#00b8d4;--kone-cyan-light:#4dd0e1;--kone-teal:#00897b;--kone-purple:#7c4dff;--success:#00c853;--success-dark:#00a644;--success-light:#69f0ae;--success-bg:#e8f5e9;--warning:#ff9100;--warning-dark:#ff6d00;--warning-light:#ffb74d;--warning-bg:#fff3e0;--error:#d32f2f;--error-dark:#b71c1c;--error-light:#ef5350;--error-bg:#ffebee;--info:#0288d1;--info-dark:#01579b;--info-light:#4fc3f7;--info-bg:#e1f5fe;--white:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--black:#000;--env-dev:#00b8d4;--env-dev-dark:#0097a7;--env-dev-bg:#00b8d41a;--env-qa:#5c6bc0;--env-qa-dark:#3949ab;--env-qa-bg:#5c6bc01a;--env-acc:#ff9100;--env-acc-dark:#f57c00;--env-acc-bg:#ff91001a;--env-prod:#d32f2f;--env-prod-dark:#b71c1c;--env-prod-bg:#d32f2f1a;--env-shared:#9c27b0;--env-shared-dark:#7b1fa2;--env-shared-bg:#9c27b01a;--env-sandbox:#00c853;--env-sandbox-dark:#00a644;--env-sandbox-bg:#00c8531a;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-display:"Poppins","Inter",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas","Monaco","Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:0.25rem;--radius-base:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-base:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-xl:0 25px 50px -12px #00000040;--shadow-2xl:0 30px 60px -15px #0000004d;--shadow-kone-sm:0 2px 8px #0051a326;--shadow-kone-md:0 4px 12px #0051a333;--shadow-kone-lg:0 8px 24px #0051a340;--shadow-kone-xl:0 12px 32px #0051a34d;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:500ms cubic-bezier(0.175,0.885,0.32,1.275);--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--gradient-kone:linear-gradient(135deg,var(--kone-blue) 0%,var(--kone-blue-dark) 100%);--gradient-kone-light:linear-gradient(135deg,var(--kone-blue-light) 0%,var(--kone-blue) 100%);--gradient-success:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);--gradient-warning:linear-gradient(135deg,var(--warning) 0%,var(--warning-dark) 100%);--gradient-error:linear-gradient(135deg,var(--error) 0%,var(--error-dark) 100%);--gradient-info:linear-gradient(135deg,var(--info) 0%,var(--info-dark) 100%);--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-tertiary:#fafbfc;--bg-elevated:#fff;--bg-overlay:#00000080;--text-primary:#1a1a1a;--text-secondary:#666;--text-tertiary:#999;--text-inverse:#fff;--border-color:#e0e0e0;--border-light:#f0f0f0;--border-dark:#ccc;--surface-primary:#fff;--surface-secondary:#f8f9fa;--surface-hover:#f5f7fa;--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--glass-blur:blur(10px)}[data-theme=dark]{--bg-primary:#0a0e14;--bg-secondary:#151a23;--bg-tertiary:#1e2530;--bg-elevated:#252d3a;--bg-overlay:#000000b3;--text-primary:#e6e8eb;--text-secondary:#a0a8b5;--text-tertiary:#6b7280;--text-inverse:#1a1a1a;--border-color:#2d3748;--border-light:#252d3a;--border-dark:#3d4758;--surface-primary:#151a23;--surface-secondary:#1e2530;--surface-hover:#252d3a;--glass-bg:#151a23b3;--glass-border:#ffffff1a;--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006,0 1px 2px 0 #0000004d;--shadow-base:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-md:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--shadow-lg:0 20px 25px -5px #0009,0 10px 10px -5px #0006;--shadow-xl:0 25px 50px -12px #000000b3;--shadow-2xl:0 30px 60px -15px #000c;--shadow-kone-sm:0 2px 8px #0051a34d;--shadow-kone-md:0 4px 12px #0051a366;--shadow-kone-lg:0 8px 24px #0051a380;--shadow-kone-xl:0 12px 32px #0051a399;--env-dev-bg:#00b8d433;--env-acc-bg:#ff910033;--env-prod-bg:#d32f2f33;--env-shared-bg:#9c27b033;--env-sandbox-bg:#00c85333;--success-bg:#00c85326;--warning-bg:#ff910026;--error-bg:#d32f2f26;--info-bg:#0288d126}.glass{backdrop-filter:blur(10px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--glass-blur);background:#ffffffb3;background:var(--glass-bg);border:1px solid #ffffff4d;border:1px solid var(--glass-border)}.gradient-kone{background:linear-gradient(135deg,#0051a3,#003d7a);background:var(--gradient-kone)}.gradient-success{background:linear-gradient(135deg,#00c853,#00a644);background:var(--gradient-success)}.gradient-warning{background:linear-gradient(135deg,#ff9100,#ff6d00);background:var(--gradient-warning)}.gradient-error{background:linear-gradient(135deg,#d32f2f,#b71c1c);background:var(--gradient-error)}.shadow-kone-sm{box-shadow:0 2px 8px #0051a326;box-shadow:var(--shadow-kone-sm)}.shadow-kone-md{box-shadow:0 4px 12px #0051a333;box-shadow:var(--shadow-kone-md)}.shadow-kone-lg{box-shadow:0 8px 24px #0051a340;box-shadow:var(--shadow-kone-lg)}.transition-fast{transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.transition-base{transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.transition-slow{transition:all .35s cubic-bezier(.4,0,.2,1);transition:all var(--transition-slow)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:fadeIn .3s ease-in-out}.animate-slideUp{animation:slideUp .4s ease-out}.animate-slideDown{animation:slideDown .4s ease-out}.animate-scaleIn{animation:scaleIn .3s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}*{box-sizing:border-box;margin:0;padding:0}html{font-size:90%;scroll-behavior:smooth}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f0f4f8,#e8f0f7);background:var(--bg-primary,linear-gradient(135deg,#f0f4f8 0,#e8f0f7 100%));color:var(--gray-900);color:var(--text-primary,var(--gray-900));font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-base);line-height:var(--leading-normal);max-width:100vw;transition:background-color .3s ease,color .3s ease}[data-theme=dark] body{background:linear-gradient(135deg,#0a0e14,#151a23);color:var(--text-primary)}code{font-family:JetBrains Mono,Courier New,monospace;font-family:var(--font-mono,"JetBrains Mono","Courier New",monospace)}:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--kone-blue);outline-offset:2px}::selection{background-color:var(--kone-blue-lightest);color:var(--kone-blue-dark)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-base)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-base);-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-600)}::-webkit-scrollbar-thumb:hover{background:var(--kone-blue)}*{transition-duration:var(--transition-base);transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.icop-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:12px}.icop-pagination.single{justify-content:flex-end}.icop-pagination-info{color:#6b7280;font-size:.8rem}.icop-pagination-pages{align-items:center;display:flex;gap:4px}.icop-page-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.82rem;font-weight:600;height:32px;min-width:32px;padding:0 8px;transition:background .12s ease,border-color .12s ease}.icop-page-btn:hover:not(:disabled):not(.active){background:#f3f4f6}.icop-page-btn.active{background:#0051a3;border-color:#0051a3;color:#fff;cursor:default}.icop-page-btn.nav{font-size:1rem;line-height:1}.icop-page-btn:disabled{cursor:not-allowed;opacity:.45}.icop-page-dots{color:#9ca3af;min-width:24px;text-align:center;-webkit-user-select:none;user-select:none}.dashboard{animation:fadeIn .5s ease-in-out;margin:0;max-width:100%;padding:var(--space-6) var(--space-8);width:100%}.loading-spinner{border:5px solid #e7f3ff;border-top-color:#1877f2;box-shadow:0 2px 8px #1877f226}.loading-text{color:#1877f2}.overall-metrics h2,.teams-section h2{align-items:center;color:#1c1e21;display:flex;font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-3);position:relative}.overall-metrics h2:after,.teams-section h2:after{background:linear-gradient(90deg,#1877f2,#42b72a);border-radius:var(--radius-full);bottom:0;content:"";height:4px;left:0;position:absolute;width:80px}.overall-metrics h2:before{content:"📊";filter:drop-shadow(0 2px 4px rgba(0,81,163,.2));font-size:var(--text-4xl)}.section-subtitle{align-items:center;border-bottom:2px solid var(--kone-blue-lightest);color:var(--kone-blue-dark);display:flex;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);gap:var(--space-3);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-3)}.section-subtitle .info-icon-wrapper{display:inline-block;margin-left:var(--space-2);position:relative;vertical-align:middle}.section-subtitle .info-icon{cursor:help;display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,81,163,.1));font-size:var(--text-lg);opacity:.8;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.section-subtitle .info-icon:hover{opacity:1;transform:scale(1.2) rotate(15deg)}.section-subtitle .info-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-kone);border:1px solid #fff3;border-radius:var(--radius-lg);bottom:125%;box-shadow:var(--shadow-2xl);color:var(--white);font-size:var(--text-sm);font-weight:var(--font-normal);left:50%;letter-spacing:normal;line-height:var(--leading-relaxed);max-width:90vw;opacity:0;padding:var(--space-4) var(--space-5);pointer-events:none;position:absolute;text-align:left;text-transform:none;transform:translateX(-50%) translateY(10px);transition:all var(--transition-base);visibility:hidden;white-space:normal;width:420px;z-index:var(--z-tooltip)}.section-subtitle .info-tooltip:after{border:10px solid #0000;border-top:10px solid var(--kone-blue-dark);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.section-subtitle .info-tooltip strong{color:var(--kone-blue-lightest);display:block;font-size:var(--text-base);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.section-subtitle .info-tooltip em{color:#ffffffe6;font-style:italic}.section-subtitle .info-icon-wrapper:hover .info-tooltip{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.cost-analysis-section{animation:slideUp .5s ease-out;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-kone-md);margin-bottom:var(--space-6);margin-top:0;padding:var(--space-6);transition:all var(--transition-base)}.cost-analysis-section:hover{box-shadow:var(--shadow-kone-lg);transform:translateY(-2px)}.charts-grid-main{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(2,1fr);margin-top:var(--space-4)}.chart-card{overflow:hidden;padding:var(--space-5);position:relative;transition:all var(--transition-bounce)}.chart-card:before{background:var(--gradient-kone);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-base)}.chart-card:hover{border-color:var(--kone-blue-light);transform:translateY(-4px)}.chart-card:hover:before{transform:scaleX(1)}.chart-card.large{grid-column:span 2}.chart-card h4{border-bottom:2px solid var(--kone-blue-lightest);font-size:var(--text-lg);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.metrics-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:var(--space-6)}.metric-card{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-left:4px solid var(--kone-blue);border-radius:var(--radius-xl);box-shadow:var(--shadow-kone-sm);cursor:pointer;overflow:hidden;padding:var(--space-7);position:relative;transition:all var(--transition-bounce)}.metric-card:before{background:var(--gradient-kone);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-base)}.metric-card:hover{border-left-color:var(--kone-cyan);box-shadow:var(--shadow-kone-xl);transform:translateY(-6px) scale(1.02)}.metric-card:hover:before{transform:scaleX(1)}.metric-card h3{color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:1px;margin-bottom:var(--space-3);text-transform:uppercase}.metric-value{color:var(--kone-blue);font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);text-shadow:0 2px 4px #0051a31a}.metric-subtitle{color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--space-2)}.metric-subtitle.growth-positive{color:var(--error);font-weight:var(--font-semibold)}.metric-subtitle.growth-negative{color:var(--success);font-weight:var(--font-semibold)}.cost-table-container{border-radius:var(--radius-lg);margin-bottom:0;margin-top:var(--space-4)}.cost-table th{padding:var(--space-4) var(--space-4);position:relative;white-space:nowrap}.cost-table th:after{background:#fff3;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.cost-table tbody tr.clickable-row{cursor:pointer}.cost-table tbody tr.clickable-row:hover{background:linear-gradient(90deg,var(--kone-blue-lightest) 0,#0000 100%);box-shadow:var(--shadow-sm);transform:scale(1.005)}.cost-table tbody tr.team-first-row{border-top:3px solid var(--kone-blue)}.cost-table tbody tr.team-first-row td{padding-top:var(--space-5)}.cost-table td{padding:var(--space-4)}.team-name{color:var(--kone-blue-dark);font-size:var(--text-base);font-weight:var(--font-bold)}.account-id{color:var(--gray-600);font-family:var(--font-mono);font-size:var(--text-sm)}.env-badge-small{border-radius:var(--radius-full);box-shadow:var(--shadow-xs);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.5px;min-width:70px;padding:var(--space-1) var(--space-3);text-align:center;text-transform:uppercase;transition:all var(--transition-base)}.env-badge-small:hover{box-shadow:var(--shadow-sm);transform:scale(1.05)}.env-badge-small.env-dev{background:var(--env-dev-bg);border:1px solid var(--env-dev);color:var(--env-dev-dark)}.env-badge-small.env-qa{background:var(--env-qa-bg);border:1px solid var(--env-qa);color:var(--env-qa-dark)}.env-badge-small.env-acc{background:var(--env-acc-bg);border:1px solid var(--env-acc);color:var(--env-acc-dark)}.env-badge-small.env-prod{background:var(--env-prod-bg);border:1px solid var(--env-prod);color:var(--env-prod-dark)}.env-badge-small.env-shared{background:var(--env-shared-bg);border:1px solid var(--env-shared);color:var(--env-shared-dark)}.env-badge-small.env-sandbox{background:var(--env-sandbox-bg);border:1px solid var(--env-sandbox);color:var(--env-sandbox-dark)}.change-value,.cost-value{font-size:var(--text-sm)}.info-icon-wrapper{display:inline-block;margin-left:var(--space-2);position:relative;vertical-align:middle}.info-icon{cursor:help;display:inline-block;font-size:var(--text-sm);opacity:.9;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.info-icon:hover{opacity:1;transform:scale(1.25) rotate(15deg)}.info-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a237e,#0d47a1);border:1px solid #fff3;border-radius:var(--radius-lg);bottom:125%;box-shadow:var(--shadow-2xl);color:var(--white);font-size:var(--text-sm);font-weight:var(--font-normal);left:50%;letter-spacing:normal;line-height:var(--leading-relaxed);max-width:90vw;opacity:0;padding:var(--space-4) var(--space-5);pointer-events:none;position:absolute;text-align:left;text-transform:none;transform:translateX(-50%) translateY(10px);transition:all var(--transition-base);visibility:hidden;width:400px;z-index:var(--z-tooltip)}.info-tooltip-blue{background:var(--gradient-kone);width:420px}.info-tooltip-blue:after{border-top-color:var(--kone-blue-dark)}.info-tooltip-blue strong{color:var(--kone-blue-lightest)}.info-tooltip-blue em{color:#ffffffe6;font-style:italic}.info-tooltip:after{border:10px solid #0000;border-top-color:#0d47a1;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.info-tooltip strong{color:#64b5f6;display:block;font-size:var(--text-base);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.info-tooltip ul{margin:var(--space-2) 0 0 0;padding-left:var(--space-5)}.info-tooltip li{color:#e3f2fd;margin:var(--space-1) 0}.info-icon-wrapper:hover .info-tooltip{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.teams-grid{grid-gap:var(--space-6);gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.team-card{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);border-top:4px solid var(--kone-blue);box-shadow:var(--shadow-kone-sm);overflow:hidden;padding:var(--space-7);position:relative;transition:all var(--transition-bounce)}.team-card:after{background:radial-gradient(circle,#00b8d426 0,#0000 70%);content:"";height:140px;position:absolute;right:0;top:0;transform:translate(35%,-35%);transition:all var(--transition-base);width:140px}.team-card:hover{border-top-color:var(--kone-cyan);box-shadow:var(--shadow-kone-xl);transform:translateY(-6px)}.team-card:hover:after{transform:translate(30%,-30%) scale(1.3)}.team-card h3{align-items:center;color:var(--kone-blue-dark);display:flex;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);gap:var(--space-3);margin-bottom:var(--space-5);position:relative;z-index:1}.team-card h3:before{content:"👥";filter:drop-shadow(0 2px 4px rgba(0,81,163,.2));font-size:var(--text-3xl)}.environments{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr);position:relative;z-index:1}.env-button{align-items:center;border:2px solid #0000;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-xs);font-weight:var(--font-bold);height:56px;justify-content:center;letter-spacing:1.2px;overflow:hidden;padding:var(--space-4) var(--space-3);position:relative;text-transform:uppercase;transition:all var(--transition-bounce);width:100%}.env-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.env-button:hover:before{left:100%}.env-button:after{content:"→";font-size:var(--text-lg);opacity:0;position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%) translateX(20px);transition:all var(--transition-base)}.env-button:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}.env-button:hover{border-color:#fff9;transform:translateY(-4px) scale(1.05)}.env-dev{background:linear-gradient(135deg,var(--env-dev) 0,var(--env-dev-dark) 100%);box-shadow:0 4px 15px #00b8d466}.env-dev:hover{box-shadow:0 8px 25px #00b8d480}.env-acc{background:linear-gradient(135deg,var(--env-acc) 0,var(--env-acc-dark) 100%);box-shadow:0 4px 15px #ff910066}.env-acc:hover{box-shadow:0 8px 25px #ff910080}.env-prod{background:linear-gradient(135deg,var(--env-prod) 0,var(--env-prod-dark) 100%);box-shadow:0 4px 15px #d32f2f66}.env-prod:hover{box-shadow:0 8px 25px #d32f2f80}.env-button:active{transform:translateY(-2px) scale(1.02)}.env-button span{display:inline-block;position:relative;transition:transform var(--transition-base);z-index:1}.env-button:hover span{transform:translateX(-8px)}.recommendations-section{animation:slideUp .6s ease-out;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-kone-md);margin-top:var(--space-8);padding:var(--space-6)}.recommendations-section h2{color:var(--kone-blue);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-5) 0}.recommendations-section.cost-section{background:linear-gradient(135deg,#e8f5e9b3,#ffffffb3);border-left:4px solid var(--success)}.recommendations-section.cost-section h2{color:var(--success-dark)}.recommendations-section.security-section{background:linear-gradient(135deg,#fff5f5b3,#ffffffb3);border-left:4px solid var(--error)}.recommendations-section.security-section h2{color:var(--error-dark)}.recommendations-summary{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-6)}.idle-section .recommendations-summary,.security-section .recommendations-summary{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--space-5);position:relative;transition:all var(--transition-base)}.summary-card:before{background:var(--gradient-kone);content:"";height:4px;left:0;opacity:.5;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.summary-card:hover{border-color:var(--kone-blue);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.summary-card:hover:before{opacity:1}.summary-card.highlight{background:linear-gradient(135deg,#00c85326,#00a6441a);border:2px solid var(--success);box-shadow:var(--shadow-lg)}.summary-card.highlight:before{background:var(--gradient-success);height:5px;opacity:1}.summary-card.highlight:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px) scale(1.02)}.summary-card.critical{background:linear-gradient(135deg,#e5393526,#c628281a);border:2px solid #e53935}.summary-card.critical:before{background:linear-gradient(90deg,#e53935,#c62828);height:5px;opacity:1}.summary-card.critical .summary-value{color:#c62828}.summary-card.warning{background:linear-gradient(135deg,#ff980026,#f57c001a);border:2px solid #ff9800}.summary-card.warning:before{background:linear-gradient(90deg,#ff9800,#f57c00);height:5px;opacity:1}.summary-card.warning .summary-value{color:#f57c00}.summary-value{color:var(--kone-blue);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:1.2;margin-bottom:var(--space-2);text-shadow:0 2px 4px #0051a31a}.summary-card.highlight .summary-value{color:var(--success-dark);font-size:var(--text-3xl);text-shadow:0 2px 8px #00c85333}.summary-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.5px;margin-top:var(--space-2);text-transform:uppercase}.summary-card.highlight .summary-label{color:var(--success-dark);font-size:var(--text-lg)}.recommendations-table-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-base);margin-top:var(--space-5);overflow-x:auto}.recommendations-table{background:var(--white);border-collapse:initial;border-radius:var(--radius-lg);border-spacing:0;box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.recommendations-section .recommendations-table{table-layout:fixed}.recommendations-section .recommendations-table td:first-child,.recommendations-section .recommendations-table th:first-child{width:9%}.recommendations-section .recommendations-table td:nth-child(2),.recommendations-section .recommendations-table th:nth-child(2){width:11%}.recommendations-section .recommendations-table td:nth-child(3),.recommendations-section .recommendations-table th:nth-child(3){width:9%}.recommendations-section .recommendations-table td:nth-child(4),.recommendations-section .recommendations-table th:nth-child(4){width:8%}.recommendations-section .recommendations-table td:nth-child(5),.recommendations-section .recommendations-table th:nth-child(5){width:7%}.recommendations-section .recommendations-table td:nth-child(6),.recommendations-section .recommendations-table th:nth-child(6){width:8%}.recommendations-section .recommendations-table td:nth-child(7),.recommendations-section .recommendations-table th:nth-child(7){width:38%}.recommendations-section .recommendations-table td:nth-child(8),.recommendations-section .recommendations-table th:nth-child(8){width:10%}.recommendations-section .recommendations-table .recommendation-description,.recommendations-section .recommendations-table .recommendation-title,.recommendations-section .recommendations-table td.recommendation-details{overflow-wrap:anywhere;white-space:normal;word-break:break-word}.recommendations-section .recommendations-table td{overflow:hidden;vertical-align:top;white-space:normal}.recommendations-section .recommendations-table td:nth-child(3),.recommendations-section .recommendations-table td:nth-child(4),.recommendations-section .recommendations-table td:nth-child(5),.recommendations-section .recommendations-table td:nth-child(6){overflow-wrap:break-word;word-break:normal}.recommendations-section .recommendations-table td,.recommendations-section .recommendations-table th{padding:var(--space-3) var(--space-2)}.recommendations-section .recommendations-table .env-badge-small,.recommendations-section .recommendations-table .priority-badge{display:inline-block;max-width:100%;min-width:0;white-space:nowrap}.recommendations-section .recommendations-table .team-cell{white-space:normal}.recommendations-section .recommendations-table .team-cell .team-name{display:block;margin-bottom:4px}.recommendations-table thead{background:linear-gradient(135deg,var(--kone-blue) 0,var(--kone-blue-dark) 100%);color:var(--white)}.recommendations-table th{border-bottom:2px solid var(--kone-blue-darker);font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.5px;padding:var(--space-4) var(--space-5);text-align:left;text-transform:uppercase;white-space:nowrap}.recommendations-table tbody tr{border-bottom:1px solid var(--border-light);transition:all var(--transition-base)}.recommendations-table tbody tr:hover{background:var(--kone-blue-lightest);box-shadow:var(--shadow-sm);transform:scale(1.01)}.recommendations-table tbody tr:last-child{border-bottom:none}.recommendations-table td{color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-4) var(--space-5);vertical-align:top}.recommendations-table .priority-badge{border-radius:var(--radius-full);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-bold);min-width:70px;padding:var(--space-1) var(--space-3);text-align:center;text-transform:uppercase}.recommendations-table .priority-badge.priority-high{background:var(--error-bg);border:1px solid var(--error);color:var(--error-dark)}.recommendations-table .priority-badge.priority-medium{background:var(--warning-bg);border:1px solid var(--warning);color:var(--warning-dark)}.recommendations-table .priority-badge.priority-low{background:var(--info-bg);border:1px solid var(--info);color:var(--info-dark)}.recommendations-table .team-cell{font-weight:var(--font-semibold)}.recommendations-table .team-name{color:var(--kone-blue-dark);display:block;font-weight:var(--font-bold);margin-bottom:var(--space-1)}.recommendations-table .account-id{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs)}.recommendations-table .category-name,.recommendations-table .service-name{color:var(--text-secondary);font-weight:var(--font-medium)}.recommendations-table .recommendation-details{max-width:none}.recommendations-section .recommendations-table td{overflow-wrap:anywhere;word-break:break-word}.recommendations-section .recommendations-table th{white-space:normal}.recommendations-table .recommendation-title{color:var(--kone-blue-dark);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin-bottom:var(--space-1)}.recommendations-table .recommendation-description{color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.recommendations-table .savings-value{color:var(--success-dark);font-size:var(--text-base);font-weight:var(--font-bold);white-space:nowrap}.recommendations-table .group-first{border-top:2px solid var(--kone-blue-lightest)}.idle-section .recommendations-table td,.idle-section .recommendations-table th{padding:var(--space-2) var(--space-5)}.idle-section .recommendations-table tbody tr:hover{transform:none}.idle-section .recommendations-table td:nth-child(n+3),.idle-section .recommendations-table th:nth-child(n+3){text-align:right}.idle-section .recommendations-table{table-layout:fixed}.idle-section .recommendations-table td:first-child,.idle-section .recommendations-table th:first-child{width:28%}.idle-section .recommendations-table td:nth-child(2),.idle-section .recommendations-table th:nth-child(2){width:10%}.idle-section .recommendations-table td:nth-child(3),.idle-section .recommendations-table th:nth-child(3){width:18%}.idle-section .recommendations-table td:nth-child(4),.idle-section .recommendations-table td:nth-child(5),.idle-section .recommendations-table th:nth-child(4),.idle-section .recommendations-table th:nth-child(5){width:15%}.idle-section .recommendations-table td:nth-child(6),.idle-section .recommendations-table th:nth-child(6){width:14%}.idle-section .recommendations-table .savings-value{color:var(--kone-blue-dark)}@media (max-width:1024px){.dashboard{padding:var(--space-6)}.metrics-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.teams-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.charts-grid-main{grid-template-columns:1fr}.chart-card.large{grid-column:span 1}.security-section .recommendations-summary{gap:var(--space-3);grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.dashboard{padding:var(--space-5)}.overall-metrics h2,.teams-section h2{font-size:var(--text-2xl)}.metrics-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.metric-card{padding:var(--space-5)}.metric-value{font-size:var(--text-3xl)}.teams-grid{grid-template-columns:1fr}.team-card{padding:var(--space-6)}.info-tooltip,.section-subtitle .info-tooltip{font-size:var(--text-xs);padding:var(--space-3) var(--space-4);width:320px}.recommendations-summary{gap:var(--space-4)}.recommendations-summary,.security-section .recommendations-summary{grid-template-columns:1fr}.summary-value{font-size:var(--text-3xl)}.summary-card.highlight .summary-value{font-size:var(--text-4xl)}.recommendations-table{font-size:var(--text-xs)}.recommendations-table td,.recommendations-table th{padding:var(--space-3)}}@media (max-width:480px){.dashboard{padding:var(--space-4)}.metrics-grid{grid-template-columns:1fr}.environments{gap:var(--space-2);grid-template-columns:repeat(3,1fr)}.env-button{font-size:10px;height:50px;padding:var(--space-3) var(--space-2)}.env-button:after{display:none}}@media (prefers-reduced-motion:reduce){.chart-card,.cost-analysis-section,.metric-card,.team-card{animation:none;transition:none}}@media (prefers-contrast:high){.chart-card,.metric-card,.team-card{border-color:currentColor;border-width:2px}}[data-theme=dark] .dashboard{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .cost-analysis-section,[data-theme=dark] .overall-metrics,[data-theme=dark] .recommendations-section{background:var(--surface-primary);border:1px solid var(--border-color)}[data-theme=dark] .chart-card h4{border-bottom-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .chart-card p{color:var(--text-secondary)}[data-theme=dark] .cost-table,[data-theme=dark] .recommendations-table{background:var(--surface-primary);border:1px solid var(--border-color)}[data-theme=dark] .cost-table-container{box-shadow:var(--shadow-md)}[data-theme=dark] .cost-table thead,[data-theme=dark] .recommendations-table thead{background:linear-gradient(135deg,var(--kone-blue-dark) 0,var(--kone-blue-darker) 100%);color:var(--white)}[data-theme=dark] .cost-table th,[data-theme=dark] .recommendations-table th{border-bottom:2px solid #ffffff1a;color:var(--white)}[data-theme=dark] .cost-table th:after,[data-theme=dark] .recommendations-table th:after{background:#ffffff1a}[data-theme=dark] .cost-table tbody tr{border-bottom:1px solid var(--border-color)}[data-theme=dark] .cost-table td,[data-theme=dark] .recommendations-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary)}[data-theme=dark] .cost-table tbody tr:hover,[data-theme=dark] .recommendations-table tbody tr:hover{background:var(--surface-hover)}[data-theme=dark] .cost-table tbody tr.clickable-row:hover{background:linear-gradient(90deg,#0051a333,#0000);box-shadow:var(--shadow-sm)}[data-theme=dark] .cost-table tbody tr.team-first-row{border-top:3px solid var(--kone-blue)}[data-theme=dark] .clickable-row:hover{background:var(--surface-hover);cursor:pointer}[data-theme=dark] .summary-card{background:var(--surface-secondary);border:1px solid var(--border-color)}[data-theme=dark] .summary-card:before{opacity:.7}[data-theme=dark] .summary-card.highlight{background:linear-gradient(135deg,#00c85333,#00a64426);border-color:var(--kone-blue)}[data-theme=dark] .summary-card.critical{background:linear-gradient(135deg,#e5393540,#c6282826);border-color:#e53935}[data-theme=dark] .summary-card.critical .summary-value{color:#ff6b6b}[data-theme=dark] .summary-card.warning{background:linear-gradient(135deg,#ff980040,#f57c0026);border-color:#ff9800}[data-theme=dark] .summary-card.warning .summary-value{color:#ffb74d}[data-theme=dark] .summary-card.highlight .summary-label,[data-theme=dark] .summary-card.highlight .summary-value{color:var(--success-light)}[data-theme=dark] .summary-value{color:var(--text-primary)}[data-theme=dark] .summary-label{color:var(--text-secondary)}[data-theme=dark] .info-tooltip-blue{background:linear-gradient(135deg,#0051a34d,#003d7a4d);border:1px solid #0051a380}[data-theme=dark] .info-tooltip-blue:after{border-top-color:#0051a380}[data-theme=dark] .info-tooltip-blue strong{color:#64b5f6}[data-theme=dark] .info-tooltip-blue em{color:#fffc}[data-theme=dark] .error-message{background:var(--error-bg);border:1px solid var(--error);color:var(--error-light)}[data-theme=dark] .env-badge-small,[data-theme=dark] .priority-badge{border:1px solid var(--border-color)}[data-theme=dark] .recommendation-title,[data-theme=dark] .team-name{color:var(--text-primary)}[data-theme=dark] .category-name,[data-theme=dark] .recommendation-description,[data-theme=dark] .service-name{color:var(--text-secondary)}[data-theme=dark] .savings-value{color:var(--success-light)}[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5{color:var(--text-primary)}[data-theme=dark] p{color:var(--text-secondary)}[data-theme=dark] .overall-metrics h2,[data-theme=dark] .teams-section h2{color:var(--kone-blue-light)}[data-theme=dark] .overall-metrics h2:after,[data-theme=dark] .teams-section h2:after{background:var(--gradient-kone)}[data-theme=dark] .section-subtitle{border-bottom-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .cost-value,[data-theme=dark] .forecast-value{color:var(--text-primary);font-weight:var(--font-bold)}[data-theme=dark] .change-value{font-weight:var(--font-bold)}[data-theme=dark] .change-value.positive{color:var(--error-light)}[data-theme=dark] .change-value.negative{color:var(--success-light)}[data-theme=dark] .team-name{color:var(--kone-blue-light)}[data-theme=dark] .account-id{color:var(--text-tertiary)}.metrics-loading-placeholder{align-items:center;background:linear-gradient(135deg,#f8fafc,#e8f4fd);border:1px dashed #c5d9ed;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:80px 20px}.metrics-loading-placeholder .loading-spinner{height:48px;margin-bottom:16px;width:48px}.metrics-loading-placeholder p{color:#5a6c7d;font-size:14px;margin:4px 0;text-align:center}.recommendations-loading-placeholder{align-items:center;background:linear-gradient(135deg,#f8fafc,#e8f4fd);border:1px dashed #c5d9ed;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:60px 20px}.recommendations-loading-placeholder .loading-spinner{height:48px;margin-bottom:16px;width:48px}.recommendations-loading-placeholder p{color:#5a6c7d;font-size:14px;margin:4px 0;text-align:center}.section-loading{align-items:center;background:#fff8e1;border-left:3px solid #ffc107;border-radius:4px;color:#7c6a00;display:flex;font-size:14px;gap:10px;margin:16px 0;padding:16px}.no-recommendations{background:#f9fafb;border-radius:8px;color:#6b7280;margin:20px 0;padding:40px 20px;text-align:center}.no-recommendations p{font-size:14px;margin:0}[data-theme=dark] .metrics-loading-placeholder,[data-theme=dark] .recommendations-loading-placeholder{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}[data-theme=dark] .metrics-loading-placeholder p,[data-theme=dark] .recommendations-loading-placeholder p{color:#94a3b8}[data-theme=dark] .section-loading{background:#ffc1071a;border-left-color:#ffc107;color:#fbbf24}[data-theme=dark] .no-recommendations{background:#1e293b;color:#94a3b8}.top-alarms-section{background:#fff;background:var(--surface,#fff);border-radius:12px;box-shadow:0 1px 3px #00000014;margin:24px 0;padding:24px}.top-alarms-section h2{color:#202124;color:var(--text-primary,#202124);font-size:1.25rem;margin:0 0 16px}.top-alarms-table-container{overflow-x:auto}.top-alarms-table{border-collapse:collapse;font-size:.9rem;width:100%}.top-alarms-table thead th{background:#1877f2;color:#fff;padding:10px 12px;text-align:left;white-space:nowrap}.top-alarms-table thead th:first-child{border-top-left-radius:8px}.top-alarms-table thead th:last-child{border-top-right-radius:8px;text-align:right}.top-alarms-table tbody td{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color,#eee);color:#202124;color:var(--text-primary,#202124);padding:10px 12px}.top-alarms-table tbody td:last-child{text-align:right}.top-alarms-table tbody tr:hover{background:#1877f20d}.top-alarms-footer{font-size:.8rem;margin-top:12px;text-align:right}.top-alarms-empty,.top-alarms-footer{color:#5f6368;color:var(--text-secondary,#5f6368)}.top-alarms-empty{background:#1877f20a;border-radius:8px;font-size:.9rem;padding:16px}[data-theme=dark] .top-alarms-section{background:#2d2d44}[data-theme=dark] .top-alarms-table tbody td{border-bottom-color:#ffffff1f;color:#e8eaed}[data-theme=dark] .top-alarms-section h2{color:#e8eaed}.alarm-management{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0051a314;box-sizing:border-box;margin-bottom:30px;max-width:100%;overflow:visible;padding:clamp(20px,3vw,40px);width:100%}.alarm-header{align-items:center;border-bottom:2px solid #e8f0f7;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.alarm-title-section{flex:1 1}.alarm-title{align-items:center;color:#003d7a;display:flex;font-size:clamp(18px,2.2vw,26px);font-weight:700;gap:10px;margin:0 0 8px}.alarm-subtitle{color:#666;font-size:clamp(12px,1.5vw,16px);margin:0}.btn-create-alarm{background:linear-gradient(135deg,#00a651,#008a43);border:none;border-radius:8px;box-shadow:0 4px 12px #00a6514d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-create-alarm:hover:not(:disabled){box-shadow:0 6px 16px #00a65166;transform:translateY(-2px)}.btn-create-alarm:disabled{cursor:not-allowed;opacity:.6}.alert{animation:slideIn .3s ease;gap:12px;margin-bottom:20px;padding:14px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left:4px solid #e53935}.alert-success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #00a651;color:#2e7d32}.alert-icon{flex-shrink:0}.alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:auto;opacity:.7;transition:opacity .2s}.alert-close:hover{opacity:1}.alarm-create-form{animation:expandIn .3s ease;background:linear-gradient(135deg,#f8fbfd,#e8f0f7);border:2px solid #0051a3;border-radius:12px;margin-bottom:30px;padding:24px}@keyframes expandIn{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}.form-title{color:#003d7a;font-size:18px;font-weight:600;margin:0 0 20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group-full{margin-bottom:20px}.form-label{align-items:center;color:#003d7a;display:flex;font-size:13px;font-weight:600;gap:4px}.required{color:#e53935;font-weight:700}.form-input,.form-select{background:#fff;border:2px solid #e8f0f7;border-radius:8px;color:#003d7a;font-size:14px;padding:10px 14px;transition:all .3s ease}.form-input:focus,.form-select:focus{border-color:#0051a3;box-shadow:0 0 0 3px #0051a31a;outline:none}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23003d7a' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.form-hint{color:#666;font-size:12px;font-style:italic}.metric-info{background:#f8fbfd;border-left:3px solid #0051a3;border-radius:6px;display:flex;flex-direction:column;gap:4px;margin-top:4px;padding:8px 12px}.metric-info .form-hint{color:#003d7a;font-style:normal;margin:0}.metric-info .form-hint:first-child{font-weight:600}.dimension-selector{background:#fff;border:2px solid #e8f0f7;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.radio-label{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.radio-label:hover{background:#f8fbfd}.radio-label input[type=radio]{cursor:pointer;height:18px;margin-top:4px;width:18px}.radio-text{display:flex;flex:1 1;flex-direction:column;gap:4px}.radio-text strong{color:#003d7a;font-size:14px}.radio-hint{color:#666;font-size:12px}.form-actions{border-top:2px solid #e8f0f7;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-cancel{background:#e0e0e0;color:#333}.btn-cancel:hover:not(:disabled){background:#d0d0d0}.btn-submit{background:linear-gradient(135deg,#0051a3,#003d7a);box-shadow:0 4px 12px #0051a34d;color:#fff}.btn-submit:hover:not(:disabled){box-shadow:0 6px 16px #0051a366;transform:translateY(-2px)}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6}.alarms-list-section{margin-top:30px;overflow:visible;width:100%}.section-title{border-bottom:2px solid #e8f0f7;color:#003d7a;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.loading-state{gap:16px;padding:60px 20px}.spinner{border:4px solid #e8f0f7;height:50px;width:50px}.loading-state p{font-size:14px}.empty-state{background:linear-gradient(135deg,#f8fbfd,#e8f0f7);border:2px dashed #0051a3;border-radius:12px;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.6}.empty-state h5{color:#003d7a;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{color:#666;font-size:14px;margin:0}.alarm-cards-grid{align-items:stretch;display:flex;flex-wrap:nowrap;gap:20px;min-height:400px;overflow-x:auto;overflow-y:hidden;padding:20px 0;scroll-behavior:smooth;width:100%}.alarm-cards-grid::-webkit-scrollbar{height:10px}.alarm-cards-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.alarm-cards-grid::-webkit-scrollbar-thumb{background:#0051a3;border-radius:4px}.alarm-cards-grid::-webkit-scrollbar-thumb:hover{background:#003d7a}.alarm-cards-grid .alarm-card{display:flex;flex:0 0 auto;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-width:320px;min-width:320px;width:320px}@media (min-width:1400px){.alarm-cards-grid .alarm-card{max-width:350px;min-width:350px;width:350px}}.alarm-card{background:#fff;border:2px solid #e8f0f7;border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.alarm-card.clickable{cursor:pointer}.alarm-card.clickable:hover,.alarm-card:hover{border-color:#0051a3;box-shadow:0 8px 20px #0051a326;transform:translateY(-4px)}.alarm-service-badge{background:linear-gradient(135deg,#0051a3,#003d7a);border-radius:20px;box-shadow:0 2px 8px #0051a34d;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px}.btn-delete-alarm{background:none;border:none;border-radius:6px;cursor:pointer;font-size:18px;opacity:.6;padding:6px;transition:all .2s ease}.btn-delete-alarm:hover{background:#e539351a;opacity:1}.alarm-card-body{display:flex;flex:1 1;flex-direction:column;padding:20px}.alarm-metric-name{color:#003d7a;font-size:18px;font-weight:700;margin:0 0 16px}.alarm-details{display:flex;flex-direction:column;gap:10px}.alarm-detail-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.alarm-detail-row:last-child{border-bottom:none}.detail-label{color:#666;font-size:13px;font-weight:500}.detail-value{color:#003d7a;font-size:14px;font-weight:600}.alarm-count{background:linear-gradient(135deg,#00a651,#008a43);border-radius:12px;color:#fff;font-size:12px;padding:4px 10px}.alarm-card-footer{align-items:center;background:#f8f9fa;border-top:2px solid #e8f0f7;display:flex;justify-content:space-between;padding:12px 20px}.alarm-created{color:#666;font-size:12px}.alarm-status{border-radius:12px;font-size:12px;font-weight:700;padding:4px 10px}.alarm-status.active{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.alarm-status.inactive{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}@media (min-width:2560px){.alarm-management{margin-left:auto;margin-right:auto;max-width:2400px;padding:50px}.alarm-cards-grid .alarm-card{max-width:380px;min-width:380px;width:380px}.form-grid{gap:24px;grid-template-columns:repeat(3,1fr)}.alarm-title{font-size:30px}.alarm-subtitle{font-size:16px}}@media (min-width:1920px) and (max-width:2559px){.alarm-management{margin-left:auto;margin-right:auto;max-width:1800px;padding:40px}.alarm-cards-grid .alarm-card{max-width:360px;min-width:360px;width:360px}.form-grid{gap:22px;grid-template-columns:repeat(3,1fr)}.alarm-title{font-size:28px}.alarm-subtitle{font-size:15px}}@media (min-width:1440px) and (max-width:1919px){.alarm-management{padding:35px}.alarm-cards-grid .alarm-card{max-width:340px;min-width:340px;width:340px}.form-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.alarm-title{font-size:26px}}@media (min-width:1281px) and (max-width:1439px){.alarm-management{padding:32px}.alarm-cards-grid .alarm-card{max-width:330px;min-width:330px;width:330px}.form-grid{gap:18px;grid-template-columns:repeat(2,1fr)}}@media (min-width:1366px) and (max-width:1440px){.alarm-management{max-width:100%;padding:24px}.alarm-header h2{font-size:24px}.alarm-cards-grid .alarm-card{max-width:310px;min-width:310px;width:310px}.form-grid{gap:18px;grid-template-columns:repeat(2,1fr)}.btn-cancel,.btn-create-alarm,.btn-submit{font-size:14px;padding:11px 20px}}@media (max-width:1280px){.alarm-management{padding:25px}.alarm-cards-grid .alarm-card{max-width:320px;min-width:320px;width:320px}.form-grid{gap:18px;grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.alarm-management{padding:20px}.alarm-header h2{font-size:26px}.form-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.alarm-cards-grid .alarm-card{max-width:300px;min-width:300px;width:300px}.btn-cancel,.btn-create-alarm,.btn-submit{min-height:44px;padding:12px 24px}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.alarm-management{padding:20px 30px}.form-grid{grid-template-columns:repeat(2,1fr)}.alarm-cards-grid .alarm-card{max-width:290px;min-width:290px;width:290px}}@media (max-width:768px){.alarm-management{border-radius:8px;padding:20px}.alarm-header{align-items:flex-start;flex-direction:column;gap:16px}.alarm-header h2{font-size:24px}.btn-create-alarm{min-height:44px;width:100%}.form-grid{gap:14px;grid-template-columns:1fr}.form-group label{font-size:13px}.form-input,.form-select{font-size:14px;min-height:44px;padding:10px 12px}.alarms-list-section{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.alarm-cards-grid .alarm-card{max-width:280px;min-width:280px;width:280px}.form-actions{flex-direction:column-reverse;gap:10px}.btn-cancel,.btn-submit{min-height:44px;width:100%}}@media (min-width:600px) and (max-width:768px) and (orientation:portrait){.form-grid{grid-template-columns:repeat(2,1fr)}.alarm-cards-grid .alarm-card{max-width:270px;min-width:270px;width:270px}}@media (max-width:480px){.alarm-management{padding:16px}.alarm-header h2{font-size:20px}.alarm-create-form{padding:16px}.form-input,.form-select{font-size:13px;padding:9px 10px}.alarm-card-header{align-items:flex-start;flex-direction:column;gap:10px}.btn-delete-alarm{align-self:flex-end}.alarm-cards-grid .alarm-card{max-width:260px;min-width:260px;width:260px}.alarms-list-section{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}}.modal-overlay{background:#0009}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:800px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#0051a3,#003d7a);border-bottom:3px solid #00a651;color:#fff;padding:24px 30px}.modal-header h3{align-items:center;display:flex;font-size:22px;font-weight:700;gap:12px}.modal-close{background:#fff3;border-radius:50%;color:#fff;height:36px;width:36px}.modal-close:hover{background:#ffffff4d}.modal-body{padding:30px}.alarm-config-summary{background:linear-gradient(135deg,#f8fbfd,#e8f0f7);border:2px solid #e8f0f7;border-radius:12px;margin-bottom:24px;padding:20px}.alarm-config-summary h4{color:#003d7a;font-size:16px;font-weight:700;margin:0 0 16px}.config-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.config-item{display:flex;flex-direction:column;gap:4px}.config-label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.config-value{color:#003d7a;font-size:14px;font-weight:700}.created-alarms-list{margin-top:24px}.created-alarms-list h4{color:#003d7a;font-size:16px;font-weight:700;margin:0 0 16px}.alarms-table{display:flex;flex-direction:column;gap:12px}.alarm-row{align-items:center;background:#fff;border:2px solid #e8f0f7;border-radius:10px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.alarm-row:hover{border-color:#0051a3;box-shadow:0 4px 12px #0051a31a}.alarm-row-icon{flex-shrink:0;font-size:24px}.alarm-row-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.alarm-row-name{color:#003d7a;font-size:14px;font-weight:700;word-break:break-word}.alarm-row-dimension{display:flex;flex-wrap:wrap;gap:8px}.dimension-tag{background:linear-gradient(135deg,#00a651,#008a43);border-radius:12px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px}.modal-footer{background:#f8f9fa;border-top:2px solid #e8f0f7;padding:20px 30px}.btn-modal-close{background:linear-gradient(135deg,#0051a3,#003d7a);border:none;border-radius:8px;box-shadow:0 4px 12px #0051a34d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:all .3s ease}.btn-modal-close:hover{box-shadow:0 6px 16px #0051a366;transform:translateY(-2px)}@media (max-width:768px){.modal-content{max-height:95vh;max-width:100%}.modal-header{padding:20px}.modal-header h3{font-size:18px}.modal-body{padding:20px}.config-grid{grid-template-columns:1fr}.alarm-row{align-items:flex-start;flex-direction:column}}[data-theme=dark] .alarm-management{background:#151a23;background:var(--surface-primary,#151a23);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .alarm-header{border-bottom-color:#2a3441;border-bottom-color:var(--border-color,#2a3441)}[data-theme=dark] .alarm-title{color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .alarm-subtitle{color:#a0a8b5;color:var(--text-secondary,#a0a8b5)}[data-theme=dark] .btn-create-alarm{background:linear-gradient(135deg,#00a651,#008a43);box-shadow:0 4px 12px #00a65166}[data-theme=dark] .btn-create-alarm:hover:not(:disabled){box-shadow:0 6px 16px #00a65180}[data-theme=dark] .alert-error{background:linear-gradient(135deg,#e5393533,#c6282826);border-left-color:#e53935;color:#ff6b6b}[data-theme=dark] .alert-success{background:linear-gradient(135deg,#00a65133,#008a4326);border-left-color:#00a651;color:#4caf50}[data-theme=dark] .alarm-create-form{background:linear-gradient(135deg,#0051a326,#003d7a1a);border-color:#0051a3;border-color:var(--kone-blue,#0051a3)}[data-theme=dark] .form-label,[data-theme=dark] .form-title{color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .form-input,[data-theme=dark] .form-select{border-color:#2a3441;border-color:var(--border-color,#2a3441)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-select option{background:#1e2530;background:var(--surface-secondary,#1e2530);color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus{border-color:#0051a3;border-color:var(--kone-blue,#0051a3);box-shadow:0 0 0 3px #0051a333}[data-theme=dark] .form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23E6E8EB' d='M6 9 1 4h10z'/%3E%3C/svg%3E")}[data-theme=dark] .form-hint{color:#a0a8b5;color:var(--text-secondary,#a0a8b5)}[data-theme=dark] .metric-info{background:#1e2530;background:var(--surface-secondary,#1e2530);border-left-color:#0051a3;border-left-color:var(--kone-blue,#0051a3)}[data-theme=dark] .metric-info .form-hint{color:#a0a8b5;color:var(--text-secondary,#a0a8b5)}[data-theme=dark] .metric-info .form-hint:first-child{color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .dimension-selector{background:#1e2530;background:var(--surface-secondary,#1e2530);border-color:#2a3441;border-color:var(--border-color,#2a3441)}[data-theme=dark] .radio-label:hover{background:#252d3a;background:var(--surface-hover,#252d3a)}[data-theme=dark] .radio-text strong{color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .radio-hint{color:#a0a8b5;color:var(--text-secondary,#a0a8b5)}[data-theme=dark] .form-actions{border-top-color:#2a3441;border-top-color:var(--border-color,#2a3441)}[data-theme=dark] .btn-cancel{background:#1e2530;background:var(--surface-secondary,#1e2530);border:1px solid #2a3441;border:1px solid var(--border-color,#2a3441);color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .btn-cancel:hover:not(:disabled){background:#252d3a;background:var(--surface-hover,#252d3a)}[data-theme=dark] .btn-submit{background:linear-gradient(135deg,#0051a3,#003d7a);box-shadow:0 4px 12px #0051a366}[data-theme=dark] .btn-submit:hover:not(:disabled){box-shadow:0 6px 16px #0051a380}[data-theme=dark] .section-title{border-bottom-color:#2a3441;border-bottom-color:var(--border-color,#2a3441);color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .spinner{border-color:#2a3441;border-color:var(--border-color,#2a3441);border-top-color:#0051a3;border-top-color:var(--kone-blue,#0051a3)}[data-theme=dark] .loading-state p{color:#a0a8b5;color:var(--text-secondary,#a0a8b5)}[data-theme=dark] .empty-state{background:linear-gradient(135deg,#0051a326,#003d7a1a);border-color:#0051a3;border-color:var(--kone-blue,#0051a3)}[data-theme=dark] .empty-state h5{color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .empty-state p{color:#a0a8b5;color:var(--text-secondary,#a0a8b5)}[data-theme=dark] .alarm-cards-grid::-webkit-scrollbar-track{background:#1e2530;background:var(--surface-secondary,#1e2530)}[data-theme=dark] .alarm-cards-grid::-webkit-scrollbar-thumb{background:#0051a3;background:var(--kone-blue,#0051a3)}[data-theme=dark] .alarm-cards-grid::-webkit-scrollbar-thumb:hover{background:#003d7a;background:var(--kone-blue-dark,#003d7a)}[data-theme=dark] .alarm-card{background:#1e2530;background:var(--surface-secondary,#1e2530);border-color:#2a3441;border-color:var(--border-color,#2a3441)}[data-theme=dark] .alarm-card:hover{border-color:#0051a3;border-color:var(--kone-blue,#0051a3);box-shadow:0 8px 20px #0051a34d}[data-theme=dark] .alarm-card-header{background:linear-gradient(135deg,#0051a333,#003d7a26);border-bottom-color:#2a3441;border-bottom-color:var(--border-color,#2a3441)}[data-theme=dark] .alarm-service-badge{background:linear-gradient(135deg,#0051a3,#003d7a);box-shadow:0 2px 8px #0051a366}[data-theme=dark] .btn-delete-alarm:hover{background:#e5393533}[data-theme=dark] .alarm-metric-name{color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .alarm-detail-row{border-bottom-color:#2a3441;border-bottom-color:var(--border-color,#2a3441)}[data-theme=dark] .detail-label{color:#a0a8b5;color:var(--text-secondary,#a0a8b5)}[data-theme=dark] .detail-value{color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .alarm-card-footer{background:#151a23;background:var(--surface-primary,#151a23);border-top-color:#2a3441;border-top-color:var(--border-color,#2a3441)}[data-theme=dark] .alarm-created{color:#a0a8b5;color:var(--text-secondary,#a0a8b5)}[data-theme=dark] .alarm-status.active{background:linear-gradient(135deg,#00a6514d,#008a4333);color:#4caf50}[data-theme=dark] .alarm-status.inactive{background:linear-gradient(135deg,#ff98004d,#f57c0033);color:#ffb74d}[data-theme=dark] .modal-overlay{background:#000c}[data-theme=dark] .modal-content{background:#1e2530;background:var(--surface-elevated,#1e2530);box-shadow:0 20px 60px #0009}[data-theme=dark] .modal-header{background:linear-gradient(135deg,#0051a3,#003d7a);border-bottom-color:#00a651}[data-theme=dark] .modal-close{background:#ffffff26}[data-theme=dark] .modal-close:hover{background:#ffffff40}[data-theme=dark] .alarm-config-summary{background:linear-gradient(135deg,#0051a326,#003d7a1a);border-color:#2a3441;border-color:var(--border-color,#2a3441)}[data-theme=dark] .alarm-config-summary h4{color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .config-label{color:#a0a8b5;color:var(--text-secondary,#a0a8b5)}[data-theme=dark] .config-value,[data-theme=dark] .created-alarms-list h4{color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .alarm-row{background:#1e2530;background:var(--surface-secondary,#1e2530);border-color:#2a3441;border-color:var(--border-color,#2a3441)}[data-theme=dark] .alarm-row:hover{border-color:#0051a3;border-color:var(--kone-blue,#0051a3);box-shadow:0 4px 12px #0051a333}[data-theme=dark] .alarm-row-name{color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .modal-footer{background:#151a23;background:var(--surface-primary,#151a23);border-top-color:#2a3441;border-top-color:var(--border-color,#2a3441)}[data-theme=dark] .btn-modal-close{background:linear-gradient(135deg,#0051a3,#003d7a);box-shadow:0 4px 12px #0051a366}[data-theme=dark] .btn-modal-close:hover{box-shadow:0 6px 16px #0051a380}.resource-selector{background:#fff;border:2px solid #e8f0f7;border-radius:8px;margin-top:16px;padding:16px}.loading-resources{align-items:center;color:#666;display:flex;gap:12px;justify-content:center;padding:20px}.spinner-small{animation:spin 1s linear infinite;border:3px solid #e8f0f7;border-top-color:#0051a3;height:24px;width:24px}.no-resources{color:#666;font-style:italic;padding:20px;text-align:center}.resource-list{display:flex;flex-direction:column;gap:12px}.resource-search-row{align-items:center;display:flex;gap:10px}.resource-search-input{flex:1 1}.resource-search-hint{color:#666;font-size:12px}.selected-resource-tags{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding-right:4px}.selected-resource-tag{align-items:flex-start;background:#f8fbfd;border:1px solid #dbe7f3;border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:10px 12px}.selected-resource-meta{display:flex;flex:1 1;flex-direction:column;min-width:0}.no-selected-resources{color:#666;font-size:13px;font-style:italic}.remove-resource-btn{align-items:center;background:#e8f0f7;border:none;border-radius:50%;color:#003d7a;cursor:pointer;display:inline-flex;font-size:16px;height:24px;justify-content:center;line-height:1;transition:all .2s ease;width:24px}.remove-resource-btn:hover{background:#ffd9d9;color:#a10000}.resource-list-header{align-items:center;border-bottom:2px solid #e8f0f7;color:#003d7a;display:flex;font-weight:600;justify-content:space-between;padding-bottom:12px}.resource-actions{display:flex;gap:8px}.btn-clear-all,.btn-select-all{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.btn-select-all{background:linear-gradient(135deg,#0051a3,#003d7a);color:#fff}.btn-select-all:hover{box-shadow:0 2px 8px #0051a34d;transform:translateY(-1px)}.btn-clear-all{background:#e0e0e0;color:#333}.btn-clear-all:hover{background:#d0d0d0}.resource-checkboxes{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:8px 0}.resource-checkboxes::-webkit-scrollbar{width:8px}.resource-checkboxes::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.resource-checkboxes::-webkit-scrollbar-thumb{background:#0051a3;border-radius:4px}.resource-checkbox-label{align-items:flex-start;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.resource-checkbox-label:hover{background:#f8fbfd;border-color:#0051a3}.resource-checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.resource-name{color:#003d7a;flex:1 1;font-weight:600;word-break:break-word}.resource-arn{background:#f8f9fa;border-radius:4px;color:#666;display:block;font-family:Courier New,monospace;font-size:11px;margin-top:4px;padding:4px 8px}.resource-input{display:flex;flex-direction:column;gap:8px;margin-top:16px}[data-theme=dark] .resource-selector{background:#1e2530;background:var(--surface-secondary,#1e2530);border-color:#2a3441;border-color:var(--border-color,#2a3441)}[data-theme=dark] .loading-resources{color:#a0a8b5;color:var(--text-secondary,#a0a8b5)}[data-theme=dark] .spinner-small{border-color:#2a3441;border-color:var(--border-color,#2a3441);border-top-color:#0051a3;border-top-color:var(--kone-blue,#0051a3)}[data-theme=dark] .no-resources{color:#a0a8b5;color:var(--text-secondary,#a0a8b5)}[data-theme=dark] .resource-list-header{border-bottom-color:#2a3441;border-bottom-color:var(--border-color,#2a3441);color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .no-selected-resources,[data-theme=dark] .resource-search-hint{color:#a0a8b5;color:var(--text-secondary,#a0a8b5)}[data-theme=dark] .selected-resource-tag{background:#151a23;background:var(--surface-primary,#151a23);border-color:#2a3441;border-color:var(--border-color,#2a3441)}[data-theme=dark] .remove-resource-btn{background:#252d3a;background:var(--surface-hover,#252d3a);color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .remove-resource-btn:hover{background:#5a2b2b;color:#ffd5d5}[data-theme=dark] .btn-select-all{background:linear-gradient(135deg,#0051a3,#003d7a)}[data-theme=dark] .btn-clear-all{background:#252d3a;background:var(--surface-hover,#252d3a);border:1px solid #2a3441;border:1px solid var(--border-color,#2a3441);color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .btn-clear-all:hover{background:#151a23;background:var(--surface-primary,#151a23)}[data-theme=dark] .resource-checkboxes::-webkit-scrollbar-track{background:#151a23;background:var(--surface-primary,#151a23)}[data-theme=dark] .resource-checkboxes::-webkit-scrollbar-thumb{background:#0051a3;background:var(--kone-blue,#0051a3)}[data-theme=dark] .resource-checkbox-label:hover{background:#252d3a;background:var(--surface-hover,#252d3a);border-color:#0051a3;border-color:var(--kone-blue,#0051a3)}[data-theme=dark] .resource-name{color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .resource-arn{background:#151a23;background:var(--surface-primary,#151a23);color:#a0a8b5;color:var(--text-secondary,#a0a8b5)}.alarm-count-badge{align-items:center;background:linear-gradient(135deg,#00a651,#008a43);border-radius:20px;box-shadow:0 2px 8px #00a6514d;color:#fff;display:flex;font-size:12px;font-weight:700;gap:6px;padding:6px 12px}.alarm-card-header{align-items:center;background:linear-gradient(135deg,#f8fbfd,#e8f0f7);border-bottom:2px solid #e8f0f7;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px}.alarm-names-section{background:#fff;border:2px solid #e8f0f7;border-radius:12px;margin-top:24px;padding:20px}.alarm-names-section h4{align-items:center;color:#003d7a;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 16px}.alarm-names-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding-right:8px}.alarm-names-list::-webkit-scrollbar{width:8px}.alarm-names-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.alarm-names-list::-webkit-scrollbar-thumb{background:#0051a3;border-radius:4px}.alarm-names-list::-webkit-scrollbar-thumb:hover{background:#003d7a}.alarm-name-item{align-items:center;background:linear-gradient(135deg,#f8fbfd,#e8f0f7);border:1px solid #e8f0f7;border-radius:8px;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.alarm-name-item:hover{border-color:#0051a3;box-shadow:0 2px 8px #0051a31a;transform:translateX(4px)}.alarm-name-icon{flex-shrink:0;font-size:18px}.alarm-name-text{color:#003d7a;font-family:Courier New,monospace;font-size:13px;font-weight:500;word-break:break-word}.no-alarm-names{background:#f8f9fa;border-radius:8px;color:#666;font-style:italic;padding:20px;text-align:center}.alarm-details-modal{max-width:900px}[data-theme=dark] .alarm-count-badge{background:linear-gradient(135deg,#00a651,#008a43);box-shadow:0 2px 8px #00a65166}[data-theme=dark] .alarm-names-section{background:#1e2530;background:var(--surface-secondary,#1e2530);border-color:#2a3441;border-color:var(--border-color,#2a3441)}[data-theme=dark] .alarm-names-section h4{color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .alarm-names-list::-webkit-scrollbar-track{background:#151a23;background:var(--surface-primary,#151a23)}[data-theme=dark] .alarm-names-list::-webkit-scrollbar-thumb{background:#0051a3;background:var(--kone-blue,#0051a3)}[data-theme=dark] .alarm-name-item{background:linear-gradient(135deg,#0051a326,#003d7a1a);border-color:#2a3441;border-color:var(--border-color,#2a3441)}[data-theme=dark] .alarm-name-item:hover{border-color:#0051a3;border-color:var(--kone-blue,#0051a3);box-shadow:0 2px 8px #0051a333}[data-theme=dark] .alarm-name-text{color:#e6e8eb;color:var(--text-primary,#e6e8eb)}[data-theme=dark] .no-alarm-names{background:#151a23;background:var(--surface-primary,#151a23);color:#a0a8b5;color:var(--text-secondary,#a0a8b5)}@media (max-width:480px){.alarm-card-header{align-items:flex-start;flex-direction:column}.alarm-count-badge{align-self:flex-end}.alarm-names-section{padding:16px}.alarm-name-item{padding:10px 12px}.alarm-name-text{font-size:12px}}.health-score-container{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:24px}.health-score-main{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.health-score-circle{align-items:center;border-radius:50%;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;height:120px;justify-content:center;position:relative;width:120px}.health-score-circle.healthy{background:linear-gradient(135deg,#00a651,#00c853)}.health-score-circle.warning{background:linear-gradient(135deg,#ff9800,#ffc107)}.health-score-circle.critical{background:linear-gradient(135deg,#e53935,#ff5252)}.health-score-circle .score-value{color:#fff;font-size:36px;font-weight:700;line-height:1}.health-score-circle .score-label{color:#ffffffe6;font-size:11px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.health-status{align-items:center;display:flex;gap:8px}.health-status .status-icon{font-size:24px}.health-status .status-text{font-size:18px;font-weight:600}.health-status .status-text.healthy{color:#00a651}.health-status .status-text.warning{color:#ff9800}.health-status .status-text.critical{color:#e53935}.issue-summary{display:flex;gap:12px;margin-left:auto}.issue-badge{border-radius:20px;font-size:13px;font-weight:600;padding:6px 12px}.issue-badge.critical{background:#ffebee;color:#c62828}.issue-badge.warning{background:#fff3e0;color:#e65100}.health-components{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:24px}.health-components h4{color:#333;font-size:16px;margin:0 0 16px}.components-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.component-card{background:#fff;border-left:4px solid #e0e0e0;border-radius:12px;padding:16px;transition:transform .2s,box-shadow .2s}.component-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.component-card.healthy{border-left-color:#00a651}.component-card.warning{border-left-color:#ff9800}.component-card.critical{border-left-color:#e53935}.component-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.component-icon{font-size:20px}.component-label{color:#333;font-weight:600}.component-score{background:#e0e0e0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;position:relative}.component-score .score-bar{border-radius:4px;height:100%;transition:width .5s ease-out}.component-score .score-text{color:#666;font-size:12px;font-weight:600;position:absolute;right:0;top:-20px}.component-description{color:#888;font-size:11px}.health-issues{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:24px}.health-issues h4{color:#333;font-size:16px;margin:0 0 16px}.issues-list{display:flex;flex-direction:column;gap:8px}.issue-item{align-items:center;border-radius:8px;display:flex;font-size:13px;gap:12px;padding:10px 14px}.issue-item.critical{background:#ffebee}.issue-item.warning{background:#fff3e0}.issue-severity-icon{font-size:14px}.issue-category{color:#555;font-weight:600;min-width:80px;text-transform:capitalize}.issue-message{color:#333;flex:1 1}.issues-more{background:#f5f5f5;border-radius:8px;color:#666;font-size:13px;padding:8px;text-align:center}@media (prefers-color-scheme:dark){.health-score-container{background:linear-gradient(135deg,#1e1e1e,#2d2d2d)}.health-components h4,.health-issues h4{color:#e0e0e0}.component-card{background:#2d2d2d}.component-label{color:#e0e0e0}.component-description{color:#999}.issue-item.critical{background:#e5393526}.issue-item.warning{background:#ff980026}.issue-message{color:#e0e0e0}.issue-category{color:#bbb}}@media (max-width:768px){.health-score-main{flex-direction:column;text-align:center}.issue-summary{justify-content:center;margin-left:0}.components-grid{grid-template-columns:1fr}}.jira-section{margin-top:8px}.jira-section.section-container{margin-bottom:16px;padding:16px 18px}.jira-section .section-title{margin-bottom:12px;padding-bottom:8px}.jira-section .section-description{margin-bottom:10px;margin-top:6px}.jira-badge{background:#eff6ff;border-radius:12px;color:#1d4ed8;display:inline-block;font-size:12px;font-weight:600;margin-left:10px;padding:2px 10px;vertical-align:middle}.jira-updated{color:#6b7280;font-size:12px}.jira-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin:16px 0}.jira-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;text-align:center}.jira-stat-card.clickable{cursor:pointer}.jira-stat-card.total-count{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.jira-stat-card.total-count .stat-value{color:#1d4ed8}.jira-stat-card .stat-value{font-size:22px;font-weight:700;margin-bottom:4px}.jira-stat-card .stat-label{color:#6b7280;font-size:12px}.jira-filters{align-items:center;display:flex;gap:10px;margin-bottom:12px}.jira-filters select,.jira-search{border:1px solid #d1d5db;border-radius:6px;padding:6px 10px}.jira-search{flex:1 1 240px;font-size:13px;min-width:160px}.jira-search:focus{border-color:#2563eb;outline:none}.jira-search-clear{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:13px;line-height:1;padding:6px 10px}.jira-search-clear:hover{background:#eef2f7}[data-theme=dark] .jira-filters select,[data-theme=dark] .jira-search{background:#111827;border-color:#374151;color:#e5e7eb}[data-theme=dark] .jira-search-clear{background:#111827;border-color:#374151;color:#cbd5e1}.jira-provider-select{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:block;font-size:12px;margin-bottom:6px;max-width:180px;padding:4px 6px;width:100%}.jira-provider-select:disabled{cursor:not-allowed;opacity:.6}.jira-modal-provider{align-items:center;color:#6b7280;display:inline-flex;font-size:13px;gap:6px;margin-right:auto}.jira-modal-provider select{border:1px solid #d1d5db;border-radius:6px;font-size:13px;padding:6px 8px}.refresh-btn-small{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:6px 12px}.jira-table-container{overflow-x:auto}.jira-table{border-collapse:collapse;font-size:14px;width:100%}.jira-table td,.jira-table th{border-bottom:1px solid #eef2f7;padding:10px 12px;text-align:left}.jira-table th{background:#f9fafb;color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase}.jira-table tr.clickable-row{cursor:pointer}.jira-table tr.clickable-row:hover{background:#f9fafb}.jira-table .summary-cell{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jira-key{color:#1d4ed8;font-weight:600;text-decoration:none}.jira-key:hover{text-decoration:underline}.jira-status{background:#eef2ff;color:#4338ca}.jira-status,.jira-team{border-radius:10px;display:inline-block;font-size:12px;padding:2px 8px}.jira-team{background:#ecfdf5;color:#047857;font-weight:500}.jira-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin:4px 0 14px}.jira-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px}.jira-tab:hover{color:#1f2937}.jira-tab.active{border-bottom-color:#0051a3;color:#0051a3}.jira-fixed-section{margin-top:16px}.jira-fixed-status{background:#eff6ff;border-radius:10px;color:#1d4ed8;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.jira-fixed-status.closed{background:#ecfdf5;color:#047857}.jira-fixed-status.rejected{background:#fef2f2;color:#b91c1c}.jira-fixed-status.in-progress{background:#fffbeb;color:#b45309}.jira-fixed-status.unknown{background:#f3f4f6;color:#6b7280}.jira-empty,.jira-error,.jira-loading{align-items:center;color:#6b7280;display:flex;gap:10px;padding:16px}.jira-empty{flex-direction:column}.jira-error button{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:4px 12px}.jira-confirm{animation:jira-confirm-in .14s ease-out;background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000040;overflow:hidden;width:min(460px,92vw)}@keyframes jira-confirm-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.jira-confirm-header{align-items:center;display:flex;gap:12px;padding:20px 24px 12px}.jira-confirm-icon{align-items:center;background:#eff6ff;border-radius:10px;display:inline-flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.jira-confirm-header h3{color:#0f172a;font-size:18px;font-weight:700;margin:0}.jira-confirm-body{padding:4px 24px 8px}.jira-confirm-ticket{align-items:baseline;background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;display:flex;gap:10px;margin-bottom:12px;padding:10px 12px}.jira-confirm-summary{color:#334155;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jira-confirm-text{color:#475569;font-size:13.5px;line-height:1.55;margin:0}.jira-confirm-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px 20px}.jira-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.jira-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:85vh;overflow:auto;width:min(640px,92vw)}.jira-modal-header{align-items:center;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;padding:16px 20px}.jira-modal-header h3{font-size:18px;margin:0}.modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px}.jira-modal-body{padding:16px 20px}.jira-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:12px}.jira-detail-grid .detail-item{display:flex;flex-direction:column}.jira-detail-grid .detail-item.full-width{grid-column:1/-1}.jira-detail-grid label{color:#9ca3af;font-size:11px;margin-bottom:2px;text-transform:uppercase}.jira-modal-footer{border-top:1px solid #eef2f7;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.modal-btn{border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px;text-decoration:none}.modal-btn.primary{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.modal-btn.secondary{background:#fff;color:#374151}.jira-description{margin-top:16px}.jira-description>label{color:#9ca3af;display:block;font-size:11px;margin-bottom:6px;text-transform:uppercase}.jira-description-text{background:#f9fafb;border:1px solid #eef2f7;border-radius:8px;color:#374151;font-family:inherit;font-size:13px;line-height:1.5;margin:0;max-height:320px;overflow:auto;padding:12px;white-space:pre-wrap;word-break:break-word}.jira-description-empty{color:#9ca3af;font-style:italic;margin:0}.jira-multirepo-action{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.jira-multirepo-action .jira-fix-btn{margin-top:2px}.jira-fix-btn{background:#1d4ed8;border:1px solid #1d4ed8;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:5px 12px;white-space:nowrap}.jira-fix-btn:hover{background:#1e40af}.jira-fix-btn:disabled{cursor:not-allowed;opacity:.6}.jira-remediation-status{align-items:center;background:#eff6ff;border-radius:8px;color:#1e40af;display:flex;flex-wrap:wrap;font-size:14px;gap:12px;margin:0 20px 12px;padding:10px 12px}.jira-remediation-status .remediation-headline{font-weight:600}.remediation-error-box{width:100%}.remediation-error-hint{font-size:13px;line-height:1.4;margin:4px 0 8px}.remediation-error-detail{background:#fff;border:1px solid #fecaca;border-radius:6px;color:#7f1d1d;font-size:12px;margin:0;max-height:200px;overflow:auto;padding:8px 10px;white-space:pre-wrap;word-break:break-word}.jira-fix-error{color:#b91c1c;cursor:help;font-size:12px;line-height:1.3;margin-top:6px;max-width:220px}.jira-fix-prlink{color:#15803d;display:inline-block;font-size:12px;font-weight:600;margin-top:6px;text-decoration:underline}.jira-fix-skipped{color:#6b7280}.jira-fix-skipped,.jira-pr-pending{cursor:help;display:inline-block;font-size:12px}.jira-pr-pending{background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;color:#b45309;font-weight:600;padding:2px 10px}.jira-load-more{align-items:center;display:flex;gap:12px;justify-content:center;padding:14px 0 4px}.jira-load-more button{background:#fff;border:1px solid #2563eb;border-radius:6px;color:#2563eb;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px}.jira-load-more button:hover{background:#2563eb;color:#fff}.jira-load-more-count{color:#6b7280;font-size:12px}.jira-remediation-status.status-error,.jira-remediation-status.status-failed{background:#fef2f2;color:#b91c1c}.jira-remediation-status.status-pr_created,.jira-remediation-status.status-pr_merged,.jira-remediation-status.status-verified{background:#f0fdf4;color:#15803d}.jira-remediation-status a{font-weight:600;text-decoration:underline}[data-theme=dark] .jira-stat-card{background:#1f2937;border-color:#374151}[data-theme=dark] .jira-modal{background:#111827;color:#e5e7eb}@media (max-width:900px){.jira-stats-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.jira-table{font-size:13px;min-width:640px}.jira-table td,.jira-table th{padding:8px 10px}.jira-table .summary-cell{max-width:260px}.jira-detail-grid{grid-template-columns:1fr}}@media (max-width:600px){.jira-filters{align-items:stretch;flex-wrap:wrap}.jira-filters select,.jira-search{flex:1 1 140px}.jira-tabs{flex-wrap:wrap}.jira-tab{font-size:13px;padding:8px 10px}.jira-stats-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.jira-stat-card{padding:10px}.jira-stat-card .stat-value{font-size:18px}.jira-table{font-size:12px;min-width:560px}.jira-table td,.jira-table th{padding:7px 8px}.jira-table .summary-cell{max-width:180px}.jira-provider-select{max-width:100%}.jira-remediation-status{margin:0 12px 12px}}.jira-config-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:8px 0 16px}.jira-config-toggle{background:#0000;border:none;color:#334155;cursor:pointer;font-size:14px;font-weight:600;padding:10px 14px;text-align:left;width:100%}.jira-config-toggle:hover{color:#1e293b}.jira-config-body{border-top:1px solid #e2e8f0;padding:14px}.jira-config-hint{color:#64748b;font-size:13px;margin:0 0 12px}.jira-config-notice{border-radius:6px;font-size:13px;margin-bottom:12px;padding:8px 12px}.jira-config-notice.ok{background:#dcfce7;color:#166534}.jira-config-notice.error{background:#fee2e2;color:#991b1b}.jira-config-row{margin-bottom:16px}.jira-config-row>label{color:#475569;display:block;font-size:12px;font-weight:600;margin-bottom:6px}.jira-config-inline{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.jira-config-body input[type=password],.jira-config-body input[type=text]{border:1px solid #cbd5e1;border-radius:6px;flex:1 1;font-size:13px;min-width:220px;padding:8px 10px}.jira-config-btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;font-size:13px;padding:8px 14px}.jira-config-btn:hover:not(:disabled){background:#f1f5f9}.jira-config-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.jira-config-btn.primary:hover:not(:disabled){background:#1d4ed8}.jira-config-btn:disabled{cursor:not-allowed;opacity:.6}.jira-config-src{background:#e2e8f0;border-radius:999px;color:#475569;font-size:11px;padding:2px 8px}.jira-config-src.ui{background:#dbeafe;color:#1e40af}.jira-config-src.backfill{background:#fef3c7;color:#92400e}.jira-config-src.hardcoded{background:#e2e8f0;color:#475569}.jira-config-src.none{background:#f1f5f9;color:#94a3b8}.jira-epic-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 8px;padding:0}.jira-epic-item{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;display:inline-flex;font-size:12px;gap:6px;padding:3px 8px}.jira-epic-item code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.jira-epic-remove{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:12px;line-height:1;padding:0 2px}.jira-epic-remove:hover{color:#dc2626}.jira-epic-remove:disabled{cursor:not-allowed;opacity:.5}.jira-epic-empty{color:#94a3b8;font-size:12px;margin:0 0 8px}[data-theme=dark] .jira-epic-item{background:#0b1220;border-color:#1f2937;color:#e5e7eb}.jira-config-repos{margin:16px 0}.jira-config-add h4,.jira-config-repos h4{color:#334155;font-size:13px;margin:0 0 8px}.jira-config-empty{color:#94a3b8;font-size:13px}.jira-config-table{border-collapse:collapse;font-size:13px;width:100%}.jira-config-table td,.jira-config-table th{border-bottom:1px solid #e2e8f0;padding:8px;text-align:left}.jira-config-table th{color:#64748b;font-weight:600}.jira-config-pill{background:#f1f5f9;border-radius:999px;color:#94a3b8;font-size:11px;padding:2px 8px}.jira-config-pill.ok{background:#dcfce7;color:#166534}.jira-config-link{align-items:center;background:#fff;border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;line-height:1;padding:6px 12px;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.jira-config-link+.jira-config-link{margin-left:8px}.jira-config-link:hover:not(:disabled){background:#eff6ff;border-color:#60a5fa;box-shadow:0 1px 3px #2563eb26}.jira-config-link:focus-visible{box-shadow:0 0 0 3px #2563eb40;outline:none}.jira-config-link.danger{border-color:#fecaca;color:#dc2626}.jira-config-link.danger:hover:not(:disabled){background:#fef2f2;border-color:#f87171;box-shadow:0 1px 3px #dc262626}.jira-config-link:disabled{cursor:not-allowed;opacity:.5}.jira-config-add{border-top:1px dashed #e2e8f0;display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px}.jira-config-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.jira-config-token{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.jira-config-check{align-items:center;color:#475569;display:flex;font-size:12px;gap:6px;white-space:nowrap}.jira-config-add>.jira-config-btn{align-self:flex-start}@media (max-width:640px){.jira-config-grid{grid-template-columns:1fr}}.jira-config-token-row td{background:#f1f5f9;padding:12px 8px}.jira-config-token-editor{display:flex;flex-direction:column;gap:8px}.jira-config-token-label{color:#475569;font-size:12px}.jira-config-token-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.jira-config-token-controls input[type=password]{border:1px solid #cbd5e1;border-radius:6px;flex:1 1;font-size:13px;min-width:240px;padding:8px 10px}.jira-config-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:16px 0;padding:14px 16px}.jira-token-card{border-left:3px solid #2563eb}.jira-config-card-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.jira-config-card-head h4{color:#334155;font-size:13px;font-weight:600;margin:0}.jira-token-status{border-radius:9999px;font-size:12px;font-weight:600;padding:3px 10px;white-space:nowrap}.jira-token-status.set{background:#dcfce7;color:#166534}.jira-token-status.unset{background:#f1f5f9;color:#94a3b8}.jira-token-card .jira-config-hint{color:#64748b;font-size:12px;line-height:1.45;margin:0 0 10px}.jira-repo-name{color:#1e293b;font-weight:600}.jira-col-action{text-align:right;white-space:nowrap;width:1%}.code-scan-section .cs-hint{color:#6b7b8a;font-size:12px;font-weight:400;margin-left:10px}.cs-body{display:flex;flex-direction:column;gap:14px}.cs-tabs{border-bottom:2px solid #e8f0f7}.cs-tab,.cs-tabs{display:flex;gap:8px}.cs-tab{align-items:baseline;background:none;border:none;border-bottom:3px solid #0000;color:#6b7b8a;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:-2px;padding:10px 18px 12px;position:relative}.cs-tab:hover{color:#003d7a}.cs-tab.active{border-bottom-color:#0051a3;color:#0051a3}.cs-tab-cat{color:#8a99a8;font-size:11px;font-weight:400}.cs-tab-count{background:#eef4fa;border-radius:10px;color:#33475b;font-size:11px;font-weight:600;padding:0 8px}.cs-tab.active .cs-tab-count{background:#0051a3;color:#fff}.cs-card{background:#f6f9fc;border:1px solid #e8f0f7;border-radius:8px;padding:14px}.cs-card-title{color:#003d7a;font-size:13px;font-weight:600;margin-bottom:10px}.cs-register{display:flex;flex-direction:column;gap:10px}.cs-input{border:1px solid #cdd9e5;border-radius:6px;box-sizing:border-box;font-size:13px;padding:8px 10px;width:100%}.cs-scanner-choices{display:flex;flex-wrap:wrap;gap:18px}.cs-check{align-items:center;color:#33475b;display:inline-flex;font-size:13px;gap:6px}.cs-muted{color:#8a99a8;font-weight:400}.cs-btn{background:#fff;border:1px solid #cdd9e5;border-radius:6px;color:#003d7a;cursor:pointer;font-size:12px;padding:6px 12px}.cs-btn:hover{background:#eef4fa}.cs-btn-primary{background:#0051a3;border-color:#0051a3;color:#fff}.cs-btn-primary:hover{background:#003d7a}.cs-btn-primary:disabled{background:#a9c1dc;border-color:#a9c1dc;cursor:not-allowed}.cs-notice{border-radius:6px;font-size:13px;padding:8px 12px}.cs-notice-ok{background:#e6f4ea;color:#00723b}.cs-notice-warn{background:#fff3e0;color:#a15c00}.cs-notice-error{background:#fdecea;color:#b3261e}.cs-repo-list{display:flex;flex-direction:column;gap:8px}.cs-repo{border:1px solid #e8f0f7;border-radius:8px;padding:10px 12px}.cs-repo.active{border-color:#0051a3;box-shadow:inset 0 0 0 1px #0051a3}.cs-repo-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.cs-repo-name{color:#003d7a;cursor:pointer;font-weight:600}.cs-repo-name:hover{text-decoration:underline}.cs-repo-meta{display:inline-flex;flex-wrap:wrap;gap:6px}.cs-repo-actions{display:inline-flex;gap:6px;margin-left:auto}.cs-pill{background:#eef4fa;border-radius:10px;color:#33475b;font-size:11px;padding:2px 8px}.cs-pill.ok{background:#e6f4ea;color:#00723b}.cs-pill.warn{background:#fff3e0;color:#a15c00}.cs-scanner-step{border-top:1px dashed #e0e8f0;margin-top:12px;padding-top:12px}.cs-step-label{color:#5a6b7b;font-size:12px;margin-bottom:8px}.cs-scanner-tabs{display:flex;flex-wrap:wrap;gap:8px}.cs-scanner-tab{align-items:center;background:#fff;border:1px solid #cdd9e5;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;gap:8px;padding:8px 12px}.cs-scanner-tab.active{background:#eef4fa;border-color:#0051a3;color:#003d7a;font-weight:600}.cs-scanner-tab.disabled{cursor:not-allowed;opacity:.5}.cs-count{background:#0051a3;border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:0 7px}.cs-findings{margin-top:12px;overflow-x:auto}.cs-table{border-collapse:collapse;font-size:12px;width:100%}.cs-table td,.cs-table th{border-bottom:1px solid #eef3f8;padding:7px 10px;text-align:left;white-space:nowrap}.cs-table thead th{background:#f6f9fc;border-bottom:2px solid #e0e8f0;color:#5a6b7b;font-size:10px;letter-spacing:.4px;text-transform:uppercase}.cs-finding-title{max-width:480px;white-space:normal}.cs-file{color:#6b7b8a;font-family:monospace}.cs-sev{border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:capitalize}.cs-sev-critical{background:#fdecea;color:#b3261e}.cs-sev-high{background:#fce8e6;color:#c5221f}.cs-sev-medium{background:#fff3e0;color:#a15c00}.cs-sev-low{background:#e8f0fe;color:#1a56c4}.cs-actions-bar{align-items:center;display:flex;gap:14px;justify-content:flex-end;margin-top:10px}@media (max-width:700px){.cs-repo-actions{margin-left:0}.cs-finding-title{max-width:220px}}.cs-token-mode{display:flex;flex-wrap:wrap;gap:18px}.cs-radio{align-items:center;color:#33475b;cursor:pointer;display:inline-flex;font-size:13px;gap:6px}.cs-pr-fields{display:flex;flex-wrap:wrap;gap:12px}.cs-pr-field{display:flex;flex:1 1 200px;flex-direction:column;gap:4px}.cs-pr-field-wide{flex:1 1 100%}.cs-pr-field label{color:#33475b;font-size:12px;font-weight:600}.cs-textarea{font-family:inherit;resize:vertical}.cs-pr-settings{background:#f7f9fc;border:1px solid #e1e8f0;border-radius:6px;display:flex;flex-direction:column;gap:10px;margin-top:8px;padding:12px}.cs-pr-actions{display:flex;gap:8px}.cs-token-update{background:#f7f9fc;border:1px solid #e1e8f0;border-radius:6px;display:flex;flex-direction:column;gap:10px;margin-top:8px;padding:12px}.cs-btn-danger{border-color:#f0c6c2;color:#b3261e}.cs-btn-danger:hover:not(:disabled){background:#fdecea;border-color:#e6a49d}.cs-modal-overlay{align-items:center;background:#001e4273;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.cs-modal{background:#fff;border-radius:10px;box-shadow:0 12px 40px #00000040;max-width:calc(100vw - 32px);padding:20px 22px;width:420px}.cs-modal-title{color:#003d7a;font-size:16px;font-weight:600;margin-bottom:10px}.cs-modal-body{color:#33475b;font-size:14px;line-height:1.5;margin-bottom:18px}.cs-modal-body strong{color:#1a2b3c}.cs-modal-actions{display:flex;gap:8px;justify-content:flex-end}.cs-btn-danger-solid{background:#b3261e;border-color:#b3261e;color:#fff}.cs-btn-danger-solid:hover:not(:disabled){background:#9a1f18;border-color:#9a1f18}.cs-add-bar{display:flex;justify-content:center;margin-top:14px}.cs-repo-result{font-size:13px;margin:8px 0 0}.kpi-section .kpi-overall-badge{border-radius:12px;font-size:12px;font-weight:700;margin-left:auto;padding:3px 10px}.kpi-status-met{color:#166534}.kpi-status-atrisk{color:#92400e}.kpi-status-breach{color:#991b1b}.kpi-status-pending{color:#6b7280}.kpi-badge.kpi-status-met,.kpi-overall-badge.kpi-status-met{background:#dcfce7;color:#166534}.kpi-badge.kpi-status-atrisk,.kpi-overall-badge.kpi-status-atrisk{background:#fef3c7;color:#92400e}.kpi-badge.kpi-status-breach,.kpi-overall-badge.kpi-status-breach{background:#fee2e2;color:#991b1b}.kpi-badge.kpi-status-pending,.kpi-overall-badge.kpi-status-pending{background:#f3f4f6;color:#6b7280}.kpi-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:12px 0 20px}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-left-width:4px;border-radius:10px;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;gap:10px;padding:16px}.kpi-card.kpi-status-met{border-left-color:#22c55e}.kpi-card.kpi-status-atrisk{border-left-color:#f59e0b}.kpi-card.kpi-status-breach{border-left-color:#ef4444}.kpi-card.kpi-status-pending{border-left-color:#9ca3af}.kpi-card-header{align-items:center;display:flex;gap:8px}.kpi-card-icon{font-size:18px}.kpi-card-title{color:#1f2937;font-size:14px;font-weight:700}.kpi-badge{border-radius:10px;font-size:11px;font-weight:700;margin-left:auto;padding:2px 8px;white-space:nowrap}.kpi-card-metric{display:flex;flex-direction:column;gap:2px}.kpi-metric-value{color:#111827;font-size:28px;font-weight:800;line-height:1.1}.kpi-metric-name{color:#6b7280;font-size:11px}.kpi-card-target{background:#f0f7ff;border-radius:6px;color:#0051a3;font-size:12px;font-weight:600;padding:6px 8px}.kpi-card-definition{color:#6b7280;font-size:12px;line-height:1.4;margin:0}.kpi-card-calc{border-top:1px dashed #e5e7eb;margin-top:8px;padding-top:8px}.kpi-calc-toggle{align-items:center;background:none;border:none;color:#0051a3;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:0}.kpi-calc-toggle:hover{text-decoration:underline}.kpi-calc-body{background:#f8fafc;border:1px solid #eef0f3;border-radius:6px;color:#4b5563;font-size:12px;line-height:1.5;margin-top:6px;padding:8px 10px}.kpi-calc-body p{margin:0 0 6px}.kpi-calc-body p:last-child{margin-bottom:0}.kpi-calc-text{white-space:pre-line}.kpi-calc-source{color:#6b7280;font-size:11px}[data-theme=dark] .kpi-calc-toggle{color:#7fb2f0}[data-theme=dark] .kpi-calc-body{background:#111827;border-color:#1f2937;color:#cbd5e1}[data-theme=dark] .kpi-card-calc{border-top-color:#1f2937}.kpi-history{border-top:1px solid #eef0f3;padding-top:12px}.kpi-history-title{color:#374151;font-size:13px;font-weight:700;margin:0 0 8px}.kpi-history-empty{color:#6b7280;font-size:12px}.kpi-history-table{border-collapse:collapse;font-size:13px;width:100%}.kpi-history-table td,.kpi-history-table th{border-bottom:1px solid #f0f0f0;padding:8px 12px;text-align:left}.kpi-history-table th{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.kpi-history-table td{font-weight:700}.kpi-history-month{color:#1f2937!important;font-weight:600!important}.kpi-error,.kpi-loading{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:10px;padding:16px}.kpi-error button{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:4px 12px}[data-theme=dark] .kpi-card{background:#1a1a2e;border-color:#2d3748}[data-theme=dark] .kpi-card-title,[data-theme=dark] .kpi-metric-value{color:#f3f4f6}[data-theme=dark] .kpi-card-target{background:#1e3a5f;color:#dbeafe}[data-theme=dark] .kpi-card-definition,[data-theme=dark] .kpi-history-table th,[data-theme=dark] .kpi-metric-name{color:#9ca3af}[data-theme=dark] .kpi-history-month{color:#f3f4f6!important}.kpi-charts{margin-bottom:18px}.kpi-chart-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:8px}.kpi-chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 4px #0000000d;padding:12px 12px 6px}.kpi-chart-title{color:#374151;font-size:12px;font-weight:700;margin-bottom:8px}[data-theme=dark] .kpi-chart-card{background:#1a1a2e;border-color:#2d3748}[data-theme=dark] .kpi-chart-title{color:#e5e7eb}.kpi-insights{margin-top:18px}.kpi-insights-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:1fr}@media (max-width:900px){.kpi-insights-grid{grid-template-columns:1fr}}.kpi-summary-tiles{display:flex;flex-direction:column;gap:12px;justify-content:center}.kpi-summary-tile{background:#f8fafc;border:1px solid #eef0f3;border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:12px 14px}.kpi-summary-tile-label{color:#6b7280;font-size:12px}.kpi-summary-tile-value{color:#111827;font-size:22px;font-weight:700}.kpi-summary-tile-sub{color:#9ca3af;font-size:11px}[data-theme=dark] .kpi-summary-tile{background:#111827;border-color:#1f2937}[data-theme=dark] .kpi-summary-tile-value{color:#f3f4f6}.kpi-range-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 16px}.kpi-range-label{color:#374151;font-size:13px;font-weight:600}.kpi-range-buttons{display:inline-flex;flex-wrap:wrap;gap:6px}.kpi-range-btn{background:#fff;border:1px solid #d1d5db;border-radius:16px;color:#374151;cursor:pointer;font-size:12px;padding:5px 10px;transition:all .15s ease}.kpi-range-btn:hover{border-color:#0051a3;color:#0051a3}.kpi-range-btn.active{background:#0051a3;border-color:#0051a3;color:#fff;font-weight:600}.kpi-range-custom{align-items:center;display:inline-flex;gap:10px}.kpi-range-custom label{align-items:center;color:#6b7280;display:inline-flex;font-size:12px;gap:4px}.kpi-range-custom input[type=date]{border:1px solid #d1d5db;border-radius:6px;font-size:12px;padding:3px 6px}.kpi-range-active{color:#6b7280;font-size:12px;margin-left:auto}[data-theme=dark] .kpi-range-label{color:#e5e7eb}[data-theme=dark] .kpi-range-btn{background:#111827;border-color:#374151;color:#cbd5e1}[data-theme=dark] .kpi-range-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.kpi-sla-headline{margin-top:18px}.kpi-sla-headline-tiles{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.kpi-sla-headline-tiles{grid-template-columns:repeat(2,1fr)}}.kpi-sla-tile{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:14px 16px}.kpi-sla-tile-overall{background:linear-gradient(135deg,#0051a3,#0071c5);border-color:#0051a3}.kpi-sla-tile-overall .kpi-sla-tile-label,.kpi-sla-tile-overall .kpi-sla-tile-sub,.kpi-sla-tile-overall .kpi-sla-tile-value{color:#fff}.kpi-sla-tile-label{color:#6b7280;font-size:12px;font-weight:600}.kpi-sla-tile-value{color:#111827;font-size:28px;font-weight:800;line-height:1.1}.kpi-sla-tile-sub{color:#9ca3af;font-size:11px}[data-theme=dark] .kpi-sla-tile{background:#111827;border-color:#1f2937}[data-theme=dark] .kpi-sla-tile-value{color:#f3f4f6}.pm-section{margin-bottom:20px}.pm-overall-badge{border-radius:999px;font-size:12px;font-weight:600;margin-left:12px;padding:3px 10px;vertical-align:middle}.pm-error,.pm-loading{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:10px;padding:16px}.pm-error button{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:4px 10px}.pm-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:8px;padding:24px;text-align:center}.pm-empty-icon{font-size:28px}.pm-empty.pm-healthy p{color:#166534;font-weight:600}.pm-tag{background:#eff6ff;border-radius:6px;color:#1e3a5f;font-size:10px;font-weight:600;letter-spacing:.03em;padding:1px 7px;text-transform:uppercase}.pm-line{color:#4b5563;font-size:12.5px;line-height:1.45;margin:0}.pm-line strong{color:#374151}.pm-reco{color:#166534}.pm-reco strong{color:#15803d}.pm-footnote{color:#9ca3af;font-size:11px;font-style:italic;margin:12px 0 0}.pm-risk-critical{border-left-color:#dc2626}.pm-overall-badge.pm-risk-critical{background:#fee2e2;color:#991b1b}.pm-risk-high{border-left-color:#ea580c}.pm-overall-badge.pm-risk-high{background:#ffedd5;color:#9a3412}.pm-risk-medium{border-left-color:#d97706}.pm-overall-badge.pm-risk-medium{background:#fef3c7;color:#92400e}.pm-risk-low{border-left-color:#16a34a}.pm-overall-badge.pm-risk-low{background:#dcfce7;color:#166534}.pm-risk-pending{border-left-color:#9ca3af}.pm-overall-badge.pm-risk-pending{background:#f3f4f6;color:#6b7280}[data-theme=dark] .pm-line{color:#cbd5e1}[data-theme=dark] .pm-line strong{color:#e5e7eb}[data-theme=dark] .pm-tag{background:#1e3a5f;color:#dbeafe}.pm-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:8px 0 12px}.pm-summary-chips{display:flex;flex-wrap:wrap;gap:8px}.pm-chip{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;color:#475569;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:5px 12px;transition:box-shadow .15s ease,transform .05s ease,border-color .15s ease}.pm-chip:hover:not(:disabled){box-shadow:0 1px 4px #0000001f}.pm-chip:active:not(:disabled){transform:translateY(1px)}.pm-chip.active{outline:2px solid #2563eb59;outline-offset:1px}.pm-chip.empty,.pm-chip:disabled{cursor:not-allowed;opacity:.5}.pm-chip-count{background:#00000014;border-radius:9999px;font-size:11px;min-width:18px;padding:0 7px;text-align:center}.pm-chip.pm-risk-critical{background:#fee2e2;border-color:#fecaca;color:#991b1b}.pm-chip.pm-risk-high{background:#ffedd5;border-color:#fed7aa;color:#9a3412}.pm-chip.pm-risk-medium{background:#fef3c7;border-color:#fde68a;color:#92400e}.pm-chip.pm-risk-low{background:#dcfce7;border-color:#bbf7d0;color:#166534}.pm-table-container{border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.pm-table{border-collapse:collapse;font-size:13px;width:100%}.pm-table thead th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.04em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.pm-table td{border-bottom:1px solid #eef2f7;padding:10px 14px;vertical-align:middle}.pm-row{border-left:4px solid #0000;cursor:pointer;transition:background .12s ease}.pm-row:hover{background:#f8fafc}.pm-row.expanded{background:#f1f5f9}.pm-row.pm-risk-critical{border-left-color:#dc2626}.pm-row.pm-risk-high{border-left-color:#ea580c}.pm-row.pm-risk-medium{border-left-color:#d97706}.pm-row.pm-risk-low{border-left-color:#16a34a}.pm-title-cell{color:#1e293b;font-weight:600;max-width:460px}.pm-risk-flag{align-items:center;border-radius:9999px;display:inline-flex;font-size:11px;font-weight:700;gap:5px;padding:3px 10px;white-space:nowrap}.pm-risk-flag.pm-risk-critical{background:#fee2e2;color:#991b1b}.pm-risk-flag.pm-risk-high{background:#ffedd5;color:#9a3412}.pm-risk-flag.pm-risk-medium{background:#fef3c7;color:#92400e}.pm-risk-flag.pm-risk-low{background:#dcfce7;color:#166534}.pm-col-risk{width:1%}.pm-col-risk,.pm-col-scope,.pm-col-service{white-space:nowrap}.pm-col-conf{width:130px}.pm-col-expand{text-align:center;width:28px}.pm-expand-caret{color:#94a3b8;display:inline-block;transition:transform .15s ease}.pm-expand-caret.open{transform:rotate(90deg)}.pm-conf-wrap{align-items:center;display:inline-flex;gap:8px}.pm-conf-bar{background:#e5e7eb;border-radius:9999px;height:6px;overflow:hidden;width:60px}.pm-conf-fill{border-radius:9999px;display:block;height:100%}.pm-conf-fill.pm-risk-critical{background:#dc2626}.pm-conf-fill.pm-risk-high{background:#ea580c}.pm-conf-fill.pm-risk-medium{background:#d97706}.pm-conf-fill.pm-risk-low{background:#16a34a}.pm-conf-num{color:#475569;font-size:11px;font-weight:600;min-width:34px}.pm-detail-row td{background:#f8fafc;border-bottom:1px solid #e5e7eb}.pm-detail{display:flex;flex-direction:column;gap:6px;padding:4px 2px 6px}[data-theme=dark] .pm-table-container{border-color:#1f2937}[data-theme=dark] .pm-table thead th{background:#111827;border-color:#1f2937;color:#9ca3af}[data-theme=dark] .pm-table td{border-color:#1f2937}[data-theme=dark] .pm-detail-row td,[data-theme=dark] .pm-row.expanded,[data-theme=dark] .pm-row:hover{background:#0b1220}[data-theme=dark] .pm-title-cell{color:#f3f4f6}[data-theme=dark] .pm-chip{background:#111827;border-color:#1f2937;color:#cbd5e1}@media (max-width:700px){.pm-toolbar{align-items:stretch;flex-direction:column}.pm-title-cell{max-width:220px}.pm-col-scope,.pm-col-service{display:none}}.idle-section .idle-count-badge{background:#fef3c7;border-radius:12px;color:#92400e;font-size:.75rem;font-weight:600;margin-left:12px;padding:3px 10px;vertical-align:middle}.idle-empty,.idle-error,.idle-loading{align-items:center;background:#f9fafb;border-radius:8px;color:#374151;display:flex;gap:12px;padding:24px}.idle-empty{color:#059669;flex-direction:column;text-align:center}.idle-empty-icon{font-size:2rem}.idle-error{background:#fef2f2;color:#b91c1c;justify-content:space-between}.idle-error button{background:#b91c1c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:6px 14px}.spinner-small{animation:idle-spin .8s linear infinite;border:2px solid #d1d5db;border-radius:50%;border-top-color:#2563eb;height:18px;width:18px}@keyframes idle-spin{to{transform:rotate(1turn)}}.idle-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:12px 0}.idle-summary{display:flex;flex-wrap:wrap;gap:16px}.idle-stat{color:#374151;font-size:.9rem}.idle-stat.idle-waste{color:#b45309;font-weight:600}.idle-filter{align-items:center;color:#4b5563;display:flex;font-size:.85rem;gap:8px}.idle-filter select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;padding:5px 8px}.idle-download-btn{background:#1d4ed8;border:1px solid #1d4ed8;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:5px 12px;white-space:nowrap}.idle-download-btn:hover:not(:disabled){background:#1e40af}.idle-download-btn:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .idle-filter select{background:#111827;border-color:#374151;color:#e5e7eb}.idle-list{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.idle-list table{border-collapse:collapse;font-size:.85rem;width:100%}.idle-list thead th{background:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.idle-list tbody td{border-bottom:1px solid #f1f1f4;padding:10px 12px;vertical-align:top}.idle-list tbody tr:hover{background:#fafafa}.idle-type-badge{background:#eef2ff;border-radius:6px;color:#3730a3;display:inline-block;font-weight:600;padding:2px 8px;white-space:nowrap}.idle-resource-cell{display:flex;flex-direction:column;gap:2px;min-width:180px}.idle-resource-name{color:#111827;font-weight:600}.idle-resource-id{color:#6b7280;font-size:.75rem;word-break:break-all}.idle-resource-detail{color:#9ca3af;font-size:.75rem}.idle-region-cell{color:#4b5563;white-space:nowrap}.idle-reason-cell{color:#4b5563;max-width:320px}.idle-since-cell{color:#92400e;white-space:nowrap}.idle-cost-cell{color:#b45309;font-weight:600;white-space:nowrap}.idle-footnote{color:#9ca3af;font-size:.75rem;font-style:italic;margin-top:10px}.idle-pager{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:12px}.idle-pager-info{color:#6b7280;font-size:.8rem}.idle-pager-controls{align-items:center;display:flex;gap:10px}.idle-pager-page{color:#4b5563;font-size:.8rem}.idle-pager-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.8rem;font-weight:600;padding:5px 12px}.idle-pager-btn:hover:not(:disabled){background:#f3f4f6}.idle-pager-btn:disabled{cursor:not-allowed;opacity:.5}.idle-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:4px;margin:4px 0 12px}.idle-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px}.idle-tab:hover{color:#374151}.idle-tab.active{border-bottom-color:#b45309;color:#b45309}.idle-tab-count{background:#f3f4f6;border-radius:10px;color:#4b5563;display:inline-block;font-size:.72rem;min-width:20px;padding:1px 7px;text-align:center}.idle-tab.active .idle-tab-count{background:#fef3c7;color:#92400e}.idle-scanned-badge{background:#eef2ff;border-radius:12px;color:#3730a3;font-size:.75rem;font-weight:600;margin-left:10px;padding:3px 10px;vertical-align:middle;white-space:nowrap}.idle-coverage-toggle{background:none;border:none;color:#0051a3;cursor:pointer;font-size:.82rem;font-weight:600;padding:0;text-decoration:underline}.idle-coverage-toggle:hover{color:#003d7a}.idle-coverage{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:8px 0 14px;padding:12px 14px}.idle-coverage-head{color:#4b5563;font-size:.82rem;margin-bottom:10px}.idle-coverage-grid{column-gap:22px;column-width:220px}.idle-coverage-group{break-inside:avoid;display:inline-block;margin-bottom:14px;page-break-inside:avoid;width:100%}.idle-coverage-cat{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.72rem;font-weight:700;letter-spacing:.04em;margin-bottom:4px;padding-bottom:3px;text-transform:uppercase}.idle-coverage-group ul{list-style:none;margin:0;padding:0}.idle-coverage-group li{align-items:center;color:#374151;display:flex;font-size:.82rem;gap:6px;padding:2px 0}.idle-coverage-icon{flex-shrink:0;text-align:center;width:18px}.idle-coverage-type{flex:1 1;line-height:1.25;min-width:0}.idle-coverage-basis{border-radius:8px;flex-shrink:0;font-size:.65rem;padding:1px 6px;text-transform:lowercase}.idle-coverage-basis.basis-structural{background:#dcfce7;color:#166534}.idle-coverage-basis.basis-metric{background:#e0e7ff;color:#3730a3}.idle-since-na{border-bottom:1px dotted #cbd5e1;color:#9ca3af;cursor:help;font-style:italic}.ies-dashboard{background:#f5f7fa;max-width:100%;min-height:100%;padding:0;width:100%}.dashboard-header{align-items:flex-start;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.header-left h2{color:#1a1a2e;font-size:24px;margin:0 0 4px}.header-subtitle{color:#000;font-size:14px;font-weight:500;margin:0}.top-summary-card{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #0051a3;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:20px}.top-summary-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.top-summary-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.overview-date{color:#6b7280;font-size:13px}.integration-rows{display:flex;flex-direction:column;gap:12px}.integration-row{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.integration-info{align-items:center;display:flex;gap:12px}.integration-icon{font-size:20px}.integration-name{color:#374151;font-size:15px;font-weight:600}.integration-stats{gap:24px}.integration-stats,.stat-item{align-items:center;display:flex}.stat-item{flex-direction:column;min-width:80px}.stat-value{color:#1f2937;font-size:18px;font-weight:700}.stat-label{color:#6b7280}.stat-label,.status-pill{font-size:11px;text-transform:uppercase}.status-pill{border-radius:20px;color:#fff;font-weight:600;letter-spacing:.5px;min-width:80px;padding:6px 16px;text-align:center}.header-right{gap:16px}.date-selector{align-items:center;display:flex;gap:8px}.date-selector label{color:#555;font-weight:500}.date-selector input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px}.btn-refresh{background:#0051a3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.btn-refresh:hover{background:#003d7a}.alert{align-items:center;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.alert-error{background:#ffebee;border:1px solid #ef5350;color:#c62828}.alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:20px}.pipeline-tabs{display:none}.pipeline-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:20px}.section-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.section-header h3{color:#1a1a2e;font-size:18px;margin:0}.section-controls{align-items:center;display:flex;gap:8px}.section-controls .date-selector input{border:1px solid #ddd;border-radius:6px;font-size:13px;padding:6px 10px}.section-controls .btn-refresh{font-size:14px;padding:6px 12px}.summary-row{background:#f8f9fa;border-radius:8px;display:flex;gap:24px;margin-bottom:16px;padding:12px 16px}.summary-item{display:flex;flex-direction:column;gap:2px}.summary-item .value{color:#0051a3;font-size:20px;font-weight:700}.summary-item .label{color:#666;font-size:12px}.pipeline-title{color:#333;font-weight:500}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.summary-card{background:#fff;border-left:4px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;text-align:center}.summary-card.total{border-left-color:#0051a3}.summary-card.healthy{border-left-color:#00a651}.summary-card.warning{border-left-color:#ff9800}.summary-card.failed{border-left-color:#e53935}.card-value{color:#1a1a2e;font-size:36px;font-weight:700}.card-label{color:#666;font-size:14px;margin-top:4px}.pipelines-container{display:flex;flex-direction:column;gap:20px}.pipeline-card{background:#fff;border-left:5px solid #ddd;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:24px;transition:transform .2s,box-shadow .2s}.pipeline-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.pipeline-card.status-healthy{border-left-color:#00a651}.pipeline-card.status-warning{border-left-color:#ff9800}.pipeline-card.status-failed{border-left-color:#e53935}.pipeline-card.status-pending{border-left-color:#2196f3}.pipeline-card.status-unknown{border-left-color:#9e9e9e}.pipeline-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.pipeline-info h3{color:#1a1a2e;font-size:18px;margin:0 0 4px}.pipeline-description{color:#666;font-size:13px}.status-badge{border-radius:20px;color:#fff;font-weight:600;letter-spacing:.5px;padding:6px 14px}.data-flow{background:#f8f9fa;border-radius:12px;border-radius:8px;gap:12px;gap:8px;margin-bottom:16px;margin-bottom:12px;padding:24px;padding:12px 16px}.stage-box{background:#fff;border:2px solid #e0e0e0;border-radius:8px;min-width:100px;padding:10px 16px;transition:all .2s}.stage-box.healthy{background:#f0fff4;border-color:#00a651}.stage-box.warning{background:#fff8e1;border-color:#ff9800}.stage-box.failed{background:#ffebee;border-color:#e53935}.stage-box.pending{background:#e3f2fd;border-color:#2196f3}.stage-box.unknown{background:#f5f5f5;border-color:#9e9e9e}.stage-icon{font-size:20px;margin-bottom:4px}.stage-name{color:#1a1a2e;font-size:11px;margin-bottom:6px}.stage-count{margin-bottom:2px}.count-value{color:#0051a3;font-size:18px;font-weight:700}.count-pending{color:#999;font-size:18px}.stage-label{color:#888;font-size:9px;letter-spacing:.3px;text-transform:uppercase}.stage-total{border-top:1px dashed #ddd;color:#666;font-size:10px;font-weight:500;margin-top:4px;padding-top:4px}.stage-time-window{color:#999;font-size:9px;font-style:italic;margin-top:2px}.flow-arrow{padding:0 4px}.flow-arrow .arrow{color:#0051a3;font-size:20px;font-weight:700}.discrepancy-alert{align-items:center;background:#ffebee;border:1px solid #ef5350;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.alert-icon{font-size:20px}.alert-text{color:#c62828;font-size:14px}.alert-text strong{color:#b71c1c}.validation-details{background:#fff3e0;border:1px solid #ffb74d;border-radius:8px;margin-bottom:16px;padding:16px}.validation-header{align-items:center;color:#e65100;display:flex;gap:8px;margin-bottom:12px}.validation-icon{font-size:18px}.missing-ids-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.missing-id-badge{background:#ffccbc;border-radius:4px;color:#bf360c;font-family:monospace;font-weight:500}.missing-id-badge,.more-ids{font-size:12px;padding:4px 10px}.more-ids{color:#e65100;font-style:italic}.validation-summary{border-top:1px dashed #ffb74d;color:#666;font-size:13px;padding-top:8px}.pipeline-footer{align-items:center;border-top:1px solid #eee;color:#666;display:flex;font-size:13px;justify-content:space-between;padding-top:12px}.schedule{font-weight:500}.config-notice{background:#fff3e0;border:1px solid #ffb74d;border-radius:12px;margin-top:24px;padding:20px}.config-notice h4{color:#e65100;margin:0 0 12px}.config-notice p{color:#555;margin:0 0 12px}.config-notice code{background:#fff8e1;border-radius:4px;color:#e65100;font-family:monospace;padding:2px 6px}.config-notice ul{margin:0;padding-left:20px}.config-notice li{color:#555;margin-bottom:8px}.config-notice strong{color:#333}.no-integrations{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:60px 20px;text-align:center}.no-integrations h3{color:#666;margin:0 0 12px}.no-integrations p{color:#888}.last-refresh{color:#888;font-size:13px;margin-top:24px}.loading-state{padding:60px}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#0051a3;height:48px;width:48px}.loading-state p{color:#666;margin-top:16px}@media (max-width:1024px){.summary-cards{grid-template-columns:repeat(2,1fr)}.data-flow{flex-wrap:wrap}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:16px}.header-right{justify-content:space-between;width:100%}.summary-cards{grid-template-columns:1fr 1fr}.top-summary-card .integration-row{align-items:flex-start;flex-direction:column;gap:12px}.integration-stats{justify-content:space-between;width:100%}.pipeline-header{gap:12px}.data-flow,.pipeline-header{flex-direction:column}.flow-arrow .arrow{transform:rotate(90deg)}}[data-theme=dark] .ies-dashboard{background:#1a1a2e}[data-theme=dark] .dashboard-header{border-bottom-color:#333}[data-theme=dark] .header-left h2{color:#fff}[data-theme=dark] .header-subtitle{color:#60a5fa}[data-theme=dark] .summary-card{background:#252540;border-color:#3a3a5c}[data-theme=dark] .summary-card-title{color:#e5e7eb}[data-theme=dark] .summary-card-count{color:#f9fafb}[data-theme=dark] .summary-card-label{color:#9ca3af}[data-theme=dark] .top-summary-card{background:#252540;border-color:#3a3a5c}[data-theme=dark] .top-summary-header{border-bottom-color:#3a3a5c}[data-theme=dark] .top-summary-header h3{color:#f9fafb}[data-theme=dark] .overview-date{color:#9ca3af}[data-theme=dark] .integration-row{background:#1a1a2e;border-color:#3a3a5c}[data-theme=dark] .integration-name{color:#e5e7eb}[data-theme=dark] .stat-value{color:#f9fafb}[data-theme=dark] .stat-label{color:#9ca3af}[data-theme=dark] .date-selector label{color:#ccc}[data-theme=dark] .date-selector input{background:#2d2d44;border-color:#444;color:#fff}[data-theme=dark] .pipeline-card,[data-theme=dark] .summary-card{background:#2d2d44}[data-theme=dark] .card-value,[data-theme=dark] .pipeline-info h3{color:#fff}[data-theme=dark] .card-label,[data-theme=dark] .pipeline-description{color:#aaa}[data-theme=dark] .data-flow{background:#1a1a2e}[data-theme=dark] .stage-box{background:#2d2d44;border-color:#444}[data-theme=dark] .stage-name{color:#fff}[data-theme=dark] .pipeline-footer{border-top-color:#444;color:#aaa}[data-theme=dark] .config-notice{background:#3d3d00;border-color:#660}[data-theme=dark] .config-notice h4{color:#ffb74d}[data-theme=dark] .config-notice li,[data-theme=dark] .config-notice p{color:#ccc}[data-theme=dark] .no-integrations{background:#2d2d44}[data-theme=dark] .no-integrations h3{color:#ccc}[data-theme=dark] .no-integrations p{color:#999}.recent-data-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:24px;padding:20px}.recent-data-section h4{color:#1a1a2e;font-size:16px;margin:0 0 16px}.recent-data-table{border-collapse:collapse;width:100%}.recent-data-table td,.recent-data-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.recent-data-table th{background:#f5f7fa;color:#555;font-size:13px;font-weight:600}.recent-data-table tr:hover{background:#f8f9fa}.recent-data-table tr.selected{background:#e3f2fd}.recent-data-table tr.selected:hover{background:#bbdefb}.btn-refresh-small{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.btn-refresh-small:hover{background:#e0e0e0}.btn-refresh-small:disabled{cursor:not-allowed;opacity:.6}[data-theme=dark] .recent-data-section{background:#2d2d44}[data-theme=dark] .recent-data-section h4{color:#fff}[data-theme=dark] .recent-data-table th{background:#1a1a2e;color:#ccc}[data-theme=dark] .recent-data-table td{border-bottom-color:#444}[data-theme=dark] .recent-data-table tr:hover{background:#3d3d5c}[data-theme=dark] .recent-data-table tr.selected{background:#1a3a5c}[data-theme=dark] .btn-refresh-small{background:#3d3d5c;border-color:#555;color:#fff}[data-theme=dark] .btn-refresh-small:hover{background:#4d4d6c}.stage-bucket{background:#e8f4fd;border-radius:4px;color:#0051a3;font-family:Consolas,Monaco,monospace;font-size:11px;margin-top:8px;max-width:180px;padding:6px 10px;word-break:break-all}[data-theme=dark] .stage-bucket{background:#1a3a5c;color:#64b5f6}.btn-view-files{background:#0051a3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.btn-view-files:hover{background:#003d7a}.btn-view-files:disabled{background:#ccc;cursor:not-allowed}.modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-height:80vh;max-width:900px;width:90%}.file-list-modal{min-width:600px}.modal-header{border-bottom:1px solid #eee;padding:16px 20px}.modal-header h3{color:#1a1a2e}.modal-close{color:#666;line-height:1;padding:4px 8px}.modal-close:hover{color:#333}.modal-body{padding:20px}.file-summary{background:#f5f7fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px;padding:12px 16px}.file-summary span{color:#555;font-size:14px}.file-summary strong{color:#1a1a2e}.file-list{max-height:400px;overflow-y:auto}.files-table{border-collapse:collapse;font-size:13px;width:100%}.files-table td,.files-table th{border-bottom:1px solid #eee;padding:10px 12px;text-align:left}.files-table th{background:#f5f7fa;color:#555;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.files-table tr:hover{background:#f8f9fa}.filename-cell{max-width:350px}.no-files{color:#888;padding:40px;text-align:center}.no-files p{margin:0}[data-theme=dark] .modal-content{background:#2d2d44}[data-theme=dark] .modal-header{border-bottom-color:#444}[data-theme=dark] .modal-header h3{color:#fff}[data-theme=dark] .modal-close{color:#aaa}[data-theme=dark] .modal-close:hover{color:#fff}[data-theme=dark] .file-summary{background:#1a1a2e}[data-theme=dark] .file-summary span{color:#ccc}[data-theme=dark] .file-summary strong{color:#fff}[data-theme=dark] .files-table th{background:#1a1a2e;color:#ccc}[data-theme=dark] .files-table td{border-bottom-color:#444}[data-theme=dark] .files-table tr:hover{background:#3d3d5c}[data-theme=dark] .no-files{color:#888}.stage-box.clickable:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.02)}.stage-action{background:#0051a3;border-radius:4px;color:#fff;font-size:10px;font-weight:500;margin-top:8px;padding:4px 8px}[data-theme=dark] .stage-action{background:#1565c0}.file-list-section{border-top:2px solid #e8e8e8;margin-top:24px;padding-top:20px}.file-list-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:16px}.file-list-header h4{color:#1a1a2e;font-size:16px}.file-summary-inline{color:#666;display:flex;font-size:13px;gap:20px}.file-summary-inline strong{color:#0051a3}.file-list-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;max-height:400px}.file-list-table th{background:#f5f7fa;border-bottom:2px solid #e0e0e0;color:#555;padding:12px}.file-list-table td{border-bottom:1px solid #f0f0f0;padding:10px 12px}.file-list-table tbody tr:hover{background:#f8f9fa}.file-list-table tbody tr:last-child td{border-bottom:none}.col-num{color:#888;text-align:center;width:50px}.col-filename{font-size:12px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-filename,.col-size{font-family:Consolas,Monaco,monospace}.col-size{text-align:right;width:100px}.col-date{color:#666;width:180px}.no-files-message{background:#f8f9fa;border:1px dashed #ddd;border-radius:8px;padding:40px 20px;text-align:center}.no-files-icon{display:block;font-size:48px;margin-bottom:12px}.no-files-message p{color:#888;font-size:14px;margin:0}.date-quick-select{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:24px;padding:20px}.date-quick-select h4{color:#555;font-size:14px;margin:0 0 16px}.date-buttons{gap:10px}.date-btn{border:2px solid #e0e0e0;padding:10px 16px;text-align:left}.date-btn:hover{background:#f8f9fa;border-color:#0051a3}.date-btn.active{background:#e3f2fd}.date-btn.has-data{border-left:4px solid #00a651}.date-btn.no-data{border-left:4px solid #ff9800}.date-btn-date{color:#1a1a2e;display:block;font-size:13px;font-weight:600}.date-btn-count{color:#666;display:block;font-size:11px;margin-top:4px}.pipeline-actions{align-items:center;display:flex;gap:12px}[data-theme=dark] .file-list-section{border-top-color:#444}[data-theme=dark] .file-list-header h4{color:#fff}[data-theme=dark] .file-summary-inline{color:#aaa}[data-theme=dark] .file-summary-inline strong{color:#64b5f6}[data-theme=dark] .file-list-table-container{background:#2d2d44;border-color:#444}[data-theme=dark] .file-list-table th{background:#1a1a2e;border-bottom-color:#444;color:#ccc}[data-theme=dark] .file-list-table td{border-bottom-color:#3d3d5c}[data-theme=dark] .file-list-table tbody tr:hover{background:#3d3d5c}[data-theme=dark] .no-files-message{background:#1a1a2e;border-color:#444}[data-theme=dark] .date-quick-select{background:#2d2d44}[data-theme=dark] .date-quick-select h4{color:#ccc}[data-theme=dark] .date-btn{background:#2d2d44;border-color:#444}[data-theme=dark] .date-btn:hover{background:#3d3d5c}[data-theme=dark] .date-btn.active{background:#1a3a5c}[data-theme=dark] .date-btn-date{color:#fff}[data-theme=dark] .date-btn-count{color:#aaa}.file-lists-container{grid-gap:16px;border-top:2px solid #e8e8e8;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:24px;padding-top:20px}.file-list-column{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;max-height:450px;min-height:300px;overflow:hidden}.file-list-column-header{align-items:center;border-bottom:2px solid;display:flex;justify-content:space-between;padding:12px 16px}.file-list-column-header.irma{background:#fff3e0;border-bottom-color:#ff9800}.file-list-column-header.dml{background:#e3f2fd;border-bottom-color:#2196f3}.file-list-column-header.ies{background:#e8f5e9;border-bottom-color:#4caf50}.file-list-column-header h4{color:#1a1a2e;font-size:14px;margin:0}.file-count-badge{background:#0000001a}.file-list-scroll{background:#fff;flex:1 1;overflow-y:auto}.file-list-column .file-list-table{border-collapse:collapse;font-size:12px;width:100%}.file-list-column .file-list-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.file-list-column .file-list-table th{background:#f5f5f5;border-bottom:1px solid #e0e0e0;color:#666;font-size:11px;font-weight:600;padding:8px 10px;text-align:left}.file-list-column .file-list-table td{border-bottom:1px solid #f0f0f0;padding:8px 10px}.file-list-column .file-list-table tbody tr:hover{background:#f8f9fa}.file-list-column .filename-cell{font-family:Consolas,Monaco,monospace;font-size:11px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-data-placeholder{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:200px;padding:40px 20px;text-align:center}.placeholder-icon{font-size:40px;margin-bottom:12px}.no-data-placeholder p{color:#666;font-size:13px;margin:0 0 4px}.no-data-placeholder small{color:#999;font-size:11px}@media (max-width:1200px){.file-lists-container{grid-template-columns:1fr}.file-list-column{max-height:350px}}[data-theme=dark] .file-lists-container{border-top-color:#444}[data-theme=dark] .file-list-column{background:#1a1a2e}[data-theme=dark] .file-list-column-header h4{color:#fff}[data-theme=dark] .file-list-column-header.irma{background:#3d3000}[data-theme=dark] .file-list-column-header.dml{background:#0d3050}[data-theme=dark] .file-list-column-header.ies{background:#1a3d1a}[data-theme=dark] .file-count-badge{background:#ffffff1a;color:#fff}[data-theme=dark] .file-list-scroll{background:#2d2d44}[data-theme=dark] .file-list-column .file-list-table th{background:#1a1a2e;border-bottom-color:#444;color:#aaa}[data-theme=dark] .file-list-column .file-list-table td{border-bottom-color:#3d3d5c}[data-theme=dark] .file-list-column .file-list-table tbody tr:hover{background:#3d3d5c}[data-theme=dark] .no-data-placeholder p{color:#aaa}[data-theme=dark] .no-data-placeholder small{color:#666}.category-summary{display:flex;gap:24px;padding:12px 0}.category-item{align-items:center;background:#f0f7ff;border:1px solid #d0e3ff;border-radius:8px;display:flex;gap:10px;padding:10px 16px}.category-icon{font-size:20px}.category-name{color:#1f2937;font-weight:600}.category-count{color:#6b7280;font-size:12px}.pipeline-category-section{margin-bottom:24px}.category-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.category-description{color:#6b7280;font-size:13px;margin:-8px 0 12px}.pipeline-overview-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 4px #0000000f;margin-bottom:8px;overflow:hidden;transition:all .3s ease}.pipeline-overview-card:hover{box-shadow:0 2px 8px #0000001a}.pipeline-overview-card.expanded{border-color:#0051a3;border-left-width:4px}.pipeline-overview-card.has-issue{background:#fff5f5;border-color:#ef4444;border-left-width:4px}.pipeline-overview-card.has-issue.expanded{border-color:#ef4444}.pipeline-name .issue-flag{margin-right:6px}.pipeline-overview-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;transition:background .2s;-webkit-user-select:none;user-select:none}.pipeline-overview-header:hover{background:#f9fafb}.pipeline-overview-header.health-ok{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:5px solid #22c55e}.pipeline-overview-header.health-ok:hover{background:linear-gradient(135deg,#e9fbef,#d0f5da)}.pipeline-overview-header.health-failed{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:5px solid #ef4444}.pipeline-overview-header.health-failed:hover{background:linear-gradient(135deg,#fdeaea,#fcd5d5)}.pipeline-overview-header.health-warn{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:5px solid #f59e0b}.pipeline-overview-header.health-warn:hover{background:linear-gradient(135deg,#fef7dc,#fdecb4)}[data-theme=dark] .pipeline-overview-header.health-ok{background:linear-gradient(135deg,#0f2e1a,#14532d)}[data-theme=dark] .pipeline-overview-header.health-failed{background:linear-gradient(135deg,#3f1212,#7f1d1d)}[data-theme=dark] .pipeline-overview-header.health-warn{background:linear-gradient(135deg,#3a2c07,#78350f)}.pipeline-info{align-items:center;display:flex;gap:14px}.pipeline-icon{font-size:24px}.pipeline-details{display:flex;flex-direction:column;gap:2px}.pipeline-name{color:#1f2937;font-size:15px;font-weight:600}.pipeline-category{color:#9ca3af;font-size:10px;font-weight:500;letter-spacing:.5px}.pipeline-stats{align-items:center;display:flex;gap:16px}.expand-icon{color:#9ca3af;font-size:10px;margin-left:8px}.pipeline-details-section{background:#fafbfc;border-top:1px solid #e5e7eb}.pipeline-detail-content{padding:16px 18px}.detail-controls{align-items:center;display:flex;gap:10px;margin-bottom:16px}.detail-controls .date-selector input{border:1px solid #ddd;border-radius:6px;font-size:13px;padding:6px 12px}.btn-validation{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .2s}.btn-validation:hover{background:#e5e7eb}.btn-validation.active{background:#0051a3;border-color:#0051a3;color:#fff}.validation-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:16px;padding:16px}.validation-section h4{color:#1f2937;font-size:15px;margin:0 0 12px}.validation-status{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px}.validation-status.valid{background:#ecfdf5;border:1px solid #10b981;color:#065f46}.validation-status.invalid{background:#fef2f2;border:1px solid #ef4444;color:#991b1b}.comparison-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:10px;padding:12px 16px}.comparison-card.healthy{border-left:3px solid #10b981}.comparison-card.data_loss{background:#fef2f2;border-left:3px solid #ef4444}.comparison-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comparison-title{color:#1f2937;font-weight:600}.comparison-status{border-radius:4px;font-size:12px;font-weight:600;padding:4px 10px}.comparison-status.healthy{background:#d1fae5;color:#065f46}.comparison-status.data_loss{background:#fee2e2;color:#991b1b}.comparison-counts{color:#6b7280;display:flex;font-size:13px;gap:20px;margin-bottom:8px}.missing-records{border-top:1px dashed #e5e7eb;margin-top:10px;padding-top:10px}.missing-records strong{color:#991b1b;display:block;font-size:13px;margin-bottom:8px}.record-list{display:flex;flex-wrap:wrap;gap:6px}.record-id{background:#fee2e2;border-radius:4px;color:#991b1b;font-family:monospace;font-size:12px;padding:3px 8px}.more-records{color:#6b7280;font-size:12px;font-style:italic}.loss-indicator{animation:pulse 1.5s infinite;color:#ef4444;display:block;font-size:11px;font-weight:600;margin-top:4px}.data-flow{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:16px;justify-content:center;padding:20px}.data-flow,.stage-box{align-items:center;display:flex}.stage-box{border-radius:10px;flex-direction:column;min-width:120px;padding:16px 20px;text-align:center;transition:all .3s}.stage-box.healthy{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981}.stage-box.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.stage-box.unknown{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px dashed #9ca3af}.stage-box.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #ef4444}.stage-icon{font-size:28px;margin-bottom:6px}.stage-name{color:#1f2937;font-size:14px;font-weight:600}.stage-count{font-size:22px;font-weight:700;margin:6px 0}.count-value{color:#059669}.count-pending{color:#9ca3af}.stage-label{color:#6b7280;font-size:11px}.flow-arrow{align-items:center;display:flex;flex-direction:column}.arrow{color:#0051a3;font-size:24px;font-weight:700}.date-quick-select{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:12px}.date-buttons{display:flex;flex-wrap:wrap;gap:6px}.date-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-width:80px;padding:8px 12px;transition:all .2s}.date-btn:hover{background:#f3f4f6}.date-btn.active{background:#0051a3;border-color:#0051a3;color:#fff}.date-btn.active .date-btn-count,.date-btn.active .date-btn-date{color:#fff}.date-btn.has-data{border-color:#10b981}.date-btn.no-data{border-color:#f59e0b}.date-btn-date{color:#6b7280;font-size:11px}.date-btn-count{color:#1f2937;font-size:13px;font-weight:600}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-state .spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#0051a3;height:40px;margin-bottom:12px;width:40px}.last-refresh{border-top:1px solid #e5e7eb;color:#9ca3af;font-size:12px;margin-top:16px;padding-top:12px;text-align:center}.not-configured-message{align-items:center;border:2px dashed #d1d5db;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin-top:16px;padding:40px 20px}.not-configured-icon{font-size:40px;margin-bottom:12px}.not-configured-message p{font-size:14px;margin:0}.not-configured-hint{color:#9ca3af!important;font-size:12px!important;margin-top:8px!important}.file-list-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:16px;overflow:hidden}.file-list-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:14px 18px}.file-list-header h4{color:#1f2937;font-size:15px;font-weight:600;margin:0}.file-count-badge{background:#0051a3;color:#fff;font-weight:600}.file-count-badge,.total-size-badge{border-radius:12px;font-size:12px;padding:4px 10px}.total-size-badge{background:#e0e7ff;color:#3730a3;font-weight:500}.file-list-table-container{max-height:350px;overflow-y:auto}.file-list-table{border-collapse:collapse;font-size:13px;width:100%}.file-list-table thead{background:#f1f5f9;position:-webkit-sticky;position:sticky;top:0;z-index:1}.file-list-table th{border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:10px 14px;text-align:left}.file-list-table td{border-bottom:1px solid #f1f5f9;color:#374151;padding:10px 14px}.file-list-table tbody tr:hover{background:#f8fafc}.file-list-table td:first-child,.file-list-table th:first-child{color:#9ca3af;text-align:center;width:50px}.filename-cell{font-family:Consolas,Monaco,monospace;font-size:12px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-rows{color:#6b7280;font-style:italic;padding:12px!important;text-align:center}.file-comparison-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:16px}.file-column-header.missing-col{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom-color:#ef4444}.file-column-header.no-loss-col{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom-color:#22c55e}.file-name-item.missing-item .file-name{color:#991b1b;font-weight:600}.no-data-placeholder.all-present p{color:#166534}.file-column{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;max-height:400px;min-height:280px;overflow:hidden}.file-column-header{align-items:center;border-bottom:3px solid;display:flex;flex-shrink:0;gap:10px;padding:12px 16px}.file-column-header.irma{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-bottom-color:#f97316}.file-column-header.dml{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom-color:#3b82f6}.file-column-header.ies{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom-color:#22c55e}.column-field-name{align-items:center;background:#f0f9ff;border-bottom:1px solid #e0e0e0;display:flex;font-size:12px;gap:6px;padding:6px 12px}.column-field-name .field-label{font-weight:500}.column-field-name .field-value{background:#e0f2fe;border-radius:4px;color:#0369a1;font-weight:600;padding:2px 6px}[data-theme=dark] .column-field-name{background:#1e3a5f}[data-theme=dark] .column-field-name .field-label{color:#9ca3af}[data-theme=dark] .column-field-name .field-value{background:#0c4a6e;color:#7dd3fc}.column-icon{font-size:20px}.column-title{color:#1f2937;flex:1 1;font-size:14px;font-weight:600}.column-count{background:#00000014;border-radius:12px;color:#374151;font-size:12px;font-weight:600;padding:3px 10px}.file-column-content{background:#fafbfc;flex:1 1;overflow-y:auto}.file-name-list{list-style:none;margin:0;padding:0}.file-name-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:8px;padding:10px 14px;transition:background .15s}.file-name-item:hover{background:#f1f5f9}.file-name-item:last-child{border-bottom:none}.file-number{color:#9ca3af;font-size:11px;min-width:24px;text-align:right}.file-name{color:#374151;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1100px){.file-comparison-container{grid-template-columns:1fr}.file-column{max-height:300px}}[data-theme=dark] .file-column{background:#2d2d44;border-color:#444}[data-theme=dark] .file-column-header.irma{background:linear-gradient(135deg,#431407,#7c2d12)}[data-theme=dark] .file-column-header.dml{background:linear-gradient(135deg,#1e3a5f,#1e40af)}[data-theme=dark] .file-column-header.ies{background:linear-gradient(135deg,#14532d,#166534)}[data-theme=dark] .column-title{color:#f3f4f6}[data-theme=dark] .column-count{background:#ffffff26;color:#e5e7eb}[data-theme=dark] .file-column-content{background:#1a1a2e}[data-theme=dark] .file-name-item{border-bottom-color:#3d3d5c}[data-theme=dark] .file-name-item:hover{background:#3d3d5c}[data-theme=dark] .file-number{color:#6b7280}[data-theme=dark] .file-name{color:#d1d5db}[data-theme=dark] .no-data-placeholder{background:#1a1a2e}[data-theme=dark] .no-data-placeholder p{color:#9ca3af}.file-column-header.irma-source{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-bottom-color:#f97316}[data-theme=dark] .file-column-header.irma-source{background:linear-gradient(135deg,#431407,#7c2d12)}.file-column-header.workday{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-bottom-color:#a855f7}[data-theme=dark] .file-column-header.workday{background:linear-gradient(135deg,#3b0764,#581c87)}.file-name-item .file-size{color:#9ca3af;font-size:.7rem;margin-left:auto;padding-left:8px;white-space:nowrap}[data-theme=dark] .file-name-item .file-size{color:#6b7280}.file-name-item.more-items{background:#f8fafc;color:#6b7280;font-style:italic}.file-name-item.more-items .file-name{color:#6b7280}[data-theme=dark] .file-name-item.more-items{background:#1f2937}[data-theme=dark] .file-name-item.more-items .file-name{color:#9ca3af}.file-column-header.dml-raw{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-bottom-color:#f59e0b}[data-theme=dark] .file-column-header.dml-raw{background:linear-gradient(135deg,#451a03,#78350f)}.file-column-header.dml-processed{background:linear-gradient(135deg,#ecfeff,#cffafe);border-bottom-color:#06b6d4}[data-theme=dark] .file-column-header.dml-processed{background:linear-gradient(135deg,#083344,#164e63)}.validation-summary-auto{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-left:4px solid #ef4444;border-radius:8px;color:#991b1b;display:flex;font-size:14px;font-weight:500;gap:10px;margin-top:12px;padding:12px 16px}.validation-summary-auto .validation-icon{font-size:18px}.validation-summary-auto .validation-text{flex:1 1}[data-theme=dark] .validation-summary-auto{background:linear-gradient(135deg,#450a0a,#7f1d1d);border-color:#991b1b;color:#fecaca}.file-column.has-missing{border-color:#f59e0b}.file-column.has-extra{border-color:#3b82f6}.column-status-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:10px;gap:4px;margin-left:8px;padding:2px 8px}.column-status-badge.missing{background:#fef3c7;color:#92400e}.column-status-badge.extra{background:#dbeafe;color:#1e40af}.column-status-badge.match{background:#d1fae5;color:#065f46}[data-theme=dark] .column-status-badge.missing{background:#78350f;color:#fef3c7}[data-theme=dark] .column-status-badge.extra{background:#1e3a5f;color:#dbeafe}[data-theme=dark] .column-status-badge.match{background:#064e3b;color:#d1fae5}.file-name-item.missing-record{background:#fef3c7;border-left:3px solid #f59e0b}.file-name-item.extra-record{background:#dbeafe;border-left:3px solid #3b82f6}.file-name-item.matched-record{background:#d1fae5;border-left:3px solid #10b981}[data-theme=dark] .file-name-item.missing-record{background:#451a03}[data-theme=dark] .file-name-item.extra-record{background:#1e3a5f}[data-theme=dark] .file-name-item.matched-record{background:#064e3b}.validation-summary-inline{align-items:center;background:#fef2f2;border:1px solid #fca5a5;border-radius:16px;color:#dc2626;display:inline-flex;font-size:12px;gap:4px;margin-left:auto;padding:4px 12px}[data-theme=dark] .validation-summary-inline{background:#450a0a;border-color:#991b1b;color:#fca5a5}.unified-pipeline-widget{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.data-flow-compact{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;justify-content:center;padding:10px 12px}.data-flow-compact,.stage-box-compact{align-items:center;display:flex;gap:6px}.stage-box-compact{background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;min-width:80px;padding:6px 10px;transition:all .2s}.stage-box-compact.healthy{background:#f0fff4;border-color:#00a651}.stage-box-compact.warning{background:#fff8e1;border-color:#ff9800}.stage-box-compact.failed{background:#ffebee;border-color:#e53935}.stage-box-compact.pending{background:#e3f2fd;border-color:#2196f3}.stage-box-compact.unknown{background:#f5f5f5;border-color:#9e9e9e}.stage-icon-compact{font-size:16px}.stage-info-compact{display:flex;flex-direction:column;gap:1px}.stage-name-compact{color:#374151;font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.count-value-compact{color:#0051a3;font-size:14px;font-weight:700}.count-pending-compact{color:#9ca3af;font-size:14px}.flow-arrow-compact{align-items:center;display:flex;flex-direction:column;padding:0 2px}.arrow-compact{color:#0051a3;font-size:16px;font-weight:700}.loss-indicator-compact{background:#ffebee;border-radius:3px;color:#e53935;font-size:9px;font-weight:600;margin-top:2px;padding:1px 4px}.validation-summary-compact{align-items:center;background:#fff5f5;border-bottom:1px solid #fed7d7;display:flex;gap:8px;padding:6px 12px}.validation-summary-compact .validation-icon{font-size:14px}.validation-summary-compact .validation-text{color:#c53030;font-size:11px;font-weight:500}.unified-pipeline-widget .file-list-section{border-top:none;margin:0;padding:0}.unified-pipeline-widget .file-list-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;margin-bottom:0;padding:8px 12px}.unified-pipeline-widget .file-list-header h4{color:#374151;font-size:12px;margin:0}.unified-pipeline-widget .file-count-badge{font-size:10px;padding:2px 8px}.unified-pipeline-widget .file-comparison-container{grid-gap:0;align-items:stretch;display:grid;gap:0;grid-template-columns:repeat(3,1fr);max-height:460px;min-height:150px}[data-theme=dark] .file-column-header.missing-col{background:linear-gradient(135deg,#450a0a,#7f1d1d)}.unified-pipeline-widget .file-column{border-right:1px solid #e5e7eb;display:flex;flex-direction:column;min-height:0;overflow:hidden}.unified-pipeline-widget .file-column:last-child{border-right:none}.unified-pipeline-widget .file-column-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:6px;padding:6px 10px}.unified-pipeline-widget .file-column-header .column-icon{font-size:14px}.unified-pipeline-widget .file-column-header .column-title{color:#374151;font-size:10px;font-weight:600}.unified-pipeline-widget .file-column-header .column-count{color:#0051a3;font-size:11px;font-weight:700;margin-left:auto}.unified-pipeline-widget .file-column-content{background:#fafafa;flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px}.unified-pipeline-widget .file-name-list{list-style:none;margin:0;padding:0}.unified-pipeline-widget .file-name-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-size:10px;gap:4px;padding:3px 6px}.unified-pipeline-widget .file-name-item:last-child{border-bottom:none}.unified-pipeline-widget .file-number{color:#9ca3af;font-size:9px;min-width:16px}.unified-pipeline-widget .file-name{color:#374151;font-family:Consolas,Monaco,monospace;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-pipeline-widget .more-items{background:#f0f0f0;border-radius:3px}.unified-pipeline-widget .no-data-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:20px 10px;text-align:center}.unified-pipeline-widget .no-data-placeholder .placeholder-icon{font-size:24px;margin-bottom:6px}.unified-pipeline-widget .no-data-placeholder p{color:#6b7280;font-size:11px;margin:0}.date-quick-select-compact{margin-top:10px;padding:0}.date-buttons-compact{display:flex;flex-wrap:wrap;gap:6px}.date-btn-compact{background:#fff;border:1.5px solid #e0e0e0;border-radius:4px;cursor:pointer;min-width:60px;padding:4px 8px;text-align:center;transition:all .2s}.date-btn-compact:hover{background:#f8f9fa;border-color:#0051a3}.date-btn-compact.active{background:#e3f2fd;border-color:#0051a3}.date-btn-compact.has-data{border-left:3px solid #00a651}.date-btn-compact.no-data{border-left:3px solid #ff9800}.date-btn-date-compact{color:#1a1a2e;display:block;font-size:10px;font-weight:600}.date-btn-count-compact{color:#666;display:block;font-size:9px;margin-top:1px}.not-configured-message{background:#f9fafb;border-radius:8px;padding:20px;text-align:center}.not-configured-icon{display:block;font-size:32px;margin-bottom:8px}.not-configured-message p{color:#6b7280;font-size:13px;margin:4px 0}.not-configured-hint{color:#9ca3af;font-size:11px}.column-status-badge{border-radius:3px;font-size:9px;font-weight:600;padding:1px 5px}.column-status-badge.match{background:#dcfce7;color:#166534}.column-status-badge.missing{background:#fee2e2;color:#991b1b}.column-status-badge.extra{background:#fef3c7;color:#92400e}.validation-summary-inline{background:#fee2e2;border-radius:4px;color:#991b1b;font-size:11px;font-weight:600;padding:2px 8px}.column-field-name{background:#f0f7ff;border-bottom:1px solid #e5e7eb;font-size:9px;padding:3px 10px}.column-field-name .field-label{color:#6b7280}.column-field-name .field-value{color:#0051a3;font-family:Consolas,Monaco,monospace;margin-left:4px}[data-theme=dark] .unified-pipeline-widget{background:#1f2937;border-color:#374151}[data-theme=dark] .data-flow-compact{background:linear-gradient(180deg,#1f2937,#111827);border-bottom-color:#374151}[data-theme=dark] .stage-box-compact{background:#1f2937;border-color:#4b5563}[data-theme=dark] .stage-name-compact{color:#e5e7eb}[data-theme=dark] .count-value-compact{color:#60a5fa}[data-theme=dark] .count-pending-compact{color:#6b7280}[data-theme=dark] .arrow-compact{color:#60a5fa}[data-theme=dark] .unified-pipeline-widget .file-list-header{background:#111827;border-bottom-color:#374151}[data-theme=dark] .unified-pipeline-widget .file-list-header h4{color:#e5e7eb}[data-theme=dark] .unified-pipeline-widget .file-column{border-right-color:#374151}[data-theme=dark] .unified-pipeline-widget .file-column-header{border-bottom-color:#374151}[data-theme=dark] .unified-pipeline-widget .file-column-header .column-title{color:#e5e7eb}[data-theme=dark] .unified-pipeline-widget .file-column-content{background:#111827}[data-theme=dark] .unified-pipeline-widget .file-name-item{border-bottom-color:#1f2937}[data-theme=dark] .unified-pipeline-widget .file-name{color:#d1d5db}[data-theme=dark] .unified-pipeline-widget .no-data-placeholder p{color:#9ca3af}[data-theme=dark] .date-btn-compact{background:#1f2937;border-color:#4b5563}[data-theme=dark] .date-btn-compact:hover{background:#374151}[data-theme=dark] .date-btn-compact.active{background:#1e3a5f}[data-theme=dark] .date-btn-date-compact{color:#e5e7eb}[data-theme=dark] .date-btn-count-compact{color:#9ca3af}[data-theme=dark] .not-configured-message{background:#111827}[data-theme=dark] .not-configured-message p{color:#9ca3af}[data-theme=dark] .validation-summary-compact{background:#450a0a;border-bottom-color:#7f1d1d}[data-theme=dark] .validation-summary-compact .validation-text{color:#fca5a5}@media (max-width:768px){.data-flow-compact{flex-wrap:wrap;padding:8px}.stage-box-compact{flex:1 1;min-width:70px}.unified-pipeline-widget .file-comparison-container{grid-template-columns:1fr;max-height:none}.unified-pipeline-widget .file-column{border-bottom:1px solid #e5e7eb;border-right:none}.unified-pipeline-widget .file-column:last-child{border-bottom:none}.date-buttons-compact{flex-wrap:wrap}.date-btn-compact{flex:1 1;min-width:50px}}.seven-day-summary{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:16px;overflow:hidden}.summary-list-header{align-items:center;background:linear-gradient(135deg,#f0f7ff,#e8f4fc);border-bottom:2px solid #0051a3;display:flex;gap:12px;padding:12px 16px}.summary-title{color:#1f2937;font-size:14px;font-weight:600}.summary-status-pill{border-radius:12px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;margin-left:auto;padding:3px 10px;white-space:nowrap}.summary-list-columns{align-items:center;background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#475569;display:flex;font-size:12px;font-weight:600;padding:10px 16px}.seven-day-summary .summary-col{align-items:center;box-sizing:border-box;display:flex;gap:4px}.seven-day-summary .summary-col.date-col{flex:0 0 140px;min-width:140px;width:140px}.seven-day-summary .summary-col.count-col{flex:1 1;justify-content:center;min-width:100px;text-align:center}.seven-day-summary .summary-col.status-col{flex:0 0 70px;justify-content:center;min-width:70px;width:70px}.col-icon{font-size:14px}.col-name{color:#475569;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-list-content{background:#fafbfc;max-height:280px;overflow-y:auto}.summary-list-row{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:10px 16px;transition:background .15s}.summary-list-row:hover{background:#f1f5f9}.summary-list-row:last-child{border-bottom:none}.summary-list-row.selected{background:#dbeafe}.summary-list-row.healthy{border-left:3px solid #22c55e}.summary-list-row.warning{border-left:3px solid #f59e0b}.summary-list-row.pending{border-left:3px solid #d1d5db}.row-number{color:#9ca3af;font-size:12px;font-weight:500;margin-right:8px;min-width:24px}.summary-list-row .date-text{color:#374151;font-size:13px;font-weight:500}.summary-list-row .summary-col.count-col .count-value{color:#0051a3;font-size:14px;font-weight:600}.summary-list-row .summary-col.count-col .count-pending{color:#9ca3af;font-size:14px}.status-badge{align-items:center;border-radius:50%;display:inline-flex;font-size:12px;font-weight:700;height:22px;justify-content:center;width:22px}.status-badge.healthy{background:#dcfce7;color:#166534}.status-badge.warning{background:#fef3c7;color:#92400e}.status-badge.partial{background:#dbeafe;color:#1e40af}.status-badge.error{background:#fee2e2;color:#991b1b}.status-badge.pending{background:#f3f4f6;color:#6b7280}.summary-list-total{align-items:center;background:#f8fafc;border-top:2px solid #e5e7eb;display:flex;font-weight:600;padding:12px 16px}.summary-list-total .summary-col.date-col{color:#1f2937;font-size:13px}.summary-list-total .summary-col.count-col strong{color:#0051a3;font-size:15px}[data-theme=dark] .seven-day-summary{background:#1f2937;border-color:#374151}[data-theme=dark] .summary-list-header{background:linear-gradient(135deg,#1e3a5f,#1f2937);border-bottom-color:#3b82f6}[data-theme=dark] .summary-title{color:#f3f4f6}[data-theme=dark] .summary-list-columns{background:#1f2937;border-bottom-color:#374151}[data-theme=dark] .col-name{color:#d1d5db}[data-theme=dark] .summary-list-content{background:#111827}[data-theme=dark] .summary-list-row{border-bottom-color:#374151}[data-theme=dark] .summary-list-row:hover{background:#374151}[data-theme=dark] .summary-list-row.selected{background:#1e3a5f}[data-theme=dark] .row-number{color:#6b7280}[data-theme=dark] .date-text{color:#e5e7eb}[data-theme=dark] .summary-list-row .count-value{color:#60a5fa}[data-theme=dark] .summary-list-row .count-pending{color:#6b7280}[data-theme=dark] .status-badge.healthy{background:#064e3b;color:#6ee7b7}[data-theme=dark] .status-badge.warning{background:#78350f;color:#fbbf24}[data-theme=dark] .status-badge.partial{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .status-badge.error{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .status-badge.pending{background:#374151;color:#9ca3af}[data-theme=dark] .summary-list-total{background:#1f2937;border-top-color:#374151}[data-theme=dark] .summary-list-total .summary-col.date-col{color:#f3f4f6}[data-theme=dark] .summary-list-total .summary-col.count-col strong{color:#60a5fa}@media (max-width:768px){.seven-day-summary .summary-list-columns,.seven-day-summary .summary-list-row,.seven-day-summary .summary-list-total{font-size:11px;padding:8px 12px}.seven-day-summary .summary-col.date-col{flex:0 0 100px;min-width:100px;width:100px}.seven-day-summary .summary-col.count-col{min-width:60px}.seven-day-summary .col-name{display:none}.seven-day-summary .col-icon{font-size:16px}}.account-detail{animation:fadeIn .5s ease-in-out;margin:0;max-width:100%;padding:4px var(--space-4) var(--space-4);position:relative;width:100%}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:var(--space-12)}.loading-overlay{animation:fadeIn .3s ease;background:#fffffff2;z-index:var(--z-modal)}.loading-spinner{animation:spin 1s linear infinite!important;-webkit-animation:spin 1s linear infinite!important;border:5px solid #e6f2ff;border-radius:50%;border-top-color:#0051a3;box-shadow:0 2px 8px #0051a326;height:64px;margin-bottom:var(--space-4);transform-origin:center center;width:64px;will-change:transform}.loading-text{color:var(--kone-blue);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);text-align:center}.infra-loading-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#0051a3,#00a3e0);border-radius:24px;box-shadow:0 4px 20px #0051a34d;color:#fff;display:flex;font-size:14px;font-weight:500;gap:12px;left:50%;padding:10px 24px;position:fixed;top:70px;transform:translateX(-50%);z-index:1000}.infra-loading-banner .infra-loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.back-button{align-items:center;background:var(--gradient-kone);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-kone-md);color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);margin-bottom:var(--space-6);overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;transition:all var(--transition-bounce)}.back-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.back-button:hover:before{left:100%}.back-button:hover{box-shadow:var(--shadow-kone-lg);transform:translateY(-2px)}.back-button:active{transform:translateY(0)}.account-header{animation:slideDown .5s ease-out;background:var(--gradient-kone);border-radius:var(--radius-lg);box-shadow:var(--shadow-kone-md);color:var(--white);margin-bottom:var(--space-2);overflow:hidden;padding:var(--space-3) var(--space-5);position:relative}.account-header:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:var(--radius-full);content:"";height:220px;position:absolute;right:-10%;top:-50%;width:220px}.account-header-main{display:flex;flex-direction:column;gap:var(--space-1);position:relative;z-index:1}.account-breadcrumb{align-items:center;display:flex;font-size:var(--text-xs);gap:var(--space-2);margin-bottom:var(--space-1);opacity:.95}.breadcrumb-item{color:var(--white);font-weight:var(--font-medium)}.breadcrumb-item.team-name{font-size:var(--text-base);font-weight:var(--font-bold)}.breadcrumb-separator{color:#fff9;font-size:var(--text-xl)}.env-badge-header{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.8px;padding:var(--space-1) var(--space-3);text-transform:uppercase;transition:all var(--transition-base)}.env-badge-header:hover{transform:scale(1.05)}.env-badge-header.env-dev{background:var(--env-dev);color:var(--white)}.env-badge-header.env-qa{background:var(--env-qa);color:var(--white)}.env-badge-header.env-acc{background:var(--env-acc);color:var(--white)}.env-badge-header.env-prod{background:var(--env-prod);color:var(--white)}.env-badge-header.env-shared{background:var(--env-shared);color:var(--white)}.env-badge-header.env-sandbox{background:var(--env-sandbox);color:var(--white)}.account-header h2{color:var(--white);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-1);text-shadow:0 2px 4px #0000001a}.account-header p{color:#fffffff2;font-family:var(--font-mono);font-size:var(--text-sm)}.region-selector-section{margin-bottom:var(--space-2)}.region-selector-prominent{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:var(--radius-md);box-shadow:0 2px 8px #2196f326;padding:var(--space-3) var(--space-5)}.region-selector-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-5);justify-content:space-between}.region-selector-info{flex:1 1;min-width:280px}.region-selector-title{align-items:center;color:#1565c0;display:flex;font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--space-2);margin:0 0 2px}.region-selector-description{color:#1976d2;font-size:var(--text-xs);line-height:1.4;margin:0}.region-selector-control{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-2)}.region-select-large{background:var(--white);border:2px solid #1976d2;border-radius:var(--radius-md);box-shadow:0 2px 6px #00000014;color:var(--kone-blue);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);min-width:220px;padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.region-select-large:hover{border-color:#0d47a1;box-shadow:0 4px 12px #2196f34d;transform:translateY(-1px)}.region-select-large:focus{border-color:#0d47a1;box-shadow:0 0 0 3px #2196f34d;outline:none}.region-default-hint{color:#1565c0;font-size:var(--text-xs);font-style:italic}.region-badge-inline{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:var(--radius-full);color:#1565c0;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-1);margin-left:var(--space-3);padding:var(--space-1) var(--space-3)}@media (max-width:768px){.region-selector-content{align-items:stretch;flex-direction:column}.region-selector-control{align-items:stretch}.region-select-large{min-width:0;min-width:auto;width:100%}.region-default-hint{text-align:center}.region-badge-inline{display:none}}.cost-data-freshness-banner{animation:slideDown .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff8e1e6,#ffecb3e6);border:1px solid var(--warning);border-radius:var(--radius-md);box-shadow:0 2px 8px #ff910026;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.cost-data-freshness-banner .freshness-content{align-items:center;display:flex;gap:var(--space-3)}.cost-data-freshness-banner .freshness-icon{filter:drop-shadow(0 2px 4px rgba(255,145,0,.3));flex-shrink:0;font-size:var(--text-2xl)}.cost-data-freshness-banner .freshness-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.cost-data-freshness-banner .freshness-main,.cost-data-freshness-banner .freshness-next{align-items:center;color:#e65100;display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-2)}.cost-data-freshness-banner .freshness-main strong,.cost-data-freshness-banner .freshness-next strong{color:#bf360c;font-weight:var(--font-bold)}.cost-data-freshness-banner .freshness-age{background:#ffffffb3;color:#f57c00;font-style:italic}.cost-data-freshness-banner .freshness-age,.cost-data-freshness-banner .freshness-schedule{border-radius:var(--radius-full);font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.cost-data-freshness-banner .freshness-schedule{background:#fffc;color:#ef6c00;font-weight:var(--font-semibold)}.cost-data-freshness-banner .freshness-note{background:#fff9;border-left:3px solid var(--warning);border-radius:var(--radius-base);color:#f57c00;font-size:var(--text-xs);font-style:italic;margin-top:var(--space-1);padding:var(--space-2) var(--space-3)}.cost-data-freshness-banner .freshness-env{flex-shrink:0}.cost-data-freshness-banner .freshness-env .env-badge{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.8px;padding:var(--space-2) var(--space-4);text-transform:uppercase}.section-container{animation:slideUp .5s ease-out;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-kone-md);margin-bottom:var(--space-3);padding:var(--space-4) var(--space-5);transition:all var(--transition-base)}.section-container:hover{box-shadow:var(--shadow-kone-lg);transform:translateY(-2px)}.section-title{align-items:center;border-bottom:2px solid var(--kone-blue-lightest);color:var(--kone-blue-dark);display:flex;flex-wrap:wrap;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-1);position:relative}.section-title:after{background:var(--gradient-kone);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:80px}.section-title .info-icon-wrapper{display:inline-block;margin-left:var(--space-2);position:relative;vertical-align:middle}.section-title .info-icon{cursor:help;display:inline-block;filter:drop-shadow(0 2px 4px rgba(230,81,0,.2));font-size:var(--text-lg);opacity:.8;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.section-title .info-icon:hover{opacity:1;transform:scale(1.2) rotate(15deg)}.section-title .info-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#e65100,#bf360c);border:1px solid #fff3;border-radius:var(--radius-lg);bottom:125%;box-shadow:var(--shadow-2xl);color:var(--white);font-size:var(--text-sm);font-weight:var(--font-normal);left:50%;letter-spacing:normal;line-height:var(--leading-relaxed);max-width:90vw;opacity:0;padding:var(--space-4) var(--space-5);pointer-events:none;position:absolute;text-align:left;text-transform:none;transform:translateX(-50%) translateY(10px);transition:all var(--transition-base);visibility:hidden;white-space:normal;width:440px;z-index:var(--z-tooltip)}.section-title .info-tooltip:after{border:10px solid #0000;border-top-color:#bf360c;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.section-title .info-tooltip strong{color:#ffccbc;display:block;font-size:var(--text-base);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.section-title .info-icon-wrapper:hover .info-tooltip{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.service-count-badge{background:var(--gradient-kone);border-radius:var(--radius-full);box-shadow:var(--shadow-kone-sm);color:var(--white);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.5px;padding:var(--space-2) var(--space-4);text-transform:uppercase}.section-header-with-filters{align-items:center;border-bottom:2px solid var(--kone-blue-lightest);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-3)}.section-header-with-filters .section-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.monitoring-filters{align-items:center;display:flex;gap:var(--space-5)}.filter-group{align-items:center;display:flex;gap:var(--space-2)}.filter-group label{color:var(--kone-blue-dark);font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap}.filter-info{align-items:center;background:linear-gradient(135deg,var(--kone-blue-lightest) 0,#bbdefb80 100%);border:2px solid var(--kone-blue-light);border-radius:var(--radius-base);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.filter-info .info-label{color:#1565c0}.filter-info .info-label,.filter-info .info-value{font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap}.filter-info .info-value{color:#0d47a1;font-family:var(--font-mono)}.filter-select{-webkit-appearance:none;appearance:none;background:var(--white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23003d7a' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;border:2px solid var(--gray-300);border-radius:var(--radius-base);color:var(--kone-blue-dark);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);min-width:200px;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);transition:all var(--transition-base)}.filter-select:hover{border-color:var(--kone-blue);box-shadow:var(--shadow-kone-sm)}.filter-select:focus{border-color:var(--kone-blue);box-shadow:0 0 0 3px #0051a31a;outline:none}.cost-table-container{border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-bottom:var(--space-4);overflow-x:auto}.cost-table{background:var(--white);border-collapse:initial;border-radius:var(--radius-lg);border-spacing:0;font-size:var(--text-sm);overflow:hidden;width:100%}.cost-table thead{background:var(--gradient-kone);color:var(--white);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.cost-table th{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.8px;padding:var(--space-2) var(--space-4);text-align:left;text-transform:uppercase}.cost-table tbody tr{border-bottom:1px solid var(--gray-200);transition:all var(--transition-base)}.cost-table tbody tr:hover{background:linear-gradient(90deg,var(--kone-blue-lightest) 0,#0000 100%)}.cost-table td{padding:var(--space-2) var(--space-4)}.service-name{color:var(--kone-blue-dark)}.cost-value,.service-name{font-weight:var(--font-semibold)}.cost-value{color:var(--kone-blue);font-family:var(--font-mono)}.forecast-value{color:var(--warning);font-size:var(--text-base)}.change-value,.forecast-value{font-family:var(--font-mono);font-weight:var(--font-bold)}.change-value.positive{color:var(--error)}.change-value.negative{color:var(--success)}.total-row{background:linear-gradient(135deg,var(--gray-100) 0,var(--gray-50) 100%);font-size:var(--text-base);font-weight:var(--font-bold)}.total-row td{color:var(--kone-blue-dark);padding:var(--space-4)}.forecast-row{background:linear-gradient(135deg,var(--kone-blue-lightest) 0,#d4e4f080 100%);border-top:2px solid var(--kone-blue);font-size:var(--text-sm);font-weight:var(--font-semibold)}.forecast-note{background:var(--kone-blue-lightest);border-left:4px solid var(--kone-blue);border-radius:var(--radius-base);color:var(--kone-blue-dark);font-size:var(--text-sm);margin-top:var(--space-3);padding:var(--space-3) var(--space-4)}.chart-grid-2{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(2,1fr)}.chart-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid #ffffff80;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-3);transition:all var(--transition-base)}.chart-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.chart-card h4{color:var(--kone-blue-dark);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.chart-card-full{width:100%}.cost-trend-card{background:linear-gradient(160deg,#fff,#f4f8fc);padding:var(--space-4) var(--space-5)}.cost-trend-header{align-items:center;border-bottom:1px solid #e6ecf2;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.cost-trend-header h4{color:var(--kone-blue-dark);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-bold);margin-bottom:0}.cost-trend-stats{display:flex;flex-wrap:wrap;gap:var(--space-4)}.cts-item{align-items:flex-start;background:#fff;border:1px solid #e6ecf2;border-radius:var(--radius-md);box-shadow:0 1px 3px #003d7a0f;display:flex;flex-direction:column;line-height:1.15;min-width:84px;padding:var(--space-2) var(--space-3)}.cts-item:first-child{border-top:2px solid #0051a3}.cts-item:nth-child(2){border-top:2px solid #00a3a3}.cts-item:nth-child(3){border-top:2px solid #f9a825}.cts-item:nth-child(4){border-top:2px solid #2e9e5b}.cts-label{color:#8a97a8;font-size:10px;font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.cts-value{color:var(--kone-blue-dark);font-size:var(--text-lg);font-weight:var(--font-bold)}.cts-sub{color:#a0abba;font-size:10px}.cost-trend-tooltip{background:#fff;border:1px solid #e0e7ef;border-radius:var(--radius-md);box-shadow:0 6px 18px #003d7a24;padding:var(--space-2) var(--space-3)}.cost-trend-tooltip .ctt-date{color:#8a97a8;font-size:11px;margin-bottom:2px}.cost-trend-tooltip .ctt-value{color:#0051a3;font-size:var(--text-base);font-weight:var(--font-bold)}.cost-trend-tooltip .ctt-delta{font-size:11px;font-weight:var(--font-semibold);margin-top:2px}.cost-trend-tooltip .ctt-delta.up{color:#e53935}.cost-trend-tooltip .ctt-delta.down{color:#00a651}@media (max-width:640px){.cost-trend-stats{gap:var(--space-2)}.cts-item{min-width:72px}.cts-value{font-size:var(--text-base)}}.chart-title{color:#003d7a;font-size:13px;font-weight:600;margin-bottom:10px}.mini-list{display:flex;flex-direction:column;gap:6px}.mini-list-row{align-items:center;background:#f6f9fc;border:1px solid #e8f0f7;border-radius:6px;display:flex;font-size:12px;gap:12px;justify-content:space-between;padding:6px 8px}.mini-list-name{color:#33475b;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-list-value{flex-shrink:0;font-weight:600}.mini-list-value.error{color:#e53935}.rds-table-wrap{overflow-x:auto}.rds-table{border-collapse:collapse;font-size:12px;min-width:760px;width:100%}.rds-table td,.rds-table th{border-bottom:1px solid #eef3f8;padding:8px 14px;text-align:left;white-space:nowrap}.rds-table thead th{background:#f6f9fc;border-bottom:2px solid #e0e8f0;color:#5a6b7b;font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.rds-table tbody tr:hover{background:#f6f9fc}.rds-table td.num,.rds-table th.num{text-align:right}.rds-table td.center,.rds-table th.center{text-align:center}.rds-table td.rds-name{color:#003d7a;font-weight:600;max-width:240px;overflow:hidden;text-overflow:ellipsis}.rds-table td.error{color:#e53935;font-weight:600}.rds-table td.warning{color:#fb8c00;font-weight:600}.rds-status{border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px}.rds-status.ok{background:#e6f4ea;color:#00a651}.rds-status.warn{background:#fff3e0;color:#fb8c00}.rds-sub{color:#8a99a8;font-weight:400}.metrics-grid-4{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--space-4)}.metric-widget{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-3);transition:box-shadow var(--transition-base)}.metric-widget:hover{box-shadow:var(--shadow-kone-md)}.widget-label{color:var(--gray-600);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.6px;text-transform:uppercase}.widget-label,.widget-value{margin-bottom:var(--space-1)}.widget-value{color:var(--kone-blue);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold)}.widget-value.small{font-size:var(--text-xl)}.widget-value.error{color:var(--error)}.widget-value.warning{color:var(--warning)}.widget-trend{color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--font-semibold)}.widget-trend.positive{color:var(--success)}.widget-trend.negative{color:var(--error)}.alarms-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:100%}.alarm-widget{align-items:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:84px;overflow:hidden;padding:var(--space-4) var(--space-5);position:relative;text-align:center;transition:all var(--transition-base);width:auto}.alarm-widget:before{background:currentColor;content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-base)}.alarm-widget:hover:before{transform:scaleX(1)}.alarm-widget:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.alarm-count{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-none);margin-bottom:var(--space-1)}.alarm-label{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.8px;margin-bottom:2px;text-transform:uppercase}.alarm-sublabel{font-size:var(--text-xs);font-weight:var(--font-normal);margin-top:var(--space-1);opacity:.8}.alarm-ok{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.alarm-critical{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.alarm-widget.clickable:after{content:"👆";font-size:var(--text-lg);opacity:0;position:absolute;right:var(--space-2);top:var(--space-2);transition:opacity var(--transition-base)}.alarm-widget.clickable:hover:after{opacity:1}.recommendations-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.recommendation-card{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border-left:4px solid var(--kone-blue);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);transition:all var(--transition-bounce)}.recommendation-card:hover{box-shadow:var(--shadow-kone-lg);transform:translateY(-4px)}.recommendation-card.priority-high{border-left-color:var(--error)}.recommendation-card.priority-medium{border-left-color:var(--warning)}.recommendation-card.priority-low{border-left-color:var(--success)}.recommendation-card.priority-critical{background:linear-gradient(135deg,#ffebeeb3,#ffffffb3);border-left-color:var(--error)}.rec-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.priority-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.8px;padding:var(--space-1) var(--space-3);text-transform:uppercase}.priority-badge.priority-critical{animation:pulse 2s ease-in-out infinite}.priority-badge.priority-critical,.priority-badge.priority-high{background:var(--error-bg);color:var(--error-dark)}.priority-badge.priority-medium{background:var(--warning-bg);color:var(--warning-dark)}.priority-badge.priority-low{background:var(--success-bg);color:var(--success-dark)}.savings-badge{background:var(--gradient-success);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);color:var(--white);font-size:var(--text-sm);font-weight:var(--font-bold);padding:var(--space-2) var(--space-3)}.recommendation-card h4{color:var(--kone-blue-dark);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.recommendation-card p{color:var(--gray-700);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.rec-footer{display:flex;gap:var(--space-2)}.service-tag{background-color:var(--kone-blue-lightest);border-radius:var(--radius-base);color:var(--kone-blue);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3)}.service-section{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5);padding:var(--space-4);transition:all var(--transition-base)}.service-section:hover{box-shadow:var(--shadow-md)}.service-title{align-items:center;border-bottom:2px solid var(--kone-blue-lightest);color:var(--kone-blue-dark);display:flex;flex-wrap:wrap;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.cost-badge{background:var(--gradient-success);color:var(--white);font-size:var(--text-sm);letter-spacing:.5px}.cost-badge,.service-health-indicator{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-weight:var(--font-bold);padding:var(--space-2) var(--space-4)}.service-health-indicator{align-items:center;display:inline-flex;font-size:var(--text-xs);gap:var(--space-2);letter-spacing:.8px;text-transform:uppercase}.service-health-indicator.healthy{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #66bb6a;color:#2e7d32}.service-health-indicator.warning{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800;color:#e65100}.service-health-indicator.critical{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #ef5350;color:#c62828}.no-services-message{background:linear-gradient(135deg,var(--kone-blue-lightest) 0,#e8f0f780 100%);border:2px dashed var(--kone-blue);border-radius:var(--radius-xl);margin:var(--space-5) 0;padding:var(--space-16) var(--space-10);text-align:center}.no-services-icon{filter:drop-shadow(0 4px 8px rgba(0,81,163,.2));font-size:80px;margin-bottom:var(--space-5);opacity:.6}.no-services-message h4{color:var(--kone-blue-dark);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.no-services-message p{color:var(--gray-700);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.no-services-message strong{color:var(--kone-blue);font-weight:var(--font-semibold)}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;z-index:var(--z-modal)}.modal-content{animation:scaleIn .3s ease;background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:90%}.alarm-modal{width:1100px}.modal-header{background:var(--gradient-kone);border-bottom:2px solid var(--kone-blue-lightest);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;color:var(--white);padding:var(--space-6) var(--space-8)}.modal-header h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold)}.modal-close{background:none;border-radius:var(--radius-full);color:var(--white);font-size:var(--text-4xl);height:44px;padding:0;transition:all var(--transition-base);width:44px}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-body{flex:1 1;overflow-y:auto;padding:var(--space-6) var(--space-8)}.modal-footer{background:var(--gray-50);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);border-top:2px solid var(--gray-200);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-5) var(--space-8)}.btn-close,.btn-refresh{border:none;border-radius:var(--radius-base);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.btn-refresh{background:var(--gradient-success);box-shadow:var(--shadow-sm);color:var(--white)}.btn-refresh:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-close{background:var(--gray-300);color:var(--gray-800)}.btn-close:hover{background:var(--gray-400)}.alarms-table{background:var(--white);border-collapse:initial;border-radius:var(--radius-lg);border-spacing:0;box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.alarms-table thead{background:var(--gradient-kone);color:var(--white)}.alarms-table th{font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.8px;padding:var(--space-4);text-align:left;text-transform:uppercase}.alarms-table tbody tr{border-bottom:1px solid var(--gray-200);transition:all var(--transition-base)}.alarms-table tbody tr:hover{background:var(--gray-50)}.alarms-table tbody tr:last-child{border-bottom:none}.alarms-table td{font-size:var(--text-sm);padding:var(--space-4)}.alarm-name{color:var(--kone-blue-dark);font-weight:var(--font-semibold);max-width:320px;word-break:break-word}.alarm-reason{color:var(--gray-700);max-width:380px;word-break:break-word}.alarm-time{color:var(--gray-500);font-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap}.state-badge{border-radius:var(--radius-full);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.8px;padding:var(--space-1) var(--space-3);text-transform:uppercase}.state-badge.state-alarm{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid #ef5350;color:#c62828}.state-badge.state-ok{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #66bb6a;color:#2e7d32}.state-badge.state-insufficient_data{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #42a5f5;color:#1976d2}.alarm-row.alarm-state-alarm{background:#ffebee4d}.security-section{background:linear-gradient(135deg,#fff5f5b3,#ffffffb3);border-left:4px solid var(--error)}.security-summary{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-bottom:var(--space-6)}.security-badge{align-items:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;min-width:140px;padding:var(--space-4) var(--space-6);transition:all var(--transition-base)}.security-badge:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.security-badge.critical{background:var(--gradient-error);color:var(--white)}.security-badge.high{background:var(--gradient-warning);color:var(--white)}.security-badge.total{background:var(--gradient-kone);color:var(--white)}.security-badge .badge-count{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-extrabold);line-height:var(--leading-none);margin-bottom:var(--space-2)}.security-badge .badge-label{font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.8px;opacity:.95;text-transform:uppercase}.security-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.security-card{border-left-style:solid;border-left-width:4px}.security-card.priority-critical{background:linear-gradient(135deg,#fff5f5b3,#ffffffb3);border-left-color:var(--error)}.security-card.priority-high{background:linear-gradient(135deg,#fff8f0b3,#ffffffb3);border-left-color:var(--warning)}.security-card.priority-medium{background:linear-gradient(135deg,#fffbf0b3,#ffffffb3);border-left-color:#ffc107}@media (max-width:1024px){.account-detail{padding:var(--space-6) var(--space-8)}.chart-grid-2{grid-template-columns:1fr}.metrics-grid-4{grid-template-columns:repeat(2,1fr)}.section-header-with-filters{align-items:flex-start;flex-direction:column}.monitoring-filters{flex-direction:column;gap:var(--space-3);width:100%}.filter-group,.filter-select{width:100%}}@media (max-width:768px){.account-detail,.section-container{padding:var(--space-5)}.recommendations-grid{grid-template-columns:1fr}.metrics-grid-4{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.metric-widget{padding:var(--space-2) var(--space-3)}.widget-value{font-size:var(--text-xl)}.alarms-grid{flex-direction:row;gap:var(--space-5);justify-content:center;max-width:100%}.alarm-widget{max-width:260px;min-height:140px;min-width:260px;padding:var(--space-6) var(--space-8);width:260px}.alarm-count{font-size:var(--text-4xl)}.alarm-label{font-size:var(--text-xs)}.section-title .info-tooltip{font-size:var(--text-xs);padding:var(--space-3) var(--space-4);width:320px}.security-grid{grid-template-columns:1fr}}@media (max-width:480px){.account-detail{padding:var(--space-4)}.back-button{justify-content:center;width:100%}.alarms-grid{flex-direction:row;gap:var(--space-3);justify-content:center}.alarm-widget{max-width:180px;min-height:120px;min-width:180px;padding:var(--space-4) var(--space-5);width:180px}.alarm-count{font-size:var(--text-3xl)}.alarm-label{font-size:10px}.alarm-sublabel{font-size:9px}.alarm-modal{width:95%}.modal-body,.modal-footer,.modal-header{padding:var(--space-4) var(--space-5)}}@media (prefers-reduced-motion:reduce){.alarm-widget,.metric-widget,.recommendation-card,.section-container,.service-section{animation:none;transition:none}}@media (prefers-contrast:high){.alarm-widget,.metric-widget,.recommendation-card,.section-container{border-color:currentColor;border-width:2px}}@media print{.alarm-widget.clickable:after,.back-button,.modal-overlay{display:none}.section-container{page-break-inside:avoid}}[data-theme=dark] .account-detail{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .account-header{background:var(--surface-primary);border:1px solid var(--border-color)}[data-theme=dark] .account-title{color:var(--text-primary)}[data-theme=dark] .account-subtitle{color:var(--text-secondary)}[data-theme=dark] .region-selector{background:var(--surface-secondary);border:1px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .region-selector:hover{background:var(--surface-hover);border-color:var(--kone-blue)}[data-theme=dark] .cost-freshness-banner{background:linear-gradient(135deg,#e6510026,#bf360c26);border:1px solid #e651004d}[data-theme=dark] .freshness-title{color:var(--warning-light)}[data-theme=dark] .freshness-details{color:var(--text-secondary)}[data-theme=dark] .metrics-overview{background:var(--surface-primary);border:1px solid var(--border-color)}[data-theme=dark] .metric-card{background:linear-gradient(135deg,var(--surface-secondary) 0,var(--surface-hover) 100%);border:1px solid var(--border-color)}[data-theme=dark] .metric-card:hover{border-color:var(--kone-blue);box-shadow:0 8px 24px #0051a34d}[data-theme=dark] .metric-label{color:var(--text-secondary)}[data-theme=dark] .metric-value{color:var(--text-primary)}[data-theme=dark] .cost-analysis-section,[data-theme=dark] .infrastructure-section,[data-theme=dark] .security-section{background:var(--surface-primary);border:1px solid var(--border-color)}[data-theme=dark] .section-title{color:var(--text-primary)}[data-theme=dark] .chart-card{background:var(--surface-secondary);border:1px solid var(--border-color)}[data-theme=dark] .chart-card:hover{background:var(--surface-hover);border-color:var(--kone-blue)}[data-theme=dark] .service-section{background:var(--surface-secondary);border:1px solid var(--border-color)}[data-theme=dark] .service-section:hover{border-color:var(--kone-blue)}[data-theme=dark] .service-title{color:var(--text-primary)}[data-theme=dark] .cost-badge{background:#0051a333;border:1px solid var(--kone-blue);color:var(--kone-blue-light)}[data-theme=dark] .metric-widget,[data-theme=dark] .service-health-indicator{border:1px solid var(--border-color)}[data-theme=dark] .metric-widget{background:var(--surface-primary)}[data-theme=dark] .metric-widget:hover{background:var(--surface-hover);border-color:var(--kone-blue)}[data-theme=dark] .widget-label{color:var(--text-secondary)}[data-theme=dark] .widget-value{color:var(--text-primary)}[data-theme=dark] .alarm-summary{background:var(--surface-secondary);border:1px solid var(--border-color)}[data-theme=dark] .alarm-summary:hover{border-color:var(--kone-blue)}[data-theme=dark] .alarm-count{color:var(--text-primary)}[data-theme=dark] .alarm-label{color:var(--text-secondary)}[data-theme=dark] .alarm-modal{background:var(--surface-elevated);border:1px solid var(--border-color)}[data-theme=dark] .modal-header{background:var(--surface-secondary);border-bottom:1px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .modal-close{color:var(--text-secondary)}[data-theme=dark] .modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}[data-theme=dark] .alarm-card{background:var(--surface-secondary);border:1px solid var(--border-color)}[data-theme=dark] .alarm-card:hover{border-color:var(--kone-blue)}[data-theme=dark] .alarm-name{color:var(--text-primary)}[data-theme=dark] .alarm-description{color:var(--text-secondary)}[data-theme=dark] .security-recommendations{background:var(--surface-secondary);border:1px solid var(--border-color)}[data-theme=dark] .security-rec-card{background:var(--surface-primary);border:1px solid var(--border-color)}[data-theme=dark] .security-rec-card:hover{border-color:var(--error)}[data-theme=dark] .rec-title{color:var(--text-primary)}[data-theme=dark] .rec-description{color:var(--text-secondary)}[data-theme=dark] .info-tooltip{background:linear-gradient(135deg,var(--surface-elevated) 0,var(--surface-secondary) 100%);border:1px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .loading-container{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .loading-spinner{animation:spin 1s linear infinite!important;-webkit-animation:spin 1s linear infinite!important;border:5px solid #3385d633;border-top-color:#3385d6;box-shadow:0 0 20px #3385d64d}[data-theme=dark] .loading-text{color:#3385d6}[data-theme=dark] .back-button{background:var(--surface-secondary);border:1px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .back-button:hover{background:var(--surface-hover);border-color:var(--kone-blue)}[data-theme=dark] .recharts-cartesian-axis-tick-value,[data-theme=dark] .recharts-label,[data-theme=dark] .recharts-text{fill:var(--text-secondary)!important}[data-theme=dark] .recharts-pie-label-text{font-weight:600!important}[data-theme=dark] .service-name{color:var(--text-primary)!important}[data-theme=dark] .cost-value{color:var(--kone-blue-light)!important}[data-theme=dark] .cost-table{background:var(--surface-primary);border:1px solid var(--border-color)}[data-theme=dark] .cost-table thead{background:linear-gradient(135deg,#0051a34d,#003d7a4d);border-bottom:2px solid var(--border-color)}[data-theme=dark] .cost-table th{border-bottom:1px solid var(--border-color);color:var(--text-primary)!important}[data-theme=dark] .cost-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary)!important}[data-theme=dark] .cost-table tbody tr:hover{background:var(--surface-hover)}[data-theme=dark] .cost-table tfoot{background:var(--surface-secondary);border-top:2px solid var(--border-color)}[data-theme=dark] .cost-table tfoot td{color:var(--text-primary)!important;font-weight:var(--font-bold)}[data-theme=dark] .recharts-cartesian-grid line{stroke:var(--border-color)!important;stroke-opacity:.5}[data-theme=dark] .recharts-cartesian-grid-horizontal line,[data-theme=dark] .recharts-cartesian-grid-vertical line{stroke:var(--border-color)!important}[data-theme=dark] .recharts-tooltip-wrapper{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}[data-theme=dark] .recharts-default-tooltip{background-color:var(--surface-elevated)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-base)!important}[data-theme=dark] .recharts-tooltip-label{color:var(--text-primary)!important}[data-theme=dark] .recharts-tooltip-item{color:var(--text-secondary)!important}[data-theme=dark] .recharts-pie-label-text{fill:var(--text-primary)!important;font-weight:var(--font-semibold)}[data-theme=dark] .recharts-legend-item-text{color:var(--text-secondary)!important}.loading-overlay{align-items:center;animation:fadeIn .2s ease-in-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffe6;bottom:0;cursor:wait;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-overlay .loading-spinner{animation:spin .8s linear infinite!important;-webkit-animation:spin .8s linear infinite!important;border:6px solid #e6f2ff;border-radius:50%;border-top-color:#0051a3;box-shadow:0 4px 16px #0051a333;height:80px;margin-bottom:var(--space-5);transform-origin:center center;width:80px;will-change:transform}.loading-overlay .loading-text{color:var(--kone-blue);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);text-align:center}.loading-overlay .loading-subtext{color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-sm);text-align:center}[data-theme=dark] .loading-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0a0e14f2}[data-theme=dark] .loading-overlay .loading-spinner{animation:spin .8s linear infinite!important;-webkit-animation:spin .8s linear infinite!important;border:6px solid #3385d633;border-top-color:#3385d6;box-shadow:0 0 30px #3385d666}[data-theme=dark] .loading-overlay .loading-text{color:#3385d6}[data-theme=dark] .loading-overlay .loading-subtext{color:var(--text-tertiary)}body.loading-active{overflow:hidden}.loading-badge{align-items:center;animation:pulse 1.5s ease-in-out infinite;background:#e6f2ff;border-radius:12px;color:#0051a3;display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-left:10px;padding:4px 10px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-spinner-inline{animation:spin .8s linear infinite;border:2px solid #e6f2ff;border-radius:50%;border-top-color:#0051a3;height:14px;width:14px}.infrastructure-loading-placeholder{align-items:center;background:linear-gradient(135deg,#f8fafc,#e8f4fd);border:1px dashed #c5d9ed;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:60px 20px}.infrastructure-loading-placeholder .loading-spinner{height:48px;margin-bottom:16px;width:48px}.infrastructure-loading-placeholder p{color:#5a6c7d;font-size:14px;margin:4px 0;text-align:center}.infrastructure-loading-placeholder .loading-hint{color:#0051a3;font-size:12px;font-style:italic;margin-top:8px}.loading-spinner-small{animation:spin .8s linear infinite;border:2px solid #e6f2ff;border-radius:50%;border-top-color:#0051a3;height:20px;width:20px}.infrastructure-loading-indicator{align-items:center;background:#fff8e1;border-left:3px solid #ffc107;border-radius:4px;color:#7c6a00;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:8px 16px}.skeleton-loading{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .loading-badge{background:#0051a333;color:#60a5fa}[data-theme=dark] .infrastructure-loading-placeholder{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}[data-theme=dark] .infrastructure-loading-placeholder p{color:#94a3b8}[data-theme=dark] .infrastructure-loading-placeholder .loading-hint{color:#60a5fa}[data-theme=dark] .infrastructure-loading-indicator{background:#ffc1071a;border-left-color:#ffc107;color:#fbbf24}[data-theme=dark] .loading-spinner-inline,[data-theme=dark] .loading-spinner-small{border-color:#60a5fa #60a5fa33 #60a5fa33}.quick-insights-grid{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:1fr}.insight-card{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);transition:all var(--transition-base)}.insight-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.insight-card h4{align-items:center;border-bottom:2px solid var(--kone-blue-lightest);color:var(--kone-blue-dark);display:flex;font-size:var(--text-lg);font-weight:var(--font-semibold);gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-2)}.insight-card.insight-issues h4{border-bottom-color:#ffcdd2}.insight-card.insight-optimize h4{border-bottom-color:#fff3e0}.insight-card.insight-summary h4{border-bottom-color:#e3f2fd}.insight-list{list-style:none;margin:0;padding:0}.insight-list li{align-items:flex-start;border-bottom:1px solid var(--gray-100);display:flex;font-size:var(--text-sm);gap:var(--space-3);line-height:1.5;padding:var(--space-3) 0}.insight-list li:last-child{border-bottom:none}.insight-icon{flex-shrink:0;font-size:var(--text-lg)}.insight-critical{background:linear-gradient(90deg,#ffebee,#0000);color:#c62828}.insight-critical,.insight-warning{border-radius:var(--radius-base);margin:var(--space-1) 0;padding:var(--space-2) var(--space-3)}.insight-warning{background:linear-gradient(90deg,#fff3e0,#0000);color:#e65100}.insight-info{background:linear-gradient(90deg,#e3f2fd,#0000);color:#1565c0}.insight-info,.insight-ok{border-radius:var(--radius-base);margin:var(--space-1) 0;padding:var(--space-2) var(--space-3)}.insight-ok{background:linear-gradient(90deg,#e8f5e9,#0000);color:#2e7d32}.resource-summary-grid{grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.resource-item{align-items:center;background:linear-gradient(135deg,var(--kone-blue-lightest) 0,#fffc 100%);border:1px solid var(--kone-blue-light);border-radius:var(--radius-base);justify-content:space-between;padding:var(--space-3)}.resource-label{color:var(--gray-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.resource-value{color:var(--kone-blue);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold)}.metric-hint{color:var(--gray-500);display:block;font-size:var(--text-xs);font-style:italic;font-weight:var(--font-normal);margin-top:2px}@media (max-width:768px){.quick-insights-grid,.resource-summary-grid{grid-template-columns:1fr}}.infra-loading-badge{align-items:center;animation:pulse-soft 2s ease-in-out infinite;background:linear-gradient(135deg,#fff9e6,#fff3cc);border:1px solid #ffe082;border-radius:20px;color:#f57c00;display:inline-flex;font-size:12px;font-weight:500;gap:8px;margin-left:16px;padding:6px 14px}.spinner-inline{animation:spin .8s linear infinite;border:2px solid #ffe082;border-radius:50%;border-top-color:#f57c00;height:14px;width:14px}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.infra-loading-container{padding:20px 0}.infra-loading-card{background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #0051a3;border-radius:16px;box-shadow:0 8px 32px #0051a326;padding:40px;text-align:center}.infra-loading-header{margin-bottom:30px}.infra-loading-spinner-large{animation:spin 1s linear infinite!important;border:4px solid #e6f2ff;border-radius:50%;border-top-color:#0051a3;display:block;height:64px;margin:0 auto 20px;transform-origin:center center;width:64px;will-change:transform}.infra-loading-header h4{color:#0051a3;font-size:22px;font-weight:600;margin:0 0 8px}.infra-loading-header p{color:#666;font-size:14px;margin:0}.infra-loading-progress{margin:30px 0}.progress-bar{background:#e6f2ff;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden}.progress-bar-fill{animation:progress-indeterminate 2s ease-in-out infinite;background:linear-gradient(90deg,#0051a3,#00a3e0);border-radius:4px;height:100%}@keyframes progress-indeterminate{0%{margin-left:0;width:0}50%{margin-left:20%;width:60%}to{margin-left:100%;width:0}}.progress-text{color:#666;font-size:13px;font-style:italic}.infra-loading-services-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin:30px 0}.loading-service-card{align-items:center;animation:service-pulse 2s ease-in-out infinite;background:#fff;border:1px solid #e0e6ed;border-radius:10px;display:flex;flex-direction:column;padding:16px 12px;transition:all .3s ease}.loading-service-card:first-child{animation-delay:0s}.loading-service-card:nth-child(2){animation-delay:.1s}.loading-service-card:nth-child(3){animation-delay:.2s}.loading-service-card:nth-child(4){animation-delay:.3s}.loading-service-card:nth-child(5){animation-delay:.4s}.loading-service-card:nth-child(6){animation-delay:.5s}.loading-service-card:nth-child(7){animation-delay:.6s}.loading-service-card:nth-child(8){animation-delay:.7s}.loading-service-card:nth-child(9){animation-delay:.8s}.loading-service-card:nth-child(10){animation-delay:.9s}.loading-service-card:nth-child(11){animation-delay:1s}.loading-service-card:nth-child(12){animation-delay:1.1s}@keyframes service-pulse{0%,to{border-color:#e0e6ed;opacity:.5;transform:scale(.98)}50%{border-color:#0051a3;opacity:1;transform:scale(1)}}.loading-service-card .service-icon{font-size:24px;margin-bottom:8px}.loading-service-card .service-name{color:#444;font-size:11px;font-weight:500;text-align:center}.loading-service-card .service-status{border-radius:50%;height:8px;margin-top:8px;width:8px}.loading-service-card .service-status.loading{animation:status-blink 1s ease-in-out infinite;background:#ffb74d}@keyframes status-blink{0%,to{opacity:.3}50%{opacity:1}}.infra-loading-tip{align-items:center;background:#fff8e1;border:1px solid #ffe082;border-radius:10px;display:flex;gap:10px;justify-content:center;margin-top:20px;padding:16px 24px}.infra-loading-tip .tip-icon{font-size:18px}.infra-loading-tip .tip-text{color:#f57c00;font-size:13px}.infra-loading-overlay{align-items:center;animation:fadeIn .3s ease;background:linear-gradient(135deg,#f8fafc,#eef2f7);border:2px dashed #0051a3;border-radius:12px;box-shadow:0 4px 20px #0051a31a;display:flex;justify-content:center;margin:20px 0;min-height:300px;position:relative}.infra-loading-content{padding:40px;text-align:center}.infra-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e6f2ff;border-radius:50%;border-top-color:#0051a3;height:56px;margin:0 auto 20px;width:56px}.infra-loading-text{color:#0051a3;font-size:18px;font-weight:600;margin-bottom:8px}.infra-loading-subtext{color:#666;font-size:14px;margin-bottom:20px}.infra-loading-services{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto;max-width:400px}.loading-service-item{align-items:center;animation:pulse-service 2s ease-in-out infinite;background:#fff;border:1px solid #e0e6ed;border-radius:16px;color:#555;display:inline-flex;font-size:12px;padding:6px 12px}.loading-service-item:first-child{animation-delay:0s}.loading-service-item:nth-child(2){animation-delay:.2s}.loading-service-item:nth-child(3){animation-delay:.4s}.loading-service-item:nth-child(4){animation-delay:.6s}.loading-service-item:nth-child(5){animation-delay:.8s}.loading-service-item:nth-child(6){animation-delay:1s}@keyframes pulse-service{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.resource-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.resource-item{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e0e6ed;border-radius:10px;display:flex;flex-direction:column;padding:14px 16px;transition:all .2s ease}.resource-item:hover{border-color:#0051a3;box-shadow:0 2px 8px #0051a31a}.resource-label{color:#666;font-size:12px;font-weight:500;margin-bottom:4px}.resource-value{color:#0051a3;font-size:24px;font-weight:700;line-height:1.2}.resource-sub{color:#888;font-size:11px;font-weight:400;margin-left:4px}.resource-stopped{color:#f57c00;font-size:12px;font-weight:500}.resource-badge{border-radius:12px;display:inline-block;font-size:10px;font-weight:600;margin-top:6px;padding:3px 8px}.resource-badge.error{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.resource-badge.success{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.resource-badge.warning{background:#fff3e0;border:1px solid #ffe0b2;color:#e65100}.metrics-note{background:#f5f5f5;border-radius:6px;color:#666;font-size:11px;font-style:italic;margin-top:12px;padding:8px 12px}.savings-aggregate{align-items:center;background:linear-gradient(90deg,#e8f5e9,#f1f8e9);border:1px solid #a5d6a7;border-radius:8px;border-radius:var(--radius-base,8px);display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2,8px);margin:0 0 12px;margin:0 0 var(--space-3,12px) 0;padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}.savings-aggregate-label{color:#2e7d32;font-size:13px;font-size:var(--text-sm,13px);font-weight:600}.savings-aggregate-value{color:#1b5e20;font-size:18px;font-size:var(--text-lg,18px);font-weight:700}.savings-stale-note{color:#e65100;font-size:11px;font-weight:500}.savings-unavailable-note{background:linear-gradient(90deg,#fff3e0,#0000);border-radius:8px;border-radius:var(--radius-base,8px);color:#e65100;font-size:12px;margin:0 0 12px;margin:0 0 var(--space-3,12px) 0;padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}.insight-savings-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.insight-savings-title{font-weight:600}.insight-savings-desc{font-size:12px;opacity:.85}.insight-savings-figure{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2,8px);margin-top:2px}.savings-amount{color:#1b5e20;font-size:13px;font-size:var(--text-sm,13px);font-weight:700}.savings-source-label{border-radius:10px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.03em;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.savings-source-label.source-aws{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.savings-source-label.source-estimate{background:#fff3e0;border:1px solid #ffcc80;color:#e65100}.savings-source-label.source-nodata{background:#eceff1;border:1px solid #cfd8dc;color:#607d8b}.savings-source-label.source-mixed{background:#e3f2fd;border:1px solid #90caf9;color:#1565c0}.savings-breakdown{color:#4b5563;display:flex;flex-wrap:wrap;font-size:12px;font-size:var(--text-xs,12px);gap:16px;margin:4px 0 10px}.savings-breakdown-item strong{color:#1f2937}[data-theme=dark] .savings-breakdown{color:#cbd5e1}[data-theme=dark] .savings-breakdown-item strong{color:#f1f5f9}[data-theme=dark] .savings-source-label.source-mixed{background:#0c4a6e;color:#e0f2fe}[data-theme=dark] .savings-aggregate{background:linear-gradient(90deg,#14532d,#166534);border-color:#22c55e}[data-theme=dark] .savings-aggregate-label,[data-theme=dark] .savings-aggregate-value,[data-theme=dark] .savings-amount{color:#dcfce7}[data-theme=dark] .savings-source-label.source-aws{background:#14532d;border-color:#22c55e;color:#dcfce7}[data-theme=dark] .savings-source-label.source-estimate{background:#451a03;border-color:#f59e0b;color:#fed7aa}[data-theme=dark] .savings-source-label.source-nodata{background:#374151;border-color:#4b5563;color:#cbd5e1}.account-header--sticky{position:relative}.account-floating-nav{animation:slideDown .2s ease-out;background:linear-gradient(135deg,#0051a3,#003d7a);box-shadow:0 2px 8px #0000002e;display:flex;flex-wrap:wrap;gap:8px;left:250px;padding:10px 16px;position:fixed;right:0;top:60px;z-index:60}@media (max-width:1024px){.account-floating-nav{left:0}}.account-quicknav{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.account-quicknav-btn{align-items:center;background:#ffffff24;border:1px solid #ffffff8c;border-radius:9999px;color:#fff;cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:4px;padding:5px 12px;transition:background .15s ease,transform .05s ease;white-space:nowrap}.account-quicknav-btn:hover{background:#ffffff47}.account-quicknav-btn:active{transform:translateY(1px)}#sec-alarms,#sec-codescan,#sec-cost,#sec-cost-opt,#sec-health,#sec-idle,#sec-ies,#sec-infra,#sec-jira,#sec-kpis,#sec-predictive,#sec-top-alarms,.quicknav-anchor{scroll-margin-top:124px}[data-theme=dark] .account-quicknav-btn{background:#ffffff14;border-color:#ffffff4d}[data-theme=dark] .account-quicknav-btn:hover{background:#ffffff2e}.admin-panel{margin:0;max-width:100%;padding:24px 32px;width:100%}.admin-header{margin-bottom:24px}.admin-header h2{color:#111827;color:var(--text-primary,#111827);font-size:24px;font-weight:600;margin:0 0 8px}.admin-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:0}.success-banner{background:#ecfdf5;border:1px solid #10b981;border-radius:8px;color:#065f46}.error-banner,.success-banner{font-size:14px;margin-bottom:16px;padding:12px 16px}.error-banner{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e}[data-theme=dark] .success-banner{background:#10b98126;border-color:#10b98166;color:#6ee7b7}[data-theme=dark] .error-banner{background:#f59e0b26;border-color:#f59e0b66;color:#fcd34d}.admin-actions{display:flex;gap:12px;margin-bottom:24px}.admin-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.admin-btn.primary{background:#2563eb;color:#fff}.admin-btn.primary:hover{background:#1d4ed8}.admin-btn.secondary{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#374151;color:var(--text-primary,#374151)}.admin-btn.secondary:hover{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb)}[data-theme=dark] .admin-btn.secondary{background:#374151;background:var(--bg-secondary,#374151);border-color:#4b5563;border-color:var(--border-color,#4b5563);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .admin-btn.secondary:hover{background:#4b5563;background:var(--bg-tertiary,#4b5563)}.admin-loading{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:48px}.admin-loading .spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border:3px solid var(--border-color,#e5e7eb);border-radius:50%;border-top:3px solid #2563eb;height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.teams-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.team-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:20px;transition:box-shadow .2s ease}.team-card:hover{box-shadow:0 4px 12px #00000014}[data-theme=dark] .team-card{background:#1f2937;background:var(--bg-secondary,#1f2937);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .team-card:hover{box-shadow:0 4px 12px #0000004d}.team-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.team-card-header h3{color:#111827;color:var(--text-primary,#111827);font-size:18px;font-weight:600;margin:0}.source-badge{border-radius:4px;font-size:11px;font-weight:500;padding:4px 8px}.source-badge.config{background:#eef2ff;color:#4f46e5}.source-badge.dynamodb{background:#fef3c7;color:#d97706}[data-theme=dark] .source-badge.config{background:#4f46e533;color:#a5b4fc}[data-theme=dark] .source-badge.dynamodb{background:#d9770633;color:#fcd34d}.team-id{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;margin-bottom:16px}.accounts-section{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:8px;padding:12px}[data-theme=dark] .accounts-section{background:#111827;background:var(--bg-tertiary,#111827)}.accounts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.accounts-header h4{color:#374151;color:var(--text-primary,#374151);font-size:13px;font-weight:600;margin:0}.add-account-btn{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.add-account-btn:hover{background:#2563eb;border-color:#2563eb;color:#fff}[data-theme=dark] .add-account-btn{background:#374151;background:var(--bg-secondary,#374151);border-color:#4b5563;border-color:var(--border-color,#4b5563)}.accounts-list{display:flex;flex-direction:column;gap:8px}.account-item{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;justify-content:space-between;padding:8px 10px}[data-theme=dark] .account-item{background:#1f2937;background:var(--bg-secondary,#1f2937);border-color:#374151;border-color:var(--border-color,#374151)}.account-info{align-items:center;display:flex;gap:10px}.account-id{color:#374151;color:var(--text-primary,#374151);font-family:Monaco,Consolas,monospace;font-size:12px}.env-badge{border-radius:4px;font-size:10px;font-weight:600;padding:3px 6px}.env-badge.env-dev{background:linear-gradient(135deg,#0077b5,#005a8c);text-shadow:0 1px 1px #0003}.env-badge.env-acc,.env-badge.env-qa{background:linear-gradient(135deg,#f5a623,#e59100);text-shadow:0 1px 1px #0003}.env-badge.env-uat{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;text-shadow:0 1px 1px #0003}.env-badge.env-prod{background:linear-gradient(135deg,#43a047,#2e7d32);text-shadow:0 1px 1px #0003}.env-badge.env-shared{background:linear-gradient(135deg,#9c27b0,#7b1fa2);text-shadow:0 1px 1px #0003}.env-badge.env-sandbox{background:linear-gradient(135deg,#e53935,#c62828);text-shadow:0 1px 1px #0003}[data-theme=dark] .env-badge.env-dev{background:linear-gradient(135deg,#0077b5,#005a8c);color:#fff;text-shadow:0 1px 1px #0000004d}[data-theme=dark] .env-badge.env-acc,[data-theme=dark] .env-badge.env-qa{background:linear-gradient(135deg,#f5a623,#e59100);color:#fff;text-shadow:0 1px 1px #0000004d}[data-theme=dark] .env-badge.env-uat{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;text-shadow:0 1px 1px #0000004d}[data-theme=dark] .env-badge.env-prod{background:linear-gradient(135deg,#43a047,#2e7d32);color:#fff;text-shadow:0 1px 1px #0000004d}[data-theme=dark] .env-badge.env-shared{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;text-shadow:0 1px 1px #0000004d}[data-theme=dark] .env-badge.env-sandbox{background:linear-gradient(135deg,#e53935,#c62828);color:#fff;text-shadow:0 1px 1px #0000004d}.remove-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.remove-btn:hover{background:#fee2e2;color:#dc2626}[data-theme=dark] .remove-btn:hover{background:#dc262633;color:#fca5a5}.no-accounts{font-size:13px;padding:12px;text-align:center}.no-accounts,.team-meta{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.team-meta{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);font-size:11px;margin-top:12px;padding-top:12px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.modal.modal-large{max-width:600px}[data-theme=dark] .modal{background:#1f2937;background:var(--bg-secondary,#1f2937)}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#111827;color:var(--text-primary,#111827);font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#374151;color:var(--text-primary,#374151)}[data-theme=dark] .modal-close:hover{background:#374151;background:var(--bg-tertiary,#374151)}.modal form{padding:24px}.form-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);margin-bottom:24px;padding-bottom:20px}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h4{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:600;margin:0 0 16px}[data-theme=dark] .form-section{border-color:#4b5563;border-color:var(--border-color,#4b5563)}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:20px}.form-group label{color:#374151;color:var(--text-primary,#374151);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;color:#111827;color:var(--text-primary,#111827);font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background:#111827;background:var(--bg-tertiary,#111827);border-color:#4b5563;border-color:var(--border-color,#4b5563);color:#f9fafb;color:var(--text-primary,#f9fafb)}.form-group input::placeholder,.form-group small{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.form-group small{display:block;font-size:11px;margin-top:4px}.modal-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:8px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn.primary{background:#2563eb;color:#fff}.btn.primary:hover{background:#1d4ed8}.btn.secondary{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#374151;color:var(--text-primary,#374151)}.btn.secondary:hover{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb)}[data-theme=dark] .btn.secondary{background:#374151;background:var(--bg-tertiary,#374151);border-color:#4b5563;border-color:var(--border-color,#4b5563);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .btn.secondary:hover{background:#4b5563;background:var(--bg-primary,#4b5563)}@media (max-width:768px){.admin-panel{padding:16px}.teams-grid{grid-template-columns:1fr}.admin-actions{flex-direction:column}.admin-btn{justify-content:center}.modal{margin:0 16px;max-width:100%}}.header-name-control{align-items:flex-end;display:inline-flex;flex-direction:column;gap:var(--space-1)}.header-name-control__button{align-items:center;background:#e7f3ff;border:1px solid #1877f2;border-radius:var(--radius-full);color:#1877f2;cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:6px;max-width:280px;overflow:hidden;padding:var(--space-2) var(--space-4);text-overflow:ellipsis;transition:all var(--transition-fast);white-space:nowrap}.header-name-control__button:hover{background:#d2e7ff}.header-name-control__icon{font-size:var(--text-sm);line-height:1}.header-name-control__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-name-control__error{color:#d93025;font-size:var(--text-xs);max-width:280px}[data-theme=dark] .header-name-control__button{background:#1877f233;color:#4599ff}@media (max-width:600px){.header-name-control__button{max-width:160px;padding:var(--space-1) var(--space-3)}.header-name-control__error{max-width:160px}}.status-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#5f6368;color:var(--text-secondary,#5f6368);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.status-tab:hover{color:#1877f2}.status-tab--active{border-bottom-color:#1877f2;color:#1877f2}.status-tab__count{background:#1877f21f;border-radius:var(--radius-full);color:#1877f2;font-size:var(--text-xs);line-height:1.4;min-width:20px;padding:0 var(--space-2);text-align:center}[data-theme=dark] .status-tab{color:#9aa0a6}[data-theme=dark] .status-tab--active,[data-theme=dark] .status-tab:hover{color:#4599ff}[data-theme=dark] .status-tab--active{border-bottom-color:#4599ff}[data-theme=dark] .status-tab__count{background:#4599ff33;color:#4599ff}.todo-form-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1000}.todo-form-modal{background:#fff;background:var(--surface,#fff);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 12px 32px #0000003d;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.todo-form__header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4)}.todo-form__title{color:#202124;color:var(--text-primary,#202124);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.todo-form__close{background:none;border:none;color:#5f6368;color:var(--text-secondary,#5f6368);cursor:pointer;font-size:1.5rem;line-height:1}.todo-form__close:disabled{cursor:not-allowed;opacity:.5}.todo-form__body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.todo-form__row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.todo-form__row .todo-form__field{flex:1 1 120px}.todo-form__field{display:flex;flex-direction:column;gap:var(--space-1)}.todo-form__label{font-weight:var(--font-medium)}.todo-form__input,.todo-form__label,.todo-form__textarea{color:#202124;color:var(--text-primary,#202124);font-size:var(--text-sm)}.todo-form__input,.todo-form__textarea{background:#fff;background:var(--surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:var(--radius-md);font-family:inherit;padding:var(--space-2) var(--space-3)}.todo-form__textarea{resize:vertical}.todo-form__input:focus,.todo-form__textarea:focus{border-color:#1877f2;outline:none}.todo-form__input[aria-invalid=true],.todo-form__textarea[aria-invalid=true]{border-color:#d93025}.todo-form__error{color:#d93025;font-size:var(--text-xs)}.todo-form__server-error{background:#d9302514;border-radius:var(--radius-md);color:#d93025;font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.todo-form__actions{display:flex;gap:var(--space-2);justify-content:flex-end}.todo-form__btn{border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.todo-form__btn:disabled{cursor:not-allowed;opacity:.5}.todo-form__btn--secondary{background:#0000;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);color:#202124;color:var(--text-primary,#202124)}.todo-form__btn--secondary:hover:not(:disabled){background:#0000000a}.todo-form__btn--primary{background:#1877f2;border:1px solid #1877f2;color:#fff}.todo-form__btn--primary:hover:not(:disabled){background:#1667d6}[data-theme=dark] .todo-form-modal{background:#2d2d44}[data-theme=dark] .todo-form__header{border-bottom-color:#ffffff1f}[data-theme=dark] .todo-form__label,[data-theme=dark] .todo-form__title{color:#e8eaed}[data-theme=dark] .todo-form__input,[data-theme=dark] .todo-form__textarea{background:#ffffff0a;border-color:#ffffff1f;color:#e8eaed}[data-theme=dark] .todo-form__btn--secondary{color:#e8eaed}[data-theme=dark] .todo-form__btn--secondary:hover:not(:disabled){background:#ffffff14}@media (max-width:600px){.todo-form-overlay{padding:var(--space-2)}.todo-form-modal{max-height:94vh;max-width:none;width:100%}.todo-form__row{gap:var(--space-3)}.todo-form__row .todo-form__field{flex:1 1 100%}.todo-form__actions{flex-direction:column-reverse}.todo-form__btn{width:100%}}.project-selector{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3) 0}.project-selector__row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-selector__label{font-weight:var(--font-medium)}.project-selector__label,.project-selector__select{color:#202124;color:var(--text-primary,#202124);font-size:var(--text-sm)}.project-selector__select{background:#fff;background:var(--surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:var(--radius-md);min-width:200px;padding:var(--space-2) var(--space-3)}.project-selector__create{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-selector__input{background:#fff;background:var(--surface,#fff);flex:1 1 200px}.project-selector__btn,.project-selector__input{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:var(--radius-md);color:#202124;color:var(--text-primary,#202124);font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.project-selector__btn{background:#0000;cursor:pointer;font-weight:var(--font-medium);transition:all var(--transition-fast)}.project-selector__btn:disabled{cursor:not-allowed;opacity:.5}.project-selector__btn:hover:not(:disabled){background:#0000000a}.project-selector__btn--primary{background:#1877f2;border-color:#1877f2;color:#fff}.project-selector__btn--primary:hover:not(:disabled){background:#1667d6}.project-selector__btn--danger{border-color:#d93025;color:#d93025}.project-selector__btn--danger:hover:not(:disabled){background:#d9302514}.project-selector__error{color:#d93025;font-size:var(--text-xs)}.project-selector__schedule,.project-selector__schedule-edit,.project-selector__schedule-view{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-selector__schedule{align-items:flex-start;flex-direction:column}.project-selector__schedule-text{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:var(--text-sm)}.project-selector__hint{font-size:var(--text-xs)}.project-selector__dash,.project-selector__hint{color:#5f6368;color:var(--text-secondary,#5f6368)}.project-selector__time{background:#fff;background:var(--surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:var(--radius-md);color:#202124;color:var(--text-primary,#202124);font-size:var(--text-sm);padding:var(--space-1) var(--space-2)}[data-theme=dark] .project-selector__dash,[data-theme=dark] .project-selector__hint,[data-theme=dark] .project-selector__schedule-text{color:#9aa0a6}[data-theme=dark] .project-selector__time{background:#ffffff0a;border-color:#ffffff1f;color:#e8eaed}[data-theme=dark] .project-selector{border-bottom-color:#ffffff1f}[data-theme=dark] .project-selector__label{color:#e8eaed}[data-theme=dark] .project-selector__input,[data-theme=dark] .project-selector__select{background:#ffffff0a;border-color:#ffffff1f;color:#e8eaed}[data-theme=dark] .project-selector__btn{color:#e8eaed}[data-theme=dark] .project-selector__btn:hover:not(:disabled){background:#ffffff14}@media (max-width:600px){.project-selector__select{flex:1 1 100%;min-width:0;width:100%}.project-selector__input{flex:1 1 100%}.project-selector__create,.project-selector__schedule-edit,.project-selector__schedule-view{width:100%}.project-selector__btn{flex:1 1 auto}}.todo-list{flex-direction:column;padding:var(--space-4)}.todo-list,.todo-list__header{display:flex;gap:var(--space-4)}.todo-list__header{align-items:center;justify-content:space-between}.todo-list__heading{color:#202124;color:var(--text-primary,#202124);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.todo-list__create-btn{background:#1877f2;border:1px solid #1877f2;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:background var(--transition-fast)}.todo-list__create-btn:hover{background:#1667d6}.todo-list__tabs{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;gap:var(--space-2)}.todo-list__error{background:#d9302514;border-radius:var(--radius-md);color:#d93025;font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.todo-list__body{min-height:120px}.todo-list__empty,.todo-list__loading{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:var(--text-sm);padding:var(--space-6);text-align:center}.todo-list__cards{display:flex;flex-direction:column;gap:var(--space-3)}.todo-card{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:var(--radius-md);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-3) var(--space-4)}.todo-card__main{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.todo-card__title{color:#202124;color:var(--text-primary,#202124);font-size:var(--text-base);font-weight:var(--font-medium);margin:0;overflow:hidden;text-overflow:ellipsis}.todo-card__meta{align-items:center;color:#5f6368;color:var(--text-secondary,#5f6368);display:flex;font-size:var(--text-xs);gap:var(--space-3)}.todo-card__priority{border-radius:var(--radius-full);font-weight:var(--font-medium);padding:0 var(--space-2)}.todo-card__priority--high{background:#d930251f;color:#d93025}.todo-card__priority--medium{background:#f59e0b26;color:#b45309}.todo-card__priority--low{background:#10b98126;color:#047857}.todo-card__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}.todo-card__status-select{background:#fff;background:var(--surface,#fff);padding:var(--space-1) var(--space-2)}.todo-card__btn,.todo-card__status-select{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:var(--radius-md);color:#202124;color:var(--text-primary,#202124);cursor:pointer;font-size:var(--text-xs)}.todo-card__btn{background:#0000;padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.todo-card__btn:disabled{cursor:not-allowed;opacity:.5}.todo-card__btn--edit:hover:not(:disabled){border-color:#1877f2;color:#1877f2}.todo-card__btn--delete:hover:not(:disabled){border-color:#d93025;color:#d93025}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-theme=dark] .todo-card,[data-theme=dark] .todo-card__status-select{background:#ffffff0a;border-color:#ffffff1f;color:#e8eaed}[data-theme=dark] .todo-card__title{color:#e8eaed}.todo-schedule{background:#1877f20a;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-3)}.todo-schedule__heading{color:#202124;color:var(--text-primary,#202124);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.todo-schedule__list{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:0}.todo-schedule__btn{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #0000;border-radius:var(--radius-md);color:#202124;color:var(--text-primary,#202124);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-2) var(--space-3);text-align:left;transition:all var(--transition-fast);width:100%}.todo-schedule__btn:hover:not(:disabled){border-color:#1877f2}.todo-schedule__btn:disabled{cursor:not-allowed;opacity:.6}.todo-schedule__item--active .todo-schedule__btn{background:#e7f3ff;border-color:#1877f2}.todo-schedule__time{font-feature-settings:"tnum";color:#1877f2;font-variant-numeric:tabular-nums;min-width:96px}.todo-schedule__name,.todo-schedule__time{font-weight:var(--font-medium)}[data-theme=dark] .todo-schedule{background:#1877f21f;border-color:#ffffff1f}[data-theme=dark] .todo-schedule__heading{color:#e8eaed}[data-theme=dark] .todo-schedule__btn{background:#ffffff0a;color:#e8eaed}[data-theme=dark] .todo-schedule__item--active .todo-schedule__btn{background:#1877f240}[data-theme=dark] .todo-schedule__time{color:#4599ff}@media (max-width:600px){.todo-list{padding:var(--space-3)}.todo-list__header{align-items:stretch;flex-direction:column;gap:var(--space-2)}.todo-list__create-btn{width:100%}.todo-list__tabs{flex-wrap:wrap}.todo-card{align-items:stretch;flex-direction:column;gap:var(--space-2)}.todo-card__actions{flex-wrap:wrap}.todo-schedule__time{min-width:76px}}.konechat{box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 140px);margin:0 auto;max-width:900px;padding:16px}.konechat-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding-bottom:12px}.konechat-title{align-items:center;display:flex;gap:12px}.konechat-logo{font-size:28px}.konechat-title h2{font-size:20px;margin:0}.konechat-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;margin:2px 0 0}.konechat-clear{background:#0000;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;color:#374151;color:var(--text-primary,#374151);cursor:pointer;font-size:13px;padding:6px 12px}.konechat-clear:hover:not(:disabled){background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}.konechat-clear:disabled{cursor:not-allowed;opacity:.5}.konechat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px 4px}.konechat-empty{color:#6b7280;color:var(--text-secondary,#6b7280);margin:auto;max-width:420px;text-align:center}.konechat-empty-icon{font-size:40px;margin-bottom:8px}.konechat-empty h3{color:#374151;color:var(--text-primary,#374151);margin:0 0 6px}.konechat-empty p{font-size:13px;margin:0}.konechat-msg{align-items:flex-start;display:flex;gap:10px}.konechat-msg--user{flex-direction:row-reverse}.konechat-avatar{align-items:center;background:#f3f4f6;background:var(--hover-bg,#f3f4f6);border-radius:50%;display:flex;flex:0 0 auto;font-size:16px;height:32px;justify-content:center;width:32px}.konechat-bubble{word-wrap:break-word;border-radius:14px;font-size:14px;line-height:1.5;max-width:78%;padding:10px 14px;white-space:pre-wrap}.konechat-msg--user .konechat-bubble{background:#2563eb;border-bottom-right-radius:4px;color:#fff}.konechat-msg--assistant .konechat-bubble{background:#f3f4f6;background:var(--card-bg,#f3f4f6);border-bottom-left-radius:4px;color:#111827;color:var(--text-primary,#111827)}.konechat-typing{align-items:center;display:inline-flex;gap:4px}.konechat-typing span{animation:konechat-blink 1.4s infinite both;background:#9ca3af;background:var(--text-secondary,#9ca3af);border-radius:50%;height:7px;width:7px}.konechat-typing span:nth-child(2){animation-delay:.2s}.konechat-typing span:nth-child(3){animation-delay:.4s}@keyframes konechat-blink{0%,80%,to{opacity:.2}40%{opacity:1}}.konechat-banner{border-radius:8px;font-size:13px;margin:8px 0;padding:10px 14px}.konechat-banner--warn{background:#fef3c7;color:#92400e}.konechat-banner--error{background:#fee2e2;color:#b91c1c}.konechat-input-row{align-items:flex-end;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:8px;padding-top:12px}.konechat-input{background:#fff;background:var(--input-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:12px;color:#111827;color:var(--text-primary,#111827);flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:160px;min-height:44px;padding:12px 14px;resize:none}.konechat-input:focus{border-color:#2563eb;outline:none}.konechat-input:disabled{opacity:.6}.konechat-send{background:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:600;height:44px;padding:0 20px}.konechat-send:hover:not(:disabled){background:#1d4ed8}.konechat-send:disabled{cursor:not-allowed;opacity:.5}@media (max-width:600px){.konechat{height:calc(100vh - 110px);padding:10px}.konechat-title h2{font-size:17px}.konechat-logo{font-size:22px}.konechat-bubble{font-size:13px;max-width:88%}.konechat-send{padding:0 14px}}.cm-root{font-size:14px;line-height:1.5}.cm-root>:first-child{margin-top:0}.cm-root>:last-child{margin-bottom:0}.cm-paragraph{margin:0 0 8px}.cm-heading{font-weight:700;line-height:1.3;margin:12px 0 6px}h3.cm-heading{font-size:16px}h4.cm-heading{font-size:14px}h5.cm-heading,h6.cm-heading{font-size:13px}.cm-list{margin:4px 0 8px;padding-left:20px}.cm-list li{margin:2px 0}.cm-code-inline{background:#eef1f5;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;padding:1px 5px}.cm-code-block{background:#0f172a;border-radius:8px;color:#e2e8f0;font-size:12.5px;line-height:1.45;margin:8px 0;overflow-x:auto;padding:10px 12px}.cm-code-block code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}.cm-table-wrap{margin:8px 0;overflow-x:auto}.cm-table{border-collapse:collapse;font-size:13px;width:100%}.cm-table td,.cm-table th{border:1px solid #d7dde5;padding:6px 10px;text-align:left;vertical-align:top}.cm-table th{background:#f1f5f9;color:#1e293b;font-weight:700;white-space:nowrap}.cm-table tbody tr:nth-child(2n){background:#f8fafc}.cm-root a{color:#2563eb;text-decoration:underline}[data-theme=dark] .cm-code-inline,[data-theme=dark] .cm-table th{background:#1f2937;color:#e5e7eb}[data-theme=dark] .cm-table td,[data-theme=dark] .cm-table th{border-color:#374151}[data-theme=dark] .cm-table tbody tr:nth-child(2n){background:#111827}[data-theme=dark] .cm-root a{color:#60a5fa}.sap-chat{box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 140px);margin:0 auto;max-width:1000px;padding:16px}.sap-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);flex-wrap:wrap;justify-content:space-between;padding-bottom:12px}.sap-header,.sap-title{align-items:center;display:flex;gap:12px}.sap-logo{font-size:28px}.sap-title h2{color:#0051a3;font-size:20px;margin:0}.sap-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;margin:2px 0 0}.sap-header-actions{display:flex;gap:8px}.sap-ghost-btn{background:#0000;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;color:#374151;color:var(--text-primary,#374151);cursor:pointer;font-size:13px;padding:6px 12px}.sap-ghost-btn:hover:not(:disabled){background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}.sap-ghost-btn:disabled{cursor:not-allowed;opacity:.5}.sap-banner{border-radius:8px;font-size:13px;margin:8px 0;padding:10px 14px}.sap-banner--warn{background:#fef3c7;color:#92400e}.sap-banner--error{background:#fee2e2;color:#b91c1c}.sap-thread{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px 4px}.sap-empty{color:#6b7280;color:var(--text-secondary,#6b7280);margin:auto;max-width:440px;text-align:center}.sap-empty-icon{font-size:40px;margin-bottom:8px}.sap-empty h3{color:#374151;color:var(--text-primary,#374151);margin:0 0 6px}.sap-empty p{font-size:13px;line-height:1.5;margin:0}.sap-msg{align-items:flex-start;display:flex;gap:10px}.sap-msg--user{flex-direction:row-reverse}.sap-avatar{align-items:center;background:#f3f4f6;background:var(--hover-bg,#f3f4f6);border-radius:50%;display:flex;flex:0 0 auto;font-size:16px;height:32px;justify-content:center;width:32px}.sap-bubble{word-wrap:break-word;border-radius:14px;font-size:14px;line-height:1.5;max-width:78%;padding:10px 14px}.sap-msg--user .sap-bubble{background:#2563eb;border-bottom-right-radius:4px;color:#fff}.sap-msg--assistant .sap-bubble{background:#f3f4f6;background:var(--card-bg,#f3f4f6);border-bottom-left-radius:4px;color:#111827;color:var(--text-primary,#111827)}.sap-bubble--wide{max-width:100%;width:100%}.sap-bubble--error{background:#fee2e2;color:#b91c1c}.sap-user-turn{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.sap-tool-chip{background:#ffffff38;border:1px solid #ffffff59;border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700;padding:2px 10px}.sap-question{font-size:14px;line-height:1.45}.sap-typing{align-items:center;display:inline-flex;gap:4px}.sap-typing span{animation:sap-blink 1.4s infinite both;background:#9ca3af;background:var(--text-secondary,#9ca3af);border-radius:50%;height:7px;width:7px}.sap-typing span:nth-child(2){animation-delay:.2s}.sap-typing span:nth-child(3){animation-delay:.4s}@keyframes sap-blink{0%,80%,to{opacity:.2}40%{opacity:1}}.sap-bubble-actions{align-items:center;display:flex;gap:10px;margin-bottom:8px}.sap-arg-summary{background:#eef2f7;background:var(--hover-bg,#eef2f7);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:#475569;color:var(--text-secondary,#475569);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;margin-right:auto;max-width:70%;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.sap-copy-btn{background:#fff;background:var(--input-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;color:#334155;color:var(--text-primary,#334155);cursor:pointer;font-size:12px;padding:3px 10px}.sap-copy-btn:hover{background:#f1f5f9;background:var(--hover-bg,#f1f5f9)}.sap-composer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-direction:column;gap:8px;padding-top:12px}.sap-tool-row{align-items:center;display:flex;gap:10px}.sap-tool-row .sap-field-label{color:#475569;color:var(--text-secondary,#475569);font-size:12px;font-weight:600;white-space:nowrap}.sap-select{background:#fff;background:var(--input-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;color:#111827;color:var(--text-primary,#111827);flex:1 1 auto;font-size:13px;padding:8px 10px}.sap-tool-desc{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;line-height:1.45;margin:0;max-height:48px;overflow-y:auto}.sap-input-row{align-items:flex-end;display:flex;gap:8px}.sap-ask-input{background:#fff;background:var(--input-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:12px;box-sizing:border-box;color:#111827;color:var(--text-primary,#111827);flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:160px;min-height:44px;padding:12px 14px;resize:none}.sap-ask-input:focus{border-color:#2563eb;outline:none}.sap-ask-input:disabled{opacity:.6}.sap-send{background:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:600;height:44px;padding:0 20px}.sap-send:hover:not(:disabled){background:#1d4ed8}.sap-send:disabled{cursor:not-allowed;opacity:.5}.sapres{display:flex;flex-direction:column;gap:14px}.sapres-block{min-width:0}.sapres-muted{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.sapres-text{font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.sapres-table-block{background:#fff;background:var(--input-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;overflow:hidden}.sapres-table-toolbar{align-items:center;background:#f8fafc;background:var(--hover-bg,#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;gap:10px;padding:8px 10px}.sapres-search{background:#fff;background:var(--input-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;color:#111827;color:var(--text-primary,#111827);flex:1 1 auto;font-size:12.5px;min-width:120px;padding:6px 10px}.sapres-count{color:#64748b;color:var(--text-secondary,#64748b)}.sapres-count,.sapres-mini-btn{font-size:12px;white-space:nowrap}.sapres-mini-btn{background:#fff;background:var(--input-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;color:#334155;color:var(--text-primary,#334155);cursor:pointer;padding:4px 10px}.sapres-mini-btn:hover{background:#eef2f7;background:var(--hover-bg,#eef2f7)}.sapres-table-scroll{max-height:420px;overflow:auto}.sapres-table{border-collapse:collapse;font-size:12.5px;width:100%}.sapres-th{background:#f1f5f9;border-bottom:2px solid #e2e8f0;cursor:pointer;font-weight:700;padding:8px 10px;position:-webkit-sticky;position:sticky;text-align:left;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}.sapres-th:hover{background:#e8edf3}.sapres-sort{color:#2563eb}.sapres-table td{border-bottom:1px solid #eef2f7;max-width:320px;overflow:hidden;padding:7px 10px;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.sapres-table tbody tr:nth-child(2n){background:#fafbfc}.sapres-table tbody tr:hover{background:#eff6ff}.sapres-norows{color:#94a3b8;padding:16px;text-align:center}.sapres-kv{background:#fff;background:var(--input-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;margin:0;overflow:hidden}.sapres-kv-row{display:grid;grid-template-columns:minmax(120px,220px) 1fr}.sapres-kv-row:nth-child(2n){background:#fafbfc}.sapres-kv dt{border-right:1px solid #eef2f7;color:#475569;font-weight:600}.sapres-kv dd,.sapres-kv dt{font-size:12.5px;padding:7px 12px;word-break:break-word}.sapres-kv dd{color:#1e293b;margin:0}.sapres-list{font-size:13px;margin:0;padding-left:20px}.sapres-list li{margin:2px 0}.sapres-json-block{background:#fff;background:var(--input-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;overflow:hidden}.sapres-json-toolbar{background:#f8fafc;background:var(--hover-bg,#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:6px 8px}.sapres-json-tree{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;max-height:420px;overflow:auto;padding:10px 12px}.sapres-json-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.sapres-json-toggle:hover{background:#f1f5f9;background:var(--hover-bg,#f1f5f9)}.sapres-json-caret{color:#64748b;display:inline-block;width:14px}.sapres-json-key{color:#0f766e}.sapres-json-muted{color:#94a3b8}.sapres-json-leaf{line-height:1.6}.sapres-json-val{color:#1e293b}.sapres-json-string{color:#b91c1c}.sapres-json-number{color:#1d4ed8}.sapres-json-boolean{color:#7c3aed}.sapres-json-null{color:#94a3b8}.sapres-raw{background:#0f172a;color:#e2e8f0;font-size:12.5px;margin:0;max-height:420px;overflow:auto;padding:12px}.sapres-raw code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}.sap-bubble .cm-root{font-size:14px;line-height:1.5}.sap-bubble .cm-table-wrap{margin:8px 0;overflow-x:auto}.sap-bubble .cm-table{border-collapse:collapse;font-size:13px;width:100%}.sap-bubble .cm-table td,.sap-bubble .cm-table th{border:1px solid #d7dde5;padding:6px 10px;text-align:left}.sap-bubble .cm-table th{background:#f1f5f9;font-weight:700}.sap-bubble .cm-table tbody tr:nth-child(2n){background:#f8fafc}@media (max-width:600px){.sap-chat{height:calc(100vh - 110px);padding:10px}.sap-title h2{font-size:17px}.sap-logo{font-size:22px}.sap-bubble{font-size:13px;max-width:90%}.sap-tool-row{align-items:stretch;flex-direction:column;gap:4px}.sap-send{padding:0 14px}}[data-theme=dark] .sap-title h2{color:#60a5fa}[data-theme=dark] .sapres-th{background:#1f2937;border-bottom-color:#374151;color:#e5e7eb}[data-theme=dark] .sapres-th:hover{background:#273244}[data-theme=dark] .sapres-table td{border-bottom-color:#1f2937;color:#e5e7eb}[data-theme=dark] .sapres-table tbody tr:nth-child(2n){background:#0b1220}[data-theme=dark] .sapres-table tbody tr:hover{background:#16233b}[data-theme=dark] .sapres-kv-row:nth-child(2n){background:#0b1220}[data-theme=dark] .sapres-kv dt{border-right-color:#1f2937;color:#cbd5e1}[data-theme=dark] .sapres-json-tree,[data-theme=dark] .sapres-kv dd{color:#e5e7eb}[data-theme=dark] .sapres-json-key{color:#5eead4}[data-theme=dark] .sapres-json-string{color:#fca5a5}[data-theme=dark] .sapres-json-number{color:#93c5fd}[data-theme=dark] .sap-bubble .cm-table th{background:#1f2937;color:#e5e7eb}[data-theme=dark] .sap-bubble .cm-table td,[data-theme=dark] .sap-bubble .cm-table th{border-color:#374151}*,:after,:before{box-sizing:border-box}body,html{max-width:100vw;overflow-x:hidden}.App{background-color:#f0f2f5;max-width:100vw;overflow-x:clip;position:relative;width:100%}.App,.auth-screen{display:flex;min-height:100vh}.auth-screen{align-items:center;background:#f0f2f5;justify-content:center;padding:var(--space-6)}.auth-card{background:#fff;border:1px solid #dadde1;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0000001a,0 12px 28px #0000001a;overflow:hidden;padding:var(--space-10);position:relative;width:min(100%,460px)}.auth-card:before{background:linear-gradient(90deg,#1877f2,#42b72a);content:"";height:4px;inset:0 0 auto 0;position:absolute}.auth-brand-mark{align-items:center;background:#e7f3ff;border:1px solid #1877f2;border-radius:var(--radius-full);color:#1877f2;display:inline-flex;font-size:var(--text-sm);justify-content:center;letter-spacing:.8px;margin-bottom:var(--space-5);padding:6px 14px;text-transform:uppercase}.auth-brand-mark,.auth-card h2{font-family:var(--font-display);font-weight:var(--font-bold)}.auth-card h2{color:#1c1e21;font-size:clamp(1.5rem,2vw,1.9rem);line-height:var(--leading-tight);margin:0 0 var(--space-3)}.auth-card p{color:#65676b;font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.auth-title{margin-bottom:var(--space-2)}.auth-subtitle{margin-bottom:var(--space-8)}.auth-action{align-items:center;background:#1877f2;border:0;border-radius:var(--radius-md);box-shadow:0 2px 4px #1877f24d;color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;margin-top:var(--space-8);min-height:52px;padding:var(--space-3) var(--space-4);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);width:100%}.auth-action:hover{background:#166fe5;box-shadow:0 4px 8px #1877f266;transform:translateY(-1px)}.auth-action:active{transform:translateY(0)}.auth-action:focus-visible{outline:3px solid #1877f266;outline-offset:2px}.auth-action-icon{align-items:center;display:inline-flex;font-size:16px;height:18px;justify-content:center;line-height:1;width:18px}.access-denied-card{border-color:#fa383e}.access-denied-card:before{background:linear-gradient(90deg,#fa383e,#f02849)}.user-pill{background:#e7f3ff;border:1px solid #1877f2;border-radius:var(--radius-full);color:#1877f2;font-size:var(--text-sm);font-weight:var(--font-medium);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signout-btn,.user-pill{padding:var(--space-2) var(--space-4)}.signout-btn{background:#fff;border:1px solid #dadde1;border-radius:var(--radius-md);color:#1c1e21;cursor:pointer;font-weight:var(--font-semibold);transition:all var(--transition-fast)}.signout-btn:hover{background:#f0f2f5;border-color:#bcc0c4}@media (max-width:768px){.auth-screen{padding:var(--space-4)}.auth-card{border-radius:var(--radius-lg);padding:var(--space-7) var(--space-6)}.auth-action{font-size:var(--text-sm);min-height:48px}.user-pill{display:none}.signout-btn{padding:var(--space-2) var(--space-3)}}.App-header{align-items:center;background:#fff;border-bottom:1px solid #dadde1;box-shadow:0 1px 2px #0000001a;color:#1c1e21;display:flex;height:60px;justify-content:space-between;left:250px;padding:0 var(--space-8);position:fixed;right:0;top:0;transition:left var(--transition-base);z-index:var(--z-fixed)}.header-text{display:flex;flex-direction:column;gap:var(--space-1)}.App-header h1{color:#1877f2;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:.5px;margin:0}.header-right{gap:var(--space-5)}.header-right,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:#f0f2f5;border:1px solid #dadde1;border-radius:var(--radius-lg);color:#1c1e21;cursor:pointer;font-size:var(--text-xl);height:44px;justify-content:center;padding:var(--space-2) var(--space-3);transition:all var(--transition-base);width:44px}.theme-toggle:hover{background:#e7f3ff;border-color:#1877f2;color:#1877f2;transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.header-subtitle{color:#65676b;font-size:var(--text-xs);font-weight:var(--font-normal);letter-spacing:.3px}.menu-toggle{background:none;border:none;border-radius:var(--radius-base);color:#1c1e21;cursor:pointer;display:none;font-size:var(--text-2xl);margin-right:var(--space-4);padding:var(--space-2);transition:all var(--transition-base)}.menu-toggle:hover{background:#f0f2f5;color:#1877f2;transform:scale(1.1)}.menu-toggle:active{transform:scale(.95)}.sidebar{background:#fff;border-right:1px solid #dadde1;bottom:0;box-shadow:1px 0 2px #0000001a;color:#1c1e21;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:transform var(--transition-base);width:250px;z-index:var(--z-modal)}.sidebar.collapsed{transform:translateX(-250px)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#f0f2f5}.sidebar::-webkit-scrollbar-thumb{background:#bcc0c4;border-radius:var(--radius-sm)}.sidebar::-webkit-scrollbar-thumb:hover{background:#8a8d91}.sidebar-logo{align-items:center;background:#fff;border-bottom:1px solid #dadde1;display:flex;gap:10px;height:60px;justify-content:center;padding:var(--space-5);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.sidebar-logo img{height:34px;transition:transform var(--transition-base);width:auto}.sidebar-logo:hover img{transform:scale(1.05)}.sidebar-logo-product{color:#005aaa;font-size:20px;font-weight:700;letter-spacing:.5px;line-height:1}.sidebar-nav{padding:var(--space-5) 0}.nav-item{align-items:center;border-left:3px solid #0000;border-radius:0 8px 8px 0;color:#1c1e21;cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);margin-right:8px;overflow:hidden;padding:var(--space-4) var(--space-6);position:relative;text-decoration:none;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.nav-item:before{display:none}.nav-item:hover{background-color:#f0f2f5}.nav-item.active,.nav-item:hover{border-left-color:#1877f2;color:#1877f2}.nav-item.active{background-color:#e7f3ff;font-weight:var(--font-semibold)}.nav-icon{color:#65676b;flex-shrink:0;font-size:var(--text-lg);text-align:center;transition:transform var(--transition-base);width:24px}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:#1877f2}.nav-section-title{color:#65676b;font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:1.5px;padding:var(--space-5) var(--space-6) var(--space-3);text-transform:uppercase}.team-section{margin-bottom:var(--space-2)}.team-item{color:#1c1e21;font-weight:var(--font-semibold);position:relative}.team-item.selected-team{background-color:#e7f3ff;border-left-color:#1877f2;color:#1877f2;font-weight:var(--font-bold)}.team-item:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid #65676b;content:"";height:0;position:absolute;right:var(--space-6);top:50%;transform:translateY(-50%);transition:transform var(--transition-base);width:0}.team-item.expanded:after{transform:translateY(-50%) rotate(180deg)}.team-item.selected-team:after{border-top-color:#1877f2}.team-accounts{grid-gap:var(--space-2);animation:slideDown .3s ease;background-color:#f0f2f5;display:grid;gap:var(--space-2);grid-template-columns:repeat(3,1fr);padding:var(--space-3) var(--space-4)}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}.account-item{align-items:center;border-left:none;border-radius:var(--radius-base);cursor:pointer;display:flex;height:44px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all var(--transition-bounce)}.account-item:hover{transform:translateY(-3px) scale(1.08)}.account-item.active{transform:translateY(-3px) scale(1.05)}.env-badge{align-items:center;border:2px solid #0000;border-radius:var(--radius-base);display:flex;font-size:var(--text-xs);font-weight:var(--font-bold);height:100%;justify-content:center;letter-spacing:1.2px;overflow:hidden;padding:var(--space-3) var(--space-2);position:relative;text-transform:uppercase;transition:all var(--transition-bounce);width:100%}.env-badge:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.account-item:hover .env-badge:before{left:100%}.env-badge.env-dev{background:#1877f2;box-shadow:0 2px 4px #1877f24d}.env-badge.env-dev,.env-badge.env-qa{border-color:#0000;color:#fff;text-shadow:none}.env-badge.env-qa{background:#9c27b0;box-shadow:0 2px 4px #9c27b04d}.env-badge.env-acc{background:#f5a623;box-shadow:0 2px 4px #f5a6234d}.env-badge.env-acc,.env-badge.env-prod{border-color:#0000;color:#fff;text-shadow:none}.env-badge.env-prod{background:#42b72a;box-shadow:0 2px 4px #42b72a4d}.env-badge.env-shared{background:#7c4dff;box-shadow:0 2px 4px #7c4dff4d}.env-badge.env-sandbox,.env-badge.env-shared{border-color:#0000;color:#fff;text-shadow:none}.env-badge.env-sandbox{background:#00bfa5;box-shadow:0 2px 4px #00bfa54d}.account-item:hover .env-badge{box-shadow:0 4px 8px #00000026}.account-item.active .env-badge{box-shadow:0 4px 8px #0003;font-weight:var(--font-extrabold)}.env-section{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.vulnerability-item{align-items:center;background:#e7f3ff;border-left:2px solid #1877f2;border-radius:var(--radius-base);cursor:pointer;display:flex;gap:var(--space-2);height:auto;justify-content:flex-start;margin-left:8px;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.vulnerability-item:hover{background:#d4e9ff;transform:translateX(2px)}.vulnerability-item.active{background:#bfe0ff;border-left-color:#1877f2}.vuln-icon{color:#1877f2;font-size:var(--text-sm)}.vuln-label{color:#1c1e21;font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.3px}.main-content{animation:fadeIn .4s ease-in-out;background-color:#f0f2f5;box-sizing:border-box;flex:1 1;margin-left:250px;margin-top:60px;max-width:calc(100vw - 250px);min-height:calc(100vh - 60px);overflow-x:clip;padding:16px 8px;transition:margin-left var(--transition-base);width:100%}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity var(--transition-base);z-index:calc(var(--z-modal) - 1)}.sidebar-overlay.active{opacity:1}@media (max-width:1024px){.App-header{left:0;padding:0 var(--space-5)}.menu-toggle{display:block}.sidebar{transform:translateX(-250px)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{display:block}.main-content{margin-left:0;max-width:100vw;overflow-x:hidden;padding:16px 8px;width:100%}.header-subtitle{display:none}.App-header h1{font-size:var(--text-xl)}}@media (max-width:768px){.App-header{height:60px;padding:0 var(--space-4)}.App-header h1{font-size:var(--text-lg)}.main-content{margin-top:60px;max-width:100vw;overflow-x:hidden;padding:16px}.sidebar-logo{height:60px}.auth-screen{padding:var(--space-4)}.auth-card{border-radius:var(--radius-lg);padding:var(--space-7) var(--space-6)}.auth-action{font-size:var(--text-sm);min-height:48px}.user-pill{display:none}.signout-btn{padding:var(--space-2) var(--space-3)}}@media (max-width:480px){.sidebar{width:220px}.sidebar.open{transform:translateX(0)}.sidebar.collapsed{transform:translateX(-220px)}.App-header{padding:0 12px}.App-header h1{font-size:var(--text-base)}.main-content{max-width:100vw;overflow-x:hidden;padding:12px}.team-accounts{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.nav-item{border:1px solid}.env-badge{border-width:2px}}[data-theme=dark] .App{background:linear-gradient(135deg,#0a0e14,#151a23)}[data-theme=dark] .sidebar{background:linear-gradient(180deg,#151a23,#0a0e14);border-right:1px solid var(--border-color)}[data-theme=dark] .sidebar-logo{background:#151a23;border-bottom:1px solid var(--border-color)}[data-theme=dark] .sidebar-logo img{filter:brightness(1.15)}[data-theme=dark] .sidebar-logo-product{color:#fff}[data-theme=dark] .nav-item{color:var(--text-secondary)}[data-theme=dark] .nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}[data-theme=dark] .nav-item.active{background:#1877f233;border-left:3px solid #1877f2;color:#4599ff}[data-theme=dark] .nav-icon{color:var(--text-secondary)}[data-theme=dark] .nav-item.active .nav-icon,[data-theme=dark] .nav-item:hover .nav-icon{color:#4599ff}[data-theme=dark] .nav-section-title{color:var(--text-tertiary)}[data-theme=dark] .team-accounts{background:#0003}[data-theme=dark] .App-header{background:#151a23;border-bottom-color:var(--border-color)}[data-theme=dark] .App-header h1{color:#4599ff}[data-theme=dark] .header-subtitle{color:var(--text-secondary)}[data-theme=dark] .theme-toggle{background:var(--surface-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .theme-toggle:hover{background:#1877f233;border-color:#1877f2;color:#4599ff}[data-theme=dark] .menu-toggle{color:var(--text-primary)}[data-theme=dark] .main-content{background:var(--bg-primary)}[data-theme=dark] .sidebar-overlay{background:#000c}[data-theme=dark] .vulnerability-item{background:#1877f226;border-left-color:#1877f2}[data-theme=dark] .vulnerability-item:hover{background:#1877f240}[data-theme=dark] .vulnerability-item.active{background:#1877f259}[data-theme=dark] .vuln-icon{color:#4599ff}[data-theme=dark] .vuln-label{color:var(--text-primary)}[data-theme=dark] .auth-screen{background:var(--bg-primary)}[data-theme=dark] .auth-card{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .auth-card h2{color:var(--text-primary)}[data-theme=dark] .auth-card p{color:var(--text-secondary)}[data-theme=dark] .auth-brand-mark,[data-theme=dark] .user-pill{background:#1877f233;border-color:#1877f2;color:#4599ff}[data-theme=dark] .signout-btn{background:var(--surface-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .signout-btn:hover{background:var(--surface-hover)}.todo-overlay-backdrop{align-items:flex-start;background:#00000073;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:48px 16px;position:fixed;z-index:1200}.todo-overlay-panel{background:#fff;background:var(--surface,#fff);border-radius:12px;box-shadow:0 12px 32px #0000003d;max-width:900px;padding:16px;position:relative;width:100%}.todo-overlay-close{background:none;border:none;color:#5f6368;color:var(--text-secondary,#5f6368);cursor:pointer;font-size:1.75rem;line-height:1;position:absolute;right:12px;top:8px}.todo-overlay-close:hover{color:#202124;color:var(--text-primary,#202124)}[data-theme=dark] .todo-overlay-panel{background:#2d2d44}
/*# sourceMappingURL=main.15c07ec3.css.map*/