*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--brand-midnight-blue: #03045e;--brand-medium-blue: #023e8a;--brand-honolulu-blue: #0077b6;--brand-blue-green: #0096c7;--brand-pacific-cyan: #00b4d8;--brand-vivid-sky-blue: #48cae4;--brand-non-photo-blue-light: #90e0ef;--brand-non-photo-blue: #ade8f4;--brand-light-cyan: #caf0f8;--brand-alice-blue: #ebf4fa;--brand-alice-blue-2: #e3f2fc;--brand-columbia-blue: #d7edfc;--brand-uranian-blue: #c2e4ff;--brand-oxford-blue: #001233;--brand-delft-blue: #33415c;--brand-paynes-gray: #5c677d;--brand-slate-gray: #7d8597;--brand-cool-gray: #979dac;--brand-mindaro: #d9ed92;--brand-light-green: #b5e48c;--brand-emerald: #76c893;--brand-keppel: #52b69a;--brand-verdigris: #34a0a4;--brand-bondi-blue: #168aad;--brand-cerulean: #1a759f;--brand-yale-blue: #1e6091;--brand-indigo-dye: #184e77;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--color-success: #198754;--color-success-light: #d1e7dd;--color-success-dark: #0f5132;--color-info: #0dcaf0;--color-info-light: #cff4fc;--color-warning: #ffc107;--color-warning-light: #fff3cd;--color-warning-dark: #997404;--color-danger: #dc3545;--color-danger-light: #f8d7da;--color-danger-dark: #842029;--color-healthy: #22c55e;--color-intermittent: #eab308;--color-down: #ef4444;--color-loading: #94a3b8;--text-dark: #212529;--text-muted: #6c757d;--text-light: #f8f9fa;--text-light-muted: #adb5bd;--color-text: #1e293b;--color-text-muted: #64748b;--bg-light: #f8f9fa;--bg-white: #ffffff;--bg-dark: #212529;--color-bg: #f8fafc;--color-card-bg: #ffffff;--border-light: #dee2e6;--border-medium: #ced4da;--border-dark: #adb5bd;--color-border: #e2e8f0;--gradient-primary: linear-gradient(135deg, var(--brand-medium-blue), var(--brand-honolulu-blue));--gradient-secondary: linear-gradient(135deg, var(--brand-pacific-cyan), var(--brand-vivid-sky-blue));--gradient-success: linear-gradient(135deg, var(--brand-keppel), var(--brand-light-green));--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--radius-sm: .25rem;--radius: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 500;--z-tooltip: 600;--container-max: 1200px;--container-padding: 1.5rem}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--color-text);background-color:transparent;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text);margin:0}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin:0;color:inherit}a{color:var(--brand-medium-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-honolulu-blue);text-decoration:underline}code{font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em;background-color:var(--neutral-100);padding:.125rem .375rem;border-radius:var(--radius-sm)}.text-primary{color:var(--brand-medium-blue)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-lg{font-size:var(--font-size-lg)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.w-full{width:100%}.max-w-container{max-width:var(--container-max)}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--color-border)}.container{max-width:var(--container-max);margin:0 auto;padding:var(--space-8) var(--container-padding)}.card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.card-description{font-size:var(--font-size-sm);color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.5;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background-color:var(--brand-medium-blue);color:var(--text-light)}.btn-primary:hover{background-color:var(--brand-honolulu-blue);color:var(--text-light)}.btn-secondary{background-color:var(--neutral-100);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background-color:var(--neutral-200)}.btn-success{background-color:var(--color-success);color:var(--text-light)}.btn-danger{background-color:var(--color-danger);color:var(--text-light)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.badge-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.badge-info{background-color:var(--color-info-light);color:var(--brand-medium-blue)}.badge-neutral{background-color:var(--neutral-100);color:var(--neutral-600)}header{text-align:center;margin-bottom:var(--space-12)}header h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-2)}.subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--space-4)}.header-status-bar{display:inline-flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.global-status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--color-card-bg);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);transition:border-color var(--transition-normal),background-color var(--transition-normal)}.global-status[data-status=healthy]{border-color:var(--color-healthy);background:#22c55e1a}.global-status[data-status=issues]{border-color:var(--color-down);background:#ef44441a}.global-status .status-indicator{width:10px;height:10px}.last-updated{font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-card-bg);display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border)}.status-section{margin-bottom:var(--space-10)}.status-section h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-4);padding-left:var(--space-2)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.status-grid.single{max-width:320px}.status-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-normal);box-shadow:var(--shadow-xs)}.status-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.status-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.status-header h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;transition:background-color var(--transition-slow)}.status-indicator.loading{background-color:var(--color-loading);animation:pulse 1.5s ease-in-out infinite}.status-indicator.healthy{background-color:var(--color-healthy);box-shadow:0 0 8px var(--color-healthy)}.status-indicator.intermittent{background-color:var(--color-intermittent);box-shadow:0 0 8px var(--color-intermittent)}.status-indicator.down{background-color:var(--color-down);box-shadow:0 0 8px var(--color-down)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.status-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius);display:inline-block;background:var(--color-bg);color:var(--color-text-muted);transition:all var(--transition-slow)}.status-card[data-status=healthy] .status-text{background:#22c55e1a;color:#15803d}.status-card[data-status=intermittent] .status-text{background:#eab3081a;color:#a16207}.status-card[data-status=down] .status-text{background:#ef44441a;color:#b91c1c}footer{text-align:center;margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm)}.refresh-note{margin-top:var(--space-2);font-size:var(--font-size-xs);opacity:.8}.alert{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid transparent;margin-bottom:var(--space-4)}.alert-success{background-color:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-dark)}.alert-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.alert-danger{background-color:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger-dark)}.alert-info{background-color:var(--color-info-light);border-color:var(--color-info);color:var(--brand-medium-blue)}@media (max-width: 768px){:root{--container-padding: 1rem}.container{padding:var(--space-6) var(--container-padding)}header h1{font-size:1.75rem}.subtitle{font-size:var(--font-size-base)}.header-status-bar{flex-direction:column;gap:var(--space-3)}.global-status,.last-updated{width:100%;justify-content:center}.status-grid{grid-template-columns:1fr}.status-grid.single{max-width:100%}h2{font-size:1.25rem}.status-section h2{padding-left:0}footer{margin-top:var(--space-8);padding-top:var(--space-6)}}@media (max-width: 480px){header h1{font-size:1.5rem}.subtitle{font-size:var(--font-size-sm)}.global-status,.last-updated{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.last-updated{flex-wrap:wrap;justify-content:center;text-align:center}.status-card{padding:var(--space-4)}.btn{width:100%}.alert{padding:var(--space-3);font-size:var(--font-size-sm)}}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.background-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff 0%,var(--brand-light-cyan) 25%,#f0f9ff 50%,var(--brand-non-photo-blue) 75%,var(--brand-light-cyan) 100%);background-size:400% 400%;animation:gradientShift 20s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.background-orbs{position:absolute;top:0;left:0;width:100%;height:100%}.background-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:floatOrb 25s ease-in-out infinite}.background-orb-1{width:300px;height:300px;background:var(--brand-vivid-sky-blue);top:-100px;right:10%;animation-delay:0s;animation-duration:30s}.background-orb-2{width:200px;height:200px;background:var(--brand-pacific-cyan);bottom:10%;left:-50px;animation-delay:-5s;animation-duration:25s}.background-orb-3{width:250px;height:250px;background:var(--brand-non-photo-blue-light);top:40%;right:-80px;animation-delay:-10s;animation-duration:35s}.background-orb-4{width:180px;height:180px;background:var(--brand-blue-green);bottom:-60px;right:30%;animation-delay:-15s;animation-duration:28s;opacity:.3}.background-orb-5{width:220px;height:220px;background:var(--brand-light-cyan);top:20%;left:15%;animation-delay:-8s;animation-duration:32s;opacity:.35}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.02)}}.background-noise{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none}.animations-paused .background-gradient,.animations-paused .background-orb{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.background-gradient{animation:none;background-position:50% 50%}.background-orb{animation:none}}@media (prefers-reduced-data: reduce){.background-orbs{display:none}.background-gradient{animation:none}}.next-check-divider{margin:0 var(--space-2);opacity:.5}#next-check-countdown{opacity:.7;font-size:var(--font-size-xs)}@media (max-width: 480px){.next-check-divider{display:none}#next-check-countdown{display:block;width:100%;margin-top:var(--space-1)}.last-updated{gap:0}}.status-ribbon{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.status-ribbon:hover{box-shadow:var(--shadow-md)}.status-ribbon[data-status=healthy]{border-left:4px solid var(--color-healthy)}.status-ribbon[data-status=intermittent]{border-left:4px solid var(--color-intermittent)}.status-ribbon[data-status=down]{border-left:4px solid var(--color-down)}.status-ribbon[data-status=loading]{border-left:4px solid var(--color-loading)}.ribbon-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.ribbon-header:hover{background:#00000005}.ribbon-header:focus{outline:2px solid var(--brand-pacific-cyan);outline-offset:-2px}.ribbon-header-left{display:flex;align-items:center;gap:var(--space-4)}.ribbon-header-left .status-indicator{width:14px;height:14px;flex-shrink:0}.ribbon-title-group{display:flex;flex-direction:column;gap:var(--space-1)}.ribbon-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.ribbon-summary{font-size:var(--font-size-sm);color:var(--color-text-muted)}.ribbon-chevron{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-normal)}.ribbon-chevron:before{content:"";width:10px;height:10px;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:rotate(-45deg);transition:transform var(--transition-normal)}.status-ribbon.expanded .ribbon-chevron:before{transform:rotate(45deg)}.ribbon-content{max-height:0;overflow:hidden;transition:max-height var(--transition-slow) ease-out}.status-ribbon.expanded .ribbon-content{max-height:1000px;transition:max-height var(--transition-slow) ease-in}.ribbon-services{padding:0 var(--space-6) var(--space-5);border-top:1px solid var(--color-border)}.ribbon-service-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.ribbon-service-row:last-child{border-bottom:none}.ribbon-service-row:first-child{padding-top:var(--space-5)}.ribbon-service-info{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.ribbon-service-info .status-indicator{width:10px;height:10px;flex-shrink:0}.ribbon-service-details{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.ribbon-service-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text)}.ribbon-service-description{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ribbon-service-row-link{text-decoration:none;color:inherit;cursor:pointer;border-radius:var(--radius);margin:0 calc(var(--space-2) * -1);padding-left:var(--space-2);padding-right:var(--space-2)}.ribbon-service-row-link:hover{background:#0077b60a;text-decoration:none}.ribbon-service-row-link:hover .ribbon-service-name{color:var(--brand-honolulu-blue)}.ribbon-service-row-link:hover .ribbon-service-arrow{transform:translate(2px,-2px);color:var(--brand-honolulu-blue)}.ribbon-service-row-link:focus{outline:none}.ribbon-service-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;margin-left:var(--space-4)}.ribbon-service-arrow{width:16px;height:16px;color:var(--color-text-muted);opacity:.6;transition:transform var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.ribbon-service-row-link:hover .ribbon-service-arrow{opacity:1}.status-badge{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);text-transform:capitalize;transition:all var(--transition-normal)}.status-badge.loading{background:var(--neutral-200);color:var(--color-text-muted);animation:checking-shimmer 1s ease-in-out infinite}@keyframes checking-shimmer{0%,to{transform:translate(0) scale(1);background:var(--neutral-100);color:var(--color-text-muted);box-shadow:none}50%{transform:translate(5px) scale(1.05);background:var(--neutral-300);color:var(--neutral-700);box-shadow:0 2px 8px #00000026}}.status-badge.healthy{background:#22c55e1a;color:#15803d}.status-badge.intermittent{background:#eab3081a;color:#a16207}.status-badge.down{background:#ef44441a;color:#b91c1c}@media (max-width: 768px){.ribbon-header{padding:var(--space-4) var(--space-5)}.ribbon-title{font-size:var(--font-size-base)}.ribbon-services{padding:0 var(--space-5) var(--space-4)}.ribbon-service-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.ribbon-service-right{margin-left:calc(var(--space-3) + 10px);margin-top:var(--space-1)}.ribbon-service-description{white-space:normal}.ribbon-service-row-link{width:100%}}@media (max-width: 480px){.ribbon-header{padding:var(--space-3) var(--space-4)}.ribbon-header-left{gap:var(--space-3)}.ribbon-title{font-size:var(--font-size-sm)}.ribbon-summary{font-size:var(--font-size-xs)}.ribbon-services{padding:0 var(--space-4) var(--space-3)}.ribbon-service-name{font-size:var(--font-size-sm)}.ribbon-service-description{font-size:var(--font-size-xs)}.status-badge{font-size:.65rem;padding:var(--space-1) var(--space-2)}}