:root{--ncc-navy:#0a2f7a;--ncc-navy-2:#0b3d9e;--text:#1a202c;--text-2:#4a5568;--border:#c3cfe2;--row-border:#e2e8f0;--bg:#fff;--card:#fff;--green:#38a169;--green-bg:#e6f6ec;--red:#e53e3e;--red-bg:#fdecec;--amber:#b7791f;--amber-bg:#fdf3e1}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif}.embed{flex-direction:column;align-items:center;max-width:640px;margin:0 auto;padding:2.5rem 1.25rem 2rem;display:flex}.title{color:var(--ncc-navy);text-align:center;letter-spacing:-.01em;margin:0 0 2rem;font-size:clamp(2rem,7vw,3rem);font-weight:800}.form{width:100%;margin-bottom:1rem}.input-wrap{background:var(--card);border:1.5px solid var(--border);border-radius:10px;align-items:center;gap:.75rem;min-height:64px;padding:0 1.1rem;display:flex}.input-wrap:focus-within{border-color:var(--ncc-navy-2);box-shadow:0 0 0 3px #0b3d9e1f}.input-icon{width:26px;height:26px;color:var(--text-2);flex-shrink:0}.input-wrap input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:1rem 0;font-size:1.1rem}.input-wrap input::placeholder{color:var(--text-2)}.btn-submit{cursor:pointer;border:none;margin-top:1.25rem;font-family:inherit}.btn-primary:hover{filter:brightness(1.1)}.skeleton{background:linear-gradient(90deg,#e6ecf5 25%,#f2f5fa 37%,#e6ecf5 63%) 0 0/400% 100%;border-radius:6px;animation:1.4s infinite shimmer;display:block}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.skeleton-circle{border-radius:50%;width:64px;height:64px;margin:0 auto 1rem}.skeleton-title{width:70%;height:1.6rem;margin:0 auto .5rem}.skeleton-sub{width:40%;height:1rem;margin:0 auto}.skeleton-icon{border-radius:10px;flex-shrink:0;width:44px;height:44px}.skeleton-line{height:.9rem}.skeleton-badge{border-radius:999px;width:90px;height:1.6rem}.skeleton-heading{width:45%;height:1rem;margin-bottom:.6rem}.error{color:var(--red);margin-top:.6rem;font-size:.9rem}.btn-primary{background:linear-gradient(180deg,var(--ncc-navy-2),var(--ncc-navy));color:#fff;text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;width:100%;min-height:60px;padding:.9rem 1.25rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex;box-shadow:0 8px 20px #0a2f7a2e}.btn-primary svg{flex-shrink:0;width:22px;height:22px}.result{width:100%}.result-header{text-align:center;margin-bottom:1.5rem}.result-icon{color:#fff;background:linear-gradient(135deg,#a0aec0,#718096);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.result-icon.good{background:linear-gradient(135deg,#48bb78,#38a169)}.result-icon.bad{background:linear-gradient(135deg,#fc8181,#e53e3e)}.result-icon svg{width:30px;height:30px}.result-title{color:var(--ncc-navy);margin:0 0 .3rem;font-size:1.4rem;font-weight:700}.result-subtitle{color:var(--text-2);margin:0}.empty-state,.invalid-body{text-align:center;color:var(--text-2);max-width:440px;margin:1rem auto 1.5rem;line-height:1.7}.device-card{background:var(--card);border:1.5px solid var(--row-border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:1.25rem;padding:1rem;display:flex}.device-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.device-icon.good{background:var(--green-bg);color:var(--green)}.device-icon.bad{background:var(--red-bg);color:var(--red)}.device-icon svg{width:24px;height:24px}.device-info{flex:1;min-width:160px}.device-name{font-weight:700}.device-imei{color:var(--text-2);margin-top:.15rem;font-size:.85rem}.status-badge{color:var(--text-2);background:#edf2f7;border-radius:999px;padding:.3rem .75rem;font-size:.8rem;font-weight:700}.status-badge.registered{background:var(--green-bg);color:var(--green)}.status-badge.not-registered{background:var(--red-bg);color:var(--red)}.status-badge.status-warning{background:var(--amber-bg);color:var(--amber)}.info-section{margin-bottom:1.25rem}.info-section-title{color:var(--ncc-navy);margin:0 0 .5rem;font-size:.95rem;font-weight:700}.info-table{background:var(--card);border:1.5px solid var(--row-border);border-radius:12px;overflow:hidden}.info-row{border-bottom:1px solid var(--row-border);justify-content:space-between;gap:1rem;padding:.7rem 1rem;font-size:.92rem;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-2)}.info-value{text-align:right;word-break:break-word;font-weight:600}.btn-secondary{border:1.5px solid var(--ncc-navy-2);background:var(--card);width:100%;min-height:52px;color:var(--ncc-navy);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.75rem 1.25rem;font-family:inherit;font-size:1rem;font-weight:700;display:flex}.btn-secondary:hover{background:#eef3fb}.btn-secondary svg{flex-shrink:0;width:20px;height:20px}.faq-backdrop{z-index:50;opacity:0;pointer-events:none;background:#0a142873;transition:opacity .25s;position:fixed;inset:0}.faq-backdrop.open{opacity:1;pointer-events:auto}.faq-sheet{z-index:60;background:var(--card);visibility:hidden;border-radius:16px 16px 0 0;flex-direction:column;max-width:720px;max-height:80vh;margin:0 auto;transition:transform .3s,visibility .3s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 30px #0a2f7a33}.faq-sheet.open{visibility:visible;transform:translateY(0)}.faq-sheet-header{border-bottom:1px solid var(--row-border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.faq-sheet-header h2{color:var(--ncc-navy);margin:0;font-size:1.15rem}.faq-close{width:36px;height:36px;color:var(--text-2);cursor:pointer;background:#edf2f7;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-close:hover{background:#e2e8f0}.faq-close svg{width:18px;height:18px}.faq-sheet-body{padding:.5rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));overflow-y:auto}.faq-item{border-bottom:1px solid var(--row-border)}.faq-item:last-child{border-bottom:none}.faq-item summary{cursor:pointer;color:var(--text);padding:.85rem 0;font-weight:600;line-height:1.4}.faq-item summary:hover{color:var(--ncc-navy-2)}.faq-item p{color:var(--text-2);margin:0 0 .85rem;font-size:.95rem;line-height:1.6}@media (prefers-reduced-motion:reduce){.faq-sheet,.faq-backdrop{transition:none}}@media (max-width:480px){.embed{padding:1.25rem 0 1.5rem}.title{margin-bottom:1rem;font-size:1.6rem}.input-wrap{min-height:52px;padding:0 .85rem}.input-icon{width:22px;height:22px}.input-wrap input{padding:.75rem 0;font-size:.95rem}.btn-primary{min-height:48px;padding:.7rem 1rem;font-size:.9rem}.btn-primary svg{width:18px;height:18px}.btn-secondary{min-height:46px;padding:.65rem 1rem;font-size:.9rem}.btn-secondary svg{width:17px;height:17px}.btn-submit{margin-top:.9rem}.result-title{font-size:1.15rem}.info-row{padding:.6rem .85rem;font-size:.85rem}}
