@import url(https://fonts.googleapis.com/css?family=Kanit:400,400i,500,600,700|Mitr:300,400,500|Open+Sans:400,400i,600,600i,700|Quicksand:400,600,700|Roboto:400,400i,500,500i,700&display=swap&subset=vietnamese);.nt-card,.nt-result-card{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden}@use "sass:map";.nt-main{max-width:720px;margin:30px auto 45px}.ip-result-grid,.nt-main-wide{max-width:960px}.bl-summary,.nt-card,.nt-result-card,.nt-status-box{margin-bottom:20px}.nt-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.nt-input,.nt-result-header,.nt-table tbody tr:hover,.nt-table thead th,.nt-textarea{background:#f8fafc}.nt-card-body{padding:20px}.nt-card-footer{padding:16px 20px;border-top:1px solid #f1f5f9;text-align:center}.nt-input-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#334155;margin-bottom:8px}.nt-curl-tip,.nt-error-box,.nt-status-closed,.nt-status-open{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.nt-input-label i{color:#64748b;font-size:13px}.nt-textarea{font-family:'Roboto Mono',monospace;font-size:13px;border:1px solid #e2e8f0;border-radius:8px;resize:none;line-height:1.6}.nt-textarea:focus{border-color:#0a6ccb;-webkit-box-shadow:0 0 0 3px rgba(10,108,203,.1);box-shadow:0 0 0 3px rgba(10,108,203,.1)}.nt-input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 14px;height:auto}.nt-input:focus{border-color:#0a6ccb;-webkit-box-shadow:0 0 0 3px rgba(10,108,203,.1);box-shadow:0 0 0 3px rgba(10,108,203,.1)}.nt-btn-check{background:-o-linear-gradient(315deg,#0a6ccb 0,#0952a5 100%);background:linear-gradient(135deg,#0a6ccb 0,#0952a5 100%);color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:15px;font-weight:600;cursor:pointer;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;min-width:180px}.nt-btn-check i{margin-right:6px}.nt-btn-check:hover{background:-o-linear-gradient(315deg,#0952a5 0,#073d7a 100%);background:linear-gradient(135deg,#0952a5 0,#073d7a 100%);color:#fff;-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(10,108,203,.3);box-shadow:0 4px 12px rgba(10,108,203,.3)}.nt-btn-check:disabled{opacity:.6;cursor:not-allowed;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}.nt-status-closed,.nt-status-open{display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px;padding:14px 18px;border-radius:8px;font-size:15px;font-weight:600}.nt-status-closed i,.nt-status-open i{font-size:20px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.nt-curl-tip,.nt-error-box,.nt-result-header{-webkit-box-align:center}.nt-status-open{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.nt-error-box,.nt-status-closed{background:#fef2f2;border:1px solid #fecaca}.nt-status-open i{color:#16a34a}.nt-status-closed{color:#991b1b}.nt-status-closed i{color:#dc2626}.nt-error-box{max-width:720px;margin:20px auto;padding:16px 20px;border-radius:8px;color:#991b1b;font-size:15px;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px}.nt-error-box i{font-size:18px;color:#dc2626;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.nt-curl-tip{max-width:720px;margin:20px auto;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;padding:12px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;font-size:13px;color:#0369a1;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.nt-curl-tip code{background:#e0f2fe;padding:2px 8px;border-radius:4px;font-family:'Roboto Mono',monospace;font-size:12px;color:#0c4a6e}.nt-btn-copy-sm{padding:2px 8px;font-size:12px;border:1px solid #bae6fd;border-radius:4px;background:#fff;color:#0369a1}.nt-btn-copy-sm:hover{background:#0a6ccb;color:#fff}.nt-result-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.nt-result-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid #f1f5f9;font-size:14px;font-weight:600;color:#334155}.nt-result-header i{color:#0a6ccb}.nt-table-wrap{overflow-x:auto}.nt-table{width:100%;border-collapse:collapse}.nt-table thead th{padding:10px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;border-bottom:2px solid #e2e8f0;white-space:nowrap}.nt-table tbody td{padding:10px 14px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:top}.nt-badge,.nt-mono,.nt-spin{font-size:12px}.nt-table tbody tr:last-child td{border-bottom:none}.nt-mono{font-family:'Roboto Mono',monospace}.nt-link{color:#0a6ccb;text-decoration:none;font-weight:600}.nt-link:hover{text-decoration:underline}.nt-spin{color:#0a6ccb;margin-left:6px}.nt-host-name{font-weight:600;color:#1e293b}.nt-badge{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-weight:600;white-space:nowrap}.nt-badge i{font-size:10px}.nt-badge-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.nt-badge-danger{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.port-input-grid{display:grid;grid-template-columns:1fr 140px;gap:14px}.nt-port-badge{display:inline-block;background:#eff6ff;color:#0a6ccb;font-weight:700;font-family:'Roboto Mono',monospace;font-size:13px;padding:2px 10px;border-radius:4px;border:1px solid #bfdbfe}.ip-detail-item,.ip-info-header{border-bottom:1px solid #f1f5f9}.nt-row-clickable{cursor:pointer}.nt-row-clickable:hover{background:#eff6ff!important}.bl-summary-item,.ip-info-card{background:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.06);border-radius:12px}.bl-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.bl-summary-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.bl-summary-count{font-size:32px;font-weight:800;line-height:1}.bl-summary-label{font-size:13px;font-weight:600;margin-top:4px}.bl-summary-label i{margin-right:4px}.bl-summary-ok .bl-summary-count{color:#16a34a}.bl-summary-ok .bl-summary-label{color:#166534}.bl-summary-bad .bl-summary-count{color:#dc2626}.bl-summary-bad .bl-summary-label{color:#991b1b}.bl-summary-total .bl-summary-count{color:#0a6ccb}.bl-summary-total .bl-summary-label{color:#1e40af}.ip-result-grid{display:grid;grid-template-columns:1fr 340px;gap:20px}.ip-info-card{box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden}.ip-info-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;padding:14px 20px;background:#f8fafc;font-size:14px;font-weight:600;color:#334155}.ip-info-header i{color:#0a6ccb}.ip-info-details{display:grid;grid-template-columns:1fr 1fr}.ip-detail-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:12px 20px}.ip-detail-item:nth-child(odd){border-right:1px solid #f1f5f9}.ip-detail-full,.ip-detail-highlight{grid-column:1/-1;border-right:none!important}.ip-detail-item:nth-last-child(-n+2){border-bottom:none}.ip-detail-highlight{background:#f0f9ff}.ip-detail-highlight .ip-detail-value{font-size:18px;color:#0a6ccb}.ip-detail-label{font-size:11px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px}.ip-detail-value{font-size:14px;font-weight:600;color:#1e293b}.ip-detail-mono{font-family:'Roboto Mono',monospace}.ip-detail-small{font-size:11px;word-break:break-all;font-weight:400;color:#64748b}.ip-map-card{background:#fff;border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;min-height:300px}.ip-map-card .google-map-info,.ip-map-card iframe{width:100%;height:100%;min-height:300px}@media (max-width:768px){.bl-summary,.ip-info-details,.ip-result-grid,.port-input-grid{grid-template-columns:1fr}.nt-main{margin:20px auto 30px;padding:0 10px}.bl-summary{gap:8px}.bl-summary-item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:10px;padding:12px 16px}.ip-detail-item{border-right:none!important}.ip-map-card{min-height:250px}}