*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f4f6fb;color:#182033}.top{height:68px;background:#111936;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1220px)/2))}.top a{color:#fff;text-decoration:none}.brand{font-weight:800}.wrap{max-width:1220px;margin:auto;padding:28px 18px 60px}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.hero h1{margin:0 0 6px}.hero p{margin:0;color:#697386}.hero-actions{display:flex;gap:10px}.hero-actions form{margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0}.stat,.card{background:#fff;border:1px solid #e6eaf2;border-radius:16px;box-shadow:0 8px 30px rgba(20,30,60,.05)}.stat{padding:20px}.stat span{color:#697386}.stat strong{display:block;font-size:30px;margin-top:8px}.card{padding:20px;margin-bottom:20px}.add{display:flex;gap:10px}.add input{flex:1}input{width:100%;padding:13px;border:1px solid #d8deea;border-radius:10px;font-size:15px}button,.button{border:0;border-radius:10px;background:#5d43d8;color:#fff;padding:12px 17px;font-weight:700;cursor:pointer;text-decoration:none}.dark{background:#253050}.tablecard{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:14px 15px;text-align:left;border-bottom:1px solid #edf0f5;font-size:14px}th{background:#fafbfe;color:#697386}.badge{padding:5px 9px;border-radius:99px;background:#eef1f6;font-weight:800;font-size:12px}.badge.online{background:#dcfce7;color:#166534}.badge.unreachable,.badge.dns_error,.badge.server_error{background:#fee2e2;color:#991b1b}.actions{display:flex;gap:6px}.actions form{margin:0}.mini{padding:7px 9px;font-size:12px;background:#344054}.danger{background:#c43d50}.err td{background:#fff7f7;color:#a33;white-space:normal}.empty{text-align:center;padding:35px}.flash{padding:12px;border-radius:10px;margin-bottom:15px}.success{background:#dcfce7;color:#166534}.error{background:#fee2e2;color:#991b1b}.loginbox{max-width:420px;margin:80px auto}.loginbox label{display:block;margin:15px 0 7px}.loginbox button{width:100%;margin-top:20px}@media(max-width:800px){.stats{grid-template-columns:1fr 1fr}.hero{align-items:flex-start;flex-direction:column}.add{flex-direction:column}}