:root{--primary-color:#4361ee;--secondary-color:#3f37c9;--success-color:#4cc9f0;--info-color:#4895ef;--warning-color:#f72585;--danger-color:#e63946;--light-color:#f8f9fa;--dark-color:#212529}body{background-color:#f5f8ff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.container{max-width:1200px}header h1{color:var(--primary-color);font-weight:700}header .lead{color:#555}.card{border-radius:15px;border:none;overflow:hidden;transition:all .3s ease}.card:hover{transform:translateY(-5px)}.ip-info{background-color:rgba(67,97,238,.05);border-radius:10px;padding:15px}.ip-badge{background-color:var(--primary-color);color:white;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}#user-ip{color:var(--primary-color);font-weight:600}.form-label{font-weight:600;color:#555}.form-control{border-radius:8px;padding:10px 15px;border:1px solid #ddd}.form-control:focus{box-shadow:0 0 0 3px rgba(67,97,238,.25);border-color:var(--primary-color)}.input-group-text{color:white}.btn-primary,.input-group-text{background-color:var(--primary-color);border:none}.btn-primary{border-radius:8px;padding:10px 20px;font-weight:600;transition:all .3s ease}.btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 5px 15px rgba(67,97,238,.3)}.table{border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.05)}.table-dark{background-color:var(--primary-color)}.table tbody tr{transition:all .2s ease}.table tbody tr:hover{background-color:rgba(67,97,238,.05)}.port-open{color:#2ecc71;font-weight:600}.port-closed{color:#e74c3c}.port-filtered{color:#f39c12}.alert{border-radius:10px;border:none}.spinner-border{width:3rem;height:3rem;color:var(--primary-color)}footer{margin-top:50px}@media (max-width:768px){.card{padding:15px}.ip-badge{width:40px;height:40px;font-size:1.2rem}}