:root{font-family:Segoe UI,Tahoma,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#173a5e,#07111d 55%);color:#eef7ff;min-height:100vh}main{width:min(920px,100%);margin:auto;padding:28px 20px 60px}.brandbar{display:flex;align-items:center;gap:16px;margin-bottom:22px}.brandbar h1{margin:0}.brandbar p{margin:5px 0}.logo{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:#24a9e8;color:#03111d;font-size:30px;font-weight:800}.tabs{display:flex;gap:8px;margin-bottom:14px}.tabs button{width:auto;margin:0;background:#142638;color:#cfe7f7}.tabs button.active{background:#24a9e8;color:#03111d}.card{width:min(470px,100%);margin:auto;padding:30px;background:#0d1b2bee;border:1px solid #2f5878;border-radius:22px;box-shadow:0 24px 70px #0008;backdrop-filter:blur(18px)}.card.wide{width:100%}.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.section-title h2,h3{margin:0}.section-title p{margin:6px 0}.pill{padding:6px 10px;border-radius:999px;background:#123e59;color:#6ed2ff;font-size:12px}.pill.admin{background:#423410;color:#ffd56e}p{color:#a9c4d8}label{display:block;margin:16px 0 7px;color:#cde2f2}input{width:100%;margin-top:7px;padding:13px;border:1px solid #385a72;border-radius:12px;background:#07111d;color:white;font-size:16px;direction:ltr}button,.button{width:100%;display:block;margin-top:18px;padding:13px;border:0;border-radius:12px;background:#24a9e8;color:#03111d;text-align:center;text-decoration:none;font-weight:700;font-size:15px;cursor:pointer}.secondary{background:#25394a;color:#dcecff}.danger{background:#5d2530;color:#ffdbe1}.compact{width:auto;margin:0;padding:9px 14px}.error{color:#ff9d9d;min-height:22px}.wifi{background:#1f744f;color:white}.local-title{margin-top:24px;color:#bdeed8}.create-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin:18px 0 22px}.create-grid label{margin:0}.create-grid button{margin:0;white-space:nowrap}.pairing{padding:18px;margin-bottom:20px;border:1px solid #23a4df;border-radius:16px;background:#09283b}.pairing code{display:block;font-size:30px;letter-spacing:5px;color:#7bdcff;margin:10px 0;direction:ltr}.pairing small{color:#d5ecfa;line-height:1.8;direction:ltr;display:block}.device-list{display:grid;gap:12px}.device{display:flex;justify-content:space-between;gap:20px;padding:18px;border:1px solid #29475d;border-radius:16px;background:#091522}.device h3{margin-bottom:5px}.device code{color:#9dcbe6}.device p{margin:8px 0}.online{color:#6ee7a8}.offline{color:#8ea5b5}.actions{min-width:180px}.actions button{margin:0 0 7px;padding:9px}.lan-links{font-size:12px;color:#9db5c6}.lan-links a{display:block;color:#69cbff;direction:ltr}.empty{text-align:center;padding:30px}@media(max-width:700px){main{padding:18px 12px}.brandbar{align-items:flex-start}.card{padding:22px}.create-grid{grid-template-columns:1fr}.device{display:block}.actions{display:grid;grid-template-columns:1fr 1fr;margin-top:14px;gap:7px}.actions button{margin:0}.actions .danger{grid-column:1/-1}}