*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#172033;font:16px/1.5 Arial,sans-serif}.top{background:#12304a;color:white;padding:15px 4%;display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}.top nav{display:flex;gap:14px;flex-wrap:wrap}.top a{color:white;text-decoration:none}.container{max-width:1150px;margin:28px auto;padding:0 18px}h1{font-size:28px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.card,.panel{background:white;border-radius:14px;padding:20px;box-shadow:0 4px 18px #102b4610;margin-bottom:16px}.card h2{margin-top:0;font-size:20px}.muted{color:#637083}.status{display:inline-block;border-radius:20px;padding:4px 10px;background:#e7edf5;font-size:13px}.online{background:#d9f8e7;color:#12683b}.offline{background:#ffe3e3;color:#a42323}label{display:block;font-weight:600;margin:12px 0 5px}input,select,textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;background:white}textarea{min-height:110px}button,.btn{display:inline-block;background:#176ff2;color:white;border:0;border-radius:8px;padding:11px 16px;text-decoration:none;font:inherit;cursor:pointer}.btn.secondary,button.secondary{background:#e5edf8;color:#17324d}.danger{color:#a42323}.notice{padding:12px;border-radius:8px;background:#e4f5eb;margin:12px 0}.error{background:#ffe8e8}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:10px;border-bottom:1px solid #e6ebf1;vertical-align:top}th{background:#f7f9fc}.actions{display:flex;gap:8px;flex-wrap:wrap}footer{text-align:center;color:#718096;padding:25px}@media(max-width:600px){.top{align-items:flex-start}.top nav{gap:10px}}