*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:linear-gradient(135deg,#0a1128 0%,#1c1917 25%,#1e3a8a 50%,#1c1917 75%,#000000 100%);background-size:400% 400%;animation:gradientShift 20s ease infinite;color:#fff;padding:10px;line-height:1.4;min-height:100vh;overflow-x:hidden;}@keyframes gradientShift{0%{background-position:0% 50%;}25%{background-position:50% 50%;}50%{background-position:100% 50%;}75%{background-position:50% 50%;}100%{background-position:0% 50%;}}.container{max-width:1400px;margin:0 auto;}.glass{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);box-shadow:0 8px 32px 0 rgba(31,38,135,0.37);}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:15px 20px;border-radius:16px;}.header-content{flex:1;}.header h1{font-size:1.5em;font-weight:700;margin-bottom:2px;text-shadow:2px 2px 20px rgba(0,0,0,0.3);}.header .subtitle{font-size:0.8em;opacity:0.9;text-shadow:1px 1px 10px rgba(0,0,0,0.2);}.controls{display:flex;gap:8px;}.btn{padding:8px 16px;border:1px solid rgba(255,255,255,0.3);background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.3s;color:white;text-shadow:1px 1px 2px rgba(0,0,0,0.2);}.btn:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.2);}.ssl-section{padding:12px 20px;border-radius:16px;margin-bottom:12px;}.section-title{font-size:1em;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px;text-shadow:2px 2px 10px rgba(0,0,0,0.2);}.ssl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}@media (max-width:1200px){.ssl-grid{grid-template-columns:repeat(3,1fr);}}@media (max-width:900px){.ssl-grid{grid-template-columns:repeat(2,1fr);}}.ssl-card{padding:10px 12px;background:rgba(255,255,255,0.12);backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(255,255,255,0.2);transition:all 0.3s;position:relative;overflow:hidden;}.ssl-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#10b981,#34d399);}.ssl-card.warning::before{background:linear-gradient(90deg,#f59e0b,#fbbf24);}.ssl-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.3);background:rgba(255,255,255,0.18);}.ssl-domain{font-weight:600;margin-bottom:4px;font-size:0.7em;}.ssl-date{opacity:0.8;font-size:0.65em;margin-bottom:2px;}.ssl-days{font-size:0.65em;font-weight:600;}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}@media (max-width:1200px){.services-grid{grid-template-columns:repeat(3,1fr);}}@media (max-width:900px){.services-grid{grid-template-columns:repeat(2,1fr);}}.service-card{padding:12px 14px;border-radius:12px;transition:all 0.3s;position:relative;overflow:hidden;}.service-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(255,255,255,0.3),rgba(255,255,255,0.1));}.service-card.healthy::after{background:linear-gradient(90deg,#10b981,#34d399);}.service-card.unhealthy::after{background:linear-gradient(90deg,#ef4444,#f87171);}.service-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,0.4);background:rgba(255,255,255,0.15);}.service-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:8px;}.service-name{font-size:1em;font-weight:700;text-shadow:2px 2px 10px rgba(0,0,0,0.2);}.status-badge{padding:3px 8px;border-radius:10px;font-size:0.6em;font-weight:700;text-transform:uppercase;letter-spacing:0.3px;background:rgba(255,255,255,0.2);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,0.3);}.status-healthy{background:rgba(16,185,129,0.3);border-color:#10b981;}.status-unhealthy{background:rgba(239,68,68,0.3);border-color:#ef4444;}.service-url{opacity:0.9;font-size:0.7em;margin-bottom:8px;word-break:break-all;}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:8px;}.metric{background:rgba(255,255,255,0.08);backdrop-filter:blur(5px);padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,0.15);position:relative;}.metric.latency-info{cursor:help;}.metric.latency-info:hover{z-index:1000;}.metric-label{font-size:0.6em;opacity:0.8;text-transform:uppercase;font-weight:600;letter-spacing:0.3px;margin-bottom:2px;}.metric-label .help-icon{display:inline-block;width:10px;height:10px;line-height:10px;text-align:center;background:rgba(255,255,255,0.3);color:white;border-radius:50%;font-size:8px;margin-left:3px;font-weight:700;}.latency-tooltip{display:none;position:absolute;left:0;top:100%;background:#1f2937;color:white;padding:6px 10px;border-radius:6px;font-size:0.7em;white-space:nowrap;z-index:9999;margin-top:4px;box-shadow:0 4px 12px rgba(0,0,0,0.5);}.metric.latency-info:hover .latency-tooltip{display:block;}.latency-tooltip::before{content:'';position:absolute;top:-4px;left:10px;width:8px;height:8px;background:#1f2937;transform:rotate(45deg);}.metric-value{font-size:0.9em;font-weight:700;text-shadow:1px 1px 5px rgba(0,0,0,0.2);}.metric-value.good{color:#34d399;}.metric-value.warning{color:#fbbf24;}.metric-value.high{color:#ff6b6b;font-weight:800;}.actions{display:flex;gap:6px;}.action-btn{flex:1;padding:6px 8px;border:1px solid rgba(255,255,255,0.2);border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.3s;font-size:0.7em;background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);color:white;}.action-btn:hover{background:rgba(255,255,255,0.2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.2);}.btn-health{background:rgba(59,130,246,0.3);border-color:#3b82f6;}.btn-health:hover{background:rgba(59,130,246,0.5);}.footer{text-align:center;margin-top:10px;padding:8px;opacity:0.8;font-size:0.7em;text-shadow:1px 1px 5px rgba(0,0,0,0.2);}.particle{position:fixed;width:4px;height:4px;background:rgba(255,255,255,0.5);border-radius:50%;pointer-events:none;animation:float 20s infinite;}@keyframes float{0%,100%{transform:translateY(0) translateX(0);opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{transform:translateY(-100vh) translateX(100px);opacity:0;}}@media (max-width:600px){.header{flex-direction:column;align-items:stretch;gap:12px;padding:12px 15px;}.header-content{text-align:center;}.header h1{font-size:1.2em;}.header .subtitle{font-size:0.75em;}.controls{flex-direction:column;gap:6px;width:100%;}.btn{width:100%;padding:10px 12px;font-size:12px;}.services-grid{grid-template-columns:1fr;}.ssl-grid{grid-template-columns:1fr;}.metric-value.good{color:#10b981 !important;font-weight:800;}.metric-value.warning{color:#f59e0b !important;font-weight:800;}.metric-value.high{color:#ef4444 !important;font-weight:900;}}