@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");.status-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:1200px;margin:0 auto;padding:40px 20px;color:#1a1a2e}.dark-mode .status-page{color:#e2e8f0}.status-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:15px;margin-bottom:32px;padding:24px 32px;background:#ffffff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.06)}.dark-mode .status-header{background:#0f172a;border-color:rgba(55,65,81,.5);box-shadow:0 4px 14px rgba(0,0,0,.5)}.status-title{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em;color:#111827}.dark-mode .status-title{color:#f1f5f9}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:4px;font-weight:600;font-size:13px;width:fit-content}.status-badge.status-ok{background:#ecfdf5;color:#065f46;border:1px solid #d1fae5}.status-badge.status-critical,.status-badge.status-error{background:#fef2f2;color:#991b1b;border:1px solid #fee2e2}.status-badge.status-degraded,.status-badge.status-warning{background:#fffbeb;color:#92400e;border:1px solid #fef3c7}.status-badge.status-na{background:#f9fafb;color:#374151;border:1px solid #f3f4f6}.status-icon{font-size:16px;font-weight:700}.status-meta{display:flex;align-items:center;gap:15px;font-size:14px;color:#666}.dark-mode .status-meta{color:#94a3b8}.btn-refresh{background:#3b82f6;color:white;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s;box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn-refresh:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.btn-refresh:active:not(:disabled){transform:translateY(0)}.status-summary{display:flex;gap:20px;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.dark-mode .status-summary{background:#0f172a;box-shadow:0 4px 14px rgba(0,0,0,.5)}.summary-item{display:flex;flex-direction:column;align-items:center;min-width:80px}.summary-value{font-size:36px;font-weight:800;color:#111827;letter-spacing:-.05em}.dark-mode .summary-value{color:#f1f5f9}.summary-label{font-size:14px;font-weight:500;color:#6b7280;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.dark-mode .summary-label{color:#94a3b8}.status-section{margin-bottom:32px;padding:32px;background:#ffffff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.06)}.dark-mode .status-section{background:#0f172a;border-color:rgba(55,65,81,.5);box-shadow:0 4px 14px rgba(0,0,0,.5)}.section-title{margin:0 0 24px;font-size:18px;font-weight:600;color:#374151;letter-spacing:-.01em;border-bottom:1px solid #f3f4f6;padding-bottom:16px}.dark-mode .section-title{color:#e2e8f0;border-bottom-color:rgba(55,65,81,.3)}.status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.service-card{padding:24px;border-radius:6px;border:1px solid #e5e7eb;background:#ffffff;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease}.dark-mode .service-card{background:#0f172a;border-color:rgba(55,65,81,.5)}.service-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.05)}.service-card.status-ok{border-top:3px solid #10b981}.service-card.status-critical,.service-card.status-error{border-top:3px solid #ef4444}.service-card.status-degraded,.service-card.status-warning{border-top:3px solid #f59e0b}.service-card.status-na{border-top:3px solid #9ca3af}.service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.service-name{font-weight:600;font-size:15px;color:#1a1a1a}.dark-mode .service-name{color:#f1f5f9}.service-icon{font-size:18px;font-weight:700}.service-status{font-size:13px;color:#666;margin-bottom:8px}.dark-mode .service-status{color:#94a3b8}.service-detail{font-size:12px;color:#888;margin-top:4px}.dark-mode .service-detail{color:#64748b}.service-error{font-size:12px;color:#dc3545;margin-top:8px;padding:8px;background:rgba(220,53,69,.1);border-radius:4px;word-break:break-word}.workers-list{display:flex;flex-direction:column;gap:10px}.worker-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:6px;background:#f9fafb;border:1px solid #f3f4f6}.dark-mode .worker-item{background:rgba(30,41,59,.5);border-color:rgba(55,65,81,.3)}.worker-item.status-ok{border-left:4px solid #10b981}.worker-item.status-critical,.worker-item.status-error{border-left:4px solid #ef4444}.worker-name{font-weight:500;font-size:15px;color:#111827}.dark-mode .worker-name{color:#f1f5f9}.worker-status{font-size:14px;color:#6b7280}.dark-mode .worker-status{color:#94a3b8}.endpoints-list{display:flex;flex-direction:column;gap:10px}.endpoint-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-radius:6px;background:#f8f9fa;font-size:14px}.dark-mode .endpoint-item:not(.status-ok):not(.status-error):not(.status-critical){background:rgba(30,41,59,.5)}.endpoint-item.status-ok{background:#f0f9f4;border-left:3px solid #28a745}.endpoint-item.status-critical,.endpoint-item.status-error{background:#fdf2f2;border-left:3px solid #dc3545}.endpoint-name{font-weight:500;min-width:120px}.dark-mode .endpoint-name{color:#e2e8f0}.endpoint-path{color:#666;font-family:monospace;flex:1 1;margin:0 15px}.dark-mode .endpoint-path{color:#94a3b8}.endpoint-status{color:#888;font-size:13px}.dark-mode .endpoint-status{color:#64748b}.system-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.info-row{display:flex;flex-direction:column;padding:12px;background:#f8f9fa;border-radius:6px}.info-label{font-size:12px;color:#666;margin-bottom:4px}.dark-mode .info-label{color:#94a3b8}.info-value{font-weight:600;font-size:15px;color:#1a1a1a}.dark-mode .info-value{color:#f1f5f9}.status-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-loading p{margin:0;color:#666;font-size:16px}.status-error-box{text-align:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.status-error-box h2{margin:0 0 15px;color:#dc3545}.error-message{color:#666;margin-bottom:20px;font-size:14px}.btn-retry{background:#007bff;color:white;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.btn-retry:hover{background:#0056b3}@media (max-width:768px){.status-header,.status-meta{flex-direction:column;align-items:flex-start}.status-meta{gap:10px}.status-summary{flex-wrap:wrap;justify-content:center}.summary-value{font-size:24px}.status-grid{grid-template-columns:1fr}.endpoint-item{flex-direction:column;align-items:flex-start;gap:8px}.endpoint-path{margin:0}.system-info{grid-template-columns:1fr}}