*{box-sizing:border-box}body{margin:0;background:#070707;color:#fff;font-family:Arial,Helvetica,sans-serif}.sidebar{position:fixed;left:0;top:0;width:240px;height:100vh;background:#151515;padding:20px;border-right:1px solid #333}.logo{font-size:23px;font-weight:bold;margin-bottom:32px;line-height:1.25}.logo-icon{font-size:28px;margin-bottom:5px}.version{font-size:13px;color:#888;margin-top:6px}.nav a{display:block;color:#ddd;text-decoration:none;padding:13px 12px;border-radius:10px;margin-bottom:8px;font-size:18px}.nav a:hover,.nav .active{background:#2b2b2b;color:#fff}.main{margin-left:260px;padding:28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.top h1{margin:0;font-size:34px}.muted{color:#aaa}.summary{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0 35px}.summary-card{background:linear-gradient(145deg,#1b1b1b,#121212);border:1px solid #333;border-radius:16px;padding:16px 20px;min-width:150px}.summary-card .num{font-size:32px;font-weight:bold;margin-top:5px}.gateway{font-size:30px;margin:32px 0 20px}.cards{display:flex;flex-wrap:wrap;gap:20px}.card{width:295px;background:#222;border-radius:18px;padding:20px;box-shadow:0 0 18px #000}.card-wide{width:390px}.name{font-size:27px;font-weight:bold}.sub{color:#bbb;margin-top:5px}.temp{font-size:50px;font-weight:bold;margin-top:18px}.info{font-size:18px;margin-top:9px;color:#ddd}.status{font-size:22px;font-weight:bold;margin-top:18px}.actions{margin-top:18px}.btn{display:inline-block;background:#2e2e2e;color:#fff;text-decoration:none;border-radius:9px;padding:10px 14px;margin-right:8px;border:1px solid #444}.btn:hover{background:#008bd2}table{border-collapse:collapse;width:100%;background:#151515}th,td{border:1px solid #333;padding:10px}th{background:#222}input,textarea,select{width:100%;padding:9px;font-size:16px;border-radius:4px;border:1px solid #aaa}textarea{min-height:80px}button{margin-top:20px;padding:12px 25px;font-size:17px;border-radius:8px;border:0;cursor:pointer}button:hover{background:#00aaff;color:white}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));gap:18px;max-width:950px}.form-field label{display:block;margin-bottom:7px;color:#ccc}.badge{display:inline-block;padding:5px 10px;border-radius:20px;font-weight:bold}.badge-ok{background:#1d5f35}.badge-alert{background:#8b1f1f}.login-wrap{max-width:420px;margin:80px auto;background:#191919;padding:30px;border-radius:18px;border:1px solid #333}.error{background:#6a1e1e;padding:12px;border-radius:8px;margin-bottom:15px}.okbox{background:#1d5f35;padding:12px;border-radius:8px;margin-bottom:15px;display:inline-block}@media(max-width:850px){.sidebar{position:relative;width:100%;height:auto}.main{margin-left:0;padding:18px}.top{display:block}.card,.card-wide{width:100%}.form-grid{grid-template-columns:1fr}}