/* NetInfo - OSINT Tools, Dark Theme */
:root {
  --bg: #0a0e17;
  --card: #111827;
  --text: #e2e8f0;
  --accent: #3b82f6;
  --accent2: #ef4444;
  --green: #22c55e;
  --gray: #64748b;
  --border: #1e293b;
  --hover: #1e293b;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
.container{max-width:1100px;margin:0 auto;padding:0 20px;width:100%}

header{background:var(--card);border-bottom:1px solid var(--border);padding:14px 0;position:sticky;top:0;z-index:100}
header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.logo{font-size:1.2rem;font-weight:700;color:var(--accent);text-decoration:none;letter-spacing:-0.5px}
.logo span{color:var(--gray);font-weight:400}

.tabs{display:flex;gap:4px;margin:24px 0 0;border-bottom:1px solid var(--border);flex-wrap:wrap}
.tab{padding:10px 20px;border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;background:var(--card);color:var(--gray);cursor:pointer;font-size:0.88rem;transition:all.15s;margin-bottom:-1px}
.tab:hover{color:var(--text)}
.tab.active{background:var(--bg);color:var(--accent);border-color:var(--border);border-bottom-color:var(--bg)}

.tool-pane{display:none;padding:24px 0}
.tool-pane.active{display:block}

.input-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.input-row input{flex:1;min-width:200px;padding:12px 16px;border:2px solid var(--border);border-radius:8px;font-size:0.95rem;background:var(--card);color:var(--text)}
.input-row input:focus{outline:none;border-color:var(--accent)}
.btn{background:var(--accent);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:0.9rem;cursor:pointer;transition:all.15s;font-weight:600;white-space:nowrap}
.btn:hover{opacity:0.9}
.btn:disabled{opacity:0.5;cursor:not-allowed}

.results{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:24px;min-height:80px;margin-top:8px}
.results.loading{display:flex;align-items:center;justify-content:center;color:var(--gray)}
.results.loading::after{content:'';width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-left:10px}
@keyframes spin{to{transform:rotate(360deg)}}

.result-table{width:100%;border-collapse:collapse;font-size:0.88rem}
.result-table tr{border-bottom:1px solid var(--border)}
.result-table td{padding:8px 12px;vertical-align:top}
.result-table td:first-child{color:var(--gray);font-weight:600;white-space:nowrap;width:140px}
.result-table td:last-child{color:var(--text)}
.result-table .status-up{color:var(--green);font-weight:600}
.result-table .status-down{color:var(--accent2);font-weight:600}

.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:12px}
.site-card{padding:10px;border:1px solid var(--border);border-radius:6px;font-size:0.82rem;text-align:center}
.site-card .s{font-weight:600;color:var(--accent)}
.site-card .up{color:var(--green)}
.site-card .down{color:var(--accent2)}
.site-card .unknown{color:var(--gray)}

footer{margin-top:auto;background:var(--card);border-top:1px solid var(--border);padding:24px 0;text-align:center;font-size:0.82rem;color:var(--gray)}
footer a{color:var(--accent);text-decoration:none}

.hero{text-align:center;padding:32px 20px 0}
.hero h1{font-size:1.8rem;margin-bottom:6px}
.hero p{color:var(--gray);font-size:0.95rem}

@media(max-width:600px){
  .tabs{flex-direction:column;gap:2px}
  .tab{border-radius:6px;border:1px solid var(--border);margin-bottom:0}
  .tab.active{border-color:var(--accent)}
}