body{font-family:Arial,sans-serif;background:#f4f4f4;margin:0;padding:0;}
.banner{width:100%;background:linear-gradient(90deg,#222,#111);color:#9ee0ff;text-align:center;padding:8px 12px;border-bottom:1px solid #333;font-weight:bold;}
.banner a{color:#9ee0ff;text-decoration:none;}
.banner a:hover{text-decoration:underline;}
.banner .tg-icon{display:inline-block;width:18px;height:18px;line-height:18px;margin-right:6px;vertical-align:middle;}
@media (max-width:480px){.banner{display:none;}}
.navbar{background:#2c3e50;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,0.1);} 
.navbar h1{margin:0;font-size:24px;}
.navbar a{color:#fff;text-decoration:none;background:#e74c3c;padding:8px 16px;border-radius:4px;transition:background 0.3s;}
.navbar a:hover{background:#c0392b;}

.section{background:#fff;padding:25px;margin:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.section h2{color:#2c3e50;margin-bottom:20px;border-bottom:2px solid #3498db;padding-bottom:10px;}

/* Stats Grid */
.stats-grid{display:flex;gap:20px;margin-bottom:20px;}
.stat-card{background:#ecf0f1;padding:20px;border-radius:8px;text-align:center;flex:1;border-left:4px solid #95a5a6;}
.stat-card.live{border-left-color:#27ae60;background:#d5f4e6;}
.stat-card.dead{border-left-color:#e74c3c;background:#fadbd8;}
.stat-card h3{margin:0;font-size:32px;color:#2c3e50;}
.stat-card p{margin:5px 0 0 0;color:#7f8c8d;font-weight:bold;}

/* Tables */
table{width:100%;border-collapse:collapse;margin-top:15px;}
th,td{border:1px solid #ddd;padding:12px 8px;text-align:left;}
th{background:#34495e;color:white;font-weight:bold;}
tr:nth-child(even){background:#f8f9fa;}
tr:hover{background:#e8f4f8;}

/* Status colors */
.status-live{color:#27ae60;font-weight:bold;}
.status-dead{color:#e74c3c;font-weight:bold;}
.status-unknown{color:#f39c12;font-weight:bold;}
.status-error{color:#e74c3c;font-weight:bold;}
.status-simulated{color:#8e44ad;font-weight:bold;}
.message{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* Login */
.login-container{max-width:350px;margin:100px auto;background:#fff;padding:30px;border-radius:8px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,0.1);}
.login-container h2{color:#2c3e50;margin-bottom:20px;}
.login-container input{width:90%;padding:12px;margin:10px 0;border:1px solid #ddd;border-radius:4px;}
.error{color:#e74c3c;background:#fadbd8;padding:10px;border-radius:4px;margin:10px 0;}

/* Buttons */
button,.btn{padding:10px 20px;background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;text-decoration:none;display:inline-block;margin:5px;transition:background 0.3s;}
button:hover,.btn:hover{background:#2980b9;}
.btn-success{background:#27ae60;}
.btn-success:hover{background:#229954;}
.btn-danger{background:#e74c3c;}
.btn-danger:hover{background:#c0392b;}
.btn-warning{background:#f39c12;}
.btn-warning:hover{background:#d68910;}

.export-buttons{margin-bottom:15px;}

/* BIN Result */
.bin-result{background:#e8f6f3;border:1px solid #1abc9c;padding:15px;border-radius:5px;margin-top:15px;}
.bin-result.error{background:#fadbd8;border-color:#e74c3c;}
.bin-result h4{margin:0 0 10px 0;color:#16a085;}
.bin-result p{margin:5px 0;}

/* Form styling */
form{margin-bottom:20px;}
form input{padding:10px;border:1px solid #ddd;border-radius:4px;margin-right:10px;}