@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-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 pulse{0%,to{opacity:1}50%{opacity:.7}}@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:16px;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)}.dashboard{animation:fadeIn .5s ease-in-out;margin:0 auto;max-width:1600px;padding:var(--space-6) var(--space-8)}.overall-metrics h2,.teams-section h2{align-items:center;color:var(--kone-blue-dark);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:var(--gradient-kone);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;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);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{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)}.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-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);display:grid;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)}.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-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:400px}.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)}@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)}.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-card-header{align-items:center;background:linear-gradient(135deg,#f8fbfd,#e8f0f7);border-bottom:2px solid #e8f0f7;display:flex;justify-content:space-between;padding:16px}.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;padding:20px;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;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;font-size:24px;height:36px;transition:all .2s ease;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-radius:50%;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)}.ies-dashboard{background:#f5f7fa;min-height:100%;padding:24px}.dashboard-header{align-items:flex-start;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.header-left h2{color:#1a1a2e;font-size:24px;margin:0 0 4px}.header-subtitle{color:#666;font-size:14px;margin:0}.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}.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-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 14px}.data-flow{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:12px;justify-content:center;margin-bottom:16px;padding:24px}.stage-box{background:#fff;border:2px solid #e0e0e0;border-radius:12px;min-width:140px;padding:20px 30px;text-align:center;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:32px;margin-bottom:8px}.stage-name{color:#1a1a2e;font-size:14px;font-weight:600;margin-bottom:12px}.stage-count{margin-bottom:4px}.count-value{color:#0051a3;font-size:28px;font-weight:700}.count-pending{color:#999;font-size:28px}.stage-label{color:#888;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.stage-total{border-top:1px dashed #ddd;color:#666;font-size:12px;font-weight:500;margin-top:8px;padding-top:8px}.stage-time-window{color:#999;font-size:10px;font-style:italic;margin-top:4px}.flow-arrow{align-items:center;display:flex;padding:0 8px}.flow-arrow .arrow{color:#0051a3;font-size:32px;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;text-align:center}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;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}.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:#aaa}[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}.account-detail{animation:fadeIn .5s ease-in-out;margin:0 auto;max-width:1800px;padding:var(--space-8) var(--space-10);position:relative}.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}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:var(--kone-blue);font-family:var(--font-display);font-size:var(--text-lg);text-align:center}.back-button,.loading-text{font-weight:var(--font-semibold)}.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);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-xl);box-shadow:var(--shadow-kone-lg);color:var(--white);margin-bottom:var(--space-8);overflow:hidden;padding:var(--space-6);position:relative}.account-header:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:var(--radius-full);content:"";height:300px;position:absolute;right:-10%;top:-50%;width:300px}.account-header-main{display:flex;flex-direction:column;gap:var(--space-3);position:relative;z-index:1}.account-breadcrumb{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-2);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-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-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);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-6)}.region-selector-prominent{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:var(--radius-lg);box-shadow:0 4px 12px #2196f333;padding:var(--space-6)}.region-selector-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-6);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-xl);font-weight:var(--font-bold);gap:var(--space-2);margin:0 0 var(--space-2) 0}.region-selector-description{color:#1976d2;font-size:var(--text-sm);line-height:1.5;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 8px #0000001a;color:var(--kone-blue);cursor:pointer;font-size:var(--text-lg);font-weight:var(--font-semibold);min-width:260px;padding:var(--space-3) var(--space-5);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:2px solid var(--warning);border-radius:var(--radius-lg);box-shadow:0 4px 12px #ff910033;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6)}.cost-data-freshness-banner .freshness-content{align-items:flex-start;display:flex;gap:var(--space-4)}.cost-data-freshness-banner .freshness-icon{filter:drop-shadow(0 2px 4px rgba(255,145,0,.3));flex-shrink:0;font-size:var(--text-4xl)}.cost-data-freshness-banner .freshness-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2)}.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-xl);box-shadow:var(--shadow-kone-md);margin-bottom:var(--space-8);padding:var(--space-8);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-2xl);font-weight:var(--font-bold);gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-3);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-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);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-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-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-5);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-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.metrics-grid-4{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--space-5)}.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-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);transition:all var(--transition-bounce)}.metric-widget:hover{box-shadow:var(--shadow-kone-md);transform:translateY(-4px)}.widget-label{color:var(--gray-600);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.8px;margin-bottom:var(--space-2);text-transform:uppercase}.widget-value{color:var(--kone-blue);font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.widget-value.small{font-size:var(--text-3xl)}.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{display:flex;flex-wrap:nowrap;gap:var(--space-6);max-width:640px;width:100%}.alarm-widget{align-items:center;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;max-width:300px;min-height:160px;min-width:300px;overflow:hidden;padding:var(--space-8) var(--space-10);position:relative;text-align:center;transition:all var(--transition-bounce);width:300px}.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-xl);transform:translateY(-6px)}.alarm-count{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-extrabold);line-height:var(--leading-none);margin-bottom:var(--space-2)}.alarm-label{font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:1.2px;margin-bottom:var(--space-1);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-8);padding:var(--space-5);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-xl);font-weight:var(--font-semibold);gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.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{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;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{align-items:center;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);display:flex;justify-content:space-between;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);margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--white);cursor:pointer;display:flex;font-size:var(--text-4xl);height:44px;justify-content:center;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)}.metrics-grid-4,.recommendations-grid{grid-template-columns:1fr}.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}*,:after,:before{box-sizing:border-box}.App,body,html{max-width:100vw;overflow-x:hidden}.App{background:linear-gradient(135deg,#f0f4f8,#e8f0f7);position:relative;width:100%}.App,.auth-screen{display:flex;min-height:100vh}.auth-screen{align-items:center;background:radial-gradient(circle at 10% 15%,#00b8d433 0,#00b8d400 40%),radial-gradient(circle at 90% 80%,#0051a333 0,#0051a300 45%),linear-gradient(160deg,#eef3f8,#dde9f5);justify-content:center;padding:var(--space-6)}.auth-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #ffffffb3;border-radius:var(--radius-xl);box-shadow:0 24px 48px #003d7a2e;overflow:hidden;padding:var(--space-10);position:relative;width:min(100%,460px)}.auth-card:before{background:var(--gradient-kone-light);content:"";height:4px;inset:0 0 auto 0;position:absolute}.auth-brand-mark{align-items:center;background:#0051a31a;border:1px solid #0051a326;border-radius:var(--radius-full);color:var(--kone-blue-dark);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:var(--kone-blue-darker);font-size:clamp(1.5rem,2vw,1.9rem);line-height:var(--leading-tight);margin:0 0 var(--space-3)}.auth-card p{color:var(--gray-700);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:var(--gradient-kone);border:0;border-radius:var(--radius-md);box-shadow:var(--shadow-kone-md);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),filter var(--transition-fast);width:100%}.auth-action:hover{box-shadow:var(--shadow-kone-lg);filter:brightness(1.04);transform:translateY(-1px)}.auth-action:active{transform:translateY(0)}.auth-action:focus-visible{outline:3px solid #00b8d466;outline-offset:2px}.auth-action-icon{align-items:center;display:inline-flex;height:18px;justify-content:center;line-height:1;width:18px}.ms-logo{display:block;height:18px;width:18px}.access-denied-card{border-color:#d32f2f26}.access-denied-card:before{background:var(--gradient-error)}.user-pill{background:#ffffff26;border:1px solid #fff3;border-radius:var(--radius-full);color:#fffffff2;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:#ffffff1f;border:1px solid #ffffff59;border-radius:var(--radius-md);color:var(--white);cursor:pointer;font-weight:var(--font-semibold);transition:all var(--transition-fast)}.signout-btn:hover{background:#ffffff38;border-color:#ffffff8c}@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;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-kone);border-bottom:1px solid #ffffff1a;box-shadow:var(--shadow-kone-md);color:var(--white);display:flex;height:70px;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{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:.5px;margin:0;text-shadow:0 2px 4px #0000001a}.header-right{gap:var(--space-5)}.header-right,.theme-toggle{align-items:center;display:flex}.theme-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:var(--radius-lg);color:var(--white);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:#ffffff40;box-shadow:0 4px 12px #00000026;transform:scale(1.05) rotate(15deg)}.theme-toggle:active{transform:scale(.95) rotate(0deg)}.header-subtitle{color:#ffffffe6;font-size:var(--text-xs);font-weight:var(--font-normal);letter-spacing:.3px;opacity:.95}.menu-toggle{background:none;border:none;border-radius:var(--radius-base);color:var(--white);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:#ffffff1a;transform:scale(1.1)}.menu-toggle:active{transform:scale(.95)}.sidebar{background:linear-gradient(180deg,var(--kone-blue-dark) 0,var(--kone-blue-darker) 100%);border-right:1px solid #ffffff0d;bottom:0;box-shadow:var(--shadow-xl);color:var(--white);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:#0000001a}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-sm)}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-logo{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,var(--kone-blue-dark) 0,var(--kone-blue-darker) 100%);border-bottom:1px solid #ffffff1a;display:flex;height:70px;justify-content:center;padding:var(--space-5);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.sidebar-logo img{filter:brightness(0) invert(1);height:40px;transition:transform var(--transition-base);width:auto}.sidebar-logo:hover img{transform:scale(1.05)}.sidebar-nav{padding:var(--space-5) 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#fffc;cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);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{background:var(--kone-cyan);bottom:0;content:"";left:0;position:absolute;top:0;transition:width var(--transition-base);width:0}.nav-item:hover{background-color:#ffffff14;color:var(--white);padding-left:calc(var(--space-6) + var(--space-1))}.nav-item:hover:before{width:3px}.nav-item.active{background:linear-gradient(90deg,#00b8d433,#0000);border-left-color:var(--kone-cyan);color:var(--white);font-weight:var(--font-semibold)}.nav-item.active:before{background:var(--kone-cyan);width:3px}.nav-icon{flex-shrink:0;font-size:var(--text-lg);text-align:center;transition:transform var(--transition-base);width:24px}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-section-title{color:#ffffff80;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{font-weight:var(--font-semibold);position:relative}.team-item.selected-team{background:linear-gradient(90deg,#00b8d440,#0000);border-left-color:var(--kone-cyan);color:var(--white);font-weight:var(--font-bold)}.team-item:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid #fff9;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:var(--white)}.team-accounts{grid-gap:var(--space-2);animation:slideDown .3s ease;background-color:#0003;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:linear-gradient(135deg,#00b8d499,#0097a799);border-color:#00e5ff4d;box-shadow:0 4px 12px #00b8d466;color:#00e5ff}.env-badge.env-acc{background:linear-gradient(135deg,#ff910099,#f57c0099);border-color:#ffd54f4d;box-shadow:0 4px 12px #ff910066;color:#ffd54f}.env-badge.env-prod{background:linear-gradient(135deg,#d32f2f99,#b71c1c99);border-color:#ff8a804d;box-shadow:0 4px 12px #d32f2f66;color:#ff8a80}.env-badge.env-shared{background:linear-gradient(135deg,#9c27b099,#7b1fa299);border-color:#ea80fc4d;box-shadow:0 4px 12px #9c27b066;color:#ea80fc}.env-badge.env-sandbox{background:linear-gradient(135deg,#00c85399,#00a64499);border-color:#69f0ae4d;box-shadow:0 4px 12px #00c85366;color:#69f0ae}.account-item:hover .env-badge{border-color:#fff9;box-shadow:0 6px 16px #00000080}.account-item.active .env-badge{border-color:#fffc;box-shadow:0 6px 20px #0009;font-weight:var(--font-extrabold)}.main-content{animation:fadeIn .4s ease-in-out;box-sizing:border-box;flex:1 1;margin-left:250px;margin-top:70px;max-width:calc(100vw - 250px);min-height:calc(100vh - 70px);overflow-x:hidden;padding:20px;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:20px;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}}@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:3px}}[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{border-bottom:1px solid var(--border-color)}[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:#0051a333;border-left:3px solid var(--kone-blue);color:var(--kone-blue-light)}[data-theme=dark] .team-accounts{background:#0003}[data-theme=dark] .account-item{color:var(--text-secondary)}[data-theme=dark] .account-item:hover{background:var(--surface-hover);color:var(--text-primary)}[data-theme=dark] .account-item.active{background:#0051a326;color:var(--kone-blue-light)}[data-theme=dark] .main-content{background:var(--bg-primary)}[data-theme=dark] .sidebar-overlay{background:#000c}
/*# sourceMappingURL=main.b3a33998.css.map*/