.device-empty{text-align:center;padding:80px 20px}.device-empty h2{font-size:17px;margin:0 0 8px}.device-empty p{color:var(--muted);font-size:11px;margin:0 0 18px}.device-modal{display:none;position:fixed;inset:0;z-index:10;background:rgba(2,8,16,.7);place-items:center;padding:20px}.device-modal.open{display:grid}.device-modal-card{position:relative;width:600px;max-width:100%;max-height:calc(100vh - 40px);overflow:auto;padding:30px;border:1px solid #29425c;border-radius:14px;background:#0e1a2b;box-shadow:0 25px 80px rgba(0,0,0,.4)}.device-modal-card h2{font-size:25px;margin:8px 0 5px}.device-modal-card>p{color:var(--muted);font-size:11px;margin:0 0 22px}.device-modal-card form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.device-modal-card label{color:#8ea1b8;font-size:10px;font-weight:700}.device-modal-card input,.device-modal-card select{width:100%;margin-top:7px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#0a1626;color:var(--text);outline:0;font-size:11px}.device-modal-card input:focus,.device-modal-card select:focus{border-color:var(--blue)}.device-modal-card form .primary-btn{grid-column:1/-1;margin-top:5px}.modal-close{position:absolute;right:18px;top:18px}.device-modal-card select option{background:#0e1a2b}@media(max-width:600px){.device-modal-card{padding:24px 18px}.device-modal-card form{grid-template-columns:1fr}}