:root{font-family:Inter,system-ui,Arial,sans-serif;color:#eaf2ff;background:#08111f}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#07101d,#0d1d31);min-height:100vh}header{position:sticky;top:0;z-index:5;display:flex;gap:25px;align-items:center;justify-content:space-between;padding:18px 4vw;background:#08111fe8;border-bottom:1px solid #22334d;backdrop-filter:blur(12px)}.brand{font-weight:900;letter-spacing:.8px}.brand span{font-weight:500;color:#7dd3fc}nav{display:flex;gap:15px;flex-wrap:wrap}a{color:#9bdcff;text-decoration:none}main{max-width:1280px;margin:0 auto;padding:28px 4vw 70px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:#0f2036;border:1px solid #243a58;border-radius:16px;padding:18px;box-shadow:0 15px 40px #0003}.metric{font-size:32px;font-weight:900}.muted{color:#9bb0c9}.btn,button{display:inline-block;border:0;border-radius:10px;padding:10px 14px;background:#0ea5e9;color:white;font-weight:700;cursor:pointer}.btn.danger{background:#dc2626}.btn.secondary{background:#334155}input,select,textarea{width:100%;padding:11px;border-radius:9px;border:1px solid #39506f;background:#091625;color:#fff;margin:6px 0 13px}label{font-size:13px;color:#b9cae1}table{width:100%;border-collapse:collapse;background:#0f2036;border-radius:14px;overflow:hidden}th,td{text-align:left;padding:12px;border-bottom:1px solid #243a58;vertical-align:top}th{color:#9bdcff}.badge{display:inline-block;padding:4px 8px;border-radius:99px;background:#203a57;font-size:12px}.flash{padding:12px 15px;border-radius:10px;margin-bottom:14px}.flash.success{background:#14532d}.flash.error{background:#7f1d1d}.face{width:72px;height:72px;object-fit:cover;border-radius:12px;background:#1e293b}.timeline{border-left:2px solid #2f5578;margin-left:8px;padding-left:18px}.timeline-item{margin-bottom:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:760px){.split{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}nav{font-size:13px}}code{background:#07101d;padding:2px 5px;border-radius:5px}footer{text-align:center;color:#6f839b;padding:30px}

.page-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.page-head h1{margin-bottom:5px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.span-2{grid-column:span 2}.check{display:inline-flex;align-items:center;gap:8px;margin:4px 18px 12px 0}.check input{width:auto;margin:0}.toolbar{display:flex;gap:10px;align-items:center;margin-top:8px}.actions{min-width:250px}.actions form{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.actions button,.actions .btn{padding:7px 9px;font-size:12px}.badge.ok{background:#14532d;color:#bbf7d0}.badge.bad{background:#7f1d1d;color:#fecaca}.danger,button.danger{background:#dc2626}.secondary,button.secondary{background:#334155}.table-wrap{overflow-x:auto}@media(max-width:760px){.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.page-head{align-items:flex-start;flex-direction:column}}


.devices-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.8fr);gap:20px;align-items:start}.device-list{display:grid;gap:12px}.device-card{display:flex;align-items:center;gap:14px;background:#0f2036;border:1px solid #243a58;border-radius:16px;padding:16px}.device-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#163457;color:#7dd3fc;font-size:25px}.device-main{flex:1;min-width:0}.device-title{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:800}.device-stats{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:13px;color:#b9cae1}.device-actions{display:flex;gap:7px;flex-wrap:wrap}.compact-form{position:sticky;top:92px}.device-detail{margin-bottom:22px}.connection-strip{display:flex;gap:18px;flex-wrap:wrap;background:#091625;border:1px solid #243a58;border-radius:10px;padding:11px;margin:5px 0 15px}.channel-no{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#163457;color:#7dd3fc;font-weight:900}code{word-break:break-all}.device-detail form{display:flex;gap:7px;flex-wrap:wrap}@media(max-width:980px){.devices-layout{grid-template-columns:1fr}.compact-form{position:static}}@media(max-width:650px){.device-card{align-items:flex-start;flex-wrap:wrap}.device-actions{width:100%}}

.tenant-chip{display:inline-flex;gap:6px;align-items:center;padding:5px 10px;border-radius:999px;background:#eef2ff;font-size:12px}.table-wrap{overflow:auto}.brand small{display:block;font-size:10px;opacity:.7}