:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}body{margin:0}#root{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 4px 20px #00000014}.login-card h1{color:#1a1a1a;margin-bottom:4px;font-size:28px}.login-card .subtitle{color:#888;margin-bottom:32px}.login-card form{flex-direction:column;gap:14px;display:flex}.login-card input{border:1px solid #ddd;border-radius:8px;outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s}.login-card input:focus{border-color:#4a90d9}.login-card button{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:8px;padding:12px;font-size:16px;transition:background .2s}.login-card button:hover{background:#357abd}.login-card button:disabled{cursor:not-allowed;background:#aaa}.login-card .error{color:#e74c3c;font-size:14px}.login-card .toggle{color:#4a90d9;cursor:pointer;margin-top:20px;font-size:14px}.login-card .toggle:hover{text-decoration:underline}.dashboard{max-width:800px;margin:0 auto;padding:20px}.dashboard header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.dashboard header h1{font-size:24px}.logout-btn{cursor:pointer;color:#666;background:0 0;border:1px solid #ddd;border-radius:6px;padding:8px 16px;font-size:14px}.logout-btn:hover{background:#f5f5f5}.dashboard main h2{color:#555;margin-bottom:16px;font-size:18px}.empty{text-align:center;color:#888;padding:60px 20px}.empty .hint{color:#aaa;margin-top:8px;font-size:14px}.device-list{flex-direction:column;gap:12px;display:flex}.device-card{background:#fff;border-radius:10px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000f}.device-info{flex:1}.device-info h3{margin-bottom:4px;font-size:16px}.device-info .last-seen{color:#999;font-size:13px}.editable-name{cursor:pointer}.editable-name:hover{color:#4a90d9}.edit-name input{border:1px solid #4a90d9;border-radius:4px;outline:none;width:100%;padding:4px 8px;font-size:16px;font-weight:700}.device-options{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.option-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:14px;display:flex}.option-item input[type=checkbox]{cursor:pointer;width:16px;height:16px}.ringtone-select{border:1px solid #ddd;border-radius:6px;outline:none;padding:4px 8px;font-size:13px}.device-actions{gap:8px;display:flex}.ring-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:8px;padding:10px 24px;font-size:15px;transition:background .2s}.ring-btn:hover{background:#c0392b}.ring-btn:disabled{cursor:not-allowed;background:#aaa}.delete-btn{color:#999;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:8px;padding:10px 16px;font-size:14px}.delete-btn:hover{color:#e74c3c;border-color:#e74c3c}.device-message{color:#4a90d9;width:100%;margin-top:4px;font-size:13px}.loading{color:#888;justify-content:center;align-items:center;min-height:100vh;display:flex}