.signin-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:3rem 1rem}.signin-card{background-color:var(--card-background-color);border-radius:16px;box-shadow:0 8px 24px #00000014;box-sizing:border-box;max-width:420px;padding:2.5rem 2rem;text-align:center;width:100%}.signin-card .headline-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.signin-card .headline-subtitle{font-size:1rem;margin-bottom:2rem}.signin-logo{margin-bottom:1.5rem;width:100px}.signin-title{color:var(--title-color);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.signin-subtitle{color:#666;font-size:.95rem;margin-bottom:1.5rem}.signin-button{border-radius:8px;font-size:1rem;margin-top:1rem;padding:.75rem;width:100%}.base-button{background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-right:20px;outline-offset:2px;padding:8px 18px;transition:background-color .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none}.base-button:hover{background-color:#357abd}.base-button:focus-visible{outline:2px solid #357abd;outline-offset:3px}.base-button--secondary{background-color:#e0e0e0;color:#333;margin-right:20px}.base-button--secondary:hover{background-color:#c7c7c7}.headline{margin-bottom:10px;text-align:left}h1{margin:0}.headline__title{color:var(--title-color);font-size:1.8rem;font-weight:700;letter-spacing:.05em;margin-bottom:.25rem}.headline__subtitle{-webkit-margin-before:unset;color:#666;font-size:1.125rem;font-weight:400;margin-block-start:unset;margin-bottom:.5rem}.service-overview-container{margin:0 auto;max-width:1200px;padding:0 2rem;text-align:center}.service-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:2.5rem}.service-list .status-text,h4{color:var(--title-color)}.service-card.enhanced{align-items:flex-start;background-color:var(--card-background-color);border:1px solid #0000;border-radius:1.25rem;box-shadow:0 8px 20px #0000001a;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;transition:all .25s ease}.service-card.enhanced:hover{background-color:var(--card-hover-color);box-shadow:0 10px 18px #00000026;transform:translateY(-4px)}.service-header{align-items:center;display:flex;gap:.6rem;margin-bottom:.5rem}.status-dot{border-radius:50%;flex-shrink:0;height:14px;position:relative;width:14px}.status-dot.green{background-color:#34d399}.status-dot.yellow{background-color:#facc15}.status-dot.red{background-color:#f87171}.status-dot.pulse:before{animation:pulse 1.5s ease-out;background-color:inherit;border-radius:50%;content:"";height:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;z-index:0}@keyframes pulse{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}70%{opacity:0;transform:translate(-50%,-50%) scale(2)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.status-text{color:#333;font-size:.95rem;margin:.5rem 0}.api-url{color:#888;font-size:.8rem;margin-top:auto;word-break:break-word}.global-status-banner{align-items:center;border-radius:1rem;box-shadow:0 6px 16px #0000000a;display:flex;justify-content:center;margin-bottom:2rem;padding:1.25rem 2rem;transition:all .3s ease}.status-content{align-items:center;display:flex;gap:1.5rem}.status-icon{font-size:2.5rem;padding-bottom:13px}@media (max-width:768px){.status-icon{display:none}}.status-text h3{font-size:1.2rem;font-weight:600;margin:0}.status-text p{color:#555;font-size:.9rem;margin-top:.25rem}.global-status-banner.all-ok{background:linear-gradient(90deg,#ecfdf5,#d1fae5);color:#065f46}.global-status-banner.issues{background:linear-gradient(90deg,#fef3c7,#fef9c3);color:#78350f}.global-status-banner.all-down{background:linear-gradient(90deg,#fee2e2,#fecaca);color:#7f1d1d}.global-status-banner.unknown{background:#f3f4f6;color:#4b5563}.error{color:#d9534f;font-size:1.1rem;font-weight:600;margin:20px 0}.error,.loading{text-align:center}.loading{align-items:center;color:#555;display:flex;font-size:1rem;font-weight:500;gap:.25rem;justify-content:center}.dots span{animation:blink 1.4s infinite both;display:inline-block;font-size:1.2rem}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.pie-chart-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;min-height:380px;padding:1rem;width:100%}.pie-chart-container p{color:#666;font-size:.95rem;margin:1rem 0;text-align:center}.tile{background-color:var(--card-background-color);border-radius:16px;box-shadow:0 6px 12px #0000001a;box-sizing:border-box;cursor:pointer;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;width:100%}.tile:hover{background-color:var(--card-hover-color);box-shadow:0 10px 18px #00000026;transform:translateY(-4px)}.tile-name{color:var(--title-color);font-size:16px;font-weight:600;margin-bottom:8px}.tile-count{color:#4a90e2;font-size:32px;font-weight:700}.dashboard-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:0 2rem}.section,.tiles-container{max-width:1200px;width:100%}.tiles-container{grid-gap:1.5rem;box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:2rem}.charts-container{flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.chart-card,.charts-container{display:flex;justify-content:center}.chart-card{align-items:center;background-color:var(--card-background-color);border-radius:12px;box-shadow:0 4px 12px #0000000f;flex:1 1 320px;padding:2rem 1.5rem}.chart-card,.tile-card{min-width:200px}.section-title{color:var(--title-color);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:left}.missing-service-container{align-items:center;background-color:#f5f7fa;display:flex;height:80vh;justify-content:center;padding:2rem}.missing-service-card{background-color:var(--card-background-color);border-radius:16px;box-shadow:0 8px 24px #0000001a;max-width:560px;padding:3rem;text-align:center;width:100%}.fallback-title{color:#222;font-size:2rem;font-weight:700;margin-bottom:.5rem}.fallback-subtitle{color:#666;font-size:1.125rem;margin-bottom:1rem}.fallback-message{color:#444;font-size:1rem;margin-bottom:2rem}.fallback-button{background-color:#2563eb;border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s ease-in-out}.fallback-button:hover{background-color:#1e40af}.details-table-container{background-color:var(--card-background-color);border-radius:12px;box-shadow:0 4px 16px #00000014;box-sizing:border-box;max-width:100%;overflow-x:auto;overflow-y:auto}.details-table-container.scroll-vertical{max-height:400px;overflow-y:auto}.details-table{border-collapse:collapse;border-spacing:0;color:var(--title-color);font-size:14px;min-width:800px;width:100%}.details-table thead th{background-color:var(--th-color);border-bottom:2px solid #ccc;color:var(--title-color);font-size:13px;font-weight:700;letter-spacing:.05em;padding:14px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;-webkit-user-select:none;user-select:none;z-index:11}.details-table thead th:first-child{border-top-left-radius:8px}.details-table td{background-color:var(--td-color);border-bottom:1px solid var(--td-border-color);box-shadow:0 1px 2px #0000000d;max-width:200px;padding:14px 12px;position:relative;white-space:normal;word-break:break-word}.details-table tbody tr:hover td{background-color:var(--tr-hover-color);box-shadow:none}.details-table tbody tr:hover{cursor:default;transition:background-color .2s ease}.details-table td.center{text-align:center}.button-modern{background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-right:20px;outline-offset:2px;padding:8px 18px;transition:background-color .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none}.button-modern:hover{background-color:#357abd}.button-modern:focus-visible{outline:2px solid #357abd;outline-offset:3px}.search-bar{display:flex;justify-content:flex-end}.search-input{background-color:var(--card-background-color);border:1px solid #ccc;border-radius:6px;color:var(--title-color);font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:240px}.search-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}.detail-view-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0 2rem}.header-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;max-width:1200px;width:100%}.back-link{align-items:center;color:var(--title-color);display:inline-flex;font-weight:700;gap:.5rem;text-decoration:none}.detail-view-title{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.detail-section{background-color:var(--card-background-color);border-radius:12px;box-shadow:0 4px 12px #0000000f;display:flex;flex:1 1 auto;flex-direction:column;margin-top:1rem;max-width:1200px;overflow:hidden;padding:1rem 2rem 2rem;width:100%}.table-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.total-count-badge{background-color:#4a90e2;border-radius:10px;box-shadow:0 1px 3px #0000001a;color:#fff;display:inline-block;font-size:.875rem;font-weight:500;margin:.5rem 0;padding:.25rem .75rem}.switch-with-icon{display:inline-block;height:32px;position:relative;width:64px}.switch-with-icon input{height:0;opacity:0;width:0}.slider{align-items:center;background-color:#ccc;border-radius:999px;bottom:0;box-sizing:border-box;display:flex;font-size:14px;justify-content:space-between;left:0;padding:0 6px;position:absolute;right:0;top:0;transition:background-color .3s ease}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 5px #0000004d;content:"";height:24px;left:4px;position:absolute;transition:transform .3s ease;width:24px}input:checked+.slider{background-color:#4d4dff}input:checked+.slider:before{transform:translateX(32px)}.icon{color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.loggedin-card{align-items:center;background-color:var(--card-background-color);border-radius:12px;box-shadow:0 2px 8px #00000026;color:var(--title-color);display:flex;gap:10px;padding:10px 16px}.loggedin-name{font-weight:600}.loggedin-logout{background-color:#e81123;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 10px}.header{align-items:center;border-bottom:1px solid var(--td-border-color);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px;padding:10px 20px}.logo{flex-shrink:0;height:auto;width:150px}.rightSide{align-items:center;display:flex;flex-grow:1;gap:16px;justify-content:flex-end;min-width:0}@media (max-width:480px){.header{justify-content:center}.logo{width:120px}.rightSide{flex-basis:100%;gap:12px;justify-content:center;margin-top:10px}}:root{--background-color:#f9fafb;--card-background-color:#fff;--card-hover-color:#f8faff;--title-color:#333;--th-color:#eaecef;--td-color:#fafafa;--td-border-color:#eee;--tr-hover-color:#e8f0fe;--scrollbar-bg:#f1f1f1;--scrollbar-thumb:#c1c1c1;--scrollbar-thumb-hover:#a1a1a1}.dark-theme{--background-color:#0d1117;--card-background-color:#161b22;--card-hover-color:#1e2630;--title-color:#e6edf3;--th-color:#21262d;--td-color:#1c2128;--td-border-color:#30363d;--tr-hover-color:#2c313a;--scrollbar-bg:#1e1e1e;--scrollbar-thumb:#444;--scrollbar-thumb-hover:#555}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f1f1;background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background-color:#c1c1c1;background-color:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#a1a1a1;background-color:var(--scrollbar-thumb-hover)}body{background-color:#f9fafb;background-color:var(--background-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}
/*# sourceMappingURL=main.974f19db.css.map*/