body,.main-content{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-display:swap;line-height:1.6;}.header,.navbar{display:flex;align-items:center;}.bi::before{font-display:swap;width:1em;height:1em;display:inline-block;}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}.rating-btn.selected{background-color:#007bff !important;border-color:#007bff !important;color:white !important;transform:scale(1.05);}.rating-btn.average-display{background-color:#ffc107 !important;border-color:#ffc107 !important;color:#212529 !important;}.rating-btn{transition:all 0.2s ease-in-out;}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}.col,.col-lg-12,.col-md-6{position:relative;width:100%;padding-right:15px;padding-left:15px;}.status-text-section{min-height:100px;display:flex;flex-direction:column;justify-content:center;}.uptime-indicator-section{min-height:160px;position:relative;}.vote-chart-container{min-height:320px;position:relative;}.breadcrumb-logo{width:36px !important;height:16px !important;display:inline-block;vertical-align:middle;}.status-astronaut-image{width:200px;height:200px;max-width:100%;object-fit:contain;display:block;}#loader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:rgba(255,255,255,0.95);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;}.logo-spinner{width:80px;height:80px;animation:logo-rotate 1.5s linear infinite;}.logo-spinner svg{width:100%;height:100%;}@keyframes logo-rotate{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.btn{min-height:38px;display:inline-block;padding:0.375rem 0.75rem;margin-bottom:0;font-size:1rem;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:0.25rem;}.comments-section{min-height:220px;}.voting-section{min-height:180px;}.breadcrumb-container{min-height:40px;}.status-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;}@media (max-width:768px){.status-astronaut-image{width:150px;height:150px;}.uptime-indicator-section{min-height:140px;}.status-text-section{min-height:80px;}.vote-chart-container{min-height:280px;}.container-fluid{padding-right:10px;padding-left:10px;}.comment-avatar-input,.youtube-comment-avatar{display:none !important;}.youtube-comment-form .d-flex{gap:0 !important;}.youtube-comment-item .d-flex{gap:0 !important;}}@media (max-width:576px){.status-astronaut-image{width:120px;height:120px;}.uptime-indicator-section{min-height:120px;}.vote-chart-container{min-height:250px;}.comment-avatar-input,.youtube-comment-avatar{display:none !important;}.youtube-comment-form .d-flex{gap:0 !important;}.youtube-comment-item .d-flex{gap:0 !important;}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;}@keyframes loading{0%{background-position:200% 0;}100%{background-position:-200% 0;}}.website-banner-image{width:306px;height:65px;max-width:100%;object-fit:contain;}.font-loading{visibility:hidden;}.fonts-loaded .font-loading{visibility:visible;}.friendly-dialogue-enhanced{position:relative;background:linear-gradient(135deg,rgb(255 255 255 / 98%) 0%,rgb(255 255 255) 100%);border-radius:20px;padding:2rem;margin-bottom:1.5rem;border:1px solid rgb(75 73 73 / 20%);box-shadow:0 3px 3px rgb(0 0 0 / 31%);backdrop-filter:blur(12px);overflow:hidden;min-height:120px;}.astronaut-bg-decoration{position:absolute;top:50%;right:2rem;transform:translateY(-50%);width:100px;height:100px;z-index:1;pointer-events:none;}.astronaut-decoration{width:100%;height:100%;object-fit:contain;opacity:1;filter:contrast(1.2) saturate(0.8);}.dialogue-content-wrapper{position:relative;z-index:2;max-width:calc(100% - 120px);padding-right:1rem;}.game-title-section{margin-bottom:0.75rem;}.game-title-text{font-size:1.75rem;font-weight:700;color:#1e293b;line-height:1.3;margin:0;letter-spacing:-0.02em;text-shadow:0 1px 2px rgba(0,0,0,0.05);}.dialogue-question-section{margin-bottom:1rem;}.dialogue-question-text{font-size:1rem;font-weight:400;color:#64748b;line-height:1.4;margin:0;padding:0.5rem 0;font-style:italic;border:none;background:none;}.dialogue-short-answer{font-size:1.75rem;font-weight:700;color:#1e293b;line-height:1.3;margin:0;letter-spacing:-0.02em;text-shadow:0 1px 2px rgba(0,0,0,0.05);}.long-answer-container{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;margin-top:1rem;border:1px solid rgb(75 73 73 / 20%);}.long-answer-content{font-size:1rem;line-height:1.7;color:#475569;margin:0;}@keyframes pulse-success{0%,100%{opacity:1;}50%{opacity:0.7;}}@keyframes pulse-danger{0%,100%{opacity:1;}50%{opacity:0.6;}}@keyframes pulse-warning{0%,100%{opacity:1;}50%{opacity:0.75;}}@keyframes pulse-info{0%,100%{opacity:1;}50%{opacity:0.8;}}@keyframes pulse-recovery{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.8;transform:scale(1.05);}}.pulse-success{animation:pulse-success 2s ease-in-out infinite;}.pulse-danger{animation:pulse-danger 1.5s ease-in-out infinite;}.pulse-warning{animation:pulse-warning 1.8s ease-in-out infinite;}.pulse-info{animation:pulse-info 2.2s ease-in-out infinite;}.pulse-recovery{animation:pulse-recovery 2.5s ease-in-out infinite;}.status-timeline-section{margin-top:1.5rem;}.status-timeline-section .card{border:1px solid rgba(0,0,0,0.125);border-radius:0.75rem;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);}.status-timeline-section .card-title{color:#495057;font-weight:600;margin-bottom:1rem;}.status-timeline{margin-top:0;}.timeline-item{padding:0.75rem 0;border-bottom:1px solid rgba(0,0,0,0.05);}.timeline-item:last-child{border-bottom:none;padding-bottom:0;}.timeline-content{display:flex;align-items:flex-start;flex-wrap:wrap;gap:0.5rem;}.timeline-text{flex:1;font-size:0.9rem;line-height:1.4;}.timeline-timestamp{font-size:0.8rem;color:#6c757d;margin-left:auto;}.timeline-categories{width:100%;margin-top:0.5rem;}.categories-inline{display:flex;flex-wrap:wrap;gap:0.5rem;}.category-item{background:#f8f9fa;padding:0.25rem 0.5rem;border-radius:0.375rem;font-size:0.8rem;border:1px solid #e9ecef;display:inline-flex;align-items:center;gap:0.25rem;}.category-item:hover{background:#e9ecef;}@media (max-width:768px){.timeline-content{flex-direction:column;align-items:flex-start;}.timeline-timestamp{margin-left:0;margin-top:0.25rem;}.categories-inline{gap:0.25rem;}.category-item{font-size:0.75rem;padding:0.2rem 0.4rem;}.status-timeline-section .card-body{padding:1rem;}}@media (max-width:768px){.friendly-dialogue-enhanced{padding:1.5rem;min-height:100px;}.astronaut-bg-decoration{width:80px;height:80px;right:1rem;}.dialogue-content-wrapper{max-width:calc(100% - 100px);}.game-title-text{font-size:1.5rem;}.dialogue-question-text{font-size:0.9rem;}.dialogue-short-answer{font-size:1.5rem;}.long-answer-container{padding:1rem;}}@media (max-width:576px){.friendly-dialogue-enhanced{padding:1rem;min-height:80px;}.astronaut-bg-decoration{width:60px;height:60px;right:0.5rem;top:1rem;transform:none;}.dialogue-content-wrapper{max-width:calc(100% - 70px);padding-right:0;}.game-title-text{font-size:1.25rem;}.dialogue-question-text{font-size:0.85rem;}.dialogue-short-answer{font-size:1.25rem;}}.breadcrumb-container .breadcrumb{margin-bottom:0;background:transparent;padding:0;}.tools-menu-inline .btn-group{box-shadow:0 1px 3px rgba(0,0,0,0.1);border-radius:6px;overflow:hidden;}.tools-menu-inline .btn{border-color:#e5e7eb;font-size:0.875rem;padding:0.5rem 0.75rem;transition:all 0.2s ease;}.tools-menu-inline .btn:hover{background-color:#f8f9fa;border-color:#007bff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,123,255,0.15);}.mobile-tools-menu .btn{font-size:0.875rem;padding:0.5rem;flex:1;}@media (max-width:991.98px){.tools-menu-inline .btn span{font-size:0.8rem;}}@media (max-width:767.98px){.breadcrumb-container{width:100%;margin-bottom:1rem;}.mobile-tools-menu{box-shadow:0 1px 3px rgba(0,0,0,0.1);border-radius:6px;overflow:hidden;}}.chart-tab{border:none;background:transparent;color:#6c757d;transition:all 0.3s ease;}.chart-tab.active{background:var(--bs-primary);color:white;}.chart-tab:hover:not(.active){background:var(--bs-light);color:var(--bs-primary);}.chart-container{min-height:450px;height:450px;position:relative;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px;padding:20px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);border:1px solid #e2e8f0;margin:8px 0;}.chart-container canvas{width:100% !important;height:100% !important;max-height:none !important;border-radius:8px;}#chart-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background:rgba(255,255,255,0.95);backdrop-filter:blur(4px);padding:20px;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);}#charts-container{position:relative;background:#ffffff;border-radius:16px;padding:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border:1px solid #e5e7eb;height:calc(100vh - 300px);min-height:500px;}.chart-container.d-none{display:none !important;}.chart-tab.active{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%) !important;border-color:#3b82f6 !important;color:white !important;box-shadow:0 4px 6px -1px rgba(59,130,246,0.3);}.chart-tab{transition:all 0.2s ease;border-radius:8px !important;}.chart-tab:hover:not(.active){background:#f1f5f9 !important;border-color:#cbd5e1 !important;transform:translateY(-1px);}.voting-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0;padding:10px 0;}.voting-option-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 15px;background:rgba(220,53,69,0.03);border:1.5px solid rgba(220,53,69,0.15);border-radius:12px;min-height:120px;transition:all 0.2s ease-in-out;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;text-decoration:none;color:#374151;box-shadow:0 1px 3px 0 rgba(220,53,69,0.08);}.voting-option-card:hover{background:#dc3545 !important;border-color:#dc3545 !important;color:#ffffff !important;transform:translateY(-2px);box-shadow:0 4px 12px 0 rgba(220,53,69,0.25);}.voting-option-card:active{transform:translateY(0);box-shadow:0 2px 8px 0 rgba(220,53,69,0.3);}.voting-icon{font-size:24px;margin-bottom:8px;color:inherit;transition:color 0.2s ease;}.voting-text{font-size:14px;font-weight:500;text-align:center;line-height:1.3;color:inherit;transition:color 0.2s ease;}.voting-option-card:hover .voting-icon,.voting-option-card:hover .voting-text{color:#ffffff !important;}@media (max-width:768px){.voting-grid{grid-template-columns:repeat(3,1fr);gap:10px;}.voting-option-card{min-height:100px;padding:15px 10px;}.voting-icon{font-size:20px;margin-bottom:6px;}.voting-text{font-size:13px;}}@media (max-width:480px){.voting-grid{grid-template-columns:repeat(3,1fr);gap:8px;font-size:5px;}.voting-option-card{min-height:80px;padding:12px 8px;}}.recent-votes-list{padding:0;margin:0;}.recent-vote-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-bottom:8px;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;transition:all 0.2s ease;}.recent-vote-item:hover{background:#f9fafb;border-color:#d1d5db;}.vote-user-info{display:flex;align-items:center;gap:8px;flex:1;}.vote-prefix{color:#6b7280;font-size:14px;}.vote-flag-container{width:16px;overflow:hidden;flex-shrink:0;}.country-flag{width:100%;height:100%;object-fit:cover;border-radius:2px;}.vote-country{font-weight:500;color:#374151;font-size:14px;}.vote-action{color:#6b7280;font-size:14px;}.vote-badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize;}.vote-badge-red{background:#fee2e2;color:#dc2626;}.vote-badge-yellow{background:#fef3c7;color:#d97706;}.vote-badge-blue{background:#dbeafe;color:#2563eb;}.vote-badge-gray{background:#f3f4f6;color:#6b7280;}.vote-badge-default{background:#f3f4f6;color:#6b7280;}.vote-time{color:#312c2c;font-size:0.8rem;font-weight:300;white-space:nowrap;}@media (max-width:768px){.recent-vote-item{flex-direction:column;align-items:center;}.vote-user-info{justify-content:center;margin-bottom:0.7rem;row-gap:0.5rem;flex-wrap:wrap;}.vote-user-info .vote-prefix,.vote-flag-container,.vote-user-info .vote-country{display:inline;}.vote-user-info .vote-action,.vote-user-info .vote-badge{display:block;}.vote-flag-container{display:inline-flex;align-items:center;}.vote-time{margin-left:0;align-self:center;text-align:center;width:100%;margin-top:4px;}}@media (max-width:468px){.vote-badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize;}}.votes-pagination{border-top:1px solid #e5e7eb;padding-top:16px;}.votes-pagination .pagination{margin-bottom:8px;}.votes-pagination .page-link{border:1px solid #e5e7eb;color:#6b7280;padding:6px 12px;font-size:13px;line-height:1.2;}.votes-pagination .page-link:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#374151;}.votes-pagination .page-item.active .page-link{background-color:#3b82f6;border-color:#3b82f6;color:white;}.votes-pagination .page-item.disabled .page-link{color:#9ca3af;background-color:#f9fafb;border-color:#e5e7eb;}.votes-pagination .bi{font-size:12px;}.recent-checks-list{padding:0;margin:0;}.recent-check-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-bottom:8px;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;transition:all 0.2s ease;}.recent-check-item:hover{background:#f9fafb;border-color:#d1d5db;}.check-info{display:flex;align-items:center;gap:8px;flex:1;}.check-status-icon{font-size:16px;line-height:1;}.check-status-text{font-weight:500;color:#374151;font-size:14px;}.check-response-time{padding:2px 6px;background:#f3f4f6;color:#6b7280;border-radius:4px;font-size:12px;font-weight:500;}.check-time{color:#9ca3af;font-size:13px;white-space:nowrap;margin-left:12px;}.no-recent-checks{display:flex;align-items:center;justify-content:center;padding:20px;color:#6b7280;font-size:14px;}@media (max-width:768px){.recent-check-item{padding:10px 12px;flex-direction:column;align-items:flex-start;gap:8px;}.check-info{width:100%;}.check-time{margin-left:0;align-self:flex-end;}}#vote-chart-container{background:#ffffff;border-radius:12px;border:1px solid #e5e7eb;padding:16px;min-height:200px;}#vote-chart{max-height:200px;}#refresh-vote-chart{transition:all 0.2s ease;}#refresh-vote-chart:hover{background-color:#f8f9fa;border-color:#d1d5db;}#vote-chart-no-data i{opacity:0.5;}.response-time-chart-section{background:#ffffff;border-radius:12px;border:1px solid #e5e7eb;padding:16px;}.response-time-chart-header h6{color:#374151;font-weight:600;margin-bottom:8px;}#status-response-time-chart-container{min-height:150px;}#status-response-time-chart{max-height:150px;}#status-response-time-no-data i{opacity:0.6;}.social-share-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:280px;margin:0 auto;}.social-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e5e7eb;border-radius:8px;background:#ffffff;color:#6b7280;text-decoration:none;transition:all 0.2s ease;font-size:14px;}.social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);}.social-btn-twitter:hover{background:#1da1f2;color:white;border-color:#1da1f2;}.social-btn-facebook:hover{background:#1877f2;color:white;border-color:#1877f2;}.social-btn-linkedin:hover{background:#0a66c2;color:white;border-color:#0a66c2;}.social-btn-whatsapp:hover{background:#25d366;color:white;border-color:#25d366;}.social-btn-email:hover{background:#6b7280;color:white;border-color:#6b7280;}.social-btn-reddit:hover{background:#ff4500;color:white;border-color:#ff4500;}.social-btn-telegram:hover{background:#0088cc;color:white;border-color:#0088cc;}.social-btn-discord:hover{background:#5865f2;color:white;border-color:#5865f2;}.social-btn-pinterest:hover{background:#bd081c;color:white;border-color:#bd081c;}.social-btn-sms:hover{background:#28a745;color:white;border-color:#28a745;}.copy-link-section{margin-top:8px;}.copy-link-group{display:flex;gap:0;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;background:#f9fafb;}.copy-link-input{flex:1;border:none;background:transparent;padding:8px 12px;font-size:13px;color:#6b7280;font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;}.copy-link-input:focus{outline:none;background:#ffffff;}.copy-link-btn{padding:8px 12px;background:#ffffff;border:none;border-left:1px solid #e5e7eb;color:#6b7280;transition:all 0.2s ease;font-size:14px;}.copy-link-btn:hover{background:#f3f4f6;color:#374151;}.copy-link-btn:active{background:#e5e7eb;}.status-share-section{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;}.share-section-header h6{color:#374151;font-weight:600;}@media (max-width:768px){.social-share-buttons{grid-template-columns:repeat(5,1fr);gap:6px;max-width:240px;}.social-btn{width:32px;height:32px;font-size:13px;}.copy-link-input{font-size:12px;padding:6px 8px;}.copy-link-btn{padding:6px 8px;}}@media (max-width:480px){.social-share-buttons{grid-template-columns:repeat(5,1fr);gap:4px;max-width:200px;}.social-btn{width:30px;height:30px;font-size:12px;}}@media (max-width:360px){.social-share-buttons{grid-template-columns:repeat(5,1fr);gap:3px;max-width:180px;}.social-btn{width:28px;height:28px;font-size:11px;}}.badge-preview-image{max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:all 0.3s ease;}.badge-preview-image:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(0,0,0,0.15);}.badge-info .info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0;}.badge-info .info-item:last-child{border-bottom:none;}.status-indicator .badge{font-size:0.75em;}.customization-options .form-label{color:#495057;margin-bottom:8px;}.embed-options textarea,.embed-options input{font-family:'SF Mono',Monaco,'Cascadia Code','Roboto Mono',Consolas,'Courier New',monospace;font-size:13px;line-height:1.5;background-color:#f8f9fa;border:1px solid #dee2e6;}.embed-options textarea:focus,.embed-options input:focus{background-color:#ffffff;border-color:#86b7fe;box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25);}#badge-tabs .nav-link{color:#6c757d;border:none;padding:12px 20px;margin-right:8px;border-radius:8px;transition:all 0.3s ease;background:transparent;}#badge-tabs .nav-link:hover{background:#f8f9fa;color:#495057;}#badge-tabs .nav-link.active{background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);color:white;box-shadow:0 2px 8px rgba(0,123,255,0.3);}.preview-container .bg-dark{background:linear-gradient(135deg,#343a40 0%,#212529 100%) !important;}.comment-input{resize:none !important;min-height:20px !important;max-height:160px !important;line-height:20px !important;overflow-y:auto;transition:height 0.2s ease;}.status-meta-item.reports-indicator{display:inline-flex;align-items:center;padding:0.5rem 0.75rem;border-radius:0.375rem;font-size:0.875rem;font-weight:500;transition:all 0.2s ease;}.status-meta-item.reports-warning{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;}.status-meta-item.reports-warning i{color:#dc2626;}.status-meta-item.reports-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;}.status-meta-item.reports-success i{color:#16a34a;}.status-meta-item.reports-indicator:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.1);}.status-meta-item.categories-indicator{display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0.75rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:0.375rem;font-size:0.875rem;margin-top:0.5rem;}.category-badges{display:flex;flex-wrap:wrap;gap:0.375rem;}.category-badge{display:inline-flex;align-items:center;padding:0.25rem 0.5rem;background-color:#ffffff;border:1px solid #d1d5db;border-radius:1rem;font-size:0.75rem;font-weight:500;color:#374151;transition:all 0.2s ease;}.category-badge:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.1);border-color:#9ca3af;}.category-badge i{font-size:0.75rem;opacity:0.8;}.badge-count{margin-left:0.25rem;padding:0.125rem 0.375rem;background-color:#3b82f6;color:white;border-radius:0.75rem;font-size:0.625rem;font-weight:600;line-height:1;}@media (max-width:768px){.status-meta-item.categories-indicator{flex-direction:column;align-items:flex-start;}.category-badges{width:100%;}}.quick-tools-menu .card{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);}.quick-tools-menu .btn-group .btn{font-size:13px;padding:6px 12px;border:1px solid rgba(13,110,253,0.2);background:rgba(13,110,253,0.05);color:#0d6efd;transition:all 0.3s ease;}.quick-tools-menu .btn-group .btn:hover{background:rgba(13,110,253,0.1);transform:translateY(-1px);box-shadow:0 2px 8px rgba(13,110,253,0.2);}@media (max-width:768px){.quick-tools-menu .d-flex{flex-direction:column;align-items:flex-start !important;}.quick-tools-menu .btn-group{margin-top:10px;width:100%;}.quick-tools-menu .btn{font-size:12px;padding:8px 16px;}}.uptime-indicator-section{background:#ffffff;border-radius:12px;border:1px solid #e5e7eb;padding:16px;}.uptime-indicator-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}.uptime-indicator-header h6{color:#374151;font-weight:600;margin-bottom:0;display:flex;align-items:center;width:100%;}.uptime-percentage{font-size:1rem;font-weight:700;color:#059669 !important;}.uptime-bars{height:40px;padding:4px 0;border-radius:4px;background:#f8fafc;}.uptime-bars-wrapper{display:flex;flex-direction:column;gap:4px;}@media (max-width:767px){.uptime-bars{height:35px;padding:3px 0;}.uptime-hour-bar{height:28px;}.uptime-segment{min-width:8px;}}.uptime-hour-bar{flex:1;height:32px;display:flex;border-radius:3px;overflow:hidden;margin-right:2px;position:relative;}.uptime-hour-bar:last-child{margin-right:0;}.uptime-segment{flex:1;height:100%;transition:all 0.3s ease;cursor:pointer;border-right:1px solid rgba(255,255,255,0.3);position:relative;}.uptime-segment:last-child{border-right:none;}.uptime-segment-full{border-radius:3px;border-right:none !important;}.uptime-segment:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:10;filter:brightness(1.1);}.uptime-hour-bar{flex:1;height:32px;display:flex;border-radius:3px;overflow:hidden;margin-right:2px;position:relative;}.uptime-bar{flex:1;height:32px;border-radius:3px;position:relative;transition:all 0.3s ease;cursor:pointer;border:1px solid rgba(255,255,255,0.2);}.uptime-bar:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);z-index:10;}.uptime-bar.status-up,.uptime-segment.status-up{background:linear-gradient(135deg,#10b981 0%,#059669 100%);}.uptime-bar.status-partial,.uptime-segment.status-partial{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);}.uptime-bar.status-slow,.uptime-segment.status-slow{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);}.uptime-bar.status-down,.uptime-segment.status-down{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);}.uptime-bar.status-unknown,.uptime-segment.status-unknown{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);}.uptime-bar.status-recovering,.uptime-segment.status-recovering{position:relative;animation:pulse-recovery 2s infinite;border:2px solid #10b981;box-shadow:0 0 8px rgba(16,185,129,0.4);background:linear-gradient(135deg,#10b981 0%,#059669 100%);}.uptime-bar.status-recovering::before,.uptime-segment.status-recovering::before{content:'📈';position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:10px;opacity:0.8;z-index:2;}@keyframes pulse-recovery{0%{box-shadow:0 0 8px rgba(16,185,129,0.4);}50%{box-shadow:0 0 12px rgba(16,185,129,0.8);}100%{box-shadow:0 0 8px rgba(16,185,129,0.4);}}.uptime-bar.low-confidence{opacity:0.5;border-style:dashed;}.uptime-bar.now-bar{border:2px solid rgba(0,123,255,0.3);box-shadow:0 0 8px rgba(0,123,255,0.2);position:relative;}.uptime-bar.now-bar::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:1px solid rgba(0,123,255,0.4);border-radius:4px;pointer-events:none;z-index:1;}.uptime-time-labels{font-size:11px;margin-top:8px;}.now-indicator{display:flex;flex-direction:column;align-items:center;position:relative;}.now-arrow{color:#007bff;font-size:14px;font-weight:bold;margin-top:2px;animation:pulse-arrow 2s infinite;}@keyframes pulse-arrow{0%,50%,100%{opacity:1;transform:translateY(0);}25%{opacity:0.7;transform:translateY(-2px);}}.uptime-legend{margin-top:12px;padding-top:8px;border-top:1px solid #e5e7eb;}.legend-item{font-size:12px;}.legend-bar{width:12px;height:8px;border-radius:2px;}.legend-bar.status-up{background:linear-gradient(135deg,#10b981 0%,#059669 100%);}.legend-bar.status-partial{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);}.legend-bar.status-slow{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);}.legend-bar.status-down{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);}.legend-bar.status-recovering{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #10b981;box-shadow:0 0 4px rgba(16,185,129,0.3);}.status-astronaut-image{width:120px;height:120px;object-fit:contain;transition:transform 0.3s ease,filter 0.3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.1));}.status-astronaut-image:hover{transform:scale(1.05);}.status-inline-icon{font-size:1.2em;margin-right:0.5rem;vertical-align:middle;}.status-inline-icon.status-up{color:#22c55e !important;}.status-inline-icon.status-partial{color:#0ea5e9 !important;}.status-inline-icon.status-degraded{color:#f97316 !important;}.status-inline-icon.status-down{color:#ef4444 !important;}.status-inline-icon.status-recovering{color:#3b82f6 !important;}.status-inline-icon.status-unknown{color:#6b7280 !important;}.status-icon-container{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;}@media (max-width:768px){.uptime-bars{gap:1px;}.uptime-bar{height:28px;}.uptime-legend{flex-wrap:wrap;gap:12px;}.status-astronaut-image{width:80px;height:80px;}.status-inline-icon{font-size:1em;margin-right:0.4rem;}.status-inline-icon.status-up{color:#22c55e !important;}.status-inline-icon.status-partial{color:#0ea5e9 !important;}.status-inline-icon.status-degraded{color:#f97316 !important;}.status-inline-icon.status-down{color:#ef4444 !important;}.status-inline-icon.status-recovering{color:#3b82f6 !important;}.status-inline-icon.status-unknown{color:#6b7280 !important;}}.uptime-bar::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:white;padding:8px 12px;border-radius:4px;font-size:12px;white-space:pre-line;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000;margin-bottom:5px;min-width:120px;max-width:300px;text-align:center;}.uptime-bar:hover::after{opacity:1;visibility:visible;}.custom-tooltip{position:absolute;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);color:#ffffff;padding:12px 16px;border-radius:8px;font-size:12px;line-height:1.4;white-space:pre-line;opacity:0;visibility:hidden;transition:all 0.2s ease;z-index:1000;pointer-events:none;border:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 24px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.05);backdrop-filter:blur(10px);transform:translateY(10px);min-width:180px;max-width:300px;text-align:left;}.custom-tooltip.show{opacity:1;visibility:visible;transform:translateY(0);}.custom-tooltip::before{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #1a1a1a;}.status-timeline-section{margin-top:1.5rem;}.status-timeline-section .card{border:1px solid rgba(0,0,0,0.125);border-radius:0.75rem;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);}.status-timeline-section .card-title{color:#495057;font-weight:600;margin-bottom:1rem;}.status-timeline{margin-top:0;}.timeline-item{padding:0.75rem 0;border-bottom:1px solid rgba(0,0,0,0.05);}.timeline-item:last-child{border-bottom:none;padding-bottom:0;}.timeline-content{display:flex;align-items:flex-start;flex-wrap:wrap;gap:0.5rem;}.timeline-text{flex:1;font-size:0.9rem;line-height:1.4;}.timeline-timestamp{font-size:0.8rem;color:#6c757d;margin-left:auto;}.timeline-categories{width:100%;margin-top:0.5rem;}.categories-inline{display:flex;flex-wrap:wrap;gap:0.5rem;}.category-item{background:#f8f9fa;padding:0.25rem 0.5rem;border-radius:0.375rem;font-size:0.8rem;border:1px solid #e9ecef;display:inline-flex;align-items:center;gap:0.25rem;}.category-item:hover{background:#e9ecef;}@media (max-width:768px){.timeline-content{flex-direction:column;align-items:flex-start;}.timeline-timestamp{margin-left:0;margin-top:0.25rem;}.categories-inline{gap:0.25rem;}.category-item{font-size:0.75rem;padding:0.2rem 0.4rem;}.status-timeline-section .card-body{padding:1rem;}}