:root{--color-primary:#00c2b2;--color-primary-dark:#00a89a;--color-primary-light:#e6f9f7;--gradient-bg:linear-gradient(92deg, #e6f7fe 17.8%, #e9f9e8 104.94%);--color-operational:#00c2b2;--color-down:#ef4444;--color-issues:#f59e0b;--color-update:#3b82f6;--color-maintenance:#6b7280;--color-text:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-bg:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--container-max:1068px;--container-padding:var(--space-6)}@media (width<=640px){:root{--container-padding:var(--space-4)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);background:var(--gradient-bg);color:var(--color-text);min-height:100vh;font-size:15px;line-height:1.5}@media (width<=640px){body{font-size:14px}}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}.container{max-width:var(--container-max);margin:0 auto}.card{background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-4);border:1px solid var(--color-border)}@media (width<=640px){.card{padding:var(--space-3);border-radius:var(--radius-lg)}}.status-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px;display:inline-block}.status-dot.operational{background-color:var(--color-operational);box-shadow:0 0 0 3px #00c2b233}.status-dot.down{background-color:var(--color-down);animation:2s ease-in-out infinite pulse-red;box-shadow:0 0 0 3px #ef444433}.status-dot.issues{background-color:var(--color-issues);box-shadow:0 0 0 3px #f59e0b33}.status-dot.update{background-color:var(--color-update);box-shadow:0 0 0 3px #3b82f633}.status-dot.maintenance{background-color:var(--color-maintenance)}@keyframes pulse-red{0%,to{box-shadow:0 0 0 3px #ef444433}50%{box-shadow:0 0 0 6px #ef44441a}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg);color:var(--color-text-secondary);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-text-muted)}.heatmap-cell{cursor:pointer;width:11px;height:11px;transition:transform var(--transition-fast);border-radius:2px}.heatmap-cell:hover{transform:scale(1.4)}.heatmap-cell.level-0{background-color:#e5e7eb}.heatmap-cell.level-1{background-color:#a7f3d0}.heatmap-cell.level-2{background-color:#6ee7b7}.heatmap-cell.level-3{background-color:#34d399}.heatmap-cell.level-4{background-color:var(--color-primary)}.heatmap-cell.level-down{background-color:var(--color-down)}.tooltip{background:var(--color-text);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;z-index:1000;text-align:center;box-shadow:var(--shadow-lg);font-size:12px;position:fixed;transform:translate(-50%)translateY(-100%)}.tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--color-text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:var(--space-4);font-size:13px;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.layout.svelte-12qhfyh{flex-direction:column;min-height:100vh;display:flex}.header.svelte-12qhfyh{background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;align-items:center;height:64px;display:flex;position:sticky;top:0}.header-container.svelte-12qhfyh{width:100%;padding:0 var(--space-6);justify-content:space-between;align-items:center;display:flex}.logo-link.svelte-12qhfyh{align-items:center;gap:var(--space-4);text-decoration:none;display:flex}.logo-wrapper.svelte-12qhfyh{justify-content:center;align-items:center;display:flex}.logo.svelte-12qhfyh{width:auto;height:28px}.logo-divider.svelte-12qhfyh{background:var(--color-border);width:1px;height:24px}.logo-text.svelte-12qhfyh{color:var(--color-text);letter-spacing:-.02em;font-size:18px;font-weight:600}.header-controls.svelte-12qhfyh{align-items:center;gap:var(--space-2);display:flex}.notif-selector.svelte-12qhfyh{position:relative}.notif-btn.svelte-12qhfyh{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.notif-btn.svelte-12qhfyh:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-muted);color:var(--color-text)}.notif-btn.enabled.svelte-12qhfyh{color:var(--color-operational);background:#00c2b20d;border-color:#00c2b24d}.notif-btn.enabled.svelte-12qhfyh:hover{border-color:var(--color-operational);background:#00c2b21a}.notif-btn.muted.svelte-12qhfyh{color:var(--color-text-muted);border-color:var(--color-border);background:var(--color-bg-secondary)}.notif-btn.denied.svelte-12qhfyh{color:var(--color-down);opacity:.7}.notif-btn.denied.svelte-12qhfyh:hover{opacity:1}.notif-dropdown.svelte-12qhfyh{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:260px;box-shadow:var(--shadow-lg);z-index:200;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.notif-header.svelte-12qhfyh{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;display:flex}.notif-title.svelte-12qhfyh{color:var(--color-text);font-size:13px;font-weight:600}.notif-status.svelte-12qhfyh{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;padding:2px 8px;font-size:11px;font-weight:600}.notif-status.on.svelte-12qhfyh{color:var(--color-operational);background:#00c2b21a}.notif-status.off.svelte-12qhfyh{color:var(--color-down);background:#ef44441a}.notif-options.svelte-12qhfyh{padding:var(--space-2)}.notif-option.svelte-12qhfyh{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);text-align:left;color:var(--color-text);background:0 0;border:none;font-size:13px;display:flex}.notif-option.svelte-12qhfyh:hover{background:var(--color-bg-secondary)}.notif-option.svelte-12qhfyh svg:where(.svelte-12qhfyh){color:var(--color-text-muted);flex-shrink:0}.notif-option.secondary.svelte-12qhfyh{color:var(--color-text-secondary);font-size:12px}.notif-divider.svelte-12qhfyh{background:var(--color-border);height:1px;margin:var(--space-1) var(--space-2)}.notif-footer.svelte-12qhfyh{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.notif-footer.svelte-12qhfyh span:where(.svelte-12qhfyh){color:var(--color-text-muted);font-size:11px;line-height:1.4}.modal-overlay.svelte-12qhfyh{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;animation:.2s svelte-12qhfyh-fadeIn;display:flex;position:fixed;inset:0}@keyframes svelte-12qhfyh-fadeIn{0%{opacity:0}to{opacity:1}}.modal-content.svelte-12qhfyh{background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 25px 50px -12px #00000040;width:100%;max-width:400px;animation:.3s svelte-12qhfyh-slideUp}@keyframes svelte-12qhfyh-slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header.svelte-12qhfyh{padding:var(--space-6) var(--space-6) var(--space-4);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.modal-icon.svelte-12qhfyh{border-radius:var(--radius-full);width:56px;height:56px;margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.modal-icon.blocked.svelte-12qhfyh{color:var(--color-down);background:#ef44441a}.modal-title.svelte-12qhfyh{color:var(--color-text);margin:0;font-size:18px;font-weight:600}.modal-close.svelte-12qhfyh{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.modal-close.svelte-12qhfyh:hover{background:var(--color-bg-secondary);color:var(--color-text)}.modal-body.svelte-12qhfyh{padding:0 var(--space-6) var(--space-4)}.modal-subtitle.svelte-12qhfyh{color:var(--color-text-secondary);margin:0 0 var(--space-4) 0;text-align:center;font-size:14px}.instructions-list.svelte-12qhfyh{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.instructions-list.svelte-12qhfyh li:where(.svelte-12qhfyh){align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex}.step-number.svelte-12qhfyh{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.step-text.svelte-12qhfyh{color:var(--color-text);padding-top:2px;font-size:13px;line-height:1.5}.modal-footer.svelte-12qhfyh{padding:var(--space-4) var(--space-6) var(--space-6)}.modal-btn.svelte-12qhfyh{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:14px;font-weight:500}.modal-btn.svelte-12qhfyh:hover{background:var(--color-primary-dark,#009688);transform:translateY(-1px)}.lang-selector.svelte-12qhfyh{position:relative}.lang-btn.svelte-12qhfyh{align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.lang-btn.svelte-12qhfyh:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-muted)}.lang-code.svelte-12qhfyh{color:var(--color-text);font-size:13px;font-weight:600}.lang-chevron.svelte-12qhfyh{color:var(--color-text-muted);transition:transform var(--transition-fast)}.lang-chevron.open.svelte-12qhfyh{transform:rotate(180deg)}.lang-dropdown.svelte-12qhfyh{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-lg);z-index:200;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.lang-option.svelte-12qhfyh{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.lang-option.svelte-12qhfyh:hover{background:var(--color-bg-secondary)}.lang-option.active.svelte-12qhfyh{background:var(--color-primary-light)}.option-code.svelte-12qhfyh{color:var(--color-text-secondary);width:24px;font-size:12px;font-weight:600}.option-name.svelte-12qhfyh{color:var(--color-text);font-size:13px}.main.svelte-12qhfyh{padding:var(--space-8) 0;flex:1}.footer.svelte-12qhfyh{padding:var(--space-6) 0;border-top:1px solid var(--color-border);background:var(--color-bg)}.footer-container.svelte-12qhfyh{justify-content:space-between;align-items:center;display:flex}.footer-text.svelte-12qhfyh{color:var(--color-text-muted);font-size:13px}.footer-link.svelte-12qhfyh{color:var(--color-text-muted);transition:color var(--transition-fast);font-size:13px}.footer-link.svelte-12qhfyh:hover{color:var(--color-primary)}@media (width<=640px){.header.svelte-12qhfyh{height:56px}.logo.svelte-12qhfyh{height:24px}.logo-divider.svelte-12qhfyh{height:20px}.logo-text.svelte-12qhfyh{font-size:16px}.header-controls.svelte-12qhfyh{gap:var(--space-1)}.notif-btn.svelte-12qhfyh{width:32px;height:32px}.notif-btn.svelte-12qhfyh svg:where(.svelte-12qhfyh){width:16px;height:16px}.notif-dropdown.svelte-12qhfyh{width:240px;right:-40px}.lang-btn.svelte-12qhfyh{height:32px;padding:0 var(--space-2)}.lang-code.svelte-12qhfyh{font-size:12px}.main.svelte-12qhfyh{padding:var(--space-6) 0}.footer-container.svelte-12qhfyh{gap:var(--space-2);text-align:center;flex-direction:column}}