@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200%0}to{background-position:-200%0}}html{width:100%}.page-container,body{box-sizing:border-box;width:100%}body,html{max-width:100%;height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none}body{font-family:"Inter",sans-serif;background-color:#0d1117;color:#e6edf3;line-height:1.6;min-height:100%}.page-container{max-width:1200px;margin:0 auto;padding:80px 16px 40px;height:100svh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.page-container::-webkit-scrollbar{width:8px}.page-container::-webkit-scrollbar-track{background:#0d1117}.page-container::-webkit-scrollbar-thumb{background:#30363d;border-radius:10px}.page-container::-webkit-scrollbar-thumb:hover{background:#4b5563}.firebase-img-container{height:160px}.firebase-img-container img{transition:transform .3s ease}.firebase-img-container-full{width:100%;height:auto;overflow:visible;background:#21262d;border-radius:8px}.firebase-img-container-full img{width:100%;height:auto;max-height:80vh;object-fit:contain;transition:transform .3s ease}.tabs-container{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:24px;width:100%;max-width:900px;margin-left:auto;margin-right:auto;box-sizing:border-box}.tab-btn{padding:12px 20px;background:#21262d;border:1px solid #30363d;border-radius:8px;color:#8b949e;font-weight:600;text-align:center;transition:all .2s;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.tab-btn:hover{border-color:#58a6ff;background:#30363d;color:#c9d1d9}.tab-btn.active{background:#161b22;border-color:#58a6ff;color:#58a6ff;border-bottom:3px solid #58a6ff}.tab-btn svg{width:18px;height:18px}.tab-content{display:none;animation:fadeIn .3s ease-in-out}.tab-content.active{display:block}.info-card{background:#161b22;border:1px solid #30363d;border-radius:12px;overflow:hidden;transition:all .3s}.info-card:hover{border-color:#58a6ff;box-shadow:0 4px 20px rgba(88,166,255,.15);transform:translateY(-2px)}.card-image{height:180px;background:#21262d;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain;padding:8px}.card-body{padding:16px}.card-title{font-size:18px;font-weight:700;color:#58a6ff;margin-bottom:8px}.card-description{font-size:14px;color:#8b949e;margin-bottom:12px}.badge{display:inline-block;padding:4px 12px;border-radius:9999px;font-size:11px;font-weight:600;position:absolute;bottom:8px;right:8px}.badge-auto{background:#238636;color:#fff}.badge-semi{background:#6e7681;color:#fff}.badge-rescue{background:#da3633;color:#fff}.data-section{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:24px;max-width:900px;margin:0 auto}.data-section-title{font-size:22px;font-weight:700;color:#e6edf3;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #30363d}.data-box{background:#21262d;border:1px solid #30363d;border-radius:8px;padding:16px}.data-box-title,.data-row{display:flex;align-items:center}.data-box-title{font-weight:600;color:#58a6ff;margin-bottom:12px;gap:8px;font-size:15px}.accordion-btn svg.icon,.data-box-title svg{width:20px;height:20px}.data-row{justify-content:space-between;padding:12px 0;border-bottom:1px solid #30363d}.components-table tbody tr:last-child td,.data-row:last-child{border-bottom:none}.data-label{color:#8b949e;font-size:14px}.data-value{font-weight:700;font-family:"Courier New",monospace;color:#58a6ff;font-size:15px}.data-value.warning{color:#d29922}.data-value.danger{color:#f85149}.accordion-section{margin-bottom:16px;background:#161b22;border:1px solid #30363d;border-radius:10px;overflow:hidden}.accordion-btn{width:100%;padding:12px 16px;background:0 0;border:0;border-bottom:1px solid #30363d;font-weight:600;font-size:14px;cursor:default;text-align:left;display:flex;align-items:center;justify-content:flex-start;gap:12px;pointer-events:none}.accordion-btn.active,.accordion-btn:hover{background:0 0;border-color:#30363d}.accordion-btn,.accordion-btn.active{color:#e6edf3;border-radius:0}.accordion-btn-content{display:flex;align-items:center;gap:10px}.accordion-btn.active .accordion-icon,.accordion-icon,.firebase-img-container::before{display:none}.accordion-content{background:0 0;border:0;border-radius:0;overflow:visible}.accordion-content,.accordion-content.open{padding:16px 20px 20px;max-height:none}.accordion-content li,.accordion-content p{color:#c9d1d9;margin-bottom:8px;line-height:1.6}.accordion-content ol{margin-left:20px;padding-left:0}.accordion-content strong,.falla-solution strong{color:#e6edf3}.falla-card{background:#161b22;border-radius:8px;padding:16px;border-left:4px solid}.falla-card.red{border-color:#f85149;background:linear-gradient(135deg,rgba(248,81,73,.1)0,#161b22 100%)}.falla-card.yellow{border-color:#d29922;background:linear-gradient(135deg,rgba(210,153,34,.1)0,#161b22 100%)}.falla-card.blue{border-color:#58a6ff;background:linear-gradient(135deg,rgba(88,166,255,.1)0,#161b22 100%)}.falla-card.gray{border-color:#6e7681;background:linear-gradient(135deg,rgba(110,118,129,.1)0,#161b22 100%)}.falla-title{font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:15px}.falla-title svg{width:18px;height:18px}.falla-title.red{color:#f85149}.falla-title.yellow{color:#d29922}.falla-title.blue{color:#58a6ff}.falla-title.gray{color:#8b949e}.falla-cause{font-size:12px;color:#6e7681;margin-bottom:12px}.falla-solution{background:#21262d;border:1px solid #30363d;border-radius:6px;padding:12px;font-size:13px;color:#c9d1d9}.tag-container{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600}.tag.blue{background:rgba(88,166,255,.2);color:#79c0ff}.tag.yellow{background:rgba(210,153,34,.2);color:#e3b341}.tag.red{background:rgba(248,81,73,.2);color:#ffa198}.tag.gray{background:rgba(110,118,129,.2);color:#8b949e}.check-list{list-style:none;padding:0;margin:0}.check-list li{display:flex;gap:10px;margin-bottom:10px;color:#c9d1d9;font-size:14px}.check-list li .icon{flex-shrink:0;color:#3fb950}.image-container{background:#21262d;border:1px solid #30363d;border-radius:12px;padding:16px;margin-bottom:24px}.full-image{width:70%;max-width:800px;height:auto;border-radius:8px;display:block;margin:0 auto}.full-image.small{max-width:600px;margin:0 auto}.full-image.xsmall{max-width:350px;margin:0 auto}.mb-6{margin-bottom:24px}.firebase-img-container{width:100%;min-height:450px;background:#21262d;border-radius:8px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.firebase-img-container.square{aspect-ratio:1/1}.firebase-img-container.portrait{aspect-ratio:3/4}.firebase-img-container img{width:70%;max-width:800px;height:auto;object-fit:contain;opacity:1}.firebase-img-container img.loaded{opacity:1}.firebase-img-container:has(img.loaded)::before{display:none}.components-table{background:#21262d;border:1px solid #30363d;border-radius:12px;overflow:hidden}.components-table table{width:100%;border-collapse:collapse}.table-header-desc,.table-header-num{background:#161b22;padding:14px 16px;font-weight:600;color:#58a6ff;border-bottom:2px solid #30363d;font-size:14px}.table-header-desc{text-align:left}.table-header-num{width:60px;text-align:center}.table-desc,.table-num{padding:12px 16px;border-bottom:1px solid #30363d;font-size:14px}.table-num{text-align:center;font-weight:600;color:#58a6ff;background:rgba(88,166,255,.05)}.table-desc{color:#c9d1d9}.components-table tbody tr:hover{background:rgba(88,166,255,.08)}@media (max-width:768px){.page-container{padding-top:70px;padding-left:8px;padding-right:8px;width:100%;max-width:100%;overflow-x:hidden}.data-section,.tabs-container{width:100%;box-sizing:border-box}.tabs-container{grid-template-columns:repeat(3,1fr);gap:4px;padding:0}.data-section{padding:12px;margin:0}.card-image{height:150px}.tab-btn{padding:8px 6px;font-size:11px;gap:4px;min-width:0}.tab-btn svg{width:14px;height:14px;flex-shrink:0}.components-table{font-size:13px}.table-desc,.table-header-desc,.table-header-num,.table-num{padding:10px 12px}.grid.md\:grid-cols-2{grid-template-columns:1fr}.firebase-img-container{min-height:300px}.firebase-img-container img{width:100%;max-width:100%}}