.ip-dashboard{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem;margin-top:2rem}.map-card{display:flex;flex-direction:column;min-height:480px;height:100%}#map{flex:1;width:100%;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-primary);z-index:10}.leaflet-container{background:var(--bg-primary)!important}.leaflet-bar{border:1px solid var(--border-color)!important;box-shadow:none!important}.leaflet-bar a{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important;transition:var(--transition-fast)}.leaflet-bar a:hover{background-color:var(--bg-card-hover)!important;color:var(--primary)!important}.leaflet-control-attribution{background:var(--loader-bg)!important;color:var(--text-muted)!important;border-radius:4px;border:1px solid var(--border-color)}.leaflet-control-attribution a{color:var(--text-secondary)!important}.ip-headline-section{text-align:center;margin-bottom:2.5rem}.ip-display-container{display:inline-flex;align-items:center;gap:1rem;background:var(--form-ctrl-bg);border:1px solid var(--border-color);padding:.75rem 2rem;border-radius:9999px;box-shadow:0 4px 20px #0003;margin-top:.5rem;position:relative;overflow:hidden;max-width:100%}.ip-display-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--grad-primary);opacity:.03;pointer-events:none}.ip-address-text{font-family:var(--font-mono);font-size:2.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;word-break:break-all}.btn-copy{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.btn-copy:hover{background:var(--btn-copy-hover);color:var(--primary);transform:scale(1.1)}.btn-copy svg{width:22px;height:22px;fill:currentColor}.info-card{display:flex;flex-direction:column;min-height:480px;height:100%}.info-card h3{font-size:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-color);padding-pb:.75rem;display:flex;justify-content:space-between;align-items:center}.info-table{width:100%;border-collapse:collapse}.info-table tr{border-bottom:1px solid var(--table-row-border)}.info-table tr:last-child{border-bottom:none}.info-table th{text-align:left;padding:.9rem 0;color:var(--text-secondary);font-weight:500;font-size:.95rem;width:40%}.info-table td{padding:.9rem 0;text-align:right;font-family:var(--font-mono);font-size:.95rem;color:var(--text-primary);word-break:break-all}.flag-emoji{font-family:var(--font-sans);font-size:1.2rem;margin-left:.5rem;vertical-align:middle}.loader-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--loader-bg);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;z-index:50;border-radius:16px;transition:opacity var(--transition-smooth)}.spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}.ip-dual-container{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;flex-wrap:wrap;width:100%}.ip-card{flex:1;min-width:280px;max-width:480px;background:var(--form-ctrl-bg);border:1px solid var(--border-color);padding:1.25rem 1.75rem;border-radius:16px;box-shadow:0 4px 30px #0000000d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:var(--transition-smooth);display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left}.ip-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:0 8px 30px var(--primary-glow)}.ip-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--grad-primary);opacity:.02;pointer-events:none}.ip-card-header{display:flex;justify-content:space-between;align-items:center;width:100%}.ip-badge{font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.ipv4-badge{background:#6366f11a;color:var(--primary);border:1px solid rgba(99,102,241,.2)}.ipv6-badge{background:#a855f71a;color:var(--secondary);border:1px solid rgba(168,85,247,.2)}.ip-card-body{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.ip-card .ip-address-text{font-size:1.65rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;word-break:break-all;text-align:left;font-family:var(--font-mono)}.ip-card .btn-copy{margin-left:auto}@media (max-width: 992px){.ip-dashboard{grid-template-columns:1fr}.map-card{min-height:auto;height:380px}.info-card{min-height:auto;height:auto}.ip-address-text{font-size:1.75rem}}@media (max-width: 576px){.ip-address-text{font-size:1.4rem}.ip-display-container{padding:.5rem 1.25rem}.ip-card .ip-address-text{font-size:1.3rem}.ip-card{padding:1rem 1.25rem}}